: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:20px;display:grid;grid-gap:14px;gap:14px;max-width:100%;overflow-x:clip}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar p{color:var(--muted);margin-top:4px}.topbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}.topbar-actions .link-button,.topbar-actions button{width:auto}.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}.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)}.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}.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}.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}.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%}.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}}