:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18312a;background:#eef3f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{min-height:76px;padding:0 4vw;display:flex;align-items:center;gap:16px;color:#f4fbf8;background:#15382f;border-bottom:4px solid #d4a72c}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:#d4a72c;color:#15382f;font-weight:900;font-size:22px}.brand-copy{display:grid;letter-spacing:.08em}.brand-copy span{font-size:10px;color:#b8cbc4}.topbar nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto}.topbar nav button,.locale-switch{border:0;color:#dce9e4;background:transparent;padding:12px 16px}.topbar nav button[data-active=true]{background:#224c41;color:#fff}.locale-switch{border:1px solid #52746b}.topbar-actions{display:flex;gap:6px}.logout-button{border:0;color:#dce9e4;background:transparent;padding:12px 10px}main{width:min(1180px,92vw);margin:0 auto;padding:44px 0 80px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.section-heading h1{margin:4px 0 0;font-size:clamp(30px,5vw,54px);letter-spacing:-.04em}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:#8a6a13}.live-indicator,.sync-badge{background:#e3ece8;padding:8px 12px;font-size:12px;font-weight:700}.sync-summary{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;color:#52645e;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #b8c8c2;border-left:1px solid #b8c8c2}[data-metric]{min-height:150px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:#f9fbfa;border-right:1px solid #b8c8c2;border-bottom:1px solid #b8c8c2}[data-metric] span{font-size:13px;color:#587069}[data-metric] strong{font-size:44px;letter-spacing:-.04em}[data-metric][data-tone=critical]{box-shadow:inset 0 4px #b83a2d}[data-metric][data-tone=attention]{box-shadow:inset 0 4px #d4a72c}.metric-grid button[data-metric]{color:inherit;font:inherit;text-align:left;cursor:pointer}.system-health-grid{margin-bottom:24px}.system-health-grid [data-metric] strong{font-size:clamp(22px,3vw,38px);overflow-wrap:anywhere}.scan-panel{max-width:900px}.scan-panel form{padding:28px;background:#f9fbfa;border:1px solid #b8c8c2}.scan-panel label{display:block;margin-bottom:10px;font-weight:800}.scan-input-row{display:grid;grid-template-columns:1fr auto}.scan-input-row input{min-width:0;padding:22px;border:2px solid #15382f;font:700 24px ui-monospace,monospace;text-transform:uppercase}.scan-input-row button{border:0;padding:0 28px;background:#d4a72c;color:#102b24;font-weight:900}.scan-input-row button:disabled{opacity:.45;cursor:not-allowed}.scan-message{padding:18px 22px;font-weight:800}.scan-message.success{color:#185b45;background:#dceee6}.scan-message.warning{color:#6d4d00;background:#fff0bd}.scan-message.error{color:#7e261e;background:#f8dcd8}.operations-panel{width:100%}.operations-panel .section-heading p{max-width:720px;color:#587069}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px;background:#edf3f0;border:1px solid #b8c8c2}.filter-bar label{display:grid;gap:6px;color:#587069;font-size:12px;font-weight:800}.filter-bar input,.filter-bar select{min-width:150px;padding:10px;border:1px solid #8aa198;background:#fff}.filter-bar button{padding:11px 16px;border:0;background:#d4a72c;color:#102b24;font-weight:900}.secondary-button{padding:12px 18px;border:1px solid #15382f;color:#15382f;background:transparent;font-weight:800}.upload-card,.form-card{padding:26px;background:#f9fbfa;border:1px solid #b8c8c2}.upload-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.upload-card label{grid-column:1 / -1;font-weight:800}.upload-card input{min-width:0;padding:14px;border:1px dashed #789087;background:#fff}.upload-card button,.form-card button,.claim-cell button{padding:13px 18px;border:0;color:#102b24;background:#d4a72c;font-weight:900}.upload-card button:disabled,.claim-cell button:disabled{opacity:.45;cursor:not-allowed}.result-banner{margin:18px 0;padding:15px 18px;font-weight:800}.result-banner.success{color:#185b45;background:#dceee6}.result-banner.error,.import-errors{color:#7e261e;background:#f8dcd8}.import-errors{margin-top:18px;padding:18px 24px}.import-errors h2{margin-top:0}.table-wrap{margin-top:22px;overflow-x:auto;background:#f9fbfa;border:1px solid #b8c8c2}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:15px 18px;text-align:left;border-bottom:1px solid #d2ddd9;vertical-align:middle}.table-wrap th{color:#587069;background:#edf3f0;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.claim-cell{display:flex;gap:8px;min-width:310px}.claim-cell{flex-wrap:wrap}.table-wrap td small{display:block;margin-top:5px;color:#587069}.carrier-history{margin:0;padding-left:20px;color:#36584f}.claim-cell select,.form-card input,.form-card select{min-width:0;padding:12px;border:1px solid #8aa198;background:#fff}.empty-state{margin:0;padding:30px;color:#587069;text-align:center}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-card{display:grid;gap:16px}.form-card h2{margin:0}.form-card label{display:grid;gap:7px;font-weight:700}.compact-table{margin-top:24px;padding:20px}.compact-table h2{margin:0 0 14px}.lookup-card{padding:22px;background:#f9fbfa;border:1px solid #b8c8c2}.lookup-card>label{display:block;margin-bottom:10px;font-weight:800}.work-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.4fr);gap:20px;margin-top:22px;align-items:start}.package-summary input[type=file],.exception-actions input[type=file]{padding:12px;border:1px dashed #789087;background:#fff}.package-summary p{margin:0}.count-line{display:grid;grid-template-columns:1.4fr repeat(3,minmax(100px,.7fr));gap:10px;padding:14px;background:#edf3f0;border-left:4px solid #d4a72c}.count-line label{min-width:0}.count-line input{width:100%;box-sizing:border-box}.exception-list{display:grid;gap:16px}.exception-card{grid-template-columns:minmax(210px,.7fr) minmax(320px,1.3fr);align-items:start}.exception-card h2{margin:6px 0}.exception-card p{margin:0;color:#587069}.exception-actions{display:grid;gap:12px}.exception-actions label{display:grid;gap:7px;font-weight:700}.exception-actions textarea{min-height:90px;resize:vertical;padding:12px;border:1px solid #8aa198;background:#fff;font:inherit}.relabel-list{display:grid;gap:14px;margin-top:22px}.relabel-summary{display:flex;flex-wrap:wrap;gap:12px 24px;padding:16px 20px;color:#f4fbf8;background:#15382f}.relabel-card{grid-template-columns:minmax(200px,.8fr) repeat(2,minmax(220px,1fr));align-items:end}.relabel-card h2{margin:6px 0;font-size:20px}.relabel-card p{margin:0}.relabel-action{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.relabel-action label{grid-column:1 / -1}.relabel-action input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #8aa198}.relabel-action button,.primary-action{padding:13px 18px;border:0;color:#102b24;background:#d4a72c;font-weight:900}.primary-action{justify-self:end}.shipment-layout,.shipment-work-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(380px,1.2fr);gap:20px;align-items:start}.shipment-list{display:grid;gap:8px}.shipment-choice{display:flex;justify-content:space-between;padding:16px;border:1px solid #b8c8c2;background:#f9fbfa;text-align:left}.shipment-choice[data-active=true]{color:#fff;background:#224c41}.shipment-work-grid{margin-top:22px}.packing-work-card{grid-column:1 / -1}.packing-editor,.packing-carton,.packing-item{display:grid;gap:14px}.packing-carton{padding:18px;border:1px solid #b8c8c2;background:#edf3f0}.packing-carton-total,.packing-item-total{margin:0;color:#36584f;font-weight:800}.packing-item{padding:16px;border-left:4px solid #d4a72c;background:#f9fbfa}.packing-allocation-grid{display:grid;grid-template-columns:minmax(240px,1.5fr) auto minmax(130px,.6fr) auto;gap:10px;align-items:end}.packing-summary{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:12px 16px;color:#f4fbf8;background:#15382f;font-weight:900}.packing-validation{margin:0;padding:14px 36px;color:#7e261e;background:#f8dcd8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.topbar{padding:10px 14px;flex-wrap:wrap}.brand-copy{display:none}.topbar nav{order:3;width:100%;margin-left:0}.topbar nav button{flex:0 0 auto}.topbar-actions{margin-left:auto}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column}.scan-input-row{grid-template-columns:1fr}.scan-input-row button{padding:18px}.directory-grid,.upload-card,.work-grid,.exception-card,.relabel-card,.shipment-layout,.shipment-work-grid,.packing-allocation-grid{grid-template-columns:1fr}.count-line{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-card button{padding:15px}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#15382f}.login-card{width:min(440px,100%);padding:36px;display:grid;gap:18px;background:#f9fbfa;border-top:5px solid #d4a72c}.login-card h1{margin:0;font-size:36px}.login-card label{display:grid;gap:7px;font-weight:700}.login-card input{padding:13px;border:1px solid #8aa198}.login-card button{padding:14px;border:0;background:#d4a72c;font-weight:900}.login-card .text-button{background:transparent;border:1px solid #b8c8c2}
