.loading-state{min-height:300px;display:grid;place-items:center;color:#879ab6;font-size:13px}.live-role{display:flex;align-items:center;gap:6px;color:#476eaa;font-size:10px;border:1px solid #dce8fa;background:#f2f7ff;padding:6px 9px;border-radius:6px}.live-role select{border:0;background:transparent;color:inherit;font-size:10px;outline:none;max-width:130px}.connection-banner{margin-bottom:20px;display:flex;align-items:center;gap:12px;border:1px solid #e0eaf8;background:#f1f6fe;padding:13px 16px;border-radius:9px;color:#768dae;font-size:10px;line-height:1.7}.connection-banner strong{color:#476d9e;font-weight:550}.connection-banner .btn{margin-left:auto}.connection-banner.warning{border-color:#efdfc5;background:#fffaf2;color:#a18b69}.connection-banner.warning strong{color:#967747}.connection-banner.critical{border-color:#efdbd6;background:#fff8f6;color:#ac8477}.source-status{font-size:9px;display:flex;align-items:center;gap:6px;color:#8c9eb8}.source-status.connected{color:#4e8b63}.source-status.needs_key,.source-status.error{color:#b18a4f}.neutral-metric{font-size:10px;color:#94a5be;font-weight:400;letter-spacing:0}.access-matrix td{white-space:normal;line-height:1.8}.access-matrix th{font-size:10px}.permission-yes{color:#4f8e68;font-size:11px}.permission-no{color:#9aabbe;font-size:11px}.role-card{padding:23px;border-top:3px solid #0267e5}.role-card.support{border-top-color:#6fa9f1}.role-card h2{margin:0 0 9px;font-size:17px;font-weight:550;color:#294b7b}.role-card p{font-size:11px;color:#8a9fbd;line-height:1.8;margin:0 0 15px}.role-card ul{margin:0;padding-left:16px;color:#748fb4;font-size:10px;line-height:2.2}.role-card .role-label{font-size:8px;letter-spacing:1.3px;color:#99afcb;margin-bottom:13px}.role-note{padding:20px;font-size:11px;line-height:1.9;color:#859dbe}.role-note strong{color:#5078ab}.section-label{color:#8da3c2;font-size:9px;letter-spacing:1.2px;margin:22px 0 10px}.technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.technical-note{color:#8da4c4;font-size:10px;line-height:1.9;padding:0 19px 18px}.source-status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;font-size:8px;border-radius:5px;background:#f0f5fd;color:#7c98bd}.source-status-pill.connected{background:#eef7ee;color:#62906a}.source-status-pill.error,.source-status-pill.needs_key{background:#fdf4e8;color:#b28b50}.provider-error{padding:30px 23px;color:#8aa0bf;font-size:11px;line-height:1.9}.provider-error strong{display:block;color:#5d7fab;font-size:14px;font-weight:500;margin-bottom:9px}.provider-error i{margin-bottom:15px;color:#9db8dc}.provider-error .btn{margin-top:15px}.chart-unavailable{height:225px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;color:#9bacc4;font-size:10px;line-height:1.8;background:linear-gradient(180deg,#fff,#fbfcff)}.chart-unavailable strong{color:#7e98bb;font-size:12px;font-weight:500;display:block;margin:10px 0 3px}.chart-unavailable svg{color:#a8bfdd}.raw-badge{font-size:8px;padding:3px 5px;background:#f1f6fd;color:#8ea8ca;border-radius:4px}.metric-card .metric-bottom{line-height:1.6;min-height:18px}.metric-value.large-placeholder{color:#ccd7e6}.period-label{font-size:9px;color:#a0b0c8}.health-explainer{padding:22px 24px;display:flex;align-items:center;gap:21px}.fleet-placeholder{width:95px;height:95px;display:flex;align-items:center;justify-content:center;border:9px solid #edf2f9;border-radius:50%;color:#c1cde0;font-size:28px;flex-shrink:0}.health-explainer p{margin:0;font-size:10px;color:#8da4c4;line-height:1.8}.health-explainer strong{font-size:12px;display:block;color:#728eb5;margin-bottom:6px}.role-alert{background:#0c2a7f;color:#d5e7ff;padding:10px 16px;font-size:10px;display:flex;gap:10px;align-items:center;line-height:1.8}.role-alert button{margin-left:auto;color:white;border-color:#4265ab;background:transparent}.drawer-tabs{gap:23px}.error-body{color:#8da3c2;line-height:1.9;font-size:11px}.account-plan{font-size:9px;color:#8da4c2}.scope-note{font-size:9px;line-height:1.8;color:#8da4c4;padding:10px 18px;border-top:1px solid #edf2fa}.coverage-list{padding:0 20px 10px}.coverage-row{padding:12px 0;display:flex;gap:10px;color:#8da4c5;border-bottom:1px solid #edf2f8;font-size:10px;line-height:1.6}.coverage-row b{color:#6c8ab4;font-weight:500;min-width:75px}.drawer .detail-grid dd{word-break:break-word}.small-avatar{width:30px;height:30px;border-radius:7px;font-size:10px;background:#edf4fe;color:#7a9cc9}.read-only-label{font-size:9px;color:#8ba4c6}.account-id{color:#7c96b9;font-family:Consolas,monospace;font-size:9px}.integration-card-top .status{max-width:130px;line-height:1.5}.provider-message{min-height:39px}.financial-badge{font-size:8px;color:#9d80a8;background:#f8f1fa;padding:4px 6px;border-radius:4px}.profile>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-empty{min-height:230px}.signin-button{color:#fff;background:#0267e5;padding:10px 14px;border-radius:7px;display:inline-block;margin-top:14px;font-size:11px}.role-summary{display:flex;gap:12px;align-items:center;margin-left:auto}.loading-pulse{animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.5}}
@media(max-width:1100px){.live-role{font-size:9px;padding:5px 7px}.topbar-end .prototype-badge{display:none}.technical-grid{grid-template-columns:1fr}.role-summary{display:none}}
@media(max-width:640px){.live-role select{max-width:105px;font-size:9px}.connection-banner{font-size:9px;gap:8px;padding:12px}.connection-banner .btn{font-size:8px}.technical-grid{gap:14px}.role-card{padding:20px}.role-card h2{font-size:16px}.role-alert{font-size:9px}.role-alert .btn{font-size:8px}.topbar .breadcrumbs>span{display:none}.health-explainer{padding:19px}.chart-unavailable{height:210px}.integration-card-top .status{font-size:8px}}
.device-source-tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.device-source-tabs .selected{background:#0267e5;color:#fff;border-color:#0267e5}.source-status-pill.recent{color:#248761;background:#e9f8f0}.source-status-pill.stale{color:#996a16;background:#fff7e6}.source-status-pill.overdue{color:#bc4c45;background:#fff0ef}
.posthog-setup-screen .setup-scope{margin-bottom:20px}.posthog-setup-screen .setup-scope .setup-back{font-size:11px}
.metrics-grid.fleet-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.fleet-metrics .metric-card{text-align:left;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s;background:linear-gradient(145deg,#f4f8ff,#fff);border-color:#d8e6f8}.fleet-metrics .metric-card:hover{border-color:#78a9eb;box-shadow:0 4px 16px #0267e50b}.fleet-metrics .metric-card:focus-visible{outline:2px solid #0267e5;outline-offset:3px}.fleet-metrics .metric-card:disabled{cursor:default;opacity:.65}.fleet-metrics .metric-card:nth-child(1) .metric-value{color:#0267e5}.fleet-metrics .metric-card:nth-child(2){background:linear-gradient(145deg,#f2faf6,#fff);border-color:#d6eadd}.fleet-metrics .metric-card:nth-child(2) .metric-value{color:#258362}.fleet-metrics .metric-card:nth-child(3){background:linear-gradient(145deg,#fffbf3,#fff);border-color:#eee2c9}.fleet-metrics .metric-card:nth-child(3) .metric-value{color:#ac7a26}.fleet-metrics .metric-card .large-placeholder{color:#ccd7e6}.fleet-definition{margin:0 0 22px;color:#8296b3;font-size:10px;line-height:1.8}.registration-tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.registration-tabs .btn{gap:8px}.registration-tabs .btn>span{padding:3px 6px;border-radius:4px;background:#edf3fc;font-size:9px;font-variant-numeric:tabular-nums}.registration-tabs .selected{border-color:#b4cff3;background:#eff6ff;color:#0267e5}.registration-tabs .selected>span{background:#dceafe}.device-heading-count{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #dce8fa;border-radius:7px;background:#f5f9ff;padding:9px 12px;font-size:10px;color:#6784ab}.device-heading-count strong{font-size:17px;color:#0267e5;font-weight:600;font-variant-numeric:tabular-nums}
@media(max-width:640px){.metrics-grid.fleet-metrics{grid-template-columns:1fr;gap:10px}.fleet-metrics .metric-card{padding:17px 20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 14px}.fleet-metrics .metric-value{grid-column:2;grid-row:1 / span 2;font-size:26px;margin:0}.fleet-metrics .metric-bottom{grid-column:1;font-size:9px;min-height:0}.fleet-definition{font-size:9px;margin-bottom:17px}.registration-tabs{gap:6px}.registration-tabs .btn{font-size:9px;padding:8px}}
.device-modal{width:min(720px,100%);max-width:720px}.device-modal .modal-body{max-height:72vh;overflow-y:auto}.device-record-heading{display:flex;gap:14px;align-items:center;margin-bottom:24px}.device-record-icon{width:46px;height:46px;border:1px solid #dce8fa;border-radius:12px;display:grid;place-items:center;background:#f4f8ff;color:#0267e5;flex-shrink:0}.device-record-heading h3{font-size:19px;color:#173b70;margin:5px 0}.device-record-heading p,.owner-card p{font-size:11px;color:#7187a6;margin:5px 0;line-height:1.7}.device-record-heading .section-label,.owner-card .section-label{margin:0;font-size:9px}.owner-card{border:1px solid #dbe7f8;border-radius:12px;background:#f7faff;padding:20px;display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:24px}.owner-card h3{font-size:17px;color:#173b70;margin:7px 0;overflow-wrap:anywhere}.owner-card .btn{flex-shrink:0}.device-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.device-section-heading h3{font-size:13px;color:#284c7e;margin:0}.connection-history-empty{display:flex;align-items:flex-start;gap:13px;border:1px dashed #d5e1f1;padding:20px;border-radius:10px;color:#7089ab;margin-bottom:23px}.connection-history-empty>svg{flex-shrink:0;width:21px}.connection-history-empty strong{font-size:12px;font-weight:550;color:#476b9b}.connection-history-empty p{font-size:11px;line-height:1.8;margin:6px 0 0}.device-disclosure{border-top:1px solid #e7edf6}.device-disclosure summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:17px 0;cursor:pointer;font-size:12px;font-weight:550;color:#355986}.device-disclosure summary::-webkit-details-marker{display:none}.device-disclosure[open] summary>svg{transform:rotate(180deg)}.device-disclosure .detail-grid{padding:4px 0 18px}.device-record-note{font-size:10px;color:#7e91ad;line-height:1.8;margin:18px 0 0}.owner-table-cell strong{font-size:10px;display:block;color:#3c6090;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-table-cell small{font-size:9px;color:#8ba0ba}.owner-editor>p{color:#6982a5;font-size:12px;line-height:1.8;margin:0 0 18px}.owner-search{max-width:none;margin-bottom:12px}.owner-option{background:white;border:1px solid transparent;display:flex;align-items:center;width:100%;gap:12px;padding:11px 12px;border-radius:8px;text-align:left;cursor:pointer;color:#7390b4}.owner-option:hover{background:#f5f8fd}.owner-option.selected{border-color:#b8d2f5;background:#f2f7ff}.owner-option>span:nth-child(2){flex:1;min-width:0}.owner-option strong,.owner-selection strong{display:block;font-size:12px;color:#345b8d;font-weight:550;overflow-wrap:anywhere}.owner-option small{display:block;font-size:10px;color:#7f94af;margin-top:3px;overflow-wrap:anywhere}.owner-option>svg{width:16px;flex-shrink:0}.owner-search-hint{font-size:10px;color:#8ba0bd;margin:12px}.owner-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;background:#f4f8fe;border:1px solid #e0eafa;border-radius:9px;margin-top:18px}.owner-selection small{font-size:8px;letter-spacing:1px;color:#859bbe;display:block;margin-bottom:7px}.owner-selection span{display:block;font-size:10px;color:#7d94b5;margin-top:4px}.ownership-error{color:#a14343;background:#fff4f4;border:1px solid #f0d8d8;padding:12px;border-radius:8px;font-size:11px;line-height:1.7}.owner-history-list>div{padding:12px 0;border-top:1px solid #edf1f8;display:flex;justify-content:space-between;gap:14px}.owner-history-list>div:first-child{border-top:0}.owner-history-list>div>span{display:grid;grid-template-columns:17px 1fr;gap:4px 9px}.owner-history-list svg{width:14px;color:#83a4ce}.owner-history-list strong{font-size:11px;font-weight:500;color:#4b6d9c}.owner-history-list small{grid-column:2;font-size:9px;color:#94a4bc}.owner-history-list time{font-size:9px;color:#8d9fb8;white-space:nowrap}.btn:disabled,.owner-option:disabled{opacity:.5;cursor:default}
@media(max-width:560px){.owner-card{padding:16px;align-items:flex-start;flex-direction:column}.owner-card .btn{align-self:flex-start}.device-record-heading h3{font-size:17px}.device-modal .modal-body{max-height:68vh}.device-modal .modal-footer{flex-wrap:wrap;gap:8px}.device-section-heading{align-items:flex-start;flex-direction:column}.owner-selection{align-items:flex-start;flex-direction:column}.device-record-heading p{overflow-wrap:anywhere}}
.headwind-setup-screen{min-height:100vh;display:flex;justify-content:center;background:#f5f7fb;padding:44px 20px;font-family:Inter,Arial,sans-serif;color:#162d4e}.headwind-setup-wrap{width:100%;max-width:550px}.headwind-setup-brand{display:flex;align-items:center;flex-direction:column;gap:12px;text-decoration:none;margin-bottom:28px}.headwind-setup-brand img{width:190px;height:auto}.headwind-setup-brand span{font-size:9px;letter-spacing:3px;color:#70819b}.headwind-setup-card{background:white;border:1px solid #e3eaf3;border-radius:18px;padding:34px;box-shadow:0 12px 40px #0c2a7f07}.setup-admin-label{display:inline-block;font-size:10px;letter-spacing:1.3px;color:#0267e5;font-weight:700;background:#edf5ff;padding:8px 10px;border-radius:6px}.headwind-setup-card h1{font-size:28px;margin:20px 0 10px;letter-spacing:-.6px}.setup-intro{font-size:13px;line-height:1.7;color:#627591}.setup-account{background:#f6f9fe;border:1px solid #e8eef7;border-radius:10px;margin:22px 0;padding:17px;display:grid;gap:15px}.setup-account span{display:block;font-size:10px;color:#7689a5;margin-bottom:5px}.setup-account strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.headwind-setup-card form label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.headwind-setup-card input{width:100%;height:46px;border:1px solid #cdd9e9;border-radius:8px;padding:10px 12px;font:inherit;font-size:14px;background:#fff;box-sizing:border-box}.headwind-setup-card input:focus{outline:3px solid #0267e520;border-color:#0267e5}.headwind-setup-card input:disabled{background:#f7f9fc}.setup-privacy{font-size:11px;line-height:1.7;color:#7183a0;margin:10px 0 18px}.setup-connect{width:100%;border:0;border-radius:8px;background:#0267e5;color:white;padding:13px 16px;font-weight:600;font-size:13px;cursor:pointer}.setup-connect:disabled{opacity:.5;cursor:default}.setup-message{min-height:18px;font-size:12px;line-height:1.7;color:#687c9a;margin-top:15px;overflow-wrap:anywhere}.setup-message.success{color:#17744f}.setup-scope{border-top:1px solid #e8eef5;margin-top:22px;padding-top:18px}.setup-scope strong{font-size:12px}.setup-scope p{font-size:11px;color:#7183a0;line-height:1.7;margin:7px 0 18px}.setup-back{color:#0267e5;font-size:12px;text-decoration:none}.setup-footer{text-align:center;color:#8b9ab0;font-size:10px;margin-top:22px}@media(max-width:520px){.headwind-setup-screen{padding:25px 14px}.headwind-setup-card{padding:24px}.headwind-setup-card h1{font-size:25px}}

.device-notes-section{margin:20px 0;padding:18px;border:1px solid var(--border,#e5eaf2);border-radius:12px;background:#f8faff}.device-notes-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:12px 0;color:#233752}.device-notes-preview{display:block;max-width:220px;white-space:normal;overflow-wrap:anywhere;color:#64748b;font-size:11px;line-height:1.5;margin-top:6px}

.device-company-label{display:block;color:#0c2a7f;font-size:11px;font-weight:600;margin-top:5px;overflow-wrap:anywhere}

.owner-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}

.device-page-controls,.device-page-size{display:flex;align-items:center;gap:12px}.device-page-size{font-size:12px;color:#64748b}.device-page-size select{width:auto;min-width:150px}.device-table-scroll-all{max-height:65vh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.device-table-scroll-all thead th{position:sticky;top:0;z-index:2;background:#f8faff}.device-table-scroll-all:focus-visible{outline:2px solid #0267e5;outline-offset:-2px}@media(max-width:640px){.table-footer:has(.device-page-controls){flex-wrap:wrap;gap:12px}.device-page-controls{flex-wrap:wrap;gap:8px}.device-table-scroll-all{max-height:60vh}}

.product-health-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;margin:22px 0}.product-health-summary h2{margin:7px 0;font-size:20px}.product-health-summary p,.product-service>p{color:#64748b;font-size:12px;line-height:1.6}.health-inline-services{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px}.health-inline-services>span{display:flex;align-items:center;gap:8px;font-size:12px}.health-state{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#64748b}.health-state>span{width:7px;height:7px;border-radius:50%;background:currentColor}.health-operational{color:#16864a}.health-degraded{color:#a86608}.health-down{color:#c73535}.product-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.product-service{padding:22px}.product-service-values{display:flex;flex-wrap:wrap;gap:24px;margin:22px 0}.product-service-values span{display:block;font-size:11px;color:#64748b;margin-bottom:6px}.product-service-values strong{font-size:19px}.product-uptime-bars{display:flex;height:24px;gap:2px}.product-uptime-bars span{flex:1;min-width:1px;border-radius:2px;background:#e2e8f0}.product-uptime-bars .uptime-ok{background:#22a868}.product-uptime-bars .uptime-slow{background:#e4a327}.product-uptime-bars .uptime-bad{background:#dd5151}.product-history-caption{font-size:10px!important;margin-bottom:0!important}.product-report iframe{display:block;width:100%;height:75vh;min-height:520px;border:0;border-top:1px solid #e5eaf2;background:white}.product-report>.technical-note{padding:0 22px 15px}.health-loading{padding:25px;margin:20px 0;color:#64748b}.health-source-error{color:#9c4747!important}@media(max-width:900px){.product-service-grid{grid-template-columns:1fr}.product-health-summary{align-items:flex-start;flex-direction:column}.product-report iframe{min-height:420px;height:70vh}}

.staff-access-screen{min-height:100vh;background:radial-gradient(ellipse at top right,#e8f2ff,transparent 60%),#f6f8fc;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:40px 20px;gap:26px}.staff-access-brand{display:flex;align-items:center;flex-direction:column;gap:12px;text-decoration:none}.staff-access-brand img{width:220px;height:auto}.staff-access-brand span{font-size:10px;letter-spacing:3px;color:#71829e}.staff-access-card{width:100%;max-width:480px;padding:34px;background:#fff;border:1px solid #e2eaf5;border-radius:20px;box-shadow:0 18px 60px #0c2a7f0a}.staff-access-card h1{font-size:26px;margin:12px 0}.staff-access-card>p{line-height:1.6;color:#64748b;font-size:14px}.staff-access-note{font-size:12px!important;margin-top:24px}.staff-access-card .cl-rootBox,.staff-access-card .cl-cardBox{width:100%}.staff-access-card .cl-cardBox{box-shadow:none}#staff-clerk-signin{margin-top:20px}@media(max-width:540px){.staff-access-card{padding:24px}.staff-access-card h1{font-size:23px}}

button.top-avatar{cursor:pointer;border:1px solid #dce7f7;flex-shrink:0}button.top-avatar:hover{box-shadow:0 0 0 3px #0267e51a}button.top-avatar:focus-visible{outline:2px solid #0267e5;outline-offset:3px}.staff-auth-controls{display:flex;align-items:center;gap:8px}.staff-auth-controls .btn{white-space:nowrap;font-size:11px;padding:8px 12px}.account-menu-identity{display:flex;align-items:center;gap:14px;margin:0 0 20px}.account-menu-identity .avatar{width:46px;height:46px;font-size:16px}.account-menu-identity h3{margin:0 0 6px;font-size:18px;color:#193a69}.account-menu-identity p{margin:0;color:#64748b;font-size:12px}@media(max-width:640px){.staff-auth-controls .btn{padding:7px 9px;font-size:10px}.topbar-end{gap:8px}}