:root{--coral: #f9875a;--coral-dark: #e56e40;--cream: #faf6e3;--tan: #c9b085;--ink: #141414;--ink-soft: #3a3a3a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,Segoe UI,Tahoma,sans-serif;background:var(--cream);color:var(--ink);min-height:100vh}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{background:var(--coral);color:var(--cream);padding:1rem 5vw;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.7rem;font-size:1.3rem;font-weight:700}.brand img{height:36px}.topnav{display:flex;align-items:center;gap:1rem}.topnav a{color:var(--cream);text-decoration:none;font-weight:600}.topnav a:hover{text-decoration:underline}.lang-toggle,.signout{background:var(--ink);color:var(--cream);border:none;padding:.5rem 1.2rem;font-size:.95rem;cursor:pointer}.lang-toggle:hover,.signout:hover{background:var(--ink-soft)}.login{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 5vw}.login-card{background:#fff;border-block-start:4px solid var(--coral);box-shadow:0 1px 6px #1414141a;padding:2.5rem;width:100%;max-width:400px;display:flex;flex-direction:column}.login-logo{height:56px;align-self:center;margin-bottom:1rem}.login-card h1{font-size:1.3rem;text-align:center;margin-bottom:1.8rem}.login-card label{font-size:.9rem;color:var(--ink-soft);margin-bottom:.3rem}.login-card input{padding:.65rem .8rem;border:1px solid var(--tan);font-size:1rem;margin-bottom:1.2rem;background:var(--cream)}.login-card input:focus{outline:2px solid var(--coral);border-color:var(--coral)}.login-card button{background:var(--coral);color:var(--cream);border:none;padding:.8rem;font-size:1rem;font-weight:700;cursor:pointer;margin-top:.4rem}.login-card button:hover:not(:disabled){background:var(--coral-dark)}.login-card button:disabled{opacity:.6;cursor:default}.form-error{color:#b42318;font-size:.9rem;margin-bottom:.6rem}.page{flex:1;padding:2.5rem 5vw}.page h1{font-size:1.8rem;margin-bottom:1.5rem}.inline-form{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.inline-form input,.inline-form select{padding:.55rem .7rem;border:1px solid var(--tan);background:#fff;font-size:.95rem;min-width:10rem}.inline-form input:focus,.inline-form select:focus{outline:2px solid var(--coral)}.inline-form button{background:var(--coral);color:var(--cream);border:none;padding:.55rem 1.4rem;font-weight:700;cursor:pointer}.inline-form button:hover:not(:disabled){background:var(--coral-dark)}.table-wrap{overflow-x:auto;background:#fff;box-shadow:0 1px 4px #14141414}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table th,.data-table td{padding:.7rem 1rem;text-align:start;border-bottom:1px solid var(--cream)}.data-table th{background:var(--ink);color:var(--cream);font-weight:600;white-space:nowrap}.chip{display:inline-block;padding:.15rem .7rem;border-radius:999px;font-size:.82rem;background:var(--tan);color:var(--ink);white-space:nowrap}.chip-available,.chip-active,.chip-delivered{background:#d1e7d3;color:#1a7f37}.chip-on_trip,.chip-assigned,.chip-picked_up,.chip-in_transit{background:#fde3d2;color:#b04a17}.chip-off_shift,.chip-maintenance,.chip-created{background:var(--cream);color:var(--ink-soft);border:1px solid var(--tan)}.chip-failed,.chip-canceled,.chip-retired{background:#f6d5d2;color:#b42318}.order-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.assign-controls{display:inline-flex;gap:.4rem;align-items:center}.assign-controls select{padding:.35rem .5rem;border:1px solid var(--tan);font-size:.85rem;max-width:9.5rem}.order-actions button{background:var(--coral);color:var(--cream);border:none;padding:.35rem .8rem;font-size:.85rem;cursor:pointer;white-space:nowrap}.order-actions button.action-secondary{background:var(--ink)}.order-actions button:hover{opacity:.85}.muted{color:var(--ink-soft);opacity:.75;font-size:.9rem}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;align-items:start}.board-column{background:#fff;box-shadow:0 1px 4px #14141414;padding:1rem}.board-column h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--coral);padding-bottom:.5rem;margin-bottom:.8rem}.board-column .count{background:var(--coral);color:var(--cream);border-radius:999px;padding:0 .6rem;font-size:.85rem}.board-empty{color:var(--ink-soft);opacity:.6;font-size:.9rem}.order-card{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem;margin-bottom:.6rem;background:var(--cream);border-inline-start:3px solid var(--tan);text-decoration:none;color:var(--ink);font-size:.92rem}.order-card:hover{border-inline-start-color:var(--coral);background:#fff6ee}.order-card .chip{align-self:flex-start;margin-top:.3rem}.chip-priority-urgent{background:#f6d5d2;color:#b42318}.chip-priority-high{background:#fde3d2;color:#b04a17}.chip-priority-normal{background:var(--cream);color:var(--ink-soft);border:1px solid var(--tan)}.chip-priority-low{background:#eceae0;color:var(--ink-soft)}.board-footer{margin-top:1.2rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.panel{background:#fff;box-shadow:0 1px 4px #14141414;padding:1.3rem 1.5rem;margin-bottom:1rem}.panel h2{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:.8rem}.panel dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.4rem;font-size:.95rem}.panel dt{color:var(--ink-soft)}.title-chip{margin-inline-start:.8rem;vertical-align:middle}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.detail-actions button,.assign-panel button{background:var(--coral);color:var(--cream);border:none;padding:.45rem 1rem;font-size:.9rem;cursor:pointer}.detail-actions button.action-secondary{background:var(--ink)}.assign-panel{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.assign-panel h3{width:100%;font-size:.88rem;color:var(--ink-soft)}.assign-panel select{padding:.45rem .6rem;border:1px solid var(--tan);font-size:.9rem}.timeline{list-style:none;display:flex;flex-direction:column;gap:.55rem}.timeline li{display:flex;flex-wrap:wrap;gap:.8rem;align-items:baseline;padding-inline-start:1rem;border-inline-start:3px solid var(--coral);font-size:.92rem}.timeline-time{color:var(--ink-soft);font-size:.85rem;white-space:nowrap}.timeline-type{font-weight:600}.landing{flex:1;padding:4rem 5vw;max-width:720px}.landing h1{font-size:2.2rem;margin-bottom:.6rem}.subtitle{color:var(--ink-soft);font-size:1.1rem;margin-bottom:2.5rem}.status-card{background:#fff;border-inline-start:4px solid var(--coral);padding:1.5rem 2rem;box-shadow:0 1px 4px #14141414;max-width:420px}.status-card h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:.8rem}.status{font-weight:700;margin-bottom:1rem}.status.online{color:#1a7f37}.status.offline{color:#b42318}dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1.5rem;font-size:.95rem}dt{color:var(--ink-soft)}.coming-soon{margin-top:2.5rem;color:var(--tan);font-style:italic}.footer{background:var(--ink);color:var(--tan);padding:1rem 5vw;font-size:.9rem}
