:root{--ink:#17232f;--muted:#667584;--line:#d9e1e7;--surface:#fff;--soft:#f3f6f7;--nav:#202a33;--teal:#087f8c;--teal-soft:#e5f4f5;--amber:#d68a16;--amber-soft:#fff4df;--red:#b8403a;--red-soft:#fbe9e8;--blue:#326b9a;--shadow:0 6px 20px rgba(25,45,60,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font:14px/1.45 "Segoe UI",Arial,sans-serif}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:var(--nav);color:#fff;display:flex;flex-direction:column;padding:24px 14px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:750;padding:0 8px 26px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:2px solid #55c3ca;color:#55c3ca;font-size:13px;letter-spacing:1px}.sidebar nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#cbd4da;text-align:left;padding:12px 14px;border-left:3px solid transparent;cursor:pointer}.nav-item:hover,.nav-item.active{background:#2b3741;color:#fff;border-color:#55c3ca}.nav-count{float:right;background:#b8403a;color:white;padding:1px 7px;border-radius:10px}.sidebar-footer{margin-top:auto;border-top:1px solid #3c4750;padding:18px 8px 0;display:grid;gap:4px}.sidebar-footer small{color:#aeb9c1}.environment{width:max-content;background:#ffe3a8;color:#6f4300;font-size:11px;font-weight:700;padding:3px 7px;margin-bottom:8px}main{margin-left:226px;min-height:100vh}.topbar{height:104px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:20px 32px}.eyebrow{margin:0 0 4px;color:var(--teal);font-weight:700;font-size:11px;letter-spacing:.7px}.topbar h1{margin:0;font-size:26px}.top-actions{display:flex;align-items:end;gap:10px}.search{display:grid;gap:3px;color:var(--muted);font-size:11px}.search input{width:330px}.search input,input,select,.secondary,.primary,.icon-button{border:1px solid #bdc9d1;background:#fff;padding:10px 12px}.primary{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:700}.secondary{color:#275b7b}.icon-button{width:40px;font-weight:800}.view{display:none;padding:26px 32px}.view.active{display:block}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-top:4px solid var(--teal);padding:16px;text-align:left;cursor:pointer;box-shadow:var(--shadow)}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:30px;margin:4px 0}.metric.blue{border-top-color:var(--blue)}.metric.amber{border-top-color:var(--amber)}.metric.red{border-top-color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);padding:20px;box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.panel-heading h2{margin:0;font-size:18px}.text-button,.back{border:0;background:transparent;color:var(--teal);font-weight:700;cursor:pointer}.flow{display:flex;align-items:center;justify-content:space-between;min-height:130px}.flow div{width:88px;text-align:center}.flow strong,.flow span{display:block}.flow strong{font-size:26px}.flow span{color:var(--muted);font-size:12px}.flow i{height:2px;flex:1;background:#cbd8dd;position:relative}.flow i:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid #cbd8dd;border-top:4px solid transparent;border-bottom:4px solid transparent}.flow .current{color:var(--teal)}.exception{display:grid;grid-template-columns:5px 1fr auto;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.exception:first-child{border-top:0}.exception:before{content:"";background:var(--amber)}.exception.urgent:before{background:var(--red)}.exception strong,.exception span{display:block}.exception span{color:var(--muted);font-size:12px}.badge{display:inline-block;width:max-content;padding:4px 8px;font-size:11px;font-weight:700;background:#edf2f5;color:#4a5964}.badge.blue{background:#e7f0f8;color:#295f8b}.badge.amber{background:var(--amber-soft);color:#8a5400}.badge.red{background:var(--red-soft);color:#99342f}.arrival-row{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.arrival-row time{font-weight:750;color:var(--teal)}.arrival-row strong,.arrival-row span{display:block}.arrival-row div span{color:var(--muted);font-size:12px}.update-summary{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;border:1px solid var(--line);padding:15px}.update-summary strong{font-size:22px}.update-summary span,.muted{color:var(--muted)}.filterbar{display:flex;gap:10px;margin-bottom:14px}.filterbar select{min-width:180px}.filterbar .secondary{margin-left:auto}.table-wrap{background:#fff;border:1px solid var(--line);overflow:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line)}th{background:#eaf0f3;color:#52616d;font-size:11px;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#f4fafb}.shipment-id strong,.shipment-id span{display:block}.shipment-id span{font-size:12px;color:var(--muted)}.empty-state{background:#fff;border:1px solid var(--line);padding:50px;text-align:center}.back{margin-bottom:15px}.detail-hero{background:#fff;border:1px solid var(--line);padding:22px;display:flex;justify-content:space-between}.detail-hero h2{margin:4px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.detail-card{background:#fff;border:1px solid var(--line);padding:20px}.detail-card h3{margin-top:0}.timeline{border-left:2px solid #cbd8dd;margin-left:7px}.timeline-item{position:relative;padding:0 0 22px 24px}.timeline-item:before{content:"";position:absolute;left:-7px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--teal);border:2px solid white}.timeline-item strong,.timeline-item span{display:block}.timeline-item span{color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{position:static;width:auto;height:auto;flex-direction:row;align-items:center;padding:10px}.brand{padding:0;margin-right:auto;font-size:19px}.sidebar nav{display:flex;overflow:auto}.nav-item{white-space:nowrap}.sidebar-footer{display:none}main{margin:0}.topbar{height:auto;padding:14px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.search{display:none}.view{padding:14px}.status-strip{grid-template-columns:1fr 1fr}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.route-panel{overflow:auto}.flow{min-width:620px}.topbar h1{font-size:22px}.primary{padding:9px}.metric strong{font-size:24px}}
@media(max-width:540px){.brand-mark{width:34px;height:34px}.sidebar nav .nav-item:nth-child(n+4){display:none}.status-strip{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:12px}.metric small{display:none}.top-actions .icon-button{display:none}.dashboard-grid{gap:12px}.panel{padding:15px}.updates-panel .update-summary{grid-template-columns:auto 1fr}.updates-panel .update-summary strong{font-size:18px}.arrivals-panel{overflow:hidden}.arrival-row{grid-template-columns:55px 1fr}.arrival-row>.badge{grid-column:2}.filterbar{overflow:auto}.filterbar select{min-width:150px}}
.exception,.arrival-row{width:100%;background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left;color:inherit;cursor:pointer}.exception:hover,.arrival-row:hover{background:#f4fafb}.exception:before{content:none}.exception i{display:block;background:var(--amber);height:100%}.exception.urgent i{background:var(--red)}.detail-lines{margin-top:18px}.tractor-name{display:inline}
.auth-screen{position:fixed;inset:0;z-index:1000;background:#f4f7f6;display:grid;place-items:center;padding:24px}
.auth-screen[hidden]{display:none}
.login-panel{width:min(440px,100%);background:#fff;border:1px solid #d5dfdc;border-top:4px solid #0f766e;padding:32px;box-shadow:0 16px 40px rgba(20,34,39,.12)}
.login-brand{display:flex;align-items:center;gap:12px;font-size:25px;margin-bottom:28px}
.login-panel h1{font-size:27px;margin:6px 0 8px}
.login-panel label{display:grid;gap:7px;margin-top:18px;font-size:13px;font-weight:700;color:#30444b}
.login-panel input{width:100%;border:1px solid #b8c8c5;padding:13px 12px;font:inherit;background:#fff}
.login-panel .primary{width:100%;margin-top:10px}
.form-message{min-height:22px;color:#a32626;font-size:13px}
.logout-button{width:100%;margin-top:12px;padding:9px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer}
body:not(.app-ready)>.sidebar,body:not(.app-ready)>main{visibility:hidden}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.section-heading h2{margin:3px 0 0;font-size:24px}
.count-pill{background:#dcefed;color:#0f5e59;padding:7px 10px;font-weight:700;font-size:13px}
#exceptions-table tr[data-id],#documents-table tr[data-id]{cursor:pointer}
#exceptions-table tr[data-id]:hover,#documents-table tr[data-id]:hover{background:#f1f7f6}
.exception-priority-select{min-width:102px;padding:7px 9px;font-weight:700}.manual-priority-label{display:block;margin-top:4px;color:var(--teal);font-size:10px;font-weight:700;text-transform:uppercase}
.missing{color:#a32626;font-weight:700}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.settings-card{border:1px solid #d8e1df;border-top:3px solid #0f766e;background:#fff;padding:20px;display:grid;gap:7px}
.settings-card span,.settings-card small{color:#60747a}
.settings-card strong{font-size:19px}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:10px}}
.operation-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}
.operation-form label,.inline-form{display:grid;gap:6px;color:#52616d;font-size:12px;font-weight:700}
.operation-form input,.operation-form select,.inline-form input,.inline-form select{width:100%;border:1px solid #bdc9d1;background:#fff;padding:10px 12px}
.operation-form .form-message{grid-column:1/-2;margin:0;align-self:center}
.operations-grid{margin-top:18px}
.inline-form{grid-template-columns:1fr 150px 110px auto;align-items:end;margin-bottom:16px}
.operations-grid .detail-card:nth-child(2) .inline-form{grid-template-columns:180px 1fr auto}
.action-list{list-style:none;padding:0;margin:0;display:grid}
.action-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.action-list li strong,.action-list li span{display:block}.action-list li span{font-size:12px;color:var(--muted)}
.completed-task-list{margin-top:12px;border-top:1px solid var(--line)}.completed-task-list summary{padding:12px 0;color:var(--teal);font-weight:700;cursor:pointer}.completed-task-list[open] summary{border-bottom:1px solid var(--line)}.completed-task-list .action-list li{opacity:.78}.panel-count{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:6px;padding:0 7px;background:#e7f0f8;color:#295f8b;font-size:12px}.internal-todo-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.internal-todo-row:hover{background:#f4fafb}.internal-todo-row strong,.internal-todo-row span,.internal-todo-row small{display:block}.internal-todo-row span,.internal-todo-row small{color:var(--muted);font-size:12px}.internal-todo-row>div:last-child{text-align:right}.internal-tasks-card{border-top:3px solid var(--blue)}.dashboard-column{display:grid;align-content:start;gap:18px}.dashboard-full-width{grid-column:1/-1}.compact-route-panel{padding:16px 18px}.compact-route-panel .panel-heading{margin-bottom:8px}.compact-flow{min-width:480px;min-height:64px}.compact-flow button{width:76px;border:0;background:transparent;padding:6px 4px;text-align:center;cursor:pointer}.compact-flow button:hover,.compact-flow button:focus-visible{background:#eef7f7;outline:1px solid #9bc9cc}.compact-flow button strong,.compact-flow button span{display:block}.compact-flow button strong{font-size:22px}.compact-flow button span{color:var(--muted);font-size:11px}.compact-flow button.current{color:var(--teal)}
@media(max-width:900px){.operation-form{grid-template-columns:1fr 1fr}.inline-form,.operations-grid .detail-card:nth-child(2) .inline-form{grid-template-columns:1fr}.operation-form .form-message{grid-column:1/-1}}
.line-lc{width:230px;min-height:54px;border:1px solid #bdc9d1;padding:8px;resize:vertical;font:inherit}.line-notes{width:230px;min-height:54px;border:1px solid #bdc9d1;padding:8px;resize:vertical;font:inherit}.serial-table{min-width:650px}.serial-table td:first-child{font-family:Consolas,monospace;font-weight:700}
.brand{height:132px;padding:0 0 18px;justify-content:center}.brand img{display:block;width:190px;height:112px;object-fit:contain;background:#fff}.login-brand{justify-content:center}.login-brand img{display:block;width:230px;height:190px;object-fit:contain}.detail-lines th small{font-size:9px;font-weight:500;text-transform:none;color:#6d7a84}
@media(max-width:900px){.brand{height:58px;padding:0;margin-right:auto}.brand img{width:92px;height:54px}.login-brand img{width:200px;height:165px}}
.excel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.excel-grid .detail-card{margin:0}.excel-grid input[type=file]{display:block;width:100%;margin:18px 0 12px}.excel-preview{margin-top:0}.import-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d7e0e8;margin-bottom:16px}.import-summary div{padding:14px;border-right:1px solid #d7e0e8}.import-summary div:last-child{border-right:0}.import-summary span{display:block;color:#64748b;font-size:12px}.import-summary strong{display:block;font-size:24px;margin-top:4px}.confirm-import{display:flex;align-items:center;gap:8px;margin:16px 0}.confirm-import input{width:auto}.excel-change-list{max-height:360px;overflow:auto}.excel-change-list td{vertical-align:top}.excel-change-list small{display:block;color:#64748b}@media(max-width:760px){.excel-grid,.import-summary{grid-template-columns:1fr}.import-summary div{border-right:0;border-bottom:1px solid #d7e0e8}}
.detail-trip{margin-top:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.trip-summary{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr));gap:24px}.trip-summary p{margin:0}.shipment-administration{margin-top:18px;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(420px,1.3fr);gap:28px;align-items:start}.shipment-administration form{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(260px,1fr) auto;gap:12px;align-items:end}.shipment-administration label,.document-instance label{display:grid;gap:6px;color:#52616d;font-size:12px;font-weight:700}.shipment-administration input,.shipment-administration textarea,.document-instance select,.document-instance textarea{width:100%;border:1px solid #bdc9d1;background:#fff;padding:10px 12px}.shipment-administration textarea{min-height:42px;resize:vertical}.document-checklist{margin-top:18px;padding:0}.document-checklist>.panel-heading{padding:20px 20px 14px;margin:0;border-bottom:1px solid var(--line)}.document-checklist h3,.document-checklist h4{margin:0}.document-group{border-bottom:1px solid var(--line)}.document-group:last-child{border-bottom:0}.document-group>header{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:#f4f7f8}.add-document-instance{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--teal);background:#fff;color:var(--teal);font-size:20px;font-weight:700;cursor:pointer}.document-instance{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(150px,.75fr) minmax(220px,1.1fr) minmax(260px,1.5fr) auto;gap:12px;align-items:end;padding:14px 20px;border-top:1px solid #e8eef1}.document-instance-name{align-self:center}.document-file{display:grid;gap:6px}.document-file>span,.document-notes-field>span{color:#52616d;font-size:12px;font-weight:700}.document-file>div{display:flex;align-items:center;gap:8px;min-height:42px}.document-file .text-button{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.missing-file{color:var(--muted);font-size:12px}.document-instance textarea{min-height:42px;max-height:120px;resize:vertical}.document-actions{display:flex;gap:7px}.danger-button{border:1px solid #c84e47;background:#fff;color:#a6312b;padding:10px 12px;font-weight:700;cursor:pointer}.document-instance button:disabled,.shipment-administration button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1180px){.shipment-administration{grid-template-columns:1fr}.shipment-administration form{grid-template-columns:1fr 1.5fr auto}.document-instance{grid-template-columns:1fr 1fr 1.5fr}.document-notes-field{grid-column:1/3}.document-actions{grid-column:3;justify-content:flex-end}}
.document-checklist-footer{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:18px 20px;background:#f4f7f8}.document-checklist-footer .form-message{margin:0}.document-checklist-footer .primary{min-width:220px}
.document-group>header{gap:16px;padding:11px 20px}.document-group-heading{display:flex;align-items:baseline;gap:10px;min-width:0}.document-group-summary{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-group-controls{display:flex;align-items:center;gap:7px;flex:0 0 auto}.toggle-document-group{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--teal);background:#fff;color:var(--teal);font-size:18px;font-weight:700;cursor:pointer}.document-group-chevron{line-height:1;transform:translateY(-1px)}.document-group-content[hidden]{display:none}.document-group-empty{margin:0;padding:14px 20px;border-top:1px solid #e8eef1}
@media(max-width:760px){.detail-trip{display:grid}.trip-summary{grid-template-columns:1fr 1fr}.shipment-administration form{grid-template-columns:1fr}.document-instance{grid-template-columns:1fr}.document-notes-field,.document-actions{grid-column:auto}.document-actions{justify-content:flex-start}.document-file>div{flex-wrap:wrap}.document-checklist-footer{align-items:stretch;flex-direction:column}.document-checklist-footer .primary{width:100%;min-width:0}}
@media(max-width:760px){.document-group-heading{display:grid;gap:2px}.document-group-summary{white-space:normal}}
.shipment-administration form{grid-template-columns:minmax(150px,.4fr) minmax(150px,.4fr) minmax(240px,1fr) auto}
@media(max-width:1180px){.shipment-administration form{grid-template-columns:1fr 1fr 1.5fr auto}}
@media(max-width:760px){.shipment-administration form{grid-template-columns:1fr}}

/* Compact icon navigation */
.sidebar{width:112px;padding:18px 12px;overflow:visible}
.brand{height:92px;padding:0 0 14px}
.brand img{width:88px;height:76px}
.sidebar nav{gap:5px}
.nav-item{position:relative;display:grid;place-items:center;width:100%;height:58px;padding:6px;border-left:3px solid transparent;text-align:center}
.nav-item img{display:block;width:44px;height:44px;object-fit:contain;pointer-events:none}
.nav-label{position:absolute;left:calc(100% + 12px);top:50%;z-index:30;min-width:max-content;padding:7px 10px;background:#17232f;color:#fff;border:1px solid #40515f;box-shadow:0 5px 14px rgba(0,0,0,.2);font-size:13px;font-weight:700;opacity:0;pointer-events:none;transform:translate(-4px,-50%);transition:opacity .15s ease,transform .15s ease}
.nav-item:hover .nav-label,.nav-item:focus-visible .nav-label{opacity:1;transform:translate(0,-50%)}
.nav-count{position:absolute;top:4px;right:4px;min-width:20px;padding:1px 5px;border-radius:10px;font-size:10px}
.sidebar-footer{padding:14px 2px 0;text-align:center;overflow-wrap:anywhere}
.environment{margin:0 auto 6px}
main{margin-left:112px}
@media(max-width:900px){.sidebar{width:auto;padding:8px 10px;overflow:visible}.brand{width:78px;height:54px;padding:0;margin-right:auto}.brand img{width:74px;height:50px}.sidebar nav{overflow:visible;gap:2px}.nav-item{width:54px;height:50px;padding:4px}.nav-item img{width:38px;height:38px}.nav-label{left:50%;top:calc(100% + 8px);transform:translate(-50%,-4px)}.nav-item:hover .nav-label,.nav-item:focus-visible .nav-label{transform:translate(-50%,0)}}
@media(max-width:540px){.sidebar{overflow-x:auto}.sidebar nav{min-width:max-content}.sidebar nav .nav-item:nth-child(n+4){display:grid}}

.logout-button:hover,.logout-button:focus-visible{background:#2b3741;border-color:#55c3ca}
.account-settings-card{width:min(100%,520px);margin-top:14px}
.account-settings-card .secondary{width:max-content;margin-top:8px;cursor:pointer}
.account-dialog{width:min(460px,calc(100% - 32px));padding:0;border:1px solid var(--line);box-shadow:0 18px 55px rgba(20,34,39,.28)}
.account-dialog::backdrop{background:rgba(12,25,34,.55)}
.account-dialog form{padding:24px}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dialog-heading h2{margin:0;font-size:22px}
.dialog-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:var(--ink);font-size:28px;line-height:1;cursor:pointer}
.account-dialog label{display:grid;gap:6px;margin-top:16px;color:#52616d;font-size:12px;font-weight:700}
.account-dialog input{width:100%}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}
.success-message{color:#08724f}
@media(max-width:900px){.account-dialog{margin:auto}.account-settings-card{width:100%}}

.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.dashboard-grid>.panel{min-width:0}
.dashboard-full-width{grid-column:1/-1}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.dashboard-full-width{grid-column:auto}}
.quantity-form{display:grid;gap:5px;min-width:210px}.quantity-form>label{font-weight:700}.quantity-form>div{display:flex;gap:7px}.quantity-form input{width:90px;padding:8px 10px}.quantity-form button{padding:8px 10px}.quantity-form small{max-width:230px;color:var(--muted);font-size:11px}
.quantity-serials{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:7px 0 0;padding:9px;border:1px solid var(--line)}.quantity-serials legend{padding:0 4px;color:var(--muted);font-size:11px}.quantity-serials label{display:flex;align-items:center;gap:5px;font-size:11px}.quantity-serials input{width:auto}.trip-actions{display:grid;gap:8px;justify-items:stretch}.trip-actions .danger-button{white-space:nowrap}
.serial-form{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) minmax(160px,.7fr) auto;gap:9px;margin-bottom:14px}.serial-form input,.serial-form select,.serial-table input{width:100%;border:1px solid #bdc9d1;background:#fff;padding:8px 10px}.serial-actions{display:flex;gap:6px;white-space:nowrap}.serial-actions button{padding:8px 10px}@media(max-width:760px){.serial-form{grid-template-columns:1fr}.serial-actions{white-space:normal}}
.order-status-card{margin-top:18px;padding:0}.order-status-card>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;cursor:pointer;list-style:none}.order-status-card>summary::-webkit-details-marker{display:none}.order-status-card>summary strong{display:block;font-size:18px}.order-status-card>summary .eyebrow{display:block}.order-chevron{font-size:24px;color:var(--teal);transition:transform .15s ease}.order-status-card[open] .order-chevron{transform:rotate(180deg)}.order-status-content{border-top:1px solid var(--line)}.order-line-form{padding:18px 20px;border-bottom:1px solid var(--line)}.order-line-form:last-child{border-bottom:0}.order-line-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.order-line-heading span{color:var(--muted)}.order-fields,.new-shipment-fields{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.order-fields label,.new-shipment-fields label{display:grid;gap:6px;color:#52616d;font-size:12px;font-weight:700}.order-fields input,.order-fields textarea,.new-shipment-fields input,.new-shipment-fields textarea{width:100%;border:1px solid #bdc9d1;background:#fff;padding:10px 12px}.order-fields textarea,.new-shipment-fields textarea{resize:vertical}.wide-field{grid-column:span 2}.order-line-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:12px}.order-line-actions .form-message{margin:0}.shipment-dialog{width:min(860px,calc(100% - 32px))}.shipment-dialog .new-shipment-fields{margin-top:18px}
@media(max-width:760px){.order-fields,.new-shipment-fields{grid-template-columns:1fr}.wide-field{grid-column:auto}.order-line-heading{display:grid;gap:2px}.order-line-actions{align-items:stretch;flex-direction:column}.shipment-dialog{margin:auto}}