[hidden]{display:none!important}
:root{--navy:#172c3b;--navy2:#1d3d50;--teal:#087f87;--teal-bright:#16a0a7;--orange:#ff9900;--ink:#182b3b;--muted:#5d7381;--line:#d7e1e7;--surface:#fff;--page:#eef3f6;--danger:#c83b32;--shadow:0 2px 8px #25485c0a}
html,body{font-family:"Segoe UI",Arial,sans-serif;background:var(--page);color:var(--ink)}body{font-size:13px;line-height:1.45}
.login-shell{background:linear-gradient(145deg,#102634,#1d3d50);padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.login-card{width:min(380px,100%);padding:24px;border-radius:12px;border-top:4px solid var(--orange);box-shadow:0 18px 48px #07192366}.login-card .brand-mark{width:46px;height:46px;border-radius:9px;background:linear-gradient(135deg,var(--teal),var(--teal-bright))}.login-card h1{font-size:25px;line-height:1.15;margin:5px 0 7px}.login-card .muted{font-size:12px;margin:0 0 12px}.login-card label{font-size:11px;color:#415b69;margin:9px 0 7px}.login-card input{min-height:42px;border-color:#acbec8;border-radius:7px;background:#f4f8fa;font-size:19px;letter-spacing:.22em;text-align:center;cursor:default}.login-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f8718;outline:0}.login-card .primary{min-height:44px;border-radius:7px;background:linear-gradient(135deg,var(--teal),var(--teal-bright))}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0 10px}.pin-keypad button{min-height:46px;padding:6px;font-size:17px;font-weight:700;touch-action:manipulation}.pin-keypad button[data-pin-action]{font-size:11px;color:#49616f;background:#edf3f6}.pin-keypad button:active{transform:translateY(1px);background:#dcebef}.pin-label{user-select:none}
.sidebar{width:224px;padding:0 12px 14px;background:var(--navy);border-right:1px solid #294657}.brand{margin:0 -12px 10px;padding:15px 17px;background:linear-gradient(135deg,#132a3a,#1d3d50);border-bottom:4px solid var(--orange);box-shadow:0 4px 14px #10263424}.brand-mark.small{width:36px;height:36px;border-radius:7px;background:linear-gradient(135deg,var(--teal),var(--teal-bright));font-size:12px}.brand strong{font-size:14px}.brand span{font-size:10px;color:#bdd5df}.sidebar nav{gap:3px}.sidebar nav button{min-height:38px;padding:9px 12px;border:1px solid transparent;border-radius:7px;color:#bfd1da;font-size:12px;font-weight:650}.sidebar nav button:hover{background:#ffffff0b;border-color:#3b5a6c}.sidebar nav button.active{color:#fff;background:#284858;border-color:#426277;box-shadow:inset 3px 0 0 var(--orange)}.sidebar>.quiet{min-height:36px;color:#bdd5df;border:1px solid #496878;border-radius:7px}
main{margin-left:224px;padding:0;background:var(--page)}.topbar{position:sticky;top:0;z-index:20;min-height:68px;margin:0;padding:10px 22px;color:#fff;background:linear-gradient(135deg,#132a3a,#1d3d50);border-bottom:4px solid var(--orange);box-shadow:0 4px 14px #10263424}.topbar .eyebrow{color:#b7ceda;font-size:9px}.topbar h1{font-size:19px;font-weight:650}.pill{padding:5px 10px;border:1px solid #a8d8c4;background:#eaf8f1;color:#086846;font-size:10px}.pill.offline{border-color:#e5b5ae;background:#fff0ee;color:#9a3329}.page{max-width:1180px;padding:14px 20px 40px;margin:auto}.flash{top:78px;margin:12px 20px 0;border-left:4px solid var(--orange);border-radius:7px;background:#284858;font-size:12px}
.hero{min-height:0;padding:16px 18px;color:var(--ink);background:linear-gradient(145deg,#fff,#f4f8fa);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.hero h2{font-size:24px;line-height:1.15;margin:3px 0 5px}.hero h2 br{display:none}.hero p:not(.eyebrow){max-width:none;margin:0;color:var(--muted);font-size:11px}.hero .eyebrow{color:var(--teal)}
button{min-height:34px;padding:7px 11px;border:1px solid #aec0ca;border-radius:7px;background:#f6fafc;color:#15394f;font:650 12px/1.2 "Segoe UI",Arial,sans-serif}button:hover{border-color:#7fa4b4;background:#e8f3f7}.primary{border-color:var(--teal);background:linear-gradient(135deg,var(--teal),var(--teal-bright));color:#fff}.primary:hover{background:#08727a}.secondary{border-color:#b8d6db;background:#e8f3f7;color:#20516a}.quiet{border-color:#c9d7de;background:#fff}
.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:9px 0}.metrics article,.panel,.module-card{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.metrics article{border-top:3px solid #cbd8de}.metrics article:nth-child(1){border-top-color:var(--teal)}.metrics article:nth-child(2){border-top-color:#397eaf}.metrics article:nth-child(3){border-top-color:#d99b22}.metrics article:nth-child(4){border-top-color:#b94336}.metrics span,.metrics small{font-size:10px}.metrics strong{font-size:21px;margin:2px 0}
.grid{gap:9px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start}.module-card>button{grid-column:1/-1;width:100%}.module-card h3,.panel h3{font-size:14px;margin:1px 0 2px}.module-card p,.panel p{font-size:11px;margin:2px 0}.icon{width:38px;height:38px;border-radius:8px;background:#e7f5f5;color:var(--teal);font-size:18px}.panel{margin-top:9px}.panel-head{min-height:32px}.panel-head h2,.panel-head h3{font-size:14px}
.page-intro{margin:0 0 9px;padding:11px 13px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:9px;background:#fff}.page-intro h2{font-size:18px}.page-intro p{font-size:11px;margin:2px 0}.platform-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 9px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#dfe8ed}.platform-tabs button{border-color:transparent;background:transparent}.platform-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--teal),var(--teal-bright));box-shadow:0 3px 9px #087f8733}
.action-panel{gap:7px}.action-panel hr{width:100%;border:0;border-top:1px solid var(--line);margin:5px 0}.action-panel label{width:100%;display:grid;gap:4px;color:#415b69;font-size:11px;font-weight:650}.action-panel label input[type="number"],.action-panel label input[type="time"]{width:100%;min-height:34px;padding:7px 9px;border:1px solid #acbec8;border-radius:7px;background:#fff;color:var(--ink)}.action-panel .switch{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #dfe8ec;border-radius:8px;background:linear-gradient(180deg,#fff,#f5f9fa)}.action-panel .switch input{width:17px;height:17px;accent-color:var(--teal)}
.health-grid{gap:5px}.health-item{min-height:48px;padding:8px;border:1px solid #dfe8ec;border-radius:8px;background:#f7fafb;font-size:10px}.health-item strong{font-size:11px;color:#294758}.job-list{gap:5px;margin-top:8px}.job{padding:8px 10px;border-color:#e0e8ec;border-radius:8px;background:#fff}.job strong{font-size:12px}.job small{font-size:10px}.state{padding:4px 7px;border:1px solid #cedbe1;font-size:9px;text-transform:uppercase;letter-spacing:.03em}.state.succeeded{border-color:#a8d8c4;background:#eaf8f1;color:#086846}.state.failed,.state.waiting_reconciliation{border-color:#e5b5ae;background:#fff0ee;color:#9a3329}.state.running,.state.leased{border-color:var(--teal);background:linear-gradient(135deg,var(--teal),var(--teal-bright));color:#fff}
.toolbar{padding:4px;gap:6px;border:1px solid var(--line);border-radius:9px;background:#f3f7f8}.toolbar input,.toolbar select,form.panel input,form.panel select{min-height:34px;padding:7px 9px;border:1px solid #acbec8;border-radius:7px;background:#fff;font-size:12px}.toolbar input:focus,.toolbar select:focus,form.panel input:focus,form.panel select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f8718;outline:0}.table-wrap{max-height:520px;margin-top:9px;border:1px solid #dde6ea;border-radius:8px}table{font-size:11px}thead{position:sticky;top:0;color:#fff;background:#284858}th{font-size:10px;letter-spacing:.25px}th,td{padding:7px 8px}tbody tr:nth-child(even){background:#f7fafb}
.empty{padding:18px;border-color:#c7d5dc;border-radius:7px;background:#f8fbfc;font-size:11px}.pairing{font-size:27px}.pairing small{display:block;margin-top:6px;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:normal}form.panel label{margin:8px 0;color:#415b69;font-size:11px}.error{font-size:11px}
.module-workspace{align-items:start}.action-row,.workflow-actions{display:flex;flex-wrap:wrap;gap:7px}.action-row .primary{flex:1}.workflow-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.workflow-actions button{min-height:40px;text-align:left}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.field-grid.three,.option-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}.check-tile{display:flex!important;align-items:flex-start!important;gap:8px!important;margin:0!important;padding:9px!important;border:1px solid #dfe8ec;border-radius:8px;background:linear-gradient(180deg,#fff,#f5f9fa)}.check-tile input{width:17px;height:17px;accent-color:var(--teal)}.check-tile strong,.check-tile small{display:block}.check-tile small{color:var(--muted);font-size:10px}.switch-row{display:flex!important;align-items:center!important;justify-content:space-between;gap:10px;width:100%;padding:9px!important;border:1px solid #dfe8ec;border-radius:8px;background:linear-gradient(180deg,#fff,#f5f9fa)}.switch-row strong,.switch-row small{display:block}.switch-row small{color:var(--muted);font-size:10px}.switch{position:relative;flex:0 0 38px;width:38px;height:22px}.switch input{position:absolute;opacity:0}.switch i{display:block;width:38px;height:22px;border-radius:12px;background:#96a9b4;transition:.15s}.switch i:after{content:"";display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.15s}.switch input:checked+i{background:var(--teal)}.switch input:checked+i:after{transform:translateX(16px)}textarea{width:100%;padding:8px 10px;border:1px solid #acbec8;border-radius:7px;resize:vertical;font:inherit}.info-panel{margin-top:10px;padding:9px;border-radius:8px;background:#eef4f6;color:#405d6c;font-size:11px}.subhead{margin-top:14px!important;padding-top:10px;border-top:1px solid var(--line)}
.fulfilment-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 9px}.fulfilment-metrics>div{padding:10px 5px;text-align:center;border:1px solid var(--line);border-radius:9px;background:#fff}.fulfilment-metrics strong,.fulfilment-metrics span{display:block}.fulfilment-metrics strong{color:var(--teal);font-size:20px}.fulfilment-metrics span{font-size:10px}.weekday-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%}.weekday-picker label{display:grid!important;place-items:center;gap:3px!important;margin:0!important;padding:6px 2px!important;border:1px solid var(--line);border-radius:8px;background:#f5f8fa;font-size:9px!important}.weekday-picker input{accent-color:var(--teal)}.progress-card{width:100%;padding:10px;border-radius:9px;color:#fff;background:linear-gradient(145deg,#172033,#243453)}.progress-card>div:first-child{display:flex;justify-content:space-between}.progress-track{height:7px;margin:7px 0;border-radius:99px;background:#ffffff24}.progress-track i{display:block;width:12%;height:100%;border-radius:inherit;background:#37c6a4}.health-item{position:relative;padding-left:25px}.health-item:before{content:"";position:absolute;left:9px;top:12px;width:8px;height:8px;border-radius:50%;background:#91a4ae}.health-item.ok:before{background:#2fa56d;box-shadow:0 0 0 3px #dff4e9}.health-item.fail:before{background:#c24b3f;box-shadow:0 0 0 3px #fae5e2}.health-item.running:before{background:#168f99;box-shadow:0 0 0 3px #dcf2f3}.health-item span{display:block;overflow-wrap:anywhere}.job-end{display:flex;align-items:center;justify-content:flex-end;gap:5px}.job-view,.job-cancel{min-height:27px;padding:4px 7px;font-size:9px}.job-cancel{color:#9a3329;border-color:#e5b5ae;background:#fff0ee}
.drawer-shade{position:fixed;inset:0;z-index:70;background:#10263455}.job-drawer{position:fixed;z-index:80;inset:0 0 0 auto;width:min(480px,100vw);padding:16px;overflow:auto;background:var(--page);box-shadow:-12px 0 35px #10263438}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy2));border-bottom:4px solid var(--orange);border-radius:10px}.drawer-head h2{margin:2px 0 0}.drawer-head button{color:#fff;border-color:#7891a0;background:#ffffff0d;font-size:20px}.job-summary{display:grid;gap:8px;margin:10px 0;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.job-summary small{display:block;color:var(--muted);overflow-wrap:anywhere}.timeline{display:grid;gap:0}.timeline article{display:grid;grid-template-columns:16px 1fr;gap:8px}.timeline article>i{position:relative}.timeline article>i:before{content:"";position:absolute;top:6px;left:4px;width:8px;height:8px;border-radius:50%;background:var(--teal)}.timeline article>i:after{content:"";position:absolute;top:16px;bottom:-7px;left:7px;width:2px;background:#bfd0d8}.timeline article:last-child>i:after{display:none}.timeline article>div{margin-bottom:7px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff}.timeline time{float:right;color:var(--muted);font-size:9px}.timeline p{margin:5px 0;font-size:11px}.timeline pre{max-height:180px;overflow:auto;padding:7px;border-radius:6px;background:#edf3f5;font:10px/1.4 ui-monospace,monospace;white-space:pre-wrap}.loading:before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.mapping-editor{display:grid;grid-template-columns:2fr 2fr 100px 1.3fr auto auto;gap:6px;margin:8px 0;padding:9px;border:1px solid var(--line);border-radius:9px;background:#f5f9fa}.mapping-editor input{min-width:0;padding:7px 8px;border:1px solid #acbec8;border-radius:7px}.mapping-excluded{color:#80564f;background:#fff3f1!important}.mapping-toggle{min-height:25px;padding:3px 7px;font-size:9px}
@media(max-width:1024px){.sidebar{width:204px}main{margin-left:204px}.grid.three{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.sidebar{width:min(86vw,280px)}main{margin-left:0}.topbar{min-height:62px;padding:8px 12px}.page{padding:10px 10px 28px}.flash{top:70px;margin:8px 10px 0}.grid.two,.grid.three{grid-template-columns:1fr}.hero{display:block;padding:13px}.hero h2{font-size:20px}.hero button{width:100%;margin-top:8px}.metrics{grid-template-columns:repeat(2,1fr)}.job{grid-template-columns:1fr}.job>div:nth-child(2){grid-column:auto}.job-end{justify-content:flex-start}.topbar h1{font-size:16px}.fulfilment-metrics{grid-template-columns:repeat(3,1fr)}.job-drawer{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}}
@media(max-width:420px){.login-shell{place-items:start center;overflow:auto}.login-card{margin:auto 0;padding:18px 14px}.login-card .brand-mark{width:38px;height:38px}.login-card h1{font-size:21px}.login-card .muted{margin-bottom:7px}.pin-keypad{gap:6px}.pin-keypad button{min-height:43px}.metrics{gap:5px}.metrics article{padding:9px}.module-card,.panel{padding:10px}.platform-tabs{position:sticky;top:66px;z-index:10}.action-panel button{width:100%}.page-intro{display:block}.page-intro button{width:100%;margin-top:8px}.toolbar>*{flex:1 1 100%}.job{grid-template-columns:1fr}.job>div:nth-child(2){grid-column:auto}.job .state{justify-self:start}.topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.field-grid,.field-grid.three,.option-grid,.option-grid.three{grid-template-columns:1fr}.workflow-actions{grid-template-columns:1fr}.fulfilment-metrics{grid-template-columns:repeat(2,1fr)}.weekday-picker{grid-template-columns:repeat(4,1fr)}}
@media(max-width:340px){.login-card{padding:14px 11px}.pin-keypad button{min-height:40px}.metrics{grid-template-columns:1fr}.topbar h1{font-size:14px}.page{padding-inline:7px}}
@media(max-height:650px) and (orientation:landscape){.login-shell{display:block;overflow:auto}.login-card{margin:10px auto}.pin-keypad{grid-template-columns:repeat(6,1fr)}.pin-keypad button{min-height:38px}.login-card .brand-mark,.login-card .eyebrow,.login-card .muted{display:none}}
@media(max-width:768px){.mapping-editor{grid-template-columns:1fr 1fr}.mapping-editor button{width:100%}}
@media(max-width:420px){.mapping-editor{grid-template-columns:1fr}}