:root{font:16px/1.55 system-ui,sans-serif;color:#122238;background:#edf3f9;color-scheme:light;--blue:#006ee6;--border:#d6e1ed;--paper:#fff;--muted:#586b81}*{box-sizing:border-box}body{margin:0}header{padding:22px max(24px,5vw);display:flex;justify-content:space-between;align-items:center;background:var(--paper);border-bottom:1px solid var(--border)}.brand{font-size:26px;font-weight:850;letter-spacing:-1px;color:#073866;text-decoration:none}.brand span{color:var(--blue)}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--muted)}main{max-width:1200px;margin:44px auto;padding:0 24px}h1{font-size:32px;line-height:1.2;margin:12px 0 20px}h2{font-size:20px;margin:0}p{color:var(--muted)}.panel{background:var(--paper);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 12px 40px #07386609}.auth{max-width:480px;margin:60px auto}.eyebrow{color:var(--blue);font-size:11px;letter-spacing:1.6px;font-weight:800}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:650;margin-bottom:18px}input,select,button,.button{font:inherit;border:1px solid var(--border);border-radius:10px;padding:11px 14px;background:var(--paper);color:inherit}input,select{width:100%;min-width:0}button,.button{cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--blue);color:white;border-color:var(--blue);font-weight:700}.link{border:0;color:var(--blue);background:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #69b2ff;outline-offset:3px}.toolbar,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar{margin:24px 0}.toolbar label{flex:1;min-width:170px;margin:0}.cards{display:grid;gap:18px}.delivery-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.badge{color:#16744b;background:#ddf5e9;border-radius:30px;padding:4px 12px;font-size:13px}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.details span{display:block;font-size:12px;color:var(--muted)}.details strong{font-size:15px;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}th{font-size:12px;color:var(--muted)}.description{text-transform:uppercase}.scroll{overflow:auto}.actions{margin-top:20px}.empty{text-align:center;padding:30px}.admin-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px}.customer-options{max-height:230px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:12px}.customer-options label{flex-direction:row;align-items:center;font-weight:400;margin:7px 0}.customer-options input{width:auto}.user{margin-bottom:18px}.user small{display:block;color:var(--muted)}#message{max-width:1100px;margin:24px auto;padding:0 24px;white-space:pre-wrap}dialog{max-width:600px;width:90%;border:1px solid var(--border);border-radius:18px;padding:28px;background:var(--paper);color:inherit}dialog::backdrop{background:#061a3680}.error{color:#b32332!important}@media(max-width:780px){.admin-grid{grid-template-columns:1fr}.details{grid-template-columns:1fr 1fr}.auth{margin:20px auto}.panel{padding:20px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;background:#0b1525;color:#e2ebf7;--paper:#142236;--border:#30445e;--muted:#abbcd1}.brand{color:#e2ebf7}.badge{background:#173e35;color:#95e9c3}}
.admin-grid{align-items:start}
.client-header-controls{display:flex;align-items:center;gap:20px}
.client-header-controls[hidden]{display:none}
#client-launcher{border:0;background:transparent;padding:12px;width:48px;height:48px;display:grid;place-items:center}
.nine-dots{display:grid;grid-template-columns:repeat(3,5px);gap:4px}
.nine-dots i{width:5px;height:5px;border-radius:50%;background:currentColor}
#client-account{width:48px;height:48px;border-radius:50%;background:#111;color:#fff;border:0;font-weight:700;padding:0}
#client-apps,#client-account-panel{position:fixed;inset:86px 24px auto auto;margin:0;max-width:calc(100vw - 32px);width:310px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--paper);color:inherit;box-shadow:0 12px 40px #0003}
#client-apps button{display:block;width:100%;text-align:left;margin:4px 0;border:0}
#client-apps button[aria-current=page]{background:#006ee61a;color:var(--blue)}
#client-account-panel p,#client-account-name{overflow-wrap:anywhere}
#client-account-panel #logout{width:100%;margin-top:16px}
.account-information-link{width:100%;text-align:left;margin-top:18px}
.appearance-control{display:flex;flex-direction:column;align-items:center;gap:8px;margin:22px 0 8px}
#client-theme{width:80px;height:40px;border-radius:24px;padding:4px;border:0;background:#d8d8dc;box-shadow:inset 0 2px 5px #0003;display:flex;align-items:center}
.appearance-thumb{display:block;width:32px;height:32px;border-radius:50%;background:#f5f5f5;box-shadow:0 1px 3px #0004;transform:translateX(0);transition:transform .18s ease}
#client-theme[aria-checked=true]{background:#006ee6}
#client-theme[aria-checked=true] .appearance-thumb{transform:translateX(40px)}
#appearance-label{font-weight:650}
.account-information{max-width:760px}
.account-information dl{margin:0}
.account-information dl>div{padding:16px 0;border-bottom:1px solid var(--border)}
.account-information dt{font-size:13px;color:var(--muted)}
.account-information dd{margin:6px 0 0;overflow-wrap:anywhere;font-weight:600}
body>header{background:var(--client-header-fill,var(--paper));color:var(--client-header-text,inherit)}
body>header .brand,html[data-appearance] body>header .brand,body>header .brand span,body>header .brand small{color:var(--client-header-text,inherit)}
#client-apps,#client-account-panel{color:#122238}
@media(prefers-color-scheme:dark){#client-apps,#client-account-panel{color:#e2ebf7}}
:root[data-appearance=light] #client-apps,:root[data-appearance=light] #client-account-panel{color:#122238}
:root[data-appearance=dark] #client-apps,:root[data-appearance=dark] #client-account-panel{color:#e2ebf7}
.portal-theme-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:20px 0 30px}
.portal-theme-option>button{width:100%;text-align:left}
.portal-theme-option>button[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:2px}
.portal-theme-swatch{display:block;padding:20px 12px;border-radius:7px;margin-bottom:10px;font-weight:700}
.theme-builder{margin:24px 0}
.theme-builder>label{margin-top:18px;max-width:460px}
.theme-color-fields{display:flex;gap:20px;flex-wrap:wrap}
.theme-color-fields input{width:80px;height:48px;padding:4px}
#portal-theme-preview{border-radius:12px;padding:28px;margin:12px 0;font-weight:700}
@media(prefers-reduced-motion:reduce){.appearance-thumb{transition:none}}
.dashboard-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.dashboard-summary button{text-align:left}
.dashboard-summary span,.dashboard-summary small,.dashboard-summary strong{display:block}
.dashboard-summary strong{font-size:24px;margin:12px 0;overflow-wrap:anywhere}
.dashboard-summary small{color:var(--muted)}
.dashboard-charts{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:28px}
.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.chart-heading label{margin:0;min-width:150px}
.graph-date-filters{align-items:flex-end}
.graph-date-filters input,.graph-date-filters button{height:48px}
.graph-date-filters p{flex-basis:100%;margin:0}
.dashboard-chart{width:100%;min-width:0}
.dashboard-chart svg{display:block;width:100%;height:auto;overflow:visible}
.dashboard-chart text{fill:var(--muted);font-size:12px;font-family:system-ui,sans-serif}
.chart-grid{stroke:var(--border);stroke-width:1}
.chart-mark{fill:var(--blue)}
.chart-line{fill:none;stroke:var(--blue);stroke-width:3;stroke-linejoin:round}
.chart-area{fill:var(--blue);opacity:.15}
.dashboard-charts details{margin:14px 0}
.dashboard-charts details table{table-layout:fixed}
:root[data-appearance=light]{color-scheme:light;background:#edf3f9;color:#122238;--paper:#fff;--border:#d6e1ed;--muted:#586b81}
:root[data-appearance=dark]{color-scheme:dark;background:#0b1525;color:#e2ebf7;--paper:#142236;--border:#30445e;--muted:#abbcd1}
:root[data-appearance=light] .brand{color:#073866}
:root[data-appearance=dark] .brand{color:#e2ebf7}
@media(max-width:780px){.dashboard-summary{grid-template-columns:1fr}.client-header-controls{gap:10px}#client-apps,#client-account-panel{right:16px}}
.delivery-row{padding:0;border-radius:12px;box-shadow:none;overflow:hidden}
.delivery-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:20px;align-items:center;padding:16px 20px;cursor:pointer;list-style:none}
.delivery-summary::-webkit-details-marker{display:none}
.delivery-summary small{display:block;color:var(--muted);font-size:12px}
.delivery-summary strong,.delivery-summary-meta{overflow-wrap:anywhere;min-width:0}
.delivery-summary:focus-visible{outline:3px solid #69b2ff;outline-offset:-3px}
.disclosure-label{display:flex;align-items:center;justify-content:center;color:var(--muted);width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--paper);position:relative;flex-shrink:0}
.disclosure-label .when-closed,.disclosure-label .when-open{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.disclosure-chevron{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:0}
.disclosure-chevron::after{content:"";display:block;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.delivery-summary:hover .disclosure-label{border-color:var(--muted)}
.toolbar:has(>#refresh){align-items:flex-end}
.toolbar:has(>#refresh) input,#refresh{height:48px}
.delivery-disclosure:not([open]) .when-open,.delivery-disclosure[open] .when-closed{display:none}
.delivery-disclosure[open]>.delivery-summary{border-bottom:1px solid var(--border)}
.delivery-disclosure[open] .disclosure-chevron{transform:rotate(180deg)}
.delivery-body{padding:20px}
#deliveries{gap:10px}
@media(max-width:780px){.delivery-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px}.delivery-summary-meta{font-size:12px}.disclosure-label{justify-self:end}.delivery-body{padding:16px}}
.panel{min-width:0}
.cards{grid-template-columns:minmax(0,1fr)}
.scroll table{min-width:620px;table-layout:fixed}
.scroll th:first-child{width:60px}
.scroll th:nth-child(3){width:140px}
.scroll th:last-child{width:70px}
.scroll{overscroll-behavior-x:contain}
.customer-card,.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}
.workspace-tabs{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}
.workspace-tabs [aria-selected=true]{background:var(--blue);color:white;border-color:var(--blue)}
.danger{color:#b32332;border-color:#eeb9bf}
.item-record{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}
.item-record h3{margin-bottom:6px}
.eta-segment{display:flex;flex-wrap:wrap;gap:18px;background:#006ee610;padding:12px;margin-bottom:10px;border-radius:10px}
.check-label{display:flex;flex-direction:row;align-items:center}
.check-label input{width:auto}
.ticket-type-options{display:grid;gap:12px;margin:20px 0}.ticket-type-options button{display:flex;flex-direction:column;text-align:left;gap:4px}.ticket-type-options span{font-size:14px;color:var(--muted)}#workspace>button.primary{margin:0 0 20px}
.panel label:has(>input[type=checkbox]){display:flex;flex-direction:row;align-items:flex-start;gap:10px}
.panel label>input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;padding:0}
#breadcrumbs{margin-bottom:24px;color:var(--muted)}
@media(max-width:780px){.customer-card,.workspace-heading{align-items:flex-start;flex-direction:column}.admin-grid{grid-template-columns:minmax(0,1fr)}}
/* Session resolution is neutral: never flash a sign-in form to authenticated users. */
.nexus-loading{text-align:center;min-height:330px;display:grid;justify-items:center;align-content:center;gap:12px}.nexus-loading p,.nexus-loading h1{margin:0}.nexus-loading-network{width:120px;height:100px;overflow:visible;color:#0878e8}.nexus-loading-network path{fill:none;stroke:currentColor;stroke-width:3;opacity:.4}.nexus-loading-network circle{fill:var(--panel,#fff);stroke:currentColor;stroke-width:3}.nexus-loading-network .nexus-signal{fill:#0caab9;stroke:none;animation:nexus-connect 2.4s ease-in-out infinite;transform-origin:60px 50px}@keyframes nexus-connect{0%,100%{transform:translate(0,0)}33%{transform:translate(45px,76px)}66%{transform:translate(-45px,76px)}}@media(prefers-reduced-motion:reduce){.nexus-loading-network .nexus-signal{animation:none}}
.service-attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.service-attachments a{overflow-wrap:anywhere}.service-file-picker{display:grid;gap:6px;margin-block:12px}.service-file-picker small{font-weight:normal}.service-file-picker input{max-width:100%}
.toolbar.service-ticket-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}
.toolbar.service-ticket-filters label{display:flex;flex-direction:column;flex:1 1 170px;min-width:0;margin:0}
.toolbar.service-ticket-filters input,.toolbar.service-ticket-filters select,.toolbar.service-ticket-filters button{height:48px;margin:0}
.toolbar.service-ticket-filters button{flex:0 0 auto;white-space:nowrap}
