:root{color:#1f2528;background:#f5f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{display:grid;min-height:100vh;grid-template-columns:260px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;border-right:1px solid #dbe2dc;background:#10241f;color:#f5fbf8;padding:20px}.brand{display:flex;align-items:center;gap:12px}.brand.large{margin-bottom:18px}.brand strong,.brand span{display:block}.brand span{color:#9db9ad;font-size:13px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#d8f36a;color:#10241f;font-weight:800}.language-toggle{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;color:#c8d8d0;padding:8px 12px;font-size:13px;font-weight:900}.login-panel .language-toggle,.topbar .language-toggle{justify-self:end;border-color:#dbe2dc;background:#fff;color:#65756d}.language-toggle span.active{color:#d8f36a}.login-panel .language-toggle span.active,.topbar .language-toggle span.active{color:#20784f}.language-toggle i{color:inherit;font-style:normal;opacity:.68}.nav-list{display:grid;gap:6px;margin-top:36px}.nav-list button,.icon-text{display:flex;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:inherit;padding:10px 12px;text-align:left}.nav-list button.active,.nav-list button:hover,.icon-text:hover{background:#ffffff1a}.sidebar-footer{display:grid;gap:12px;margin-top:auto}.user-chip{display:grid;gap:2px;border-radius:8px;background:#ffffff14;padding:10px}.user-chip span{color:#c8d8d0;font-size:13px}.main{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:10px}h1,h2,p{margin:0}h1{font-size:24px}h2{margin-bottom:14px;font-size:16px}.topbar p{color:#62706a;font-size:13px}.data-mode{display:grid;min-width:220px;max-width:320px;gap:2px;border:1px solid #dfe5df;border-radius:8px;background:#fff;padding:8px 10px;box-shadow:0 1px 2px #10241f0a}.data-mode strong{font-size:12px;line-height:1.2}.data-mode span{overflow:hidden;color:#62706a;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.data-mode-green{border-color:#b7d9c3;background:#f1fbf4}.data-mode-yellow{border-color:#f1d99a;background:#fff7df}.data-mode-neutral{border-color:#d6e1dc;background:#f7faf8}.content-stack{display:grid;gap:18px}.operations-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px;border-radius:8px;background:#10241f;color:#f7fbf8;padding:20px}.operations-hero h2{max-width:680px;margin:6px 0 8px;font-size:26px}.operations-hero p{max-width:720px;color:#c8d8d0}.eyebrow{color:#d8f36a;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.ops-summary{display:grid;gap:10px}.ops-summary .info{background:#ffffff14}.ops-summary .info span{color:#b7cbc2}.ops-decision-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:12px}.role-scope-card{display:grid;gap:8px}.role-scope-card strong{color:#10231b;font-size:18px}.role-scope-card p{margin:0;color:#66736d;font-weight:700;line-height:1.5}.decision-stack{display:grid;gap:8px}.decision-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dfe5df;border-radius:8px;background:#fff;padding:12px;text-align:left}.decision-row:hover{border-color:#8ab79f;background:#f7fbf8}.decision-index{display:inline-grid;width:32px;height:32px;place-items:center;border-radius:8px;background:#d8f36a;color:#10231b;font-weight:900}.decision-copy{display:grid;min-width:0;gap:2px}.decision-copy strong{color:#10231b}.decision-copy small{color:#66736d;font-weight:700}.queue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.queue-card{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid #dfe5df;border-radius:8px;background:#fff;padding:14px;text-align:left;box-shadow:0 1px 2px #10241f0a}.queue-card:hover{border-color:#8ab79f;background:#f7fbf8}.queue-card span{display:grid;min-width:0;gap:3px}.workload-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workload-summary div{display:grid;gap:4px;border:1px solid #dfe5df;border-radius:8px;background:#f7fbf8;padding:14px}.workload-summary span{color:#66736d;font-size:13px;font-weight:800}.workload-summary strong{color:#10231b;font-size:26px;line-height:1}.workload-next-action{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;border-radius:8px;background:#f3f6f4;padding:12px}.workload-next-action small{min-width:0;color:#66736d;font-weight:700;text-align:right}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.metric,.panel{border:1px solid #dfe5df;border-radius:8px;background:#fff;box-shadow:0 1px 2px #10241f0a}.metric{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;padding:16px}.metric svg{width:18px;height:18px}.metric-icon{display:grid;width:34px;height:34px;place-items:center;grid-row:span 2;border-radius:8px;background:#e8f2ed;color:#1b6b4a}.metric span{color:#66736d;font-size:13px}.metric strong{font-size:24px}.panel{min-width:0;padding:16px}.two-column,.split-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.rows,.table,.complaint-list,.slot-list,.detail-stack,.delivery-list{display:grid;gap:10px}.row,.table-row,.complaint,.slot-card,.delivery-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #edf1ed;border-radius:8px;background:#fbfcfb;padding:12px}.table-row{width:100%;text-align:left}.table-row.selected{border-color:#6fa88d;background:#eef7f1}.row span,.table-row span,.complaint span{display:grid;gap:2px;min-width:0}.admin-queue-row>span{min-width:0}.admin-queue-row strong,.admin-queue-row small{overflow:hidden;text-overflow:ellipsis}.admin-queue-row small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}small{color:#6e7974}.badge{flex:0 0 auto;border-radius:999px;background:#edf1ed;color:#46534d;padding:4px 8px;font-size:12px;font-weight:700}.badge.green{background:#dff5e8;color:#12683b}.badge.yellow{background:#fff3ca;color:#775300}.badge.red{background:#ffe3df;color:#8f2017}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info{display:grid;gap:3px;border-radius:8px;background:#f5f8f5;padding:10px}.info span{color:#6d7872;font-size:12px}.info strong{overflow-wrap:anywhere}.media-links{display:flex;flex-wrap:wrap;gap:8px}.media-links a{border-radius:999px;background:#eef4ef;color:#1b5d42;padding:6px 10px;text-decoration:none}.action-row{display:flex;flex-wrap:wrap;gap:8px}.panel-action{align-items:center;justify-content:space-between;margin-top:12px}.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.decision-actions{display:flex;min-width:180px;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.admin-decision-actions{align-items:center}.admin-decision-confirmation{display:grid;gap:4px;border:1px solid #dbe4dd;border-radius:8px;padding:10px 12px}.admin-decision-confirmation strong{color:#17211d}.admin-decision-confirmation span{color:#53625b;font-weight:700;line-height:1.45}.admin-decision-confirmation-warning{border-color:#eed49a;background:#fff7df}.admin-decision-confirmation-danger{border-color:#efb5aa;background:#fff1ed}.admin-decision-confirmation-info{border-color:#c7dfcf;background:#edf8f0}.admin-audit-trail{display:grid;gap:10px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid transparent;border-radius:8px;padding:0 14px;font-weight:700}.primary{background:#1f6f4d;color:#fff}.secondary{border-color:#d6ded8;background:#fff;color:#23302a}.danger{background:#b82f36;color:#fff}.danger-text{color:#b82f36}label{display:grid;gap:6px;color:#506059;font-size:13px;font-weight:700}input,textarea{width:100%;min-height:40px;border:1px solid #d7ded8;border-radius:8px;padding:0 11px;color:#202824}textarea{min-height:84px;padding:10px 11px;resize:vertical}.review-note-field{display:grid;gap:6px;min-width:min(100%,360px);color:#506059;font-size:13px;font-weight:700}.notice,.warning,.empty-state{border-radius:8px;padding:12px}.notice{margin-bottom:14px;background:#e7f6ec;color:#195f39}.warning{margin-bottom:14px;background:#fff1d6;color:#6e4a00}.empty-state{background:#f6f8f6;color:#68746e}.web-state-panel{display:grid;gap:6px;margin-bottom:14px;border:1px solid #dbe4dd;border-radius:8px;padding:12px 14px}.web-state-panel strong{color:#17211d}.web-state-panel span{color:#53625b;font-weight:700}.web-state-panel-loading,.web-state-panel-success{border-color:#c7dfcf;background:#edf8f0}.web-state-panel-empty,.web-state-panel-info{background:#f7faf8}.web-state-panel-error{border-color:#efb5aa;background:#fff1ed}.web-skeleton-stack{display:grid;gap:10px;margin-bottom:14px;border:1px solid #dbe4dd;border-radius:8px;background:#f7faf8;padding:12px 14px}.web-skeleton-stack>span{color:#53625b;font-size:13px;font-weight:800}.web-skeleton-row{display:grid;grid-template-columns:34px minmax(120px,1fr) minmax(64px,96px);gap:10px;align-items:center;min-height:38px}.web-skeleton-row i,.web-skeleton-row b,.web-skeleton-row em{display:block;height:12px;border-radius:999px;background:#e2eae4}.web-skeleton-row i{width:34px;height:34px;border-radius:8px}.web-skeleton-row em{justify-self:end;width:100%}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px}.login-panel{display:grid;width:min(420px,100%);gap:14px;border:1px solid #dfe5df;border-radius:8px;background:#fff;padding:22px;box-shadow:0 14px 50px #10241f1f}.resolution-input{margin-bottom:12px}.complaint-workbench{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.5fr);gap:16px;align-items:start}.complaint{align-items:flex-start}.complaint-select{width:100%;cursor:pointer;text-align:left}.complaint-select.selected{border-color:#6fa88d;background:#eef7f1}.complaint-detail{display:grid;gap:14px;border:1px solid #edf1ed;border-radius:8px;background:#fff;padding:14px}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-heading span,.complaint-note span,.detail-item span{color:#65756d;font-size:13px;font-weight:700}.detail-heading h2{margin:4px 0 0;font-size:24px}.complaint-note{display:grid;gap:6px;border-radius:8px;background:#f6f8f6;padding:12px}.complaint-note p{margin:0;color:#1b261f}.complaint-history{display:grid;gap:10px}.complaint-history h3{margin:0}.history-row{display:grid;gap:4px;border-left:3px solid #2f7f55;background:#f6f8f6;padding:10px 12px}.history-row span{color:#2f7f55;font-size:13px;font-weight:800}.slot-card{align-items:flex-start}.order-actors{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.order-actors span{border-radius:999px;background:#eef4ef;color:#335247;padding:4px 8px;font-size:12px;font-weight:700}.order-actions{display:grid;min-width:280px;gap:8px}.orders-workspace{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:14px}.monitor-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:14px}.monitor-filters button{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:8px;border:1px solid #dfe7e0;border-radius:8px;background:#fbfcfb;color:#233229;padding:10px 12px;text-align:left}.monitor-filters button.active{border-color:#1f6f4d;background:#eef7f1}.monitor-filters span{font-size:13px;font-weight:800}.monitor-filters strong{font-size:20px}.order-list{display:grid;align-content:start;gap:8px}.order-list>.web-button,.order-list>button:not(.order-list-item){justify-self:stretch}.order-list-item{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:10px;border:1px solid #edf1ed;border-radius:8px;background:#fbfcfb;padding:12px;text-align:left}.order-list-item.selected{border-color:#74a98e;background:#eef7f1}.order-list-item>span:not(.order-list-badges){display:grid;min-width:0;gap:3px}.order-list-badges{display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;justify-content:flex-end}.order-detail{display:grid;min-width:0;gap:14px;border:1px solid #dfe7e0;border-radius:8px;background:#fff;padding:14px}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-header h2{margin:2px 0 4px;font-size:20px}.detail-badges{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;gap:6px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.order-command-strip{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:10px}.sla-card,.next-step-card,.context-card,.payment-context{display:grid;min-width:0;gap:4px;border:1px solid #dfe7e0;border-radius:8px;background:#f8fbef;padding:12px}.sla-card span,.next-step-card span,.context-card span,.payment-context span{color:#6a7971;font-size:12px;font-weight:800;text-transform:uppercase}.sla-card strong,.next-step-card strong,.context-card strong,.payment-context strong{color:#10231a}.sla-card small,.next-step-card small,.context-card small,.payment-context small{color:#53625b;line-height:1.45}.sla-card-green{border-color:#bcdcc8;background:#f2fbf4}.sla-card-yellow{border-color:#f1d99a;background:#fff8e7}.sla-card-red{border-color:#f0b8ac;background:#fff1ed}.sla-card-neutral{background:#f7faf8}.order-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-context{grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#fff8e7}.timeline{display:grid;gap:8px;border-radius:8px;background:#f7faf8;padding:12px}.timeline-item{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;align-items:start}.timeline-item>span{width:10px;height:10px;margin-top:6px;border:2px solid #b9c8bf;border-radius:50%;background:#fff}.timeline-item.done>span{border-color:#1f6f4d;background:#1f6f4d}.timeline-item strong{display:block}.context-notes{display:grid;gap:8px}.context-notes div{display:grid;gap:3px;border-radius:8px;background:#fff8e7;padding:10px 12px}.context-notes p{color:#53625b}.operator-assignment{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dfe7e0;border-radius:8px;background:#f8fbef;padding:12px}.operator-assignment div{display:grid;min-width:0;gap:3px}.operator-assignment p{color:#53625b}.detail-actions{min-width:0;grid-template-columns:minmax(0,1fr)}.incident-note{display:grid;min-width:260px;gap:3px;border-left:3px solid #d8f36a;border-radius:8px;background:#f8fbef;padding:10px 12px}.incident-note span{color:#2a342f;font-weight:700}.supervisor-playbook{display:grid;gap:10px;border:1px solid #f1d99a;border-radius:8px;background:#fff8e7;padding:12px}.supervisor-playbook>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.supervisor-playbook p{color:#4d3b11;font-weight:700}.supervisor-playbook ol{display:grid;gap:6px;margin:0;padding-left:20px}.delivery-card{align-items:flex-start}.slot-stats{display:grid;min-width:360px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(max-width:940px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.metric-grid,.queue-grid,.two-column,.split-view,.field-grid,.decision-grid,.ops-decision-grid,.orders-workspace,.order-command-strip,.order-context-grid,.payment-context,.detail-grid,.workload-summary,.slot-stats{grid-template-columns:1fr}.monitor-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-hero{grid-template-columns:1fr}.workload-next-action{align-items:flex-start;flex-direction:column}.workload-next-action small{text-align:left}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;align-items:stretch;flex-direction:column}.data-mode{width:100%;max-width:none}.row,.table-row,.complaint,.slot-card,.delivery-card{align-items:stretch;flex-direction:column}.order-actions{min-width:0}.complaint-workbench{grid-template-columns:1fr}.decision-actions{justify-content:flex-start}}
