#hold-panel .hold-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:13px 0 17px}#hold-panel .stat{min-height:84px;padding:14px 17px;border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:9px}#hold-panel .stat strong{font-size:25px;line-height:1.2}#hold-panel .stat span{font-size:12px;margin-top:6px}#hold-panel .stat.warning{color:#bc6100;background:color-mix(in srgb,#ffb34d 7%,var(--panel))}#hold-panel .stat.past-stat{color:#c02a26;background:color-mix(in srgb,#ef4444 6%,var(--panel))}#hold-panel .hold-layout{display:grid;grid-template-columns:215px minmax(0,1fr) 250px;gap:14px;align-items:start}#hold-panel .schedule-panel{padding:16px;border:1px solid var(--line);background:var(--panel);border-radius:9px}#hold-panel .agenda-heading{gap:12px;align-items:center;margin-bottom:12px}#hold-panel h2{font-size:16px;margin:0 0 12px}#hold-toggle-sidebar{font-size:10px;background:transparent;border:0;padding:0;margin-bottom:7px;color:var(--blue)}.hold-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.hold-category-tabs button{font-size:11px;padding:7px 12px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px}.hold-category-tabs button[aria-pressed=true]{color:var(--blue);border-color:var(--blue);background:var(--drop-bg)}#hold-sync-status{font-size:10px;color:var(--muted);margin:6px 0 12px;overflow-wrap:anywhere}#hold-panel .agenda-day{margin:0 0 15px}#hold-panel .agenda-day>h3{font-size:12px;background:var(--panel2);padding:9px 11px;border-radius:6px;margin:0 0 7px;display:flex;justify-content:space-between;gap:10px}#hold-panel .agenda-day>h3 span{font-size:10px;color:var(--muted);font-weight:400}#hold-panel .hold-agenda-row{display:grid;grid-template-columns:87px 78px minmax(0,1fr) 112px 27px;gap:11px;align-items:center;position:relative;padding:11px 10px;margin:0 0 6px;min-height:72px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:7px;background:var(--panel);cursor:pointer}#hold-panel .appointment-time{padding:8px 4px;border:0;min-width:0;align-items:center;text-align:center}#hold-panel .appointment-time strong{font-size:12px}#hold-panel .appointment-time span{font-size:10px;display:block;color:var(--muted);margin-top:4px}.hold-type{display:inline-block;font-size:10px;white-space:nowrap;padding:5px 7px;border-radius:5px;color:#1766bf;background:color-mix(in srgb,#238bff 11%,var(--panel))}.hold-type.hold{color:#7950b6;background:color-mix(in srgb,#a16cff 12%,var(--panel))}#hold-panel .appointment-info{display:grid;gap:3px;min-width:0}#hold-panel .appointment-info .golo-link{font-size:12px;padding:0;width:fit-content}#hold-panel .appointment-info strong{font-size:11px}#hold-panel .appointment-info small{font-size:10px;color:var(--muted)}.hold-destination{font-size:11px;line-height:1.4;overflow-wrap:anywhere}.hold-status{display:inline-block;font-size:10px;line-height:1.4;padding:5px 7px;border-radius:5px;background:var(--panel2);color:var(--muted)}.hold-status.confirmed{color:#16803c;background:color-mix(in srgb,#21c97d 10%,var(--panel))}.hold-status.confirmation{color:#ba6100;background:color-mix(in srgb,#ffb34d 13%,var(--panel))}.hold-status.past{color:#bb3028;background:color-mix(in srgb,#ef4444 9%,var(--panel))}#hold-panel .appointment-actions{display:flex;flex-direction:column;gap:4px;align-items:end;margin:0}#hold-panel .appointment-actions>button{font-size:10px;padding:4px;margin-right:0}#hold-panel .appointment-actions .menu{right:0;left:auto;min-width:180px;z-index:10}#hold-panel .past-due{border-left-color:#ef4444}.hold-summary-type{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 10px;border:1px solid var(--line);border-radius:6px;margin:8px 0}.hold-summary-type strong{font-size:11px}.hold-summary-type small{grid-column:1/-1;color:var(--muted);font-size:10px}#hold-panel .next-appointment{width:100%;font-size:11px;gap:8px}#hold-panel .next-appointment div{min-width:0}#hold-panel .next-appointment span,#hold-panel .next-appointment small{display:block;font-size:10px;overflow-wrap:anywhere}#hold-panel .week-schedule{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));overflow:auto;gap:8px;margin-bottom:15px}#hold-panel .week-day{min-width:150px}#hold-panel .week-day h3{font-size:10px}#hold-panel .week-day .hold-agenda-row{display:flex;flex-direction:column;align-items:start;padding:10px;gap:8px}#hold-panel .week-day .appointment-actions{align-self:end}#hold-panel.filters-collapsed .hold-layout{grid-template-columns:minmax(0,1fr) 250px}#hold-panel [hidden]{display:none!important}#hold-panel .empty{padding:24px 12px;text-align:center}#hold-panel .empty button{display:block;margin:12px auto 0}#hold-trailer-filters label{font-size:11px;display:flex;gap:6px;margin:8px 0}#hold-trailer-filters label span{margin-left:auto}#hold-panel .schedule-sidebar input[type=search]{box-sizing:border-box;width:100%;font-size:11px}#hold-panel .schedule-sidebar fieldset{margin:15px 0;border:0;padding:0}#hold-panel .schedule-sidebar legend{font-size:12px;font-weight:600}
@media(max-width:1200px){#hold-panel .hold-layout{grid-template-columns:185px minmax(0,1fr)}#hold-panel .schedule-upcoming{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}#hold-panel.filters-collapsed .hold-layout{grid-template-columns:1fr}#hold-panel .hold-agenda-row{grid-template-columns:80px 72px minmax(0,1fr) 100px 25px;gap:7px}}
@media(max-width:760px){#hold-panel .hold-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#hold-panel .stat{min-height:66px;padding:10px}#hold-panel .hold-layout{grid-template-columns:1fr}#hold-panel .schedule-upcoming{grid-template-columns:1fr}#hold-panel .hold-agenda-row{grid-template-columns:80px minmax(0,1fr) 30px;gap:9px}.hold-agenda-row .appointment-time{grid-column:1}.hold-agenda-row .hold-type{grid-column:2;width:fit-content}.hold-agenda-row .appointment-info{grid-column:1/3}.hold-agenda-row .hold-status{grid-column:1/3;width:fit-content}.hold-agenda-row .appointment-actions{grid-column:3;grid-row:1/4}#hold-panel .agenda-heading{flex-wrap:wrap}#hold-panel .schedule-panel{padding:12px}}

.hold-status.delivered{color:#11613f;font-weight:700;background:color-mix(in srgb,#21c97d 18%,var(--panel));border:1px solid color-mix(in srgb,#21c97d 35%,var(--line))}
/* Visual appointment groups share the existing order actions and scroll container. */
#hold-panel .appointment-group{border:1px solid color-mix(in srgb,var(--appointment-accent) 45%,var(--line));border-left:5px solid var(--appointment-accent);border-radius:7px;margin:0 0 10px;background:var(--panel);overflow:visible}
#hold-panel .appointment-group-toggle{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:0;padding:11px 12px;text-align:left;background:color-mix(in srgb,var(--appointment-accent) 10%,var(--panel));color:var(--text);min-height:62px;cursor:pointer}
#hold-panel .appointment-group-window{display:grid;gap:3px;flex:0 0 205px}#hold-panel .appointment-group-window strong{font-size:15px}#hold-panel .appointment-group-window small{font-size:11px}
#hold-panel .appointment-group-count{font-size:11px;padding:5px 9px;white-space:nowrap;border-radius:20px;color:var(--appointment-accent);background:color-mix(in srgb,var(--appointment-accent) 17%,var(--panel))}
#hold-panel .appointment-group-types{display:flex;gap:4px;flex-wrap:wrap}#hold-panel .appointment-group-destination{font-size:11px;min-width:0;overflow-wrap:anywhere;flex:1}#hold-panel .appointment-group-chevron{margin-left:auto}
#hold-panel .appointment-group-orders .hold-agenda-row{border:0;border-top:1px solid var(--line);border-radius:0;margin:0;padding:7px 10px;min-height:57px;background:var(--panel);grid-template-columns:82px 78px minmax(0,1fr) 90px 27px;gap:8px}
#hold-panel .appointment-group-toggle:focus-visible,#hold-panel .appointment-group-next:focus-visible{outline:3px solid var(--appointment-accent);outline-offset:2px}
#hold-panel .appointment-group-orders .search-match{box-shadow:inset 3px 0 var(--appointment-accent);background:color-mix(in srgb,var(--appointment-accent) 4%,var(--panel))}
#hold-panel .appointment-group-next{display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:left;border-left:4px solid var(--appointment-accent);padding:10px;gap:5px;margin-bottom:8px;background:var(--panel)}
#hold-panel .appointment-group-next>strong{color:var(--appointment-accent);font-size:12px}#hold-panel .appointment-group-next>small,#hold-panel .appointment-group-next>b:not(.appointment-group-count),#hold-panel .appointment-group-next>span{flex-basis:100%;min-width:0;overflow-wrap:anywhere}
#hold-panel .week-day .appointment-group-toggle{flex-wrap:wrap;padding:8px;gap:6px}#hold-panel .week-day .appointment-group-window{flex-basis:100%}#hold-panel .week-day .appointment-group-window strong{font-size:12px}#hold-panel .week-day .appointment-group-orders .hold-agenda-row{display:flex;align-items:start;gap:5px}#hold-panel .week-day .appointment-group-destination{flex-basis:100%}
@media(max-width:1450px){#hold-panel .appointment-group-toggle{flex-wrap:wrap;gap:7px}#hold-panel .appointment-group-window{flex:1 1 195px}#hold-panel .appointment-group-destination{flex-basis:65%}}
@media(max-width:760px){#hold-panel .appointment-group-orders .hold-agenda-row{grid-template-columns:80px minmax(0,1fr) 30px}#hold-panel .appointment-group-window strong{font-size:14px}#hold-panel .appointment-group-destination{flex-basis:85%}#hold-panel .appointment-group-toggle{padding:10px}}
#hold-panel .hold-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
#hold-panel .hold-agenda-row .appointment-actions{grid-column:5;grid-row:1;padding:0;align-self:center}
#hold-panel .appointment-group-orders .appointment-time{background:transparent;color:var(--text);padding:2px;gap:1px;align-self:center}
#hold-panel .appointment-group-next{border-left:4px solid var(--appointment-accent)!important;padding:10px!important;background:var(--panel)!important}
#hold-panel .week-day .hold-agenda-row .appointment-actions{align-self:end}
@media(max-width:760px){#hold-panel .hold-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#hold-panel .hold-agenda-row .appointment-actions{grid-column:3;grid-row:1/4}}
#hold-panel .agenda-day .hold-agenda-row{grid-template-columns:82px 78px minmax(0,1fr) 112px 65px}
@media(max-width:760px){#hold-panel .agenda-day .hold-agenda-row{grid-template-columns:80px minmax(0,1fr) 65px}}
#hold-panel .appointment-group-heading{display:flex;align-items:center;background:color-mix(in srgb,var(--appointment-accent) 10%,var(--panel));border-radius:5px 5px 0 0}
#hold-panel .appointment-group-heading .appointment-group-toggle{flex:1;min-width:0;background:transparent}
#hold-panel .appointment-group-dispatch{flex:0 0 auto;margin:8px 10px 8px 0;font-size:11px;min-height:32px;padding:6px 9px;white-space:nowrap}
#hold-panel .week-day .appointment-group-heading{flex-wrap:wrap}#hold-panel .week-day .appointment-group-dispatch{margin:0 8px 8px}
@media(max-width:760px){#hold-panel .appointment-group-heading{flex-wrap:wrap}#hold-panel .appointment-group-heading .appointment-group-toggle{flex-basis:100%}#hold-panel .appointment-group-dispatch{margin:0 10px 10px}}

.hold-type.trailer{color:#0d9488;background:color-mix(in srgb,#14b8a6 13%,var(--panel))}
#hold-category-tabs button[data-hold-category=trailer][aria-pressed=true]{color:#0d9488;border-color:#0d9488;background:color-mix(in srgb,#14b8a6 10%,var(--panel))}