:root{color-scheme:light;--ink:#24313f;--muted:#687584;--green:#26725b;--amber:#986600;--line:#dfe5eb;--paper:#fff;--bg:#f5f7fa;--soft:#f7f9fb;--verified:#edf7f0;--mismatch:#fff2f0;--changed:#fff8e8;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.45}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7fb9a6;outline-offset:2px}[hidden]{display:none!important}
.portal-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{max-width:1300px;margin:auto;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.05em}.brand-mark{background:var(--green);color:white;border-radius:9px;padding:7px 10px}.brand small{display:block;font-weight:500;font-size:11px;color:var(--muted);letter-spacing:0}main{max-width:1300px;margin:auto;padding:28px 28px 42px;min-height:calc(100vh - 145px)}footer{max-width:1300px;margin:auto;padding:18px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}h1{font-size:29px;line-height:1.25;letter-spacing:-.025em;margin:6px 0 20px;overflow-wrap:anywhere}h2{font-size:18px;margin:0}h3{margin:0}.eyebrow{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.back{display:inline-block;margin-bottom:18px;font-size:13px}.card,.object-card{background:var(--paper);border:1px solid var(--line);border-radius:12px}.muted,.fine{color:var(--muted)}.fine{font-size:12px}.intro{color:var(--muted);margin-bottom:24px}.quiet,.primary,.review-actions button{border-radius:8px;border:1px solid var(--line);padding:9px 13px;min-height:42px;background:var(--paper)}.primary{background:var(--green);border-color:var(--green);color:white;font-weight:600}.link-button{display:inline-block}.quiet{color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin:16px 0 6px}input,select,textarea{background:var(--paper);border:1px solid #cbd5df;border-radius:8px;min-height:44px;padding:10px 12px;max-width:100%}textarea{width:100%;resize:vertical}.errorlist{color:#b3362b;font-size:12px;padding-left:18px}.auth-card{max-width:440px;margin:24px auto;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:30px}.auth-card input{width:100%}.full{width:100%;margin-top:20px}.note{background:var(--soft);border-radius:8px;padding:12px;font-size:13px}.object-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.object-card{padding:22px;color:var(--ink)}.object-card:hover{border-color:var(--green);text-decoration:none}.object-icon{display:block;color:var(--green);font-size:24px;margin-bottom:16px}.object-card h2{margin-bottom:14px;overflow-wrap:anywhere}
.period{display:grid;grid-template-columns:155px 155px minmax(175px,1fr) minmax(175px,1fr) 145px;gap:14px;padding:18px;margin:0 0 22px;position:relative;z-index:3}.period label{margin:0 0 6px}.period input[type=date],.period select{width:100%;height:44px;min-width:0}.period input[type=date]::-webkit-calendar-picker-indicator{opacity:.45}.filter-errors{grid-column:1/-1}.filter-errors:empty,.filter-status:empty{display:none}.filter-status{font-size:13px}.picker-field{min-width:0}.filter-menu{position:relative}.filter-menu>summary{height:44px;list-style:none;cursor:pointer;border:1px solid #cbd5df;border-radius:8px;background:var(--paper);padding:11px 30px 11px 12px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-menu>summary::-webkit-details-marker{display:none}.filter-menu>summary::after{content:'⌄';position:absolute;right:12px}.filter-menu[open]>summary::after{content:'⌃'}.filter-menu>summary span{color:var(--muted)}.picker-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:220px;z-index:15;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 35px #172d4926;padding:12px}.picker-panel label{margin:0 0 5px}.picker-panel>input{width:100%;font-size:13px;margin-bottom:8px}.picker-panel>.quiet{width:100%;text-align:left;font-size:11px;padding:8px}.picker-options{max-height:240px;overflow:auto;overscroll-behavior:contain;margin-top:8px}.picker-option label{display:flex;align-items:center;gap:10px;padding:9px 4px;margin:0;font-size:13px;font-weight:400;cursor:pointer}.picker-option input{width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:var(--green);margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px}.section-heading .muted{font-size:12px}.material-summary>.section-heading{padding:0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:12px 0 22px}.summary{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px 18px}.summary h3{font-size:14px;margin-bottom:5px;overflow-wrap:anywhere}.summary>span{font-size:12px;color:var(--muted)}.summary strong{display:block;font-size:27px;font-variant-numeric:tabular-nums;margin-top:6px;line-height:1.2}.summary small{font-size:17px;font-weight:500}.deliveries{overflow:hidden}.delivery-head,.delivery-row{display:grid;grid-template-columns:115px 115px minmax(120px,1.2fr) 60px 100px minmax(150px,1.5fr);gap:14px;padding:13px 22px}.delivery-head{padding-right:56px;font-size:11px;background:var(--soft);color:var(--muted);border-block:1px solid var(--line)}.delivery-card{border-top:1px solid var(--line)}.delivery-card:first-child{border-top:0}.delivery-row{list-style:none;cursor:pointer;position:relative;align-items:start;font-size:13px;padding-right:40px}.delivery-row::-webkit-details-marker{display:none}.delivery-row::after{content:'⌄';position:absolute;right:16px;top:12px;color:var(--green)}.delivery-group[open]>.delivery-row::after{content:'⌃'}.delivery-row:hover{background:#8999ab0c}.delivery-row>span{min-width:0;overflow-wrap:anywhere}.delivery-date,.vehicle,.quantity{font-weight:600;font-variant-numeric:tabular-nums}.quantity>span{display:block}.unloading{color:var(--muted);font-size:12px}.review-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 22px 12px;margin:0}.review-actions button{font-size:11px;min-height:34px;padding:6px 10px;color:var(--muted)}.review-actions button[aria-pressed=true][value=verified]{border-color:#77aa87;color:#26703c;background:var(--verified)}.review-actions button[aria-pressed=true][value=mismatch]{border-color:#da9d95;color:#ae3428;background:var(--mismatch)}.review-label{font-size:11px;color:var(--muted);margin-left:auto}.review-label[data-state=verified]{color:#26703c}.review-label[data-state=mismatch]{color:#b33c2f}.review-label[data-state=changed]{color:#926409}.review-error{flex-basis:100%;font-size:12px;color:#b33c2f}.review-error:empty{display:none}.delivery-card[data-state=verified],.individual-trip[data-state=verified]{background:var(--verified)}.delivery-card[data-state=mismatch],.individual-trip[data-state=mismatch]{background:var(--mismatch)}.delivery-card[data-state=changed],.individual-trip[data-state=changed]{background:var(--changed)}.group-deliveries{padding:16px 22px;background:var(--soft);border-block:1px solid var(--line)}.group-deliveries h3{font-size:12px;font-weight:500;color:var(--muted);margin-bottom:12px}.group-deliveries ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px;padding:0;margin:0;list-style:none}.individual-trip{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0}.trip-heading{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:10px}.individual-trip .review-actions{padding:10px 0 0}.individual-trip .review-label{width:100%;margin:2px 0 0}.trip-photos{display:flex;gap:8px;flex-wrap:wrap}.photo-thumb{width:100%;border:0;border-radius:6px;background:var(--soft);padding:0;overflow:hidden;text-align:left}.photo-thumb img{display:block;width:100%;height:135px;object-fit:cover}.photo-thumb span{display:block;padding:7px 8px;color:var(--muted);font-size:11px}.no-photo{width:100%;background:var(--soft);border:1px dashed var(--line);padding:18px 8px;border-radius:6px;text-align:center;color:var(--muted);font-size:12px}.review-comment{margin:10px 0 0;overflow-wrap:anywhere;font-size:12px}.unloading-detail{font-size:12px;margin:14px 0 0}.notice{font-size:12px;color:var(--muted);padding:12px 0}.freshness{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:10px;color:var(--muted)}.empty{padding:24px;color:var(--muted);font-size:13px}.detail{padding:24px}.detail dl{display:grid;grid-template-columns:160px 1fr;gap:12px}.detail dd{margin:0}.detail dt{color:var(--muted)}[data-delivery-results][aria-busy=true]{opacity:.6}.mobile-only{display:none}.portal-dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;max-width:min(470px,calc(100vw - 24px));width:100%}.portal-dialog::backdrop{background:#15213188}.dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.dialog-head h2{font-size:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.photo-dialog{max-width:min(980px,calc(100vw - 24px))}.photo-dialog>img{display:block;max-width:100%;max-height:75vh;margin:12px auto 0;object-fit:contain}
/* A full-field calendar; native inputs remain usable with JavaScript disabled. */
.portal-calendar{position:fixed;width:294px;z-index:50;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 12px 35px #172d4930}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px}.calendar-nav button,.calendar-grid button,.calendar-bottom button{border:0;border-radius:6px;background:transparent;min-height:36px;padding:4px;color:var(--ink)}.calendar-nav button{width:36px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-grid>span{text-align:center;font-size:10px;padding:7px 0;color:var(--muted)}.calendar-grid button{font-size:12px;font-variant-numeric:tabular-nums}.calendar-grid button:hover{background:var(--soft)}.calendar-grid button.selected{background:var(--green);color:white}.calendar-grid button.today{box-shadow:inset 0 0 0 1px var(--green)}.calendar-grid button.other-month{color:var(--muted);opacity:.65}.calendar-bottom{display:flex;justify-content:space-between;margin-top:8px;border-top:1px solid var(--line);padding-top:5px}.calendar-bottom button{font-size:12px;color:var(--green);padding:5px 8px}
@media(max-width:1050px){.period{grid-template-columns:1fr 1fr 1.4fr 1.4fr}.review-filter{grid-column:1/-1;width:170px}.delivery-head,.delivery-row{grid-template-columns:95px 100px minmax(90px,1fr) 45px 85px minmax(120px,1fr);gap:10px;padding-left:16px}.object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.delivery-head{display:none}.delivery-row{grid-template-columns:1fr auto;gap:5px 12px;padding:12px 32px 8px 14px;font-size:13px}.delivery-date{color:var(--muted);font-size:12px;font-weight:500}.vehicle{grid-column:2;grid-row:1}.material-name{grid-column:1;grid-row:2}.quantity{grid-column:2;grid-row:2}.trip-count{grid-column:1/-1;grid-row:3;font-size:11px;color:var(--muted)}.mobile-only{display:inline}.delivery-row>.unloading{display:none}.review-actions{padding:0 14px 10px}.review-label{font-size:10px}.review-actions button{min-height:36px}.group-deliveries{padding:12px 14px}.group-deliveries ol{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.period{grid-template-columns:1fr 1fr}.review-filter{width:100%;grid-column:1/-1}.picker-panel{min-width:0;width:100%}.period .picker-panel{min-width:220px}.material-field .picker-panel{left:auto}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary{padding:12px}.summary strong{font-size:23px}.summary h3{font-size:12px}.summary small{font-size:15px}.section-heading{padding:15px 14px}.section-heading h2{font-size:16px}.section-heading .muted{font-size:10px}}
@media(max-width:480px){body{font-size:14px}.header-inner{padding:12px 14px}.brand{font-size:14px}.brand-mark{font-size:15px}.brand small{font-size:10px}main{padding:20px 12px 30px}h1{font-size:22px;margin-bottom:18px}.back{margin-bottom:14px}.period{padding:12px;gap:12px}.period input,.filter-menu>summary{font-size:12px}.period label{font-size:11px}.filter-menu>summary{padding-left:10px}.object-grid{grid-template-columns:1fr}.auth-card{padding:24px;margin:8px auto}.group-deliveries ol{grid-template-columns:1fr}.review-actions{gap:5px}.review-label{flex-basis:100%;margin:1px 0 0}.review-actions button{font-size:11px;padding:6px 9px}.individual-trip .review-actions{padding-top:8px}.detail dl{grid-template-columns:1fr;gap:6px}.detail dd{margin-bottom:8px}footer{padding:16px 14px}.dialog-actions{flex-wrap:wrap}.dialog-head h2{font-size:14px}}
:root[data-theme=dark]{color-scheme:dark}html[data-theme=dark] :is(input,select,textarea,.filter-menu>summary,.portal-date){border-color:#485666}html[data-theme=dark] .review-actions button[aria-pressed=true][value=verified],html[data-theme=dark] .review-label[data-state=verified]{color:#8ecea0}html[data-theme=dark] .review-actions button[aria-pressed=true][value=mismatch],html[data-theme=dark] .review-label[data-state=mismatch]{color:#f6aaa1}html[data-theme=dark] .review-label[data-state=changed]{color:#e7c87e}

.header-inner{flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.header-actions form{margin:0}.theme-control{display:flex;align-items:center;gap:7px}.theme-control label{margin:0;font-size:11px;color:var(--muted)}.theme-control select{font-size:12px;width:152px;min-height:42px;padding:8px}.period .portal-date{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:44px;min-width:0;padding:10px 12px;border:1px solid #cbd5df;border-radius:8px;background:var(--paper);text-align:left;font-size:13px}.portal-date svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:var(--muted);stroke-width:1.7}.portal-date span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.theme-control select{width:136px;font-size:11px}.period .portal-date{font-size:12px}.header-actions{gap:8px}}
html[data-theme=dark] .portal-date{border-color:#485666}
.theme-control{position:relative}.theme-control::after{content:"⌄";position:absolute;right:10px;pointer-events:none;color:var(--muted)}.theme-control select{height:42px;appearance:none;padding-right:26px}

.pending-driver-trip{border:2px solid #d96666;background:#fff0f0;color:#682525;margin:12px 0}.pending-deliveries{margin-bottom:28px}[data-theme="dark"] .pending-driver-trip{background:#3a2427;color:#ffd7d7}

/* Dispatcher approval and customer reconciliation are independent statuses. */
.summary.has-pending,.delivery-card.has-pending,.individual-trip.has-pending{background:#fff6f6;border-color:#e8b8b8}
.dispatcher-note{font-size:12px;color:#a13b3b;line-height:1.5;margin:10px 0 0;font-weight:500;overflow-wrap:anywhere}
.group-pending{grid-column:1/-1;padding:0;margin:4px 0 0}
.delivery-head,.delivery-row{grid-template-columns:145px 115px minmax(120px,1.2fr) 60px 100px minmax(150px,1.5fr)}
[data-theme=dark] .summary.has-pending,[data-theme=dark] .delivery-card.has-pending,[data-theme=dark] .individual-trip.has-pending{background:#35272d;border-color:#75434a}
[data-theme=dark] .dispatcher-note{color:#f2abae}
@media(max-width:760px){.delivery-row{grid-template-columns:1fr auto}.group-pending{padding:0}.dispatcher-note{font-size:11px}}

/* Keep the historical journal calm; customer marks do not imply a new delivery. */
.delivery-card[data-state=pending],.individual-trip[data-state=pending],.delivery-card[data-state=verified],.individual-trip[data-state=verified]{background:var(--paper);border-color:var(--line)}
.delivery-card.has-pending:not([data-state=verified]),.individual-trip.has-pending:not([data-state=verified]){background:var(--mismatch);border-color:#edc7c7}
.delivery-card.has-pending[data-state=verified],.individual-trip.has-pending[data-state=verified]{background:var(--paper);border-color:var(--line)}
[data-theme=dark] .delivery-card.has-pending:not([data-state=verified]),[data-theme=dark] .individual-trip.has-pending:not([data-state=verified]){background:#35272d;border-color:#75434a}
.group-review{padding:12px 22px;background:var(--soft);border-top:1px solid var(--line)}
.group-review>strong{display:block;margin-bottom:8px;font-size:12px;font-weight:500;color:var(--muted)}
.group-review .review-actions{padding:0}
.group-review-state{grid-column:1/-1;font-size:11px;color:var(--muted)}
.group-review-state[data-state=verified]{color:var(--green)}
.group-review-state[data-state=mismatch]{color:#b33c2f}
.group-review-state[data-state=changed]{color:#926409}
.group-deliveries ol{grid-template-columns:1fr;gap:8px}
.individual-trip{padding:10px 12px}
.trip-heading{margin-bottom:4px}
.no-photo{padding:0;border:0;background:none;margin:4px 0;text-align:left;font-size:11px}
.photo-thumb{width:140px;max-width:100%}
.photo-thumb img{height:90px}
.photo-thumb span{font-size:10px;padding:5px 6px}
@media(max-width:760px){.group-review{padding:12px 14px}.delivery-row{padding-bottom:12px}}
[data-theme=dark] .group-review-state[data-state=mismatch]{color:#f6aaa1}
[data-theme=dark] .group-review-state[data-state=changed]{color:#e7c87e}

/* Review is available before the expandable list of individual trips. */
.delivery-row{cursor:default;padding-right:56px}.delivery-row::after{content:none}.delivery-row:hover{background:transparent}
.group-review{padding:0 22px 10px;background:transparent;border-top:0}.group-review>strong{display:none}
.group-toggle{display:block;list-style:none;cursor:pointer;padding:8px 22px 12px;color:var(--green);font-size:12px;font-weight:600;min-height:38px}
.group-toggle::-webkit-details-marker{display:none}.group-hide-label{display:none}.delivery-group[open]>.group-toggle .group-show-label{display:none}.delivery-group[open]>.group-toggle .group-hide-label{display:inline}
.group-collapse{display:block;width:auto;min-height:32px;margin:10px 0 0 auto;padding:4px 8px;border-color:transparent;background:transparent;color:var(--green);font-size:12px;font-weight:500}
@media(max-width:760px){.delivery-row{padding-right:56px}.group-review{padding:0 14px 8px}.group-toggle{padding:8px 14px 12px}}
/* Compact day journal, explicit order balances and material shortcuts. */
.summary{text-align:left;color:var(--ink)}.summary.selected{border:2px solid var(--green);padding:15px 17px;background:var(--verified)}.summary:focus-visible{outline-offset:3px}.export-actions{display:flex;gap:6px}.export-actions a{display:flex;align-items:center}.review-tabs{display:flex;gap:6px;padding:0 20px 12px}.review-tabs button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:8px 12px}.review-tabs button[aria-pressed=true]{background:var(--verified);border-color:var(--green)}.day-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;background:var(--soft);border-top:1px solid var(--line);position:sticky;top:0;z-index:1}.day-heading>div{min-width:0;display:grid;gap:3px}.day-heading strong{font-size:14px}.day-heading .review-actions{padding:0;flex-shrink:0}.group-review{display:flex;align-items:center;gap:6px;padding:0 20px 8px}.group-review .review-actions{padding:0;flex:1}.review-actions button{min-height:32px;border-radius:6px;background:transparent}.photo-count{font-size:11px;padding:4px 6px;min-height:32px;border-color:transparent;background:transparent}.delivery-card{position:relative}.group-toggle{position:absolute;right:8px;top:6px;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:18px}.group-toggle:hover{background:var(--soft)}.delivery-row::after{display:none}.group-pending{margin:0;padding:0 20px 8px;font-size:11px}.fact-changes{background:var(--changed);border-radius:8px;padding:10px;font-size:12px}.fact-changes p{margin:5px 0}.photo-stage{overflow:auto;max-height:70vh}.photo-stage img{width:100%;max-height:none;object-fit:contain}.photo-stage.zoomed img{width:180%;max-width:none}.photo-navigation{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.photo-dialog h2{font-size:13px}.trip-photos .photo-thumb{touch-action:manipulation}.photo-thumb img{height:110px}
@media(max-width:700px){.day-heading{position:static;padding:10px 12px;align-items:start}.day-heading .fine{font-size:10px}.day-heading .review-actions button{font-size:10px;padding:6px}.delivery-row{grid-template-columns:minmax(0,1fr) auto;padding:10px 56px 6px 12px;gap:4px 10px}.delivery-date{display:none}.delivery-row .vehicle{grid-column:1;grid-row:1;font-size:15px}.delivery-row .quantity{grid-column:2;grid-row:1;font-size:15px;text-align:right}.delivery-row .material-name{grid-column:1;grid-row:2;font-size:13px}.delivery-row .trip-count{grid-column:2;grid-row:2;font-size:11px;text-align:right}.delivery-row .unloading{display:none}.group-review{padding:0 12px 7px;gap:4px;flex-wrap:wrap}.group-review .review-actions{gap:4px}.review-actions button{padding:4px 8px;font-size:11px}.group-review .review-label{font-size:10px}.photo-count{font-size:10px}.review-tabs{padding:0 12px 10px}.section-heading{padding:12px}.section-heading .fine{margin:5px 0}.export-actions{flex-wrap:wrap}.export-actions a{font-size:11px;padding:6px 8px}.order-items{grid-template-columns:1fr}.order-section>.section-heading{align-items:start}.photo-navigation{flex-wrap:wrap}.photo-dialog{max-width:calc(100vw - 16px)}.order-item progress{height:8px}}

/* Reconciliation stays secondary to the vehicle, material and quantity. */
.group-review .review-actions{flex:1 1 180px;min-width:0}.group-review .review-label[data-state=verified]{display:none}.delivery-card[data-state=verified]{background:var(--verified)}.reset-mark{min-width:32px}

@media(min-width:701px){.delivery-head,.delivery-row{grid-template-columns:115px minmax(120px,1.2fr) 60px 100px minmax(150px,1.5fr)}.delivery-head>span:first-child,.delivery-row>.delivery-date{display:none}}

/* The disclosure keeps the same footprint before and after opening. */
.deliveries .review-tabs button{min-height:34px;padding:5px 10px;font-size:12px}
.deliveries .export-actions a{min-height:32px;padding:4px 8px;font-size:11px}
.individual-trip .review-actions{padding-top:6px;gap:6px}
@media(max-width:700px){.day-heading .review-actions button{min-height:32px;padding:4px 7px;font-size:11px}.photo-count{font-size:11px}.group-deliveries{padding:10px 12px}.group-deliveries h3{margin-bottom:8px}.no-photo{font-size:12px}.individual-trip{padding:9px 10px}}

.trip-waybills h4 { margin: 12px 0 8px; font-size: 14px; color: var(--muted); }
.attachment-pdf { display: inline-flex; align-items: center; min-height: 32px; font-size: 13px; }

/* Expanded trips read as compact rows, with documents outside the photo list. */
.individual-trip{display:grid;grid-template-columns:90px minmax(160px,1fr) 95px minmax(210px,auto);gap:8px 14px;align-items:center;padding:12px}
.individual-trip .trip-heading{display:contents}.individual-trip .trip-heading>strong{grid-column:1;grid-row:1;font-size:13px}.individual-trip .trip-heading>.quantity{grid-column:3;grid-row:1;text-align:right;font-size:14px}
.individual-trip>.trip-photos{grid-column:2;grid-row:1;align-items:center}.trip-check{grid-column:4;grid-row:1;min-width:0}.trip-check .review-actions{padding:0;gap:5px}.individual-trip .review-label{flex-basis:100%;font-size:10px;margin:0}.individual-trip>.trip-waybills{grid-column:2/-1}.individual-trip>:is(.dispatcher-note,.fact-changes,.gps-times,.review-comment,.muted){grid-column:1/-1;margin:3px 0;font-size:12px}
.photo-thumb{position:relative;flex:0 0 auto;width:96px;min-height:72px;background:var(--soft);border:1px solid var(--line);border-radius:7px}.photo-thumb img{width:100%;height:72px;object-fit:cover}.photo-thumb .thumbnail-time{position:absolute;bottom:0;right:0;padding:2px 5px;background:#16212ddd;color:white;border-radius:5px 0 0 0;font-size:10px;font-variant-numeric:tabular-nums}.photo-thumb .thumbnail-state{display:flex;align-items:center;justify-content:center;min-height:72px;padding:5px;text-align:center;font-size:10px}.no-photo{font-size:11px;color:var(--muted);max-width:180px}
.trip-waybills h4{font-size:11px;font-weight:500;margin:0 0 6px}.document-thumbnails{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shared-waybills{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.shared-waybills h3{margin-bottom:8px}.shared-documents{display:flex;gap:12px;flex-wrap:wrap}.shared-document{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:10px;max-width:100%;min-width:0}.shared-document>div{min-width:0;overflow-wrap:anywhere}.shared-document strong{font-size:12px;font-weight:600}.shared-document p{margin:4px 0 0;font-size:11px;color:var(--muted)}
@media(max-width:1050px){.individual-trip{grid-template-columns:75px minmax(110px,1fr) 80px;gap:8px 12px}.trip-check{grid-column:2/-1;grid-row:2}.individual-trip .review-label{width:auto;flex-basis:auto;margin-left:auto}.individual-trip>.trip-waybills{grid-column:2/-1}}
@media(max-width:700px){.individual-trip{grid-template-columns:80px minmax(0,1fr) auto;gap:5px 10px;padding:10px}.individual-trip>.trip-photos{grid-column:1;grid-row:1/4;align-self:start;gap:5px}.individual-trip .trip-heading>strong{grid-column:2;grid-row:1;font-size:12px}.individual-trip .trip-heading>.quantity{grid-column:3;grid-row:1;font-size:13px}.trip-check{grid-column:2/-1;grid-row:2}.individual-trip .review-actions{gap:4px}.individual-trip .review-actions button{font-size:10px;min-height:32px;padding:4px 6px}.individual-trip .review-label{flex-basis:100%;margin:0}.photo-thumb{width:80px;min-height:60px}.photo-thumb img{height:60px}.photo-thumb .thumbnail-state{min-height:60px;font-size:9px}.photo-thumb .thumbnail-time{font-size:9px}.no-photo{font-size:10px;line-height:1.4}.shared-document{width:100%;padding:8px}.individual-trip>.trip-waybills{grid-column:2/-1;grid-row:3}.shared-waybills{margin-top:10px;padding-top:10px}}

/* Order quantities stay visible; completion is separate from reconciliation. */
.order-section{margin-bottom:22px}.order-section>.section-heading{padding:0 0 10px}
.order-card{margin:10px 0;padding:15px;min-width:0;overflow:hidden}
.order-heading{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin-bottom:12px}.order-heading h3{font-size:16px;flex:1;min-width:150px;overflow-wrap:anywhere}
.order-status{font-size:11px;font-weight:600;border-radius:20px;padding:4px 9px;background:var(--soft);color:var(--muted)}.order-operational{flex-basis:100%}
.order-complete{background:var(--verified);border-color:var(--green)}.order-status.is-complete{color:var(--green);background:var(--paper)}
.order-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:10px}
.order-item{display:grid;align-content:start;gap:6px;min-width:0;border:1px solid var(--line);padding:11px 12px;border-radius:9px;color:var(--ink);background:var(--paper)}
.order-item:hover{text-decoration:none;border-color:var(--green)}.order-material{font-size:13px;overflow-wrap:anywhere}.order-amount{font-size:12px;color:var(--muted)}.order-amount strong{color:var(--ink);font-weight:600}
.order-progress{display:flex;align-items:center;gap:8px}.order-progress .fine{font-size:10px;min-width:30px;text-align:right;font-variant-numeric:tabular-nums}
.order-item progress{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;height:6px;border:0;border-radius:9px;overflow:hidden;background:var(--line);accent-color:var(--green)}
.order-item progress::-webkit-progress-bar{background:var(--line);border-radius:9px}.order-item progress::-webkit-progress-value{background:var(--green);border-radius:9px}.order-item progress::-moz-progress-bar{background:var(--green);border-radius:9px}
.order-item.ending progress,.order-item.overdelivered progress{accent-color:var(--amber)}.order-item.ending progress::-webkit-progress-value,.order-item.overdelivered progress::-webkit-progress-value{background:var(--amber)}.order-item.ending progress::-moz-progress-bar,.order-item.overdelivered progress::-moz-progress-bar{background:var(--amber)}
.order-item-footer{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:3px 8px}.order-balance{font-size:12px;font-weight:600}.order-item.fulfilled .order-balance{color:var(--green)}.order-warning{color:var(--amber);font-weight:600}.order-ending{font-size:10px}.order-open{white-space:nowrap;font-size:10px}.order-open span{color:var(--green)}
.order-item.overdelivered{background:var(--changed)}.order-item.unavailable{background:var(--soft)}.order-last{margin:10px 0 0;font-size:11px}
.completed-orders{margin-top:12px}.completed-orders>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px 12px;padding:12px 15px;border:1px solid var(--green);border-radius:10px;background:var(--verified);color:var(--green);font-size:13px;font-weight:600}.completed-orders>summary::-webkit-details-marker{display:none}.completed-orders>summary .fine{font-size:11px}.completed-arrow{display:inline-block;font-size:17px;line-height:1;margin-left:4px}.completed-hide{display:none}.completed-orders[open] .completed-show{display:none}.completed-orders[open] .completed-hide{display:inline}.completed-orders[open] .completed-arrow{transform:rotate(180deg)}
@media(max-width:700px){.order-card{padding:12px}.order-heading{gap:5px 8px;margin-bottom:10px}.order-heading h3{font-size:15px}.order-status{font-size:10px}.order-items{grid-template-columns:1fr;gap:7px}.order-item{padding:9px 10px;gap:5px}.order-section>.section-heading{align-items:start}.order-section>.section-heading .fine{font-size:10px}.completed-orders>summary{padding:10px 12px}}

html[data-theme=dark] :is(.order-item.fulfilled .order-balance,.order-status.is-complete,.completed-orders>summary){color:#8ecea0}

.header-actions{flex-wrap:wrap;max-width:100%}
.published-document-page img{display:block;max-width:100%;height:auto}