.offline-status-button{display:inline-flex;align-items:center;gap:.42rem;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.12);color:inherit;border-radius:999px;padding:.36rem .66rem;font:inherit;font-size:.75rem;white-space:nowrap}.offline-status-button::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#a7f3d0;box-shadow:0 0 0 .18rem rgba(167,243,208,.18)}.offline-status-button[data-tone="warning"]::before{background:#fbbf24}.offline-status-button[data-tone="critical"]::before,.offline-status-button[data-tone="expired"]::before,.offline-status-button[data-tone="error"]::before{background:#fb7185}.offline-status-button[data-tone="working"]::before{background:#7dd3fc}.offline-status-panel{position:fixed;right:1rem;bottom:1rem;z-index:1080;width:min(420px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;background:#fff;color:#102a43;border:1px solid #b9d9d4;border-radius:1rem;box-shadow:0 1.2rem 3rem rgba(4,47,46,.24);padding:1rem}.offline-status-panel[hidden]{display:none}.offline-status-panel header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.offline-status-panel h2{font-size:1.1rem;margin:0}.offline-status-close{border:0;background:#edf7f5;border-radius:.55rem;width:2rem;height:2rem}.offline-version-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:1rem 0}.offline-version-grid div{background:#f3f8f7;border-radius:.65rem;padding:.6rem}.offline-version-grid dt{font-size:.7rem;color:#567}.offline-version-grid dd{margin:.15rem 0 0;font-weight:700;overflow-wrap:anywhere}.offline-critical-banner{position:sticky;top:0;z-index:1040;text-align:center;padding:.55rem 1rem;background:#fff3cd;color:#744d00;border-bottom:1px solid #f0ce73}.offline-critical-banner[data-tone="critical"],.offline-critical-banner[data-tone="expired"]{background:#fee2e2;color:#991b1b}.offline-financial-notice{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:1100;width:min(620px,calc(100vw - 2rem));background:#fff1f2;color:#9f1239;border:1px solid #fda4af;border-radius:.75rem;padding:.85rem 1rem;box-shadow:0 .8rem 2rem rgba(80,10,20,.2);font-weight:700}.offline-shell-page{min-height:100dvh;margin:0;display:grid;place-items:center;background:linear-gradient(135deg,#e6f7f3,#fff8d9);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#062d45;padding:1rem}.offline-shell-card{width:min(680px,100%);background:#fff;border:1px solid #b8dcd6;border-radius:1.1rem;box-shadow:0 1rem 3rem rgba(5,70,65,.15);padding:clamp(1.2rem,4vw,2.4rem)}.offline-shell-logo{display:block;max-width:280px;width:70%;height:auto}.offline-shell-card .eyebrow{color:#087f73;font-size:.75rem;font-weight:800;letter-spacing:.08em;margin:1.5rem 0 .35rem}.offline-shell-card h1{font-size:clamp(1.5rem,5vw,2.4rem);margin:.2rem 0}.offline-shell-message{background:#fff7df;border-left:4px solid #e5a11a;border-radius:.5rem;padding:.8rem;margin:1rem 0}.offline-shell-card button{border:0;background:#087f73;color:#fff;border-radius:.7rem;padding:.75rem 1rem;font-weight:700}@media(max-width:600px){.offline-version-grid{grid-template-columns:1fr}.offline-status-button [data-offline-status-label]{display:none}.offline-status-button::after{content:"Status"}}
.offline-status-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem}
.offline-financial-notice[data-tone="success"]{background:#e7f7f1;color:#075f52;border-color:#6dc9b7}.offline-financial-notice button{margin-inline-start:.65rem;border:1px solid currentColor;border-radius:.55rem;background:transparent;color:inherit;padding:.35rem .6rem;font-weight:700}.offline-document-queue{margin-top:.85rem;padding-top:.75rem;border-top:1px solid #d4e3df;font-size:.82rem}.offline-document-queue ul{list-style:none;margin:.4rem 0 0;padding:0;max-height:10rem;overflow:auto}.offline-document-queue li{padding:.38rem 0;border-bottom:1px solid #edf3f1}
.offline-resolution-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(130px,.7fr) minmax(180px,1.2fr) auto;gap:.35rem;align-items:center;min-width:650px}.offline-resolution-form input,.offline-resolution-form select{min-width:0;padding:.45rem .55rem}.offline-document-queue li{flex-wrap:wrap}.offline-document-queue li button{white-space:nowrap}@media(max-width:760px){.offline-resolution-form{grid-template-columns:1fr;min-width:240px}.offline-resolution-form button{width:100%}}