.hub-cover {
  position: relative; isolation: isolate; overflow: hidden; min-height: 176px;
  display: flex; align-items: flex-end; justify-content: space-between; gap: 20px;
  padding: clamp(22px, 3vw, 36px); margin-bottom: 18px;
  border: 1px solid #493947; border-radius: 10px; background: #24232e; color: #fff;
}
.hub-cover::before {
  content: ""; position: absolute; z-index: -1; inset: 0;
  background: linear-gradient(92deg,#20222d 2%,rgba(32,34,45,.93) 30%,rgba(32,34,45,.22) 76%),
    linear-gradient(0deg,rgba(18,18,29,.8),transparent 60%),url('/assets/spedition.jpg') right 56% / cover no-repeat;
}
.hub-cover h1 { margin: 8px 0; font-size: clamp(29px, 3.2vw, 47px); line-height: 1.08; letter-spacing: -.045em; overflow-wrap:anywhere; }
.hub-cover p { color: #dddce5; font-size: 14px; }
.cover-label { display:inline-flex; align-items:center; gap:8px; color:#f5c6d4; font-size:13px; font-weight:600; }
.cover-label .icon { width:16px; height:16px; }
.hub-cover .btn { flex-shrink:0; }
.overview-grid > .panel { min-width: 0; }
.week-summary { display:flex; align-items:baseline; flex-wrap:wrap; gap:9px; padding:15px 20px 0; }
.week-summary strong { font-size:28px; line-height:1.25; }
.week-summary span,.bar-column small { color:var(--muted); font-size:12px; }
.week-chart { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; padding:10px 20px 18px; }
.bar-column { text-align:center; min-width:0; }
.bar-column strong { color:var(--ink); font-weight:600; font-size:12px; font-variant-numeric:tabular-nums; }
.bar-track { height:54px; display:flex; align-items:flex-end; justify-content:center; border-bottom:1px solid #555464; }
.bar-track i { display:block; width:58%; max-width:48px; border-radius:3px 3px 0 0; background:var(--accent); }
.weekly-state { padding:25px 20px; color:var(--muted); }
.order-filters { display:grid; grid-template-columns:minmax(170px,1.75fr) repeat(3,minmax(100px,1fr)); gap:12px; padding:16px 20px; border-bottom:1px solid var(--line); }
.order-filters label { color:var(--muted); font-size:12px; font-weight:600; min-width:0; }
.order-filters input,.order-filters select { background:var(--soft); border:1px solid var(--line); color:var(--ink); font-size:14px; height:38px; margin-top:5px; border-radius:5px; width:100%; padding:6px 8px; }
.inline-link { padding:0; border:none; background:none; color:var(--accent); font-size:inherit; font-weight:600; }
.inline-link:hover,.inline-link:focus-visible { text-decoration:underline; text-underline-offset:3px; }
.order-id { font-size:12px; margin-bottom:5px; }
.dispo-tabs { display:flex; flex-wrap:wrap; gap:0 18px; margin:0 0 18px; border-bottom:1px solid var(--line); }
.dispatch-options { margin:14px 0; }
.dispatch-options summary { cursor:pointer; font-weight:600; padding:8px 0; }
.dispatch-options textarea { width:100%; font:inherit; resize:vertical; }
.dispatch-flags { display:flex; flex-wrap:wrap; gap:14px; }
.dispo-filter-extra > summary { cursor:pointer; margin:10px 20px; font-size:14px; }
.dispo-proposal { display:flex; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid var(--line); }
.dispo-proposal .cell-sub { margin-bottom:4px; }
[data-offer-summary]:not(:empty) { padding:12px; border-left:3px solid var(--accent); margin-bottom:12px; }
.cargo-trailers { display:grid; gap:3px; margin:6px 0 12px; padding:9px 12px; border-left:3px solid var(--accent); background:var(--soft); font-size:14px; overflow-wrap:anywhere; }
.cargo-trailers strong { color:var(--muted); font-size:13px; }
[data-driver-trailer]:not([hidden]) { display:grid; gap:3px; margin:6px 0 12px; font-size:14px; }
[data-driver-trailer] strong { font-size:13px; color:var(--muted); }
.dispo-tabs a { padding:8px 2px; color:var(--muted); text-decoration:none; font-weight:600; }
.dispo-tabs a[aria-current] { color:var(--ink); border-bottom:2px solid var(--accent); }
.dispo-tabs a:hover { color:var(--ink); }
.finance-balances {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-bottom:18px}
.finance-balances .balance {margin:0;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.finance-balances .finance-held {background:var(--paper);border-color:var(--line);border-left:3px solid #d7a55b;color:var(--ink)}
.finance-held span {color:var(--muted)}
.finance-filter {display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
.panel-heading:has(.finance-filter) {flex-wrap:wrap}
.finance-filter select,.finance-filter input {min-width:0;max-width:100%;background:var(--soft);border:1px solid var(--line);border-radius:5px;color:var(--ink);padding:6px 8px}
.finance-figures {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,195px),1fr));gap:10px;padding:16px}
.finance-figure {display:grid;grid-template-columns:1fr auto;align-content:start;gap:6px 8px;min-width:0;padding:14px;background:var(--soft);border:1px solid var(--line);border-radius:6px;cursor:pointer}
.finance-figure:has(:checked) {border-color:var(--accent)}
.finance-figure input {grid-area:1/2;align-self:start;accent-color:var(--accent)}
.finance-figure span {grid-area:1/1;font-weight:600}
.finance-figure strong,.finance-figure small {grid-column:1/-1}
.finance-figure strong {font-size:1.45rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.finance-figure small,.finance-access {color:var(--muted)}
.finance-access {padding:14px 20px}
.dispo-board { container-type:inline-size; }
.dispo-board-main { display:grid; gap:12px; }
.dispo-drivers { background:var(--paper); border:1px solid var(--line); border-radius:8px; padding:12px; align-self:start; }
.dispo-drivers h2 { font-size:1rem; margin:0 0 10px; }
.dispo-drivers input { min-width:0; max-width:100%; }
.dispo-drivers ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:12px; }
.dispo-drivers li { display:grid; gap:3px; min-width:0; overflow-wrap:anywhere; }
.dispo-drivers li span { color:var(--muted); font-size:12px; }
@container (min-width: 1150px) {
  .dispo-board-main:has(.dispo-drivers) { grid-template-columns:minmax(0,1fr) 190px; }
  .dispo-drivers ul { flex-direction:column; }
}
.dispo-columns { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.dispo-lane { --lane-color:var(--muted); min-width:0; background:var(--paper); border:1px solid var(--line); border-radius:8px; padding:12px; }
.dispo-lane[data-board-lane="open"] { --lane-color:#edbc76; }
.dispo-lane[data-board-lane="reserved"] { --lane-color:#c8b1ec; }
.dispo-lane[data-board-lane="running"] { --lane-color:var(--blue); }
.dispo-lane[data-board-lane="delivered"] { --lane-color:var(--green); }
.dispo-lane h2 { display:flex; align-items:center; gap:8px; margin:0; font-size:1rem; }
.dispo-lane h2::before { content:''; flex:none; width:8px; height:8px; border-radius:50%; background:var(--lane-color); }
.dispo-count { margin-left:auto; color:var(--muted); font-size:.8rem; font-weight:600; font-variant-numeric:tabular-nums; }
.dispo-lane ul { display:grid; gap:8px; list-style:none; margin:12px 0 0; padding:0; }
.dispo-card { display:grid; gap:5px; width:100%; min-width:0; padding:11px 12px; text-align:left; color:var(--ink); background:var(--soft); border:1px solid var(--line); border-radius:6px; overflow-wrap:anywhere; }
.dispo-card:hover,.dispo-card:focus-visible { border-color:var(--lane-color); }
.dispo-card-meta { display:flex; gap:6px; flex-wrap:wrap; justify-content:space-between; color:var(--muted); font-size:12px; }
.dispo-card .route { min-width:0; font-size:15px; }
.dispo-card .cell-sub { margin:0; }
.dispo-cargo { font-size:13px; }
.dispo-driver { margin-top:4px; padding-top:7px; border-top:1px solid var(--line); color:var(--blue); font-size:13px; }
.dispo-empty { color:var(--muted); padding:16px 0 5px; font-size:.85rem; }
.dispo-board > .dispo-lane { margin-top:14px; }
.dispo-board > .dispo-lane ul { grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr)); }
@container (max-width: 830px) {
  .dispo-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container (max-width: 460px) {
  .dispo-columns { grid-template-columns:1fr; }
}
.order-summary .route { font-size:22px; }
.order-summary .cell-sub { font-size:14px; }
.order-facts { margin:19px 0; padding:14px 0; border-block:1px solid var(--line); display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr); align-items:baseline; gap:8px 12px; font-size:14px; }
.order-facts dt,.order-history time { color:var(--muted); }
.order-facts dd { margin:0; overflow-wrap:anywhere; }
.history-title { font-size:16px; }
.order-history { list-style:none; padding:0; margin:12px 0; }
.order-history li { position:relative; margin-left:4px; padding:0 0 12px 17px; border-left:1px solid var(--line); font-size:13px; }
.order-history li:last-child { border-color:transparent; }
.order-history li::before { content:''; position:absolute; top:5px; left:-4px; width:7px; height:7px; background:var(--accent); border-radius:50%; }
.order-history strong,.order-history time { display:block; }
.order-history time { font-size:12px; }
.surface .page-title h1 { font-size:clamp(30px,3vw,44px); }
@media(max-width:1050px) {
  .order-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
  .hub-cover { align-items:flex-start; flex-direction:column; gap:16px; padding:19px; }
  .order-filters { padding:14px; gap:9px; }
  .week-chart { padding-inline:14px; }
}
.role-switch {display:flex;gap:3px;margin:0 13px 10px;padding:3px;background:var(--soft);border:1px solid var(--line);border-radius:7px}
.role-switch a {flex:1;padding:8px 4px;text-align:center;font-weight:600;font-size:13px;color:var(--muted);text-decoration:none;border-radius:4px}
.role-switch a:hover {background:var(--rail-light);color:var(--ink)}
.role-switch a[aria-current] {background:var(--ink);color:var(--rail)}
.admin-shortcut {display:flex;align-items:center;gap:10px;margin:0 12px 8px;padding:7px 13px;color:#d6d6e1;text-decoration:none;font-size:13px}
.admin-shortcut .icon {width:17px;height:17px}
.admin-shortcut:hover,.admin-shortcut:focus-visible {color:white;text-decoration:underline}
.hub-shortcuts {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:8px;padding:15px}
.hub-shortcuts a,.hub-shortcuts button {display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:9px 12px;background:var(--soft);border:1px solid var(--line);border-radius:6px;text-decoration:none;font-size:13px;color:var(--ink)}
.hub-shortcuts a:hover,.hub-shortcuts button:hover {border-color:var(--accent)}
.hub-shortcuts svg,.hub-tasks svg {width:16px;height:16px;color:var(--accent)}
.hub-tasks {list-style:none;margin:0;padding:0}
.hub-tasks li {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 18px}
.hub-tasks li+li {border-top:1px solid var(--line)}
.hub-tasks li>a {display:inline-flex;align-items:center;gap:8px;color:var(--ink)}
.hub-tasks small {display:block;color:var(--muted);margin-top:4px}
.hub-note {padding:16px 18px;color:var(--muted);margin:0}