:root{--bg:#f3f6f8;--card:#ffffff;--line:#d9e1e8;--text:#1a2733;--muted:#5f7286;--brand:#144f8c;--brand-2:#0e3a67;--error:#b42318}*{box-sizing:border-box}body,html{width:100%;max-width:100%;overflow-x:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at 5% 0,#dbe8f6 0,var(--bg) 30%,#eef3f7 100%);color:var(--text)}body,h1,h2,h3,p{margin:0}main{min-height:100vh}.login-shell{display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;grid-gap:14px;gap:14px;box-shadow:0 14px 45px rgba(20,79,140,.1)}label{display:grid;grid-gap:6px;gap:6px;font-size:14px;color:var(--muted);min-width:0;width:100%}button,input,select,textarea{border-radius:8px;border:1px solid var(--line);padding:10px 12px;font-size:14px;max-width:100%}select,textarea{font-family:inherit}button{cursor:pointer;background:var(--brand);color:#fff;border-color:var(--brand-2);width:100%}.dashboard-shell{padding:10px 20px 20px;display:grid;grid-gap:10px;gap:10px;align-content:start;max-width:100%;overflow-x:clip}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0}.topbar-copy h1{font-size:clamp(22px,2.4vw,28px);line-height:1}.topbar p{color:var(--muted);margin-top:2px;font-size:12px}.topbar-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-width:0}.topbar-actions .link-button,.topbar-actions button{width:auto;min-height:32px;padding:6px 10px;font-size:12px}.grid{display:grid;grid-gap:12px;gap:12px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}.stat span{color:var(--muted);display:block;font-size:13px}.stat strong{font-size:28px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.debug-timeline-controls{align-items:center;flex-wrap:nowrap}.debug-timeline-controls button,.debug-timeline-controls input,.debug-timeline-controls select{width:auto;margin:0}.debug-timeline-controls input{flex:1 1 220px;min-width:180px}.debug-timeline-controls button{flex:0 0 auto;min-width:42px;padding-inline:12px}.debug-timeline-controls select{flex:0 0 auto}.debug-section summary{cursor:pointer;font-size:1.5rem;font-weight:700;list-style-position:outside}.debug-section-body{margin-top:12px}.map-shell{display:grid;grid-gap:12px;gap:12px}.map-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.map-head h2{font-size:24px;line-height:1.1}.map-head p{color:var(--muted);margin-top:2px;font-size:13px}.map-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.segmented-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#f8fbfe}.segmented-toggle-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.segmented-toggle-button:hover{color:var(--text)}.segmented-toggle-button.is-active{background:#ffffff;color:var(--brand);box-shadow:0 1px 2px rgba(15,23,42,.12)}.staff-map{width:100%;min-height:420px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(135deg,rgba(20,79,140,.08),rgba(255,255,255,.72)),radial-gradient(circle at top left,rgba(20,79,140,.12),transparent 42%),#edf3f8}.staff-map-compact{min-height:360px;border-radius:10px}.map-legend{display:flex;flex-wrap:wrap;gap:8px}.map-legend span{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--muted);background:#f8fbfe}.map-legend-item{gap:8px;color:var(--muted)}.map-legend-swatch{width:12px;height:12px;flex:0 0 auto;border-radius:999px;border:1px solid transparent}.map-legend-compact{gap:6px}.map-legend-compact span{padding:5px 8px;font-size:11px}.overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.overview-head input[type=date]{width:auto;min-height:32px;padding:6px 10px;font-size:12px}.overview-nav{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin:0}.overview-nav .link-button,.overview-nav button{width:auto;min-width:40px;min-height:32px;padding:6px 10px}.overview-nav input[type=date]{width:auto;min-width:0}.staff-summary-list{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px}.staff-summary-item{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:linear-gradient(180deg,rgba(255,255,255,.96),#f8fbfd);display:grid;grid-gap:4px;gap:4px}.staff-summary-item strong{font-size:15px}.staff-summary-item div{font-size:13px;color:var(--muted);line-height:1.35}.staff-summary-map{margin-top:8px}.inline-history-map{gap:8px}.inline-history-map .map-head h2{font-size:15px}.inline-history-map .map-head p{font-size:12px}.history-nav{display:flex;align-items:stretch;flex-direction:column;gap:8px;min-width:180px}.history-nav-label{font-size:12px;color:var(--muted);text-align:left}.history-nav-slider{width:min(240px,100%)}.list{margin:10px 0 0;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px}.list li{border:1px solid var(--line);border-radius:10px;padding:10px}.error{color:var(--error)}.muted-text{color:var(--muted)}.warning-banner{margin-top:12px;border:1px solid #f3c46a;border-radius:10px;padding:10px 12px;background:#fff6df;color:#8a5a00;font-size:13px;line-height:1.4}.connectivity-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:2px solid #b42318;border-radius:14px;background:linear-gradient(135deg,#fff1f1,#ffdede);color:#7a160f;box-shadow:0 10px 30px rgba(180,35,24,.18)}.connectivity-alert strong{display:block;font-size:22px;line-height:1.1;margin-bottom:4px}.connectivity-alert p{font-size:15px;line-height:1.4}.connectivity-alert-button{width:auto;min-width:170px;background:#b42318;border-color:#7a160f;font-size:16px;font-weight:700;padding:12px 18px;flex:0 0 auto}.link-button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--line);padding:10px 12px;font-size:14px;background:#ffffff;color:var(--brand);text-decoration:none}.link-button:hover{text-decoration:none;border-color:var(--brand)}.code-block{margin:10px 0 0;border:1px solid var(--line);border-radius:10px;padding:10px;background:#f9fbfd;white-space:pre-wrap;word-break:break-word;font-size:12px;max-height:320px;overflow:auto}.inline-check{margin-top:10px;display:flex;gap:8px;align-items:center}.toggle-pill{display:inline-flex;align-items:center;gap:10px;width:auto;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#f8fbfe;color:var(--text);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease,color .12s ease}.toggle-pill:hover{border-color:#b8c9db;background:#f2f7fc}.toggle-pill input{position:absolute;opacity:0;pointer-events:none}.toggle-pill-track{position:relative;width:38px;height:22px;flex:0 0 auto;border-radius:999px;background:#c8d3df;transition:background .14s ease}.toggle-pill-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#ffffff;box-shadow:0 1px 3px rgba(18,33,52,.22);transition:transform .14s ease}.toggle-pill-text{font-size:13px;font-weight:600;color:inherit}.toggle-pill.is-on{border-color:rgba(20,79,140,.25);background:rgba(20,79,140,.08);color:var(--brand-2)}.toggle-pill.is-on .toggle-pill-track{background:linear-gradient(135deg,var(--brand),#2d6fb3)}.toggle-pill.is-on .toggle-pill-thumb{transform:translateX(16px)}.signature-canvas{display:block;width:100%;max-width:860px;height:auto;border:1px dashed var(--line);border-radius:10px;background:#ffffff;touch-action:none}.pod-photo-preview{max-width:120px;max-height:120px;object-fit:cover;border-radius:10px}.pod-parts,.pod-photo-preview{margin-top:10px;border:1px solid var(--line)}.pod-parts{border-radius:10px;overflow:hidden}.pod-part-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:8px;gap:8px;padding:8px;border-bottom:1px solid var(--line);align-items:center}.pod-part-cell{min-width:0;overflow-wrap:anywhere}.pod-delivered-cell{display:flex;justify-content:flex-start}.delivered-input{width:100%;max-width:120px}.pod-email-selects{margin-top:10px;display:grid;grid-gap:10px;gap:10px}.file-input{width:100%;max-width:100%;overflow:hidden}.danger-button{background:#c72626;border-color:#9b1c1c;color:#fff}.small-button{width:auto;padding:6px 10px;font-size:12px;min-height:0}.success-text{color:#146c2e;font-weight:600;margin-top:8px}.pod-shell{padding-bottom:92px}.pod-submit-card{position:-webkit-sticky;position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;box-shadow:0 8px 22px rgba(16,37,62,.12)}.scanner-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);display:grid;place-items:center;z-index:1000;padding:16px}.scanner-modal{width:min(700px,100%);background:#ffffff;border-radius:12px;border:1px solid var(--line);padding:12px;display:grid;grid-gap:10px;gap:10px}.pod-comments-modal{width:min(760px,100%)}.pod-comments-list{display:grid;grid-gap:10px;gap:10px}.pod-comment-card{padding:12px;border-radius:12px;border:1px solid #d6dee6;background:#f8fafc}.pod-comment-card p{margin:0}.pod-comment-card p+p{margin-top:6px}.pod-comment-card-watchout{border-color:#dc2626;background:#fff1f2}.scanner-modal-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.modal-head-actions{display:inline-flex;align-items:center;gap:8px;margin:0;flex-wrap:nowrap}.modal-head-actions>*{width:auto}.calls-compact{gap:10px;padding:14px}.calls-compact .card{padding:10px}.calls-compact .grid{gap:8px}.calls-compact .toolbar{gap:6px;margin:6px 0}.calls-compact .link-button,.calls-compact button,.calls-compact input,.calls-compact select,.calls-compact textarea{padding:8px 10px;font-size:13px}.calls-compact .list{gap:8px;margin-top:8px}.calls-compact .list li{padding:8px}.calls-compact .machine-select-attention{background:#fff4e5;border-color:#f59e0b;color:#8a4b06;font-weight:600}.calls-topbar{margin-bottom:2px}.calls-summary-grid{margin-top:2px}.calls-stat{box-shadow:0 10px 28px rgba(20,79,140,.08)}.calls-stat-open{background:linear-gradient(135deg,#fff8ee,#ffffff);border-color:#f0c98a}.calls-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.calls-section-head p{margin-top:4px;color:var(--muted);font-size:12px}.calls-section-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border-radius:999px;background:#edf4fb;border:1px solid #cfe0f2;color:var(--brand-2);font-size:12px;font-weight:700;white-space:nowrap}.calls-context-banner{padding:9px 11px;border-radius:10px;background:#f5f9fd;border:1px solid #d7e5f3;color:var(--brand-2)}.calls-asset-preview{display:grid;grid-gap:6px;gap:6px;padding:12px;border-radius:12px;background:linear-gradient(180deg,#f9fbfd,#f1f6fb);border:1px solid #d6e0ea}.calls-cardfile-results{display:grid;grid-gap:8px;gap:8px}.calls-cardfile-option{display:grid;grid-gap:4px;gap:4px;width:100%;text-align:left;padding:12px;border-radius:12px;border:1px solid #d6e0ea;background:linear-gradient(180deg,#f9fbfd,#f1f6fb);color:var(--text)}.calls-cardfile-option:hover{border-color:#9ab8d8;background:linear-gradient(180deg,#f4f9ff,#eaf2fb)}.calls-cardfile-option span{color:var(--muted);font-size:12px}.calls-selected-preview{display:grid;grid-gap:6px;gap:6px;padding:12px;margin-bottom:10px;border-radius:12px;background:linear-gradient(180deg,#f7fbff,#eef4fa);border:1px solid #d5e2ef}.calls-selected-preview-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.calls-log-list{gap:10px}.calls-log-row{position:relative;cursor:pointer;overflow:hidden;border-radius:12px;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.calls-log-row:hover{transform:translateY(-1px);border-color:#bfd1e4}.calls-log-row.is-selected{border-color:#144f8c;box-shadow:inset 0 0 0 1px #144f8c}.calls-log-row.is-complete{background:#f1f8f1;border-color:#b7d9b7}.calls-log-row-main{display:grid;grid-gap:6px;gap:6px;padding-right:118px}.calls-log-row-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.calls-log-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:12px}.calls-log-meta span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#f3f7fb;border:1px solid #d9e4ee}.calls-log-details{color:var(--text);line-height:1.45}.calls-chip{position:absolute;right:10px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}.calls-chip-open{top:38px;background:#fff4e5;color:#8a4b06;border:1px solid #f5c26b}.calls-chip-comment{top:8px;background:#eef3ff;color:#274b9f;border:1px solid #cfdcff}.scanner-video{width:100%;border-radius:10px;border:1px solid var(--line);background:#000;min-height:220px;max-height:65vh;object-fit:cover}.pod-part-row:last-child{border-bottom:none}.pod-part-head{background:#f8fbfe}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}@media (max-width:1050px){.grid-2,.grid-4{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}@media (max-width:700px){input,select,textarea{font-size:16px}.dashboard-shell{padding:12px}.pod-shell{padding-bottom:110px}.toolbar{gap:6px}.toolbar>*{width:100%}.connectivity-alert{flex-direction:column;align-items:stretch}.connectivity-alert-button{width:100%;min-width:0}.overview-nav{width:auto;flex-wrap:nowrap}.overview-nav>*{width:auto;flex:0 0 auto}.map-head .link-button{width:100%}.staff-map{min-height:320px}.staff-map-compact{min-height:300px}.inline-check{align-items:flex-start}.pod-part-head{display:none}.pod-part-row{grid-template-columns:1fr;gap:6px;padding:10px}.pod-part-cell{display:grid;grid-template-columns:92px 1fr;grid-gap:8px;gap:8px;align-items:center}.pod-part-cell:before{content:attr(data-label);font-weight:700;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.02em}.delivered-input{max-width:100%}.scanner-modal{padding:10px}.scanner-modal-head{flex-direction:column;align-items:flex-start}.modal-head-actions{align-self:flex-end}.calls-compact{padding:10px}.calls-log-row-head,.calls-section-head,.calls-selected-preview-head{flex-direction:column;align-items:flex-start}.calls-log-row-main{padding-right:0;padding-top:50px}.calls-chip-open{top:32px}.topbar-copy h1{font-size:22px}.map-head-actions,.segmented-toggle{width:100%}.segmented-toggle-button{flex:1 1;text-align:center}.overview-head{align-items:stretch}.staff-summary-list{grid-template-columns:1fr}}