/* Selected concept 03. Scoped screen theme; print/PDF/HWPX renderers stay independent. */
@media screen {
  #transportPage {
    --tr-bg:#f6f3ed; --tr-surface:#fffefa; --tr-subtle:#f1eee7;
    --tr-line:#d9d4c9; --tr-ink:#292824; --tr-muted:#6f6b61;
    --tr-accent:#34332f; --tr-soft:#eae6dd;
    background:var(--tr-bg); color:var(--tr-ink); color-scheme:light;
    padding-top:28px;
  }
  #transportPage .transport-shell {max-width:1440px}
  #transportPage button {border:1px solid var(--tr-line);border-radius:6px;background:var(--tr-surface);color:var(--tr-ink);font-weight:650}
  #transportPage .transport-back {background:transparent;border-color:transparent}
  #transportPage button:not(:disabled):hover {border-color:#9c9587}
  #transportPage :is(button,input,select,textarea,summary):focus-visible {outline:3px solid #ac791c66;outline-offset:3px}
  #transportPage :is(input,select,textarea) {color:var(--tr-ink);accent-color:var(--tr-accent)}
  #transportPage :is(input:not([type=checkbox]),select,textarea) {border-color:var(--tr-line);border-radius:6px;background-color:var(--tr-surface)}
  #transportPage .transport-header {border-bottom:1px solid var(--tr-line);padding-bottom:20px;margin-bottom:18px}
  #transportPage .transport-header h2 {font-size:30px;letter-spacing:-.05em;color:var(--tr-ink)}
  #transportPage .transport-brand {color:var(--tr-muted);font-weight:600}
  #transportPage .transport-header p {color:var(--tr-muted)}
  #transportPage .transport-workflow {max-width:none;padding:4px;gap:4px;border:1px solid var(--tr-line);background:#eae6de;border-radius:8px}
  #transportPage .transport-workflow button {color:#625e54;border-radius:5px;min-height:46px}
  #transportPage .transport-workflow button[aria-current=page] {background:var(--tr-accent);border-color:var(--tr-accent);color:#fffefa;box-shadow:none}
  #transportPage .transport-panel {background:var(--tr-surface);border-color:var(--tr-line);border-radius:10px;padding:22px;box-shadow:0 3px 14px #38302405}
  #transportPage :is(.transport-export button,.transport-toolbar-actions button,.transport-directory-head>button,.transport-directory-actions button,.transport-dialog-actions button,.transport-export-dialog button) {background:var(--tr-surface);color:var(--tr-ink);border:1px solid var(--tr-line);border-radius:6px}
  #transportPage .transport-primary,#transportPage #transportPdf,#transportPage #transportExportDownload {background:var(--tr-accent)!important;border-color:var(--tr-accent)!important;color:white!important}
  #transportPage .transport-primary:hover:not(:disabled),#transportPage #transportPdf:hover:not(:disabled) {background:#1e1d1a!important;filter:none}
  #transportPage button:disabled {opacity:.45}
  #transportPage .transport-carepo-note {background:var(--tr-subtle);border-left:3px solid #b9ab8d;border-radius:4px;color:var(--tr-muted)}
  #transportPage .transport-date-input {border-color:#c3b48d;background:#fbf3e0;border-radius:6px}
  #transportPage .transport-date-input input {background:#fbf3e0;color:#49391b}
  #transportPage .transport-date-input button {background:#fbf3e0;border-left-color:#dfd1ac;color:#49391b}
  #transportPage .transport-date-steps button,#transportPage #transportDateApply {border-color:var(--tr-line);border-radius:6px;background:var(--tr-surface);color:var(--tr-ink)}
  #transportPage .transport-status {color:var(--tr-muted)}
  #transportPage .transport-status.error {color:#9d3b2b}
  #transportPage .transport-metrics {gap:10px}
  #transportPage .transport-metric {background:#fbf9f4;border-color:var(--tr-line);border-radius:7px;padding:14px 16px}
  #transportPage .transport-metric>span {color:#696456}
  #transportPage .transport-metric strong {color:var(--tr-ink);font-size:24px}
  #transportPage #transportWarnings:not(:empty) {background:#fcf3df;color:#73501b;border:1px solid #e8d3a1;border-radius:6px}
  #transportPage #transportUnassigned {background:#f5f1e9;border:1px solid var(--tr-line);border-radius:6px;color:var(--tr-muted)}
  #transportPage .transport-scroll {border-color:var(--tr-line);border-radius:7px;scrollbar-color:#b9b1a2 transparent}
  #transportPage .transport-table th {background:#eae7df;color:#4e4a41;font-weight:750;border-bottom:1px solid var(--tr-line)}
  #transportPage .transport-table td {background:var(--tr-surface);color:var(--tr-ink);border-color:var(--tr-line);padding-block:13px}
  #transportPage .transport-table .transport-group td {background:#68645b;color:white;border-color:#68645b;padding:13px 16px}
  #transportPage .transport-group-content {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
  #transportPage .transport-group-content strong {text-align:center;font-size:16px;color:white}
  #transportPage .transport-group-content small {color:#f0ede5}
  #transportPage .transport-group-content .transport-actions {justify-content:flex-end}
  #transportPage .transport-table .transport-group .transport-row-action {background:#ffffff0d;border-color:#a9a397;color:white}
  #transportPage .transport-table .transport-group .transport-row-action:hover:not(:disabled) {background:#ffffff24;border-color:#eee9dd}
  #transportPage .transport-round td {background:#efebe2;color:#5b5549;border-color:var(--tr-line)}
  #transportPage .transport-table .transport-row-action {background:var(--tr-surface);color:#514c42;border-color:#d5cfc2;border-radius:5px}
  #transportPage .transport-planned-badge {background:#eae7df;color:#3e3b33;border-radius:4px;font-weight:750}
  #transportPage .transport-bottom {border-color:var(--tr-line)}
  #transportPage .transport-bottom textarea {background:var(--tr-surface);border-color:var(--tr-line);border-radius:6px;color:var(--tr-ink)}
  #transportPage .transport-senior-card {background:var(--tr-surface);border-color:var(--tr-line);border-radius:8px}
  #transportPage .transport-senior-card strong small {background:var(--tr-subtle);color:var(--tr-muted)}
  #transportPage .transport-senior-card p {color:var(--tr-muted)}
  #transportPage .transport-senior-card button {background:var(--tr-surface);border-color:var(--tr-line);color:var(--tr-ink);border-radius:5px}
  #transportPage .transport-plan-card {border-color:var(--tr-line);border-radius:8px;background:var(--tr-surface)}
  #transportPage .transport-plan-card label.transport-day-toggle {border-color:var(--tr-line);background:var(--tr-subtle)}
  #transportPage .transport-day-toggle[data-enabled=true] {background:#eee8dc!important;border-color:#b8ac95!important;color:#39362e}
  #transportPage .transport-day-toggle[data-enabled=false] {background:#f3f0ea!important;border-color:var(--tr-line)!important;color:var(--tr-muted)}
  #transportPage .transport-day-toggle:focus-within {outline-color:#a77b28}
  #transportPage .transport-plan-card :is(.transport-bulk-person,.transport-day-toggle) input[type=checkbox] {accent-color:var(--tr-accent)!important}
  #transportPage .transport-review-tools>article {background:var(--tr-surface);border-color:var(--tr-line);border-radius:8px}
  #transportPage .transport-review-tools p,#transportPage .transport-review-tools li small {color:var(--tr-muted)}
  #transportPage .transport-review-tools li {border-color:#e8e3d8}
  #transportPage .transport-review-tools li[data-warning-kind=leave] {color:#8a4c18}
  #transportPage .transport-change-kind {background:#efe2c3;color:#6a4b18;border-radius:4px}
  #transportPage .transport-bulk-tools {background:var(--tr-subtle);border-color:var(--tr-line);border-radius:7px}
  #transportPage .transport-bulk-tools span {color:var(--tr-muted)}
  #transportPage .transport-bulk-actions select {background:var(--tr-surface);border-color:var(--tr-line);color:var(--tr-ink)}
  #transportPage .transport-bulk-dialog [data-bulk-names] {background:var(--tr-subtle)}
  #transportPage .transport-save-info {background:#eaf0e7;color:#40533b;border-radius:5px}
  #transportPage .transport-save-info[data-state=unsaved] {background:#f8ebce;color:#79541c}
  #transportPage .transport-save-info[data-state=saving],#transportPage .transport-save-info[data-state=empty] {background:var(--tr-subtle);color:var(--tr-muted)}
  #transportPage .transport-calendar {background:var(--tr-surface);border-color:var(--tr-line);border-radius:8px;box-shadow:0 12px 32px #40362320}
  #transportPage .transport-calendar :is(button,.transport-day) {color:var(--tr-ink);background:var(--tr-surface);border-color:var(--tr-line)}
  #transportPage .transport-calendar .transport-day.selected {background:#b3822d;color:white;border-color:#b3822d}
  #transportPage .transport-calendar .transport-day.has-data::after {background:#9c7024}
  #transportPage .transport-calendar-help {color:var(--tr-muted)}
  #transportPage .transport-dialog,#transportPage .transport-export-dialog {background:var(--tr-surface);border:1px solid var(--tr-line);border-radius:10px;box-shadow:0 24px 80px #302b2530;color:var(--tr-ink)}
  #transportPage .transport-dialog::backdrop,#transportPage .transport-export-dialog::backdrop {background:#302d275c;backdrop-filter:blur(3px)}
  #transportPage .transport-dialog :is(input:not([type=checkbox]),select,textarea) {border-color:var(--tr-line);background-color:var(--tr-surface);color:var(--tr-ink)}
  #transportPage .transport-dialog-actions {border-color:var(--tr-line)}
  #transportPage .transport-dialog label,#transportPage .transport-copy-explain {color:var(--tr-muted)}
  #transportPage #transportSeniorDialog .transport-dialog-actions {background:var(--tr-surface)}
  #transportPage :is(.transport-default-assignment,.transport-month-picker,.transport-month-changes) {background:var(--tr-subtle);border-color:var(--tr-line);border-radius:7px}
  #transportPage .transport-assignment-filters span {background:var(--tr-surface);border-color:var(--tr-line)}
  #transportPage .transport-assignment-filters input:checked+span {background:#eae4d6;border-color:#b8a883;color:var(--tr-ink)}
  #transportPage .transport-assignment-filters input:focus-visible+span {outline:3px solid #ac791c66}
  #transportPage .transport-month-navigation button {background:var(--tr-surface);border-color:var(--tr-line);color:var(--tr-ink)}
  #transportPage label.transport-month-day {background:#f3f0ea;border-color:#e2ddd2;color:#827c70;border-radius:7px}
  #transportPage label.transport-month-day[data-enabled=true] {background:#f6edda;border-color:#cfbb8e;color:#624a20}
  #transportPage .transport-month-indicator {background:#e7e2d8;color:#7c7568}
  #transportPage [data-enabled=true] .transport-month-indicator {background:#514b3e;color:white}
  #transportPage .transport-month-day:focus-within {outline-color:#ac791c66}
  #transportPage label.transport-month-day:hover:has(input:not(:disabled)) {border-color:#a48a54;box-shadow:0 2px 6px #6d542012}
  #transportPage .transport-month-legend i {background:#f6edda;border-color:#b99c62}
  #transportPage .transport-month-legend>span:nth-child(2) i {background:#f3f0ea;border-color:#d4cec1}
  #transportPage .transport-month-dialog .transport-dialog-actions {background:#fffefaf5}
  #transportPage .transport-month-grid>strong {color:var(--tr-muted)}
  #transportPage .transport-month-grid>strong:first-child {color:#9e5142}
  #transportPage .transport-month-grid>strong:nth-child(7) {color:#50677a}
  #transportPage .transport-address-tools button,#transportPage [data-address-close] {background:var(--tr-surface);border-color:var(--tr-line);color:var(--tr-ink)}
}
@media screen and (max-width:1120px) {
  #transportPage .transport-panel {padding:16px}
  #transportPage .transport-table tr {background:var(--tr-surface);border-radius:7px;border-color:var(--tr-line)}
  #transportPage .transport-table td {padding:0;background:transparent}
  #transportPage .transport-table .transport-group {background:#68645b;border-color:#68645b}
  #transportPage .transport-table .transport-group td {background:transparent;padding:0}
  #transportPage .transport-group-content {grid-template-columns:minmax(0,1fr)}
  #transportPage .transport-group-content strong {text-align:left}
  #transportPage .transport-group-content .transport-actions {width:auto;justify-content:flex-start}
  #transportPage .transport-table .transport-round {background:#efebe2}
  #transportPage .transport-table .transport-round td {background:transparent;padding:0}
}
@media screen and (max-width:600px) {
  #transportPage {padding-top:18px}
  #transportPage .transport-header {gap:14px;padding-bottom:16px}
  #transportPage .transport-header h2 {font-size:27px}
  #transportPage .transport-panel {padding:12px}
  #transportPage .transport-workflow {gap:3px}
  #transportPage .transport-workflow button {padding:10px 5px;font-size:12px}
  #transportPage .transport-metric {padding:10px 12px}
  #transportPage .transport-metric strong {font-size:21px}
  #transportPage .transport-review-tools>article {padding:13px}
}

