:root{color-scheme:light;font-family:Arial,sans-serif;--bg: #f4f6f8;--panel: #ffffff;--line: #d9e2ec;--text: #1f2933;--muted: #64748b;--accent: #1864ab;--accent-dark: #0b4f8a;--ok: #457e1b;--warning: #b7791f}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100%;width:100%}body{background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button:not(.MuiButtonBase-root){align-items:center;background:var(--accent);border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;font-weight:700;justify-content:center;min-width:145px;padding:11px 16px}button:not(.MuiButtonBase-root):hover{background:var(--accent-dark)}button:not(.MuiButtonBase-root):disabled{cursor:not-allowed;opacity:.6}.visually-hidden{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.center-screen,.login-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-shell{top:0;right:0;bottom:0;left:0;min-height:100dvh;overflow:hidden;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));position:fixed;width:100%}.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:16px;max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:min(420px,100%);overflow-y:auto;padding:24px;width:100%}.login-brand{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.login-brand h1{margin:0}.login-logo{display:block;height:76px;width:76px}.password-field{align-items:center;display:grid;position:relative}.password-field input{padding-right:48px}.password-toggle{background:transparent;color:var(--muted);height:38px;min-width:0;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px}.password-toggle:hover{background:#eef2f7;color:var(--text)}.login-help-button{background:transparent;color:var(--accent);font-size:.9rem;min-width:0;padding:2px 0}.login-help-button:hover{background:transparent;color:var(--accent-dark);text-decoration:underline}.install-panel{gap:20px;max-width:620px}.install-instructions{display:grid;gap:18px}.install-section{border-top:1px solid var(--line);display:grid;gap:10px;padding-top:16px}.install-heading{align-items:center;color:#102a43;display:flex;gap:10px}.install-heading h2{font-size:1.05rem;margin:0}.install-section ol{color:#334e68;display:grid;gap:8px;margin:0;padding-left:22px}.install-section li{line-height:1.4}.choice-shell{align-items:center;display:flex;justify-content:center;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));width:100%}.choice-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:20px;max-width:min(520px,100%);padding:28px;width:100%}.choice-brand{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.choice-brand h1{margin:0}.choice-logo{display:block;height:80px;width:80px}.choice-actions{display:flex;flex-direction:column;gap:12px;width:100%}.choice-actions button{width:100%}.home-shell{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:28px;width:100%}.home-page-header{align-items:center;background:transparent;color:var(--text);display:flex;flex-direction:column;gap:12px;padding:16px 0 24px;text-align:center}.home-page-header h1{margin:0}.home-logo{display:block;height:86px;width:86px}.home-main{align-items:start;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1180px;padding:0 0 28px;width:100%}.home-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:grid;gap:16px;max-width:100%;min-width:0;padding:18px}.home-card-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.home-card-heading h2{font-size:1.2rem;margin:0}.dispatch-form{align-items:end;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;padding:0}.dispatch-form button[type=submit]{align-self:end;min-height:45px}.dispatch-table-wrap{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.dispatch-table-wrap .empty{border-top:1px solid var(--line)}.dispatch-panel{display:grid;gap:18px;padding:18px}.dispatch-mode-tabs{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.dispatch-mode-tabs button{background:#e2e8f0;color:var(--text);font-size:.98rem;min-width:0;padding:11px 14px;width:100%}.dispatch-mode-tabs button:hover{background:var(--accent-dark);color:#fff}.dispatch-mode-tabs button.active{background:var(--accent);color:#fff}.dispatch-mode-tabs button.active:hover{background:var(--accent-dark);color:#fff}.tutorial-mode-tabs{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;max-width:100%;min-width:0;width:100%}.tutorial-mode-tabs button{background:#e2e8f0;color:var(--text);font-size:.98rem;min-width:0;padding:11px 14px;width:100%}.tutorial-mode-tabs button:hover{background:var(--accent-dark);color:#fff}.tutorial-mode-tabs button.active{background:var(--accent);color:#fff}.tutorial-mode-tabs button.active:hover{background:var(--accent-dark);color:#fff}.tutorial-panel{padding:18px}.tutorial-content{display:grid;gap:16px}.tutorial-content h2{font-size:1.2rem;margin:0}.tutorial-step{border:1px solid var(--line);border-radius:8px;display:grid;gap:18px;grid-template-columns:minmax(0,.8fr) minmax(500px,1.4fr);overflow:hidden;padding:18px}.tutorial-step-copy{align-content:start;display:grid;gap:10px}.tutorial-step-count{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.tutorial-step-copy h3{font-size:1.08rem;margin:0}.tutorial-step-copy p{color:#334e68;margin:0}.tutorial-step-media{align-content:start;background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr;min-height:220px;overflow:hidden;padding:12px}.tutorial-step-media.has-multiple{grid-template-columns:1fr}.tutorial-step-image{align-content:start;background:#fff;border:1px solid var(--line);border-radius:6px;display:grid;gap:8px;margin:0;overflow:hidden;padding:8px}.tutorial-step-image img{display:block;height:auto;max-height:500px;object-fit:contain;width:100%}.tutorial-step-image.is-overview{grid-column:1 / -1;padding:10px}.tutorial-step-image.is-overview img{max-height:540px}.tutorial-step-image figcaption{color:var(--muted);font-size:.78rem;line-height:1.35}.tutorial-view-image-button{display:none}.tutorial-image-placeholder{align-self:center;color:var(--muted);justify-self:center;padding:18px;text-align:center}.tutorial-image-modal-backdrop{align-items:stretch;background:#0f172ab8;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));position:fixed;z-index:20}.tutorial-image-modal{background:var(--panel);border-radius:8px;display:grid;grid-template-rows:auto minmax(0,1fr);max-width:1180px;overflow:hidden;width:100%}.tutorial-image-modal-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.tutorial-image-modal-title{font-weight:700;min-width:0}.tutorial-image-modal-frame{background:#f8fafc;overflow:auto;padding:12px;-webkit-overflow-scrolling:touch}.tutorial-image-modal-frame img{display:block;height:auto;margin:0 auto;max-width:100%;width:auto}.dispatch-list-view{display:grid;gap:14px}.dispatch-list-heading{align-items:flex-end;display:flex;gap:16px;justify-content:space-between}.dispatch-list-heading h2{font-size:1.2rem;margin:0}.app-shell{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}header{background:#102a43;color:#fff;padding:calc(18px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) 18px calc(24px + env(safe-area-inset-left))}.header-inner{align-items:center;display:flex;gap:18px;justify-content:space-between;margin:0 auto;max-width:1180px}.brand-button{align-items:center;background:transparent;display:inline-flex;font-size:1.25rem;gap:10px;min-width:0;padding:0}.brand-button:hover{background:transparent}.brand-logo{display:block;flex:0 0 auto;height:34px;width:34px}nav{display:flex;flex-wrap:wrap;gap:8px}.nav-link{background:transparent;border:1px solid rgba(255,255,255,.24);color:#fff;font-size:.9rem;min-width:0;padding:8px 10px}.nav-link.active{background:#fff;color:#102a43}main{align-items:center;display:flex;flex:1;flex-direction:column;margin:0 auto;max-width:1180px;padding:24px;width:100%}.page-title,.metric-row,.aircraft-grid,.dispatch-mode-tabs,.delivery-mode-tabs,.panel{max-width:100%;min-width:0;width:100%}.page-title{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}h1{font-size:1.65rem;margin:0}.metric-row{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.metric-row-four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.aircraft-block,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;max-width:100%;min-width:0;overflow:hidden}.metric{padding:16px}.metric-label{color:var(--muted);font-size:.8rem;margin-bottom:8px;text-transform:uppercase}.metric-value{font-size:1.7rem;font-weight:700}.aircraft-grid{display:grid;gap:16px}.aircraft-heading,.panel-heading{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.aircraft-title{font-weight:700}.aircraft-heading-button{background:var(--panel);border-radius:0;color:var(--text);min-width:0;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.aircraft-heading-button:hover,.aircraft-heading-button:focus-visible{background:#f8fafc;color:var(--accent)}.aircraft-heading-main{align-items:center;display:flex;gap:12px;min-width:0}.aircraft-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.aircraft-card-meta{color:var(--muted);font-size:.8rem;font-weight:400}.aircraft-count-badge{border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:700;line-height:1;padding:5px 8px;white-space:nowrap}.aircraft-count-badge.idle{background:#e2e8f0;color:#334e68}.aircraft-count-badge.active{background:#dbeafe;color:#1d4ed8}.aircraft-count-badge.high{background:#fef3c7;color:#b45309}.aircraft-view-affordance{align-items:center;color:var(--accent);display:inline-flex;flex-shrink:0;font-size:.82rem;font-weight:700;gap:4px}.table-link{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:var(--accent);font-size:.84rem;font-weight:700;justify-content:flex-start;min-width:0;padding:6px 10px}.table-link:hover{background:#dbeafe;color:var(--accent-dark)}.table-link svg{flex-shrink:0}.notes-content{display:inline}.aircraft-empty-state{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.aircraft-empty-state div,.request-empty-state{display:grid;gap:5px}.aircraft-empty-state span,.request-empty-state span{color:var(--muted);font-size:.86rem}.aircraft-empty-action{flex-shrink:0;min-width:0}.status-filter-tabs{border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.status-filter-tab{background:#e2e8f0;color:var(--text);min-width:0;padding:8px 10px}.status-filter-tab:hover{background:#cbd5e1}.status-filter-tab.active,.status-filter-tab.active:hover{background:var(--accent);color:#fff}.status-filter-count{align-items:center;background:#ffffffa3;border-radius:999px;color:inherit;display:inline-flex;font-size:.75rem;justify-content:center;line-height:1;min-width:24px;padding:4px 7px}.request-empty-state{justify-items:center}.request-empty-state button{margin-top:6px}.subtle{color:var(--muted);font-size:.88rem}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);font-size:.9rem;padding:10px 12px;text-align:left;vertical-align:top}th{background:#f8fafc;color:#334e68;font-size:.78rem;text-transform:uppercase}tr:last-child td{border-bottom:0}.request-row.open-request td{background:#fffaf0}.request-row.open-request td:first-child{box-shadow:inset 4px 0 0 var(--warning)}.status{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;justify-content:center;line-height:1;min-width:72px;padding:6px 10px;white-space:nowrap}.status.open{background:#fef3c7;border:1px solid #f59e0b;color:var(--warning)}.status.bin{background:#e0f2fe;border:1px solid #0284c7;color:#075985}.status.fulfilled{background:#1ea44a;color:var(--bg)}.empty{color:var(--muted);padding:24px;text-align:center}form{display:grid;gap:16px;padding:18px}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}label{color:#334e68;display:grid;font-size:.85rem;font-weight:700;gap:6px}input,textarea,select{border:1px solid #bcccdc;border-radius:6px;color:var(--text);padding:10px;width:100%}textarea{min-height:110px;resize:vertical}.full-width{grid-column:1 / -1}.checkbox-label{align-items:center;display:flex;font-weight:700;gap:10px}.checkbox-label input{height:18px;width:18px}.spinner{animation:spin .8s linear infinite;border:2px solid rgba(255,255,255,.45);border-radius:50%;border-top-color:#fff;display:none;height:16px;width:16px}.is-loading .spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.notice{border-radius:6px;display:none;padding:12px}.notice.visible{display:block}.notice.success{background:#dcfce7;color:#166534}.notice.error{background:#fee2e2;color:#991b1b}.mobile-stack{overflow-x:auto}.table-footer{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.pagination-controls,.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.pagination-button{min-width:0;padding:7px 10px}.sort-button,.text-button{background:transparent;color:inherit;font-size:inherit;justify-content:flex-start;min-width:0;padding:0}.sort-button:hover,.text-button:hover{background:transparent;color:var(--accent)}.text-button{color:var(--accent);display:inline;font-size:.85rem}.secondary-button{background:#e2e8f0;color:var(--text)}.secondary-button:hover{background:#cbd5e1}.fulfill-button{background:var(--warning);font-size:.86rem;min-width:104px;padding:8px 12px}.fulfill-button:hover{background:#8a5a14}.action-state{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;justify-content:center;line-height:1;min-width:86px;padding:6px 10px;white-space:nowrap}.action-state.bin{background:#e2e8f0;color:#334e68}.action-state.fulfilled{background:#1ea44a;color:var(--bg)}.delivery-panel{display:grid;gap:18px;padding:18px}.delivery-mode-tabs{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.delivery-mode-tabs button{background:#e2e8f0;color:var(--text);font-size:.98rem;min-width:0;padding:10px 12px;width:100%}.delivery-mode-tabs button:hover{background:var(--accent-dark);color:#fff}.delivery-mode-tabs button.active{background:var(--accent);color:#fff}.delivery-mode-tabs button.active:hover{background:var(--accent-dark);color:#fff}.delivery-controls{align-items:end;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.delivery-status-controls{align-items:center}.delivery-section{border-top:1px solid var(--line);display:grid;gap:14px;padding-top:18px}.delivery-section-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.delivery-section-heading h2{font-size:1.15rem;margin:0}.delivery-checklist{display:grid;gap:10px}.delivery-check-item{align-items:flex-start;background:#f8fafc;border:1px solid var(--line);border-radius:8px;color:var(--text);display:grid;font-size:1rem;font-weight:400;gap:12px;grid-template-columns:auto minmax(0,1fr);padding:14px}.delivery-check-item input{height:22px;margin-top:2px;width:22px}.delivery-request-summary{display:grid;gap:5px;min-width:0}.delivery-request-title{font-weight:700;overflow-wrap:anywhere}.delivery-request-notes{color:#475569;font-size:.9rem;font-weight:400;line-height:1.45;overflow-wrap:anywhere}.delivery-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.delivery-result{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;padding:14px}.delivery-stage-summary{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;padding:14px}.delivery-stage-aircraft-list{display:grid;gap:12px}.delivery-stage-aircraft{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;padding:12px}.delivery-stage-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.delivery-stage-footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.delivery-card-instruction{color:#334e68;font-size:.92rem;font-weight:700}.delivery-card-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.delivery-picked-up-table{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.delivery-picked-up-table th,.delivery-picked-up-table td{background:#fff}.delivery-missing-list{display:grid;gap:8px}.delivery-missing-item{background:#fffaf0;border:1px solid #f7d58a;border-radius:8px;display:grid;gap:4px;padding:10px}.modal-backdrop{align-items:center;background:#0f172a75;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:10}.modal{background:var(--panel);border-radius:8px;box-shadow:0 18px 45px #0f172a47;max-width:520px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 18px}.modal-title{font-size:1.05rem;font-weight:700}.modal-body{display:grid;gap:14px;padding:18px}.icon-button{background:transparent;color:var(--muted);min-width:0;padding:4px 8px}.icon-button:hover{background:#e2e8f0;color:var(--text)}@media(max-width:760px){button{min-width:0}.login-shell{align-items:center;justify-content:center;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.login-panel{gap:14px;max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:420px;padding:20px}.login-panel h1{font-size:1.55rem;line-height:1.12;overflow-wrap:anywhere}.install-panel{gap:18px}.choice-shell{padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.choice-panel{gap:18px;padding:22px}.home-shell{padding:18px 16px}.home-page-header{padding-top:8px}.home-logo{height:72px;width:72px}.home-main{grid-template-columns:1fr;padding-bottom:18px}.home-card{padding:14px}.home-card-heading{align-items:flex-start;flex-direction:column}.home-card-heading button{width:100%}.dispatch-form{grid-template-columns:1fr}.dispatch-table-wrap{border:0;overflow-x:visible}.dispatch-table,.dispatch-table thead,.dispatch-table tbody,.dispatch-table tr,.dispatch-table th,.dispatch-table td{display:block;width:100%}.dispatch-table thead{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.dispatch-table tbody{display:grid;gap:10px}.dispatch-table tr{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.dispatch-table td{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(124px,40%) minmax(0,1fr);padding:10px 12px}.dispatch-table td:before{color:#334e68;content:attr(data-label);font-size:.72rem;font-weight:700;line-height:1.25;text-transform:uppercase}.choice-panel h1{font-size:1.55rem;line-height:1.12;overflow-wrap:anywhere}header{padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 18px calc(16px + env(safe-area-inset-left))}.header-inner,.page-title{align-items:stretch;flex-direction:column}.header-inner{gap:16px}.brand-button{font-size:1.2rem;justify-content:center;line-height:1.2;text-align:center;white-space:normal;width:100%}.brand-logo{height:30px;width:30px}nav{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.nav-link{font-size:.92rem;justify-content:center;padding:10px 8px;width:100%}main{align-items:center;display:flex;flex-direction:column;max-width:100%;padding:16px}main>*{max-width:100%;min-width:0;width:100%}h1{font-size:1.85rem;line-height:1.1}.page-title{gap:8px;margin-bottom:18px}.page-actions{display:grid;grid-template-columns:1fr;justify-content:stretch;width:100%}.page-actions button{width:100%}.metric-row,.form-grid{grid-template-columns:1fr}.panel,.aircraft-grid,.aircraft-block,.metric-row,.page-title{max-width:100%;width:100%}.metric{padding:18px}.aircraft-heading,.panel-heading{padding:14px 16px}.aircraft-heading-button{min-height:64px;padding:16px}.aircraft-heading-main{align-items:flex-start;flex-direction:column;gap:4px}.aircraft-title-row{align-items:flex-start;flex-direction:column;gap:6px}.aircraft-view-affordance{font-size:.8rem}.aircraft-empty-state{align-items:stretch;flex-direction:column}.aircraft-empty-action{justify-content:center;width:100%}.status-filter-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.status-filter-tab{justify-content:space-between;width:100%}.delivery-panel{padding:14px}.dispatch-panel{gap:14px;padding:14px}.delivery-controls{grid-template-columns:1fr}.dispatch-mode-tabs{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.dispatch-mode-tabs button{font-size:.9rem;padding:9px 8px}.tutorial-mode-tabs{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.tutorial-mode-tabs button{font-size:.9rem;padding:9px 8px}.tutorial-panel{padding:14px}.tutorial-step{gap:14px;grid-template-columns:1fr;padding:10px}.tutorial-step-media{margin-inline:-6px;min-height:180px;padding:6px}.tutorial-step-image{justify-items:center;padding:4px}.tutorial-step-image img{max-height:360px;width:min(100%,640px)}.tutorial-step-image.is-overview img{max-height:420px;width:min(100%,720px)}.tutorial-view-image-button{background:#e2e8f0;color:var(--text);display:inline-flex;font-size:.85rem;justify-self:center;min-width:0;padding:7px 12px;width:auto}.tutorial-view-image-button:hover{background:#cbd5e1}.tutorial-image-modal-frame img{max-width:none;width:min(1040px,220vw)}.dispatch-list-heading{align-items:flex-start;flex-direction:column;gap:10px}.dispatch-list-heading button{width:100%}.delivery-mode-tabs{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.delivery-mode-tabs button{font-size:.9rem;padding:9px 8px}.delivery-section-heading{align-items:flex-start;flex-direction:column;gap:6px}.delivery-check-item{padding:12px}.delivery-actions{display:grid;grid-template-columns:1fr}.delivery-stage-heading{align-items:flex-start;flex-direction:column;gap:4px}.delivery-stage-footer,.delivery-card-actions{display:grid;grid-template-columns:1fr}.delivery-actions button,.delivery-result .inline-actions button,.delivery-stage-footer button,.delivery-card-actions button{width:100%}.delivery-picked-up-table{border:0;overflow-x:visible}.delivery-picked-up-table table,.delivery-picked-up-table thead,.delivery-picked-up-table tbody,.delivery-picked-up-table tr,.delivery-picked-up-table th,.delivery-picked-up-table td{display:block;width:100%}.delivery-picked-up-table thead{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.delivery-picked-up-table tbody{display:grid;gap:10px}.delivery-picked-up-table tr{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.delivery-picked-up-table td{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(92px,34%) minmax(0,1fr);padding:10px 12px}.delivery-picked-up-table td:before{color:#334e68;content:attr(data-label);font-size:.72rem;font-weight:700;line-height:1.25;text-transform:uppercase}form{max-width:100%;padding:16px;width:100%}.form-grid,label{max-width:100%;min-width:0}label{font-size:.95rem}input,textarea,select{min-height:46px}.checkbox-label input{min-height:0}form>button[type=submit]{width:100%}.mobile-stack{overflow-x:visible}.mobile-stack table,.mobile-stack thead,.mobile-stack tbody,.mobile-stack tr,.mobile-stack th,.mobile-stack td{display:block;width:100%}.mobile-stack thead{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.mobile-stack tbody{display:grid;gap:18px;padding:12px}.mobile-stack tr{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.mobile-stack tr.open-request{background:#fffaf0;border-left:4px solid var(--warning)}.mobile-stack tr.bin-request{background:#f0f9ff;border-left:4px solid #0284c7}.mobile-stack tr.fulfilled-request{background:#fff}.mobile-stack th,.mobile-stack td{border-bottom:1px solid rgba(217,226,236,.8);font-size:.95rem;padding:10px 12px}.mobile-stack td{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(92px,34%) minmax(0,1fr)}.mobile-stack td:before{color:#334e68;content:attr(data-label);font-size:.72rem;font-weight:700;line-height:1.25;text-transform:uppercase}.mobile-stack td:last-child{border-bottom:0}.mobile-stack td.empty-mobile-cell{display:none}.mobile-stack td[data-label=Notes]{align-items:stretch;font-weight:400;min-height:30px}.mobile-stack td[data-label=Notes]:before{font-weight:700}.mobile-stack td[data-label=Notes] .notes-content{display:grid;gap:10px;grid-column:2;width:100%}.mobile-stack td[data-label=Notes] .text-button{display:flex;justify-content:center;justify-self:center;margin:0 auto;text-align:center;width:auto}.mobile-stack .request-row.open-request td{background:transparent}.mobile-stack .request-row.open-request td:first-child{box-shadow:none}.mobile-stack .table-link{justify-content:space-between;line-height:1.3;padding:9px 10px;text-align:left;width:100%}.mobile-stack .fulfill-button{justify-content:center;width:auto}.action-state{font-size:.76rem;min-width:92px}.status{font-size:.76rem;min-width:76px}.table-footer{align-items:stretch;flex-direction:column;padding:12px}.pagination-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.pagination-button{justify-content:center;width:100%}}@media(max-width:390px){header{padding-right:calc(12px + env(safe-area-inset-right));padding-left:calc(12px + env(safe-area-inset-left))}.login-shell,.choice-shell,.home-shell{padding-right:calc(12px + env(safe-area-inset-right));padding-left:calc(12px + env(safe-area-inset-left))}.login-panel,.choice-panel{padding:18px}.login-panel h1,.choice-panel h1{font-size:1.4rem}main{padding:14px 10px}nav{gap:8px}.nav-link{font-size:.85rem;padding-inline:6px}.mobile-stack tbody{gap:16px;padding:10px}.mobile-stack td{grid-template-columns:minmax(78px,32%) minmax(0,1fr);padding-inline:10px}}