:root{color-scheme:light;--bg:#eef1f5;--panel:#fff;--panel2:#f4f6fa;--text:#172033;--muted:#596579;--line:#d8dee8;--drop-bg:#e7f0ff;--blue:#1765b5;--green:#157347;--blue-bg:#e4efff;--blue-text:#185b97;--green-bg:#def5e8;--green-text:#14643d;--error:#b42318;--pending-bg:#fff4db;--primary:#5b8def;--primary-text:#fff}[data-theme="dark"]{color-scheme:dark;--bg:#0b121a;--panel:#111c26;--panel2:#192530;--text:#edf2fa;--muted:#9aabbe;--line:#2b3b4b;--drop-bg:#15283e;--blue:#469dff;--green:#39cf82;--blue-bg:#14426f;--blue-text:#b7ddff;--green-bg:#175440;--green-text:#baffdf;--error:#ff9292;--pending-bg:#2d2417}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px Inter,'Segoe UI',Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px 18px 58px}h1{font-size:28px;margin:0 0 8px}h2{font-size:16px;margin:0 0 12px}p{color:var(--muted);line-height:1.6;margin:5px 0}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}label{color:var(--muted)}:is(body>header,main,dialog) :is(button,input,select,a){font:inherit}:is(body>header,main,dialog) :is(button,a,select){border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--text);padding:8px 10px}:is(body>header,main,dialog) button{cursor:pointer}:is(body>header,main,dialog) :is(button,a):hover{border-color:var(--primary)}:is(body>header,main,dialog) button:disabled{opacity:.45;cursor:wait}:is(body>header,main,dialog) a{text-decoration:none}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}input[type=search],input[type=date]{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:9px}input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}input[type=search]{width:100%}main{padding:0 24px 24px}.summary{display:grid;grid-template-columns:repeat(9,minmax(100px,1fr));gap:12px;margin:6px 0 18px}.stat{padding:15px;background:linear-gradient(135deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:9px}.stat strong{display:block;font-size:25px;margin-bottom:5px}.stat span{color:var(--muted);font-size:11px}.stat.blue strong{color:var(--blue)}.stat.green strong{color:var(--green)}.board{display:grid;grid-template-columns:minmax(290px,1.2fr) minmax(0,4fr);gap:14px;align-items:start}.trailer-grid{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;overflow-x:auto;padding-bottom:3px}.holding-column{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:13px;min-height:600px;display:flex;flex-direction:column}.trailer{border-top:3px solid var(--accent)}.trailer h2{font-size:21px;display:flex;justify-content:space-between;align-items:center}.count{border-radius:8px;padding:4px 10px;background:var(--panel2);font-size:15px}.group-summary{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:12px}.call-list{flex:1;max-height:62vh;min-height:240px;overflow-y:auto;padding:1px}.call{display:grid;grid-template-columns:20px minmax(0,1fr) 24px;gap:7px;border:1px solid var(--line);border-left:4px solid #318afa;border-radius:7px;background:var(--panel2);margin-bottom:8px;padding:10px 7px;cursor:grab;position:relative;user-select:none}.call.green{border-left-color:#22c77d}.call.selected{outline:1px solid var(--primary)}.call.dragging{opacity:.5}.call b{font-size:12px;overflow-wrap:anywhere}.call .meta{font-size:11px;color:var(--muted);line-height:1.6;margin-top:4px;overflow-wrap:anywhere}.badge{display:inline-block;margin-top:6px;font-size:10px;border-radius:5px;background:var(--blue-bg);color:var(--blue-text);padding:3px 6px}.green .badge{background:var(--green-bg);color:var(--green-text)}.call details{position:relative}.call summary{list-style:none;cursor:pointer;font-size:20px;color:var(--muted)}.menu{position:absolute;right:0;top:22px;z-index:20;width:165px;padding:5px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 30px #0009;border-radius:7px}.menu button{display:block;width:100%;text-align:left;border:0;background:transparent}.drop-area{margin-top:10px;padding:22px 8px;text-align:center;color:var(--muted);border:1px dashed #4d6074;border-radius:8px;min-height:66px}.holding-column.drag-over{outline:2px solid var(--primary);background:var(--drop-bg)}.call.drop-before{border-top:3px solid var(--primary)}.trailer footer{display:flex;gap:6px;margin-top:12px}.trailer footer button{flex:1;font-size:11px;padding:8px 5px}.filters{display:flex;gap:4px;margin:10px 0}.filters button{font-size:11px;padding:7px 8px}.filters button[aria-pressed=true]{background:var(--primary);color:var(--primary-text)}.bulk{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:3px 0 12px;font-size:11px}.bulk label{display:flex;align-items:center;gap:3px}.bulk select{padding:6px}.bulk .primary{font-size:11px}.activity{margin-top:16px;padding:15px;border:1px solid var(--line);background:var(--panel);border-radius:9px}.activity-row{display:flex;gap:18px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.activity-row time{color:var(--muted);min-width:145px}.activity-row span:last-child{color:var(--muted);margin-left:auto}#message{padding:0 24px 12px;color:var(--muted)}#message.error{color:var(--error)}#pending{border:1px solid #a8792d;background:var(--pending-bg);padding:12px;border-radius:9px;margin-bottom:15px;line-height:1.6}#pending button{margin-left:10px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:24px;width:min(500px,92vw)}dialog::backdrop{background:#000a}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}dl{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}[hidden]{display:none!important}:focus-visible{outline:2px solid #71b6ff;outline-offset:2px}.empty{padding:25px 8px;text-align:center;color:var(--muted)}@media(max-width:1300px){.summary{grid-template-columns:repeat(4,1fr)}.board{grid-template-columns:290px minmax(0,1fr)}}@media(max-width:800px){header{align-items:flex-start;flex-direction:column}.board{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,1fr)}main{padding:0 12px 18px}.holding-column{min-height:420px}.activity-row{flex-wrap:wrap}.trailer-grid{grid-template-columns:repeat(5,240px)}h1{font-size:24px}}

#dispatch-dialog label{display:block;margin:14px 0 6px}#dispatch-dialog select,#dispatch-dialog input{width:100%;padding:9px}/* Appointment schedule shares Shiplo theme tokens. */
.prh-tabs{display:flex;gap:4px;margin:0 0 16px}.prh-tabs button{min-width:115px;font-weight:700;padding:11px 24px}.prh-tabs [aria-selected=true],.view-toggle [aria-pressed=true]{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}
.appointment-required,.warning-badge,.past-badge{background:var(--pending-bg)!important;color:var(--error)!important;border-color:var(--line)!important}.appointment-required{display:inline-block;font-size:10px!important;padding:3px 6px!important;margin:5px 0 0}.schedule-call{display:block;font-size:10px!important;padding:4px 7px!important;margin-top:7px}.hold-summary{display:grid;grid-template-columns:1.4fr repeat(4,1.15fr) repeat(2,1fr) repeat(5,.62fr);gap:9px;margin-bottom:17px}.hold-summary .stat{padding:15px 12px;text-align:left}.hold-summary .stat strong{font-size:25px}.hold-summary .timing{border-color:var(--primary);background:var(--blue-bg)}.hold-summary .timing strong{color:var(--blue)}.hold-summary .warning{border-color:#df924c;background:var(--pending-bg)}.hold-summary .warning strong{color:var(--error)}.hold-summary .trailer-stat strong{font-size:18px}.hold-summary .trailer-stat{align-self:center;padding:12px 10px}
.hold-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 245px;gap:14px;align-items:start}.schedule-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:15px;min-width:0}.schedule-sidebar{position:sticky;top:12px}.month-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.month-heading button{border:0;background:transparent;padding:4px;font-size:21px}.appointment-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;margin-bottom:18px}.appointment-calendar .calendar-weekday{font-size:10px;color:var(--muted);padding:5px 0}.appointment-calendar button{font-size:11px;padding:7px 2px;min-height:30px;border:0;position:relative;background:transparent}.appointment-calendar .calendar-today{outline:1px solid var(--primary)}.appointment-calendar .has-appointments{background:var(--blue-bg);color:var(--blue-text)}.appointment-calendar button[aria-pressed=true]{background:var(--primary);color:var(--primary-text)}.appointment-calendar i{display:block;width:4px;height:4px;border-radius:50%;background:currentColor;position:absolute;bottom:2px;left:calc(50% - 2px)}.hold-quick-filters{display:grid;gap:3px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:13px}.hold-quick-filters button{display:flex;justify-content:space-between;gap:5px;background:transparent;border:0;text-align:left;font-size:12px}.hold-quick-filters b{background:var(--panel2);border-radius:20px;padding:1px 6px;font-weight:500}.hold-quick-filters button[aria-pressed=true]{background:var(--blue-bg);color:var(--blue-text)}.hold-quick-filters [data-quick=confirmation]{color:var(--error)}.hold-quick-filters [data-quick=past]{color:var(--error)}.schedule-sidebar fieldset{border:0;margin:18px 0;padding:0}.schedule-sidebar legend{font-weight:700;margin-bottom:9px}.schedule-sidebar fieldset label{display:flex;align-items:center;gap:5px;margin:7px 0;font-size:12px}.schedule-sidebar fieldset label span{font-size:11px}.schedule-sidebar #hold-clear{width:100%}.agenda-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.agenda-heading h2{margin:0}.view-toggle{display:flex;flex-shrink:0}.view-toggle button{font-size:11px;padding:7px 10px}.view-toggle button:first-child{border-radius:6px 0 0 6px}.view-toggle button:last-child{border-radius:0 6px 6px 0}.agenda-day h3,.week-day h3{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;margin:10px 0 7px;padding:9px 12px;font-size:14px}.agenda-day h3 span,.week-day h3 span{font-size:11px;color:var(--muted);font-weight:400}.appointment-row{display:grid;grid-template-columns:125px minmax(0,1fr) 65px auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:7px;margin-bottom:7px;padding:10px 9px 10px 0}.appointment-row.green{border-left-color:var(--green)}.appointment-row.past-due{border-color:var(--error)}.appointment-time{padding:12px;background:var(--blue-bg);border-radius:0 6px 6px 0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:4px;color:var(--blue-text)}.green .appointment-time{background:var(--green-bg);color:var(--green-text)}.appointment-time strong{font-size:20px;white-space:nowrap}.appointment-time span{font-size:12px}.appointment-time small{font-size:10px;line-height:1.5}.appointment-info>b{font-size:14px}.appointment-info .meta{color:var(--muted);font-size:11px;line-height:1.7;overflow-wrap:anywhere}.pickup-group{color:var(--blue)}.green .pickup-group{color:var(--green)}.appointment-badges{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0}.appointment-badges span{padding:3px 5px;border-radius:4px;font-size:9px}.scheduled-badge{background:var(--blue-bg);color:var(--blue-text)}.confirmed-badge{background:var(--green-bg);color:var(--green-text)}.past-badge{border:1px solid var(--error)}.trailer-badge{display:inline-block;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;background:var(--panel2);color:var(--muted)}.trailer-badge.RH1{background:var(--blue-bg);color:var(--blue-text)}.trailer-badge.RH2{background:var(--green-bg);color:var(--green-text)}.trailer-badge.RH3{background:var(--pending-bg);color:var(--text)}.trailer-badge.RH4{background:var(--panel2);color:var(--text);border:1px solid #a16cff}.appointment-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.appointment-actions button{font-size:10px;padding:7px 8px}.appointment-actions details{position:relative}.appointment-actions summary{font-size:20px;cursor:pointer;list-style:none;color:var(--muted)}.schedule-upcoming{display:grid;gap:14px}.schedule-upcoming h2{font-size:14px}.upcoming-trailer{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.upcoming-trailer:last-child{border:0}.upcoming-trailer strong{font-size:11px}.upcoming-trailer p{font-size:10px}.next-appointment{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:7px;width:100%;align-items:start;text-align:left;border:0!important;background:transparent!important;padding:12px 0!important;border-bottom:1px solid var(--line)!important}.next-appointment>strong{font-size:11px;color:var(--blue)}.next-appointment div{display:grid;gap:5px}.next-appointment b{font-size:11px;overflow-wrap:anywhere}.next-appointment span:not(.trailer-badge),.next-appointment small{font-size:10px;color:var(--muted)}#full-schedule{margin-top:15px;width:100%}.week-schedule{display:grid;grid-template-columns:repeat(7,minmax(215px,1fr));gap:10px;overflow-x:auto;padding-bottom:10px}.week-day h3{display:block;font-size:12px}.week-day h3 span{display:block;margin-top:5px}.appointment-row.compact{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:9px}.compact .appointment-time{border-radius:5px}.compact .appointment-time strong{font-size:21px}.compact .appointment-trailer{order:2}.compact .appointment-actions{order:3}#week-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}#week-range{font-size:12px}
.appointment-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.appointment-heading h2{margin:0}.appointment-heading button{border:0;background:transparent;font-size:23px;padding:3px 8px}#appointment-dialog{width:min(470px,94vw);padding:20px}#appointment-dialog label{display:block;font-size:12px;margin:13px 0 6px}#appointment-dialog input:not([type=checkbox]),#appointment-dialog textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--text);font:inherit}#appointment-dialog textarea{resize:vertical}.appointment-identity{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.appointment-identity span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.appointment-identity strong{font-size:14px}.time-window{display:flex;align-items:center;gap:10px;border:0;padding:0;margin:14px 0}.time-window legend{font-size:12px;color:var(--muted)}.time-window>div{flex:1;min-width:0}.time-window>span{padding-top:25px;color:var(--muted)}.appointment-contact{display:grid;grid-template-columns:1fr 1fr;gap:10px}#appointment-dialog .confirm-customer{display:flex;align-items:center;gap:7px}#appointment-error{color:var(--error);font-size:12px}#appointment-dialog .dialog-actions{margin-top:16px}#appointment-dialog .dialog-actions button{flex:1}
@media(min-width:1800px){.appointment-actions{flex-wrap:nowrap}}@media(max-width:1600px){.hold-summary{grid-template-columns:repeat(7,minmax(85px,1fr))}.hold-summary .trailer-stat{align-self:stretch}.appointment-row{grid-template-columns:120px minmax(0,1fr) 60px}.appointment-actions{grid-column:2/-1}.hold-layout{grid-template-columns:215px minmax(0,1fr) 225px}}@media(max-width:1150px){.hold-layout{grid-template-columns:210px minmax(0,1fr)}.schedule-upcoming{grid-column:1/-1;grid-template-columns:1fr 1fr}.schedule-sidebar{position:static}.hold-summary{grid-template-columns:repeat(6,minmax(80px,1fr))}}@media(max-width:800px){.hold-layout{grid-template-columns:1fr}.hold-summary{grid-template-columns:repeat(3,minmax(80px,1fr))}.schedule-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.month-heading,.appointment-calendar,.hold-quick-filters,#hold-search,#hold-clear{grid-column:1/-1}.appointment-calendar button{padding:9px}.hold-quick-filters{grid-template-columns:1fr 1fr}.schedule-upcoming{grid-template-columns:1fr;grid-column:auto}.agenda-heading{flex-wrap:wrap}.appointment-row{grid-template-columns:100px minmax(0,1fr);gap:8px}.appointment-time strong{font-size:17px}.appointment-trailer{grid-column:2}.appointment-actions{grid-column:1/-1;padding:0 8px}.hold-summary .stat strong{font-size:22px}.hold-summary .trailer-stat strong{font-size:18px}.hold-summary .stat{padding:12px 9px}.appointment-contact{grid-template-columns:1fr}}

.call.other{border-left-color:var(--muted)}.other .badge{background:var(--panel);color:var(--muted)}
/* PRH board: compact header, readable cards, and five aligned driver lanes. */
body>header{gap:18px;padding:18px 20px 14px 54px;align-items:center;min-height:76px}
.page-heading{min-width:0;flex:1}.page-heading h1{font-size:25px;letter-spacing:-.6px;margin:0 0 5px;line-height:1.15}.page-heading p{font-size:11px;margin:0;line-height:1.5;max-width:650px}
.header-search{display:flex;align-items:center;gap:7px;flex:0 1 280px;min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:0 9px;height:35px}.header-search>span{font-size:20px;line-height:1}.header-search input[type=search]{width:100%;min-width:0;padding:0;border:0;background:transparent;font-size:11px;outline-offset:5px}.header-search kbd{font:10px inherit;white-space:nowrap;color:var(--muted)}
body>header .shiplo-search-pill{display:none}.header-actions{flex-shrink:0;gap:8px}.header-actions :is(a,button){font-size:11px;padding:9px 11px;background:var(--panel)}
main{padding:0 20px 20px}#message{font-size:10px;padding:0 20px 7px;min-height:19px}.prh-tabs{display:inline-flex;gap:0;margin-bottom:12px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--panel)}.prh-tabs button{border:0;border-radius:0;min-width:130px;padding:10px 18px;font-size:11px;background:transparent}.prh-tabs button[aria-selected=true]{background:var(--primary)}
.summary{grid-template-columns:repeat(9,minmax(0,1fr));gap:9px;margin:0 0 14px}.summary .stat{position:relative;min-height:77px;padding:12px 14px;border-radius:8px;border-left:3px solid var(--stat-accent,var(--line));background:var(--panel)}.summary .stat.blue{--stat-accent:var(--blue)}.summary .stat.green{--stat-accent:var(--green)}.summary .stat strong{font-size:22px;line-height:1.15;margin:0 0 5px}.summary .stat span{font-size:11px}.summary .stat small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}
.board{grid-template-columns:clamp(330px,26vw,410px) minmax(0,1fr);gap:12px;align-items:stretch}.trailer-grid{grid-template-columns:repeat(5,minmax(180px,1fr));gap:9px;min-width:0;overflow-x:auto;padding-bottom:4px;align-items:stretch}.holding-column{height:calc(100dvh - 230px);min-height:470px;padding:12px 10px;border-radius:9px;min-width:0}.imported{padding:13px 12px;border-top:3px solid var(--blue)}.imported-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px;flex-wrap:wrap}.imported-heading h2{font-size:16px;line-height:1.3;margin:0;letter-spacing:-.2px}.imported-heading>button{font-size:10px;padding:8px 9px;white-space:nowrap}.imported #search{font-size:11px;height:34px;padding:7px 9px}
.filters{gap:6px;margin:10px 0}.filters button{font-size:10px;padding:7px 8px;white-space:nowrap;background:var(--panel2)}.bulk{font-size:10px;gap:6px;margin:2px 0 10px}.bulk label{font-size:11px}.bulk select{margin-left:auto;font-size:10px;padding:7px;max-width:100px}.bulk #assign-selected{font-size:10px;padding:7px 9px}.bulk label input{margin-left:0}.bulk #selected-count{color:var(--muted)}
.trailer h2{font-size:20px;letter-spacing:-.4px;margin:3px 0 9px;gap:6px;white-space:nowrap}.trailer .count{padding:5px 7px;font-size:11px;font-weight:600;letter-spacing:0}.group-summary{font-size:11px;line-height:1.6;margin-bottom:17px;min-height:35px}.call-list{max-height:none;min-height:0;flex:1;overflow-y:auto;scrollbar-width:thin;padding:1px 1px 0}.call{padding:10px 7px 9px;gap:5px;margin-bottom:8px;border-radius:6px;grid-template-columns:17px minmax(0,1fr) 17px;min-width:0;border-left-width:3px;background:var(--panel2)}.call input[type=checkbox]{width:14px;height:14px;margin:1px 0 0}.call-content{min-width:0}.call-heading{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.call b{font-size:13px;line-height:1.4}.call .meta{font-size:11px;line-height:1.45;margin-top:4px}.call .meta>span{display:block;overflow-wrap:anywhere}.call-reference{font-size:10px}.call-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.call .badge{font-size:9px;margin:0;padding:3px 5px;line-height:1.2;white-space:nowrap}.call .schedule-call{display:inline-flex;align-items:center;gap:5px;margin:0;padding:4px 6px!important;border:0;font-size:10px!important;border-radius:4px;background:var(--panel);color:var(--muted);text-align:left;line-height:1.3}.call .schedule-call svg{width:13px;height:13px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8}.call .appointment-required{margin:0;padding:3px 5px!important;font-size:9px!important;line-height:1.3;border:0;border-radius:4px}.call details>summary{font-size:19px;line-height:1.1;text-align:center}.imported .call{padding:11px 8px;grid-template-columns:18px minmax(0,1fr) 18px}.imported .call .meta{font-size:12px;line-height:1.4}.imported .call-reference{font-size:10px}.imported .call-bottom .badge{font-size:10px}.imported .call .schedule-call{font-size:10px!important}.call:has(details[open]){z-index:30}
.trailer-empty{height:100%;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:15px 6px}.trailer-empty svg{width:38px;height:29px;fill:var(--muted);opacity:.28;margin-bottom:8px}.trailer-empty strong{font-size:12px;font-weight:500;color:var(--text)}.trailer-empty span{font-size:10px;line-height:1.5;color:var(--muted)}.drop-area{margin-top:10px;padding:12px 8px;min-height:68px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--muted);font-size:11px;border-radius:6px}.drop-area>svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}.drop-area strong,.drop-area span{display:block;font-size:11px;font-weight:500;line-height:1.5}.drop-area span{font-size:10px;font-weight:400}.imported>.drop-area{min-height:40px;padding:9px;font-size:10px}.trailer footer{gap:6px;margin-top:12px}.trailer footer button{font-size:10px;line-height:1.35;min-height:37px;padding:8px 6px;flex:1.25}.trailer footer [data-clear]{flex:1;background:var(--panel2)}
.activity{margin-top:14px;padding:0 14px}.activity>summary{cursor:pointer;padding:13px 0;font-size:12px;font-weight:600;color:var(--muted)}.activity[open]{padding-bottom:12px}.activity-row{font-size:11px}.activity-row time{font-size:10px}.menu button{font-size:12px!important;min-height:32px}.menu{box-shadow:0 8px 24px #0003}
#appointment-picker label{display:block;margin:15px 0 7px}#appointment-pick-call{width:100%;padding:9px}.holding-column.drag-over{outline-offset:-2px}.holding-column:focus-within{border-color:var(--primary)}
@media(min-width:1800px){.holding-column{height:calc(100dvh - 235px)}.call .meta{font-size:12px}.call .badge{font-size:10px}.call b{font-size:14px}.trailer footer button{font-size:11px}}
@media(max-width:1300px){.board{grid-template-columns:320px minmax(0,1fr)}.summary{grid-template-columns:repeat(9,minmax(0,1fr))}.summary .stat{padding:11px 8px}.summary .stat span{font-size:10px}.page-heading p{max-width:440px}.header-search{flex-basis:210px}.header-search kbd{display:none}.holding-column{min-height:440px}.imported-heading>button{font-size:9px}.imported-heading h2{font-size:15px}}
@media(max-width:1050px){body>header{flex-wrap:wrap;gap:12px}.page-heading{flex-basis:50%}.header-search{order:3;flex-basis:100%;height:34px}.header-actions{margin-left:auto}.summary{grid-template-columns:repeat(5,minmax(0,1fr))}.holding-column{height:640px}.board{grid-template-columns:310px minmax(0,1fr)}.header-search kbd{display:block}}
@media(max-width:800px){body>header{padding:18px 14px 12px 54px;flex-direction:row;align-items:center}.page-heading{flex-basis:100%}.page-heading h1{font-size:23px}.header-actions{margin-left:0}.header-search{flex-basis:100%}.summary{grid-template-columns:repeat(3,minmax(0,1fr))}.board{grid-template-columns:1fr}.imported{height:470px}.trailer-grid{grid-template-columns:repeat(5,240px)}.trailer{height:570px}.imported-heading{flex-wrap:nowrap}.imported-heading h2{font-size:16px}.imported-heading>button{font-size:10px}.summary .stat{min-height:70px}.summary .stat strong{font-size:21px}main{padding:0 12px 18px}#message{padding:0 12px 8px}.prh-tabs{display:flex;width:max-content}.activity-row{gap:8px}.activity-row time{min-width:100px}}
.group-summary .held-appointments{font-size:10px;padding:0;border:0;background:transparent;color:var(--primary);text-decoration:underline;text-underline-offset:2px}
@media(min-width:1051px){#message:not(.error){position:absolute;top:65px;right:20px;max-width:42%;padding:0;min-height:0;text-align:right;font-size:9px}.holding-column{height:calc(100dvh - 250px)}.summary .stat{height:78px;min-height:78px;padding:10px 12px}.summary .stat strong{margin-bottom:3px}.summary .stat small{font-size:9px;margin-top:3px;line-height:1.2}}
.call-content{display:contents}.call>input[type=checkbox]{grid-column:1;grid-row:1}.call .call-heading{grid-column:2;grid-row:1}.call>details{grid-column:3;grid-row:1}.call .meta,.call .call-bottom{grid-column:1/-1}.call .meta{margin-top:1px}.trailer footer [data-clear]{flex:0 0 64px}.trailer footer [data-dispatch]{flex:1}.call .appointment-required{background:#fee8e8!important;color:#b42318!important}[data-theme=dark] .call .appointment-required{background:#3c242b!important;color:#ff9292!important}

/* Readable task details, shared by Imported and driver holding cards. */
.call{padding:12px 10px;row-gap:8px}
.call .call-heading b{font-size:14px;line-height:1.35;letter-spacing:.01em}
.call .meta{font-size:12px;line-height:1.5;display:flex;flex-direction:column;gap:7px;margin-top:2px;color:var(--text)}
.call .call-facts{display:flex;flex-wrap:wrap;gap:5px 14px;align-items:baseline}
.call .fact-label{color:var(--muted);font-size:11px;font-weight:500;margin-right:4px}
.call .created-line{white-space:nowrap}
.call .call-customer{font-weight:600}
.call .delivery-line{font-size:12px;line-height:1.55;color:var(--text);overflow-wrap:break-word}
.call .call-reference{display:flex;flex-direction:column;gap:2px;font-size:11px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.call .call-service{border-top:1px solid var(--line);padding-top:7px;font-size:12px}
.call .call-bottom{margin-top:2px}

/* Shared RH notepads stay separate from board selection and call notes. */
.holding-card{position:relative;padding-bottom:22px}
.holding-card .holding-selector{width:100%}
.holding-notepad{position:absolute;right:8px;bottom:3px;padding:2px 6px;font-size:12px}
#board-notes-text{display:block;width:100%;box-sizing:border-box;resize:vertical;margin-top:8px}
#board-notes-error{color:#b42318}
#appointment-dialog .appointment-identity strong{display:block;max-height:90px;overflow:auto;overflow-wrap:anywhere}#appointment-dialog #appointment-notes-mode{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--panel2)}#appointment-dialog #appointment-notes-mode[hidden],#appointment-dialog #appointment-notes-help[hidden]{display:none}#appointment-dialog #appointment-apply-notes{flex:none;margin:0}#appointment-notes-help{font-size:11px;line-height:1.4}