/* Concept 03 composition: calendar rail, title/date, navigation, summary/actions, compact alerts. */
@media screen {
  #transportPage {padding:20px 16px 40px;background:#f7f4ee}
  #transportPage .transport-shell {display:grid;grid-template-columns:184px minmax(0,1fr);max-width:1600px;margin:auto;border:1px solid #bdb7ab;border-radius:10px;background:#fffefa;min-height:calc(100dvh - 60px);overflow:clip}
  #transportPage .transport-ivory-main {min-width:0;padding:20px 22px 32px}
  #transportPage .transport-ivory-sidebar {min-width:0;padding:22px 14px;background:#f7f4ee;border-right:1px solid var(--tr-line)}
  #transportPage .transport-ivory-sidebar h3 {font-size:16px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--tr-line);color:var(--tr-ink)}
  #transportPage .transport-ivory-sidebar h3 span {margin-right:6px}
  #transportPage .transport-header {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border:0;padding:0;margin:0 0 18px;align-items:center}
  #transportPage .transport-ivory-title {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 16px}
  #transportPage .transport-back {grid-column:1/-1;justify-self:start;min-height:24px;font-size:11px;padding:0;margin-bottom:8px}
  #transportPage .transport-ivory-title h2 {grid-column:1;grid-row:2;font-size:32px;margin:0;white-space:nowrap;line-height:1.3}
  #transportPage .transport-brand {grid-column:2;grid-row:2;margin:0;border-left:1px solid var(--tr-line);padding-left:16px;font-size:15px;color:#36332e;line-height:1.4}
  #transportPage #transportPrintTitle {display:none}
  #transportPage .transport-ivory-date {display:flex;align-items:center;justify-content:space-between;gap:0;background:#f5ead2;border:1px solid #d5c9ad;border-radius:6px;margin-top:22px;max-width:100%}
  #transportPage .transport-ivory-date button {min-height:44px;border:0;background:transparent;border-radius:5px;padding:6px 10px}
  #transportPage .transport-ivory-date :is(#transportDayPrev,#transportDayNext) {font-size:27px;min-width:34px}
  #transportPage .transport-ivory-date #transportCalendarOpen {font-size:17px;letter-spacing:-.04em;font-weight:800;white-space:nowrap;padding-inline:5px;color:#493817}
  #transportPage .transport-workflow {padding:0;gap:0;background:#f7f4ee;border-radius:6px;margin:0 0 20px;grid-template-columns:repeat(5,minmax(0,1fr));max-width:none}
  #transportPage .transport-workflow button {border:0;border-right:1px solid var(--tr-line);border-radius:0;min-height:40px;font-size:13px}
  #transportPage .transport-workflow button:first-child {border-radius:5px 0 0 5px}
  #transportPage .transport-workflow button:last-child {border:0;border-radius:0 5px 5px 0}
  #transportPage .transport-ivory-summary {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;min-width:0}
  #transportPage .transport-ivory-summary[hidden] {display:none}
  #transportPage .transport-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;margin:0;min-width:0;max-width:440px}
  #transportPage .transport-metric:not([data-ivory-metric=primary]) {display:none!important}
  #transportPage .transport-metric {display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:12px 14px;background:transparent;border-radius:7px}
  #transportPage .transport-metric:has(#transportUsingCount) {order:0}
  #transportPage .transport-metric:has(#transportPlannedCount) {order:1}
  #transportPage .transport-metric:has(#transportIndividualCount) {order:2}
  #transportPage .transport-metric>span {font-size:12px;font-weight:700;color:#4b463d}
  #transportPage .transport-metric strong {font-size:29px;line-height:1.15;font-weight:800}
  #transportPage .transport-export {width:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:510px}
  #transportPage .transport-export button {padding:9px 12px;min-height:42px;font-size:12px}
  #transportPage .transport-export #transportSave {font-size:14px;padding-inline:20px}
  #transportPage #transportDispatch {padding:0;border:0;background:transparent;box-shadow:none}
  #transportPage .transport-review-tools {display:flex;align-items:flex-start;gap:12px;margin:0 0 18px}
  #transportPage .transport-review-tools>article {padding:0;border:0;border-radius:6px;background:transparent;min-width:0}
  #transportPage .transport-review-tools>article:first-child {order:1;flex:1;background:#fbf0d8;border:1px solid #e7d1a2}
  #transportPage .transport-review-tools>article:last-child {order:0;flex:0 1 290px;border:1px solid var(--tr-line)}
  #transportPage .transport-review-tools summary {cursor:pointer;padding:11px 14px;font-weight:750;font-size:13px;line-height:1.5;color:#6a4b1e}
  #transportPage .transport-review-tools article:last-child summary {color:#4d4637}
  #transportPage .transport-review-tools details>header {padding:10px 14px;border-top:1px solid var(--tr-line)}
  #transportPage .transport-review-tools details>p {padding-inline:14px;margin-block:8px}
  #transportPage .transport-review-tools details>ul {padding:0 14px 10px;margin-top:0}
  #transportPage .transport-ivory-edit-tools {margin:0 0 14px;border-bottom:1px solid var(--tr-line);padding:0 0 10px}
  #transportPage .transport-ivory-main>#transportSaveInfo {margin:0 0 4px;padding:0;background:transparent;font-size:11px}
  #transportPage .transport-ivory-main>#transportStatus {margin:0 0 12px;font-size:11px;min-height:0}
  #transportPage .transport-ivory-main>#transportSaveInfo:empty,#transportPage .transport-ivory-main>#transportStatus:empty {display:none}
  #transportPage .transport-ivory-edit-tools>summary {cursor:pointer;font-size:12px;font-weight:650;color:var(--tr-muted);padding:3px 0}
  #transportPage .transport-ivory-edit-tools>.transport-toolbar {margin-top:12px;grid-template-columns:220px minmax(0,1fr)}
  #transportPage .transport-ivory-edit-tools .transport-date-heading {display:none}
  #transportPage .transport-ivory-edit-tools .transport-carepo-note {margin-bottom:0}
  #transportPage .transport-secondary-pdf {font-size:12px}
  #transportPage .transport-scroll {border:0;border-radius:0}
  #transportPage .transport-table {min-width:900px;line-height:1.45;border-collapse:collapse}
  #transportPage .transport-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #transportPage .transport-group[data-ivory-actions-moved=true] {display:none}
  #transportPage .transport-table .transport-round td {position:relative;background:#706b60;color:#fffefa;border:1px solid #706b60;padding:10px 60px;text-align:center}
  #transportPage .transport-ivory-vehicle-caption {display:block;font-size:15px;font-weight:750;line-height:1.4}
  #transportPage .transport-table .transport-ivory-column-head th {padding:7px 9px;background:#efede7;border:1px solid #c9c4b9;color:#37342d;font-weight:750;font-size:12px;text-align:center}
  #transportPage .transport-table th {position:static;top:auto;z-index:auto}
  #transportPage .transport-ivory-print-round {display:none}
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round):not(.transport-ivory-column-head) td {padding:8px 9px;border:1px solid #c9c4b9;font-size:13px;line-height:1.5}
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round) td:nth-child(3) {text-align:center}
  #transportPage .transport-table .transport-planned-badge {padding:0;background:transparent;color:#282720;font-size:14px}
  #transportPage .transport-table .transport-row-action {min-height:28px;margin:0 1px;padding:4px 7px;font-size:10px}
  #transportPage .transport-ivory-person-menu {display:block;white-space:nowrap}
  #transportPage .transport-ivory-person-menu>summary {display:none}
  #transportPage .transport-table .transport-row-action[data-action=remove-rider] {min-width:26px}
  #transportPage .transport-calendar-help i,#transportPage .transport-calendar .transport-dots i {background:#9b7a39}
  #transportPage .transport-staff-pick .transport-staff-search {grid-template-columns:minmax(0,1fr);gap:5px}
  #transportPage .transport-staff-pick [data-staff-name][hidden] {display:none}
  #transportPage .transport-ivory-vehicle-menu {position:absolute;right:10px;top:7px;z-index:2;text-align:left}
  #transportPage .transport-ivory-vehicle-menu>summary {list-style:none;color:white;border:1px solid #b7b0a2;border-radius:4px;padding:3px 8px;font-size:11px;cursor:pointer}
  #transportPage .transport-ivory-vehicle-menu[open] {position:static;background:#fffefa;border:1px solid var(--tr-line);padding:8px;margin:10px -48px 0;border-radius:5px;min-width:0}
  #transportPage .transport-ivory-vehicle-menu[open]>summary {position:absolute;right:10px;top:7px}
  #transportPage .transport-round .transport-ivory-vehicle-menu .transport-actions {display:grid;float:none;margin:0;gap:6px}
  #transportPage .transport-round .transport-ivory-vehicle-menu[open] .transport-actions {grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
  #transportPage .transport-round .transport-ivory-vehicle-menu[open] .transport-row-action {min-height:40px;min-width:0;padding:8px;font-size:12px;white-space:normal}
  #transportPage .transport-bottom {margin-top:18px;padding-top:18px}
  #transportPage .transport-bottom textarea {width:100%;box-sizing:border-box}
}
@media screen and (min-width:1121px) {
  #transportPage .transport-ivory-sidebar .transport-calendar,#transportPage .transport-ivory-sidebar .transport-calendar[hidden] {display:block!important;position:static!important;width:100%;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;max-height:none}
  #transportPage .transport-calendar-header {gap:1px;margin-bottom:14px}
  #transportPage .transport-calendar-header button {min-width:22px;min-height:28px;padding:2px 4px;background:transparent;border:0;font-size:16px}
  #transportPage .transport-calendar-header #transportCalendarHeading {font-size:12px;white-space:nowrap}
  #transportPage .transport-calendar-help {margin-top:12px;font-size:9px;order:3}
  #transportPage .transport-calendar-grid {gap:2px}
  #transportPage .transport-calendar .transport-day {min-height:28px;border:0;padding:1px;font-size:12px;background:transparent}
  #transportPage .transport-calendar .transport-day.selected {background:#b38435;color:white}
  #transportPage .transport-calendar .transport-weekday {font-size:10px;color:#5a554b}
  #transportPage .transport-calendar .transport-dots {height:3px}
}
@media screen and (max-width:1350px) and (min-width:1121px) {
  #transportPage .transport-shell {grid-template-columns:164px minmax(0,1fr)}
  #transportPage .transport-ivory-main {padding:18px}
  #transportPage .transport-ivory-title h2 {font-size:28px}
  #transportPage .transport-brand {font-size:12px;padding-left:10px}
  #transportPage .transport-ivory-title {gap:0 10px}
  #transportPage .transport-ivory-date #transportCalendarOpen {font-size:15px}
  #transportPage .transport-ivory-summary {gap:12px}
  #transportPage .transport-export {max-width:400px;gap:5px}
  #transportPage .transport-export button {padding:8px;font-size:11px}
  #transportPage .transport-metric {padding:10px}
  #transportPage .transport-table {min-width:840px}
}
@media screen and (max-width:1120px) {
  #transportPage {padding:12px 10px 28px}
  #transportPage .transport-shell {display:block;min-height:calc(100dvh - 40px)}
  #transportPage .transport-ivory-main {padding:18px}
  #transportPage .transport-ivory-sidebar {padding:0;border:0}
  #transportPage .transport-ivory-sidebar h3 {display:none}
  #transportPage .transport-header {grid-template-columns:minmax(0,1fr);gap:12px}
  #transportPage .transport-header>* {width:auto}
  #transportPage .transport-ivory-date {margin-top:0;width:auto;justify-self:stretch}
  #transportPage .transport-ivory-date #transportCalendarOpen {flex:1}
  #transportPage .transport-ivory-title {grid-template-columns:auto minmax(0,1fr)}
  #transportPage .transport-ivory-title h2 {font-size:27px}
  #transportPage .transport-brand {font-size:12px}
  #transportPage .transport-ivory-summary {flex-wrap:wrap}
  #transportPage .transport-metrics {max-width:none;flex:1 0 100%}
  #transportPage .transport-export {max-width:none;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  #transportPage .transport-export button {padding:9px 4px;min-width:0;font-size:12px}
  #transportPage .transport-export #transportSave {padding-inline:4px;font-size:13px}
  #transportPage .transport-review-tools {flex-wrap:wrap}
  #transportPage .transport-review-tools>article:last-child {flex-basis:100%}
  #transportPage .transport-review-tools>article:first-child {flex-basis:100%}
  #transportPage .transport-table {min-width:0}
  #transportPage .transport-ivory-column-head {display:none!important}
  #transportPage .transport-table .transport-round {padding:0;margin-top:16px;background:#706b60;border-color:#706b60}
  #transportPage .transport-table .transport-round td {padding:12px 58px 12px 12px;text-align:left;background:transparent;border:0}
  #transportPage .transport-ivory-vehicle-caption {font-size:13px}
  #transportPage .transport-ivory-vehicle-menu[open] {margin:10px -46px 0 0}
  #transportPage .transport-round .transport-ivory-vehicle-menu[open] .transport-actions {grid-template-columns:repeat(2,minmax(0,1fr))}
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round):not(.transport-ivory-column-head) td {padding:0;border:0;font-size:13px;line-height:1.6}
  #transportPage .transport-table .transport-row-action {min-height:40px;padding:8px 10px;font-size:11px}
  #transportPage .transport-table td.transport-editor-col {padding-top:8px!important;border-top:1px solid var(--tr-line)!important}
  #transportPage .transport-ivory-edit-tools>.transport-toolbar {grid-template-columns:1fr}
}
@media screen and (max-width:480px) {
  #transportPage {padding:8px 6px 24px}
  #transportPage .transport-ivory-main {padding:14px 10px 24px}
  #transportPage .transport-brand {display:block;border:0;padding:0;grid-column:1/-1;grid-row:3;font-size:11px;margin-top:4px}
  #transportPage .transport-ivory-title h2 {font-size:27px}
  #transportPage .transport-workflow {grid-template-columns:repeat(3,minmax(0,1fr))}
  #transportPage .transport-workflow button {min-height:42px;font-size:11px;border:0;border-radius:4px!important}
  #transportPage .transport-metric {padding:10px 8px;gap:5px}
  #transportPage .transport-metric strong {font-size:25px}
  #transportPage .transport-metric>span {font-size:10px}
  #transportPage .transport-export {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:1120px) {
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round):not(.transport-ivory-column-head) {grid-template-columns:20px minmax(0,1fr) 26px minmax(70px,1fr) 34px;gap:5px;margin:0;border-radius:0;border-bottom:1px solid var(--tr-line);padding:10px 8px;align-items:center}
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round) td:nth-child(1) {grid-column:1;grid-row:1;font-size:11px!important}
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round) td:nth-child(2) {grid-column:2;grid-row:1;font-size:12px!important}
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round) td:nth-child(3) {grid-column:3;grid-row:1;font-size:12px!important}
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round) td:nth-child(5) {grid-column:4;grid-row:1;font-size:11px!important}
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round) td:nth-child(5)::before {content:none}
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round) td:nth-child(4),#transportPage .transport-table tr:not(.transport-group):not(.transport-round) td:nth-child(6) {display:none}
  #transportPage .transport-table td.transport-editor-col {grid-column:5;grid-row:1;display:block;border:0!important;padding:0!important}
  #transportPage .transport-ivory-person-menu {display:block;text-align:right;white-space:normal}
  #transportPage .transport-ivory-person-menu>summary {display:block;font-size:10px;cursor:pointer;border:1px solid var(--tr-line);border-radius:4px;padding:5px 2px;list-style:none;text-align:center}
  #transportPage .transport-table tr:has(.transport-ivory-person-menu[open]) td.transport-editor-col {grid-column:1/-1;grid-row:4}
  #transportPage .transport-ivory-person-menu[open]>summary {margin-bottom:8px;max-width:50px;margin-left:auto}
  #transportPage .transport-table tr:has(.transport-ivory-person-menu[open]) td:nth-child(4),#transportPage .transport-table tr:has(.transport-ivory-person-menu[open]) td:nth-child(6):not(:empty) {display:block;grid-column:2/-1}
  #transportPage .transport-table tr:has(.transport-ivory-person-menu[open]) td:nth-child(4) {grid-row:2}
  #transportPage .transport-table tr:has(.transport-ivory-person-menu[open]) td:nth-child(6) {grid-row:3}
}
@media print {
  #transportPage .transport-ivory-sidebar,#transportPage .transport-ivory-date,#transportPage .transport-ivory-summary,#transportPage .transport-ivory-edit-tools,#transportPage .transport-ivory-column-head,#transportPage .transport-ivory-vehicle-menu,#transportPage .transport-ivory-vehicle-caption {display:none!important}
}
@media screen {
  #transportPage:has(.transport-bulk-dispatch:not([hidden])) {padding-bottom:calc(110px + env(safe-area-inset-bottom))}
  #transportPage .transport-bulk-dispatch:not([hidden]) {position:fixed;z-index:5;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 20px);box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px solid var(--tr-line);border-radius:8px;background:#f3f0e8;box-shadow:0 3px 16px #322f2929}
  #transportPage .transport-bulk-dispatch button {min-height:40px;padding-inline:9px}
}
#transportPage .transport-number:has(.transport-rider-check) {white-space:nowrap;padding-inline:3px}
#transportPage input.transport-rider-check {display:inline-block;width:16px;height:16px;margin:0 3px 0 0;vertical-align:middle;accent-color:#746346}
#transportPage .transport-month-dispatch-settings:not([hidden]) {display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;padding:10px;border:1px solid var(--tr-line);border-radius:6px}
#transportPage .transport-month-dispatch-settings label {flex:1 1 125px;min-width:0}
#transportPage .transport-month-dispatch-settings p {flex-basis:100%;margin:0}
#transportPage .transport-month-dispatch .transport-month-day {min-width:0;min-height:100px;height:auto;align-content:start}
#transportPage .transport-month-dispatch .transport-month-day small {overflow-wrap:anywhere;line-height:1.25;text-align:center}
@media screen and (max-width:1120px) {
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round) td:has(.transport-rider-check) {display:flex;flex-direction:column;align-items:center;gap:3px}
  #transportPage input.transport-rider-check {margin:0}
  #transportPage .transport-table tr:not(.transport-group):not(.transport-round) td:nth-child(5) {min-width:0;overflow-wrap:anywhere}
}
@media screen and (max-width:480px) {
  #transportPage .transport-month-dispatch label.transport-month-day {justify-content:flex-start}
  #transportPage .transport-month-dispatch .transport-month-day {padding-inline:2px}
}
@media screen and (max-width:1120px) {
  #transportPage #transportBulkMoveDialog {top:auto!important;bottom:0!important;transform:translateX(-50%)!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
}
@media print {
  #transportPage .transport-bulk-dispatch,#transportPage input.transport-rider-check {display:none!important}
}