/* Auplata workspace design system. Screen styles leave document printing intact. */
@media screen {
  :root:root[data-theme] {
    --navy:#152c3c;--blue:#245d63;--bg:#f4f6f8;--ink:#203442;
    --muted:#687b89;--border:#e1e7eb;--green:#21745b;--orange:#a66a20;
    --surface:#fff;--surface-soft:#f7f9fa;--accent-soft:#eaf2f2;
    --card-bg:var(--surface);--shadow:0 3px 16px #20344204;
  }
  :root:root[data-theme="dark"] {
    --bg:#101c25;--ink:#e5edf2;--muted:#a0b1bd;--border:#2c404d;
    --blue:#80b8ba;--green:#88cbb0;--orange:#e4b675;
    --surface:#192a35;--surface-soft:#203440;--accent-soft:#263f47;
    --card-bg:var(--surface);--shadow:0 3px 16px #00000012;
  }
  :root[data-theme] body {background:var(--bg);color:var(--ink);font:14px/1.55 'Segoe UI',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
  :root[data-theme] :is(button,input,select,textarea){font-family:inherit}
  :root[data-theme] h1,:root[data-theme] h2,:root[data-theme] h3 {color:var(--ink)}
  :root[data-theme] h1 {font-weight:700;letter-spacing:-1.1px;line-height:1.2}
  :root[data-theme] h2 {font-size:18px;font-weight:650;letter-spacing:-.4px}
  :root[data-theme] .ui-icon {display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}
  :root[data-theme] :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid #659b9f;outline-offset:3px}
  :root[data-theme] :is(input,select,textarea) {color:var(--ink);background:var(--surface);border:1px solid #cdd8de;border-radius:9px;min-height:43px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
  :root[data-theme="dark"] :is(input,select,textarea) {border-color:#49616e}
  :root[data-theme] :is(input,textarea)::placeholder {color:var(--muted);opacity:.85}
  :root[data-theme] :is(input,select,textarea):focus {border-color:#659b9f;box-shadow:0 0 0 3px #659b9f18}
  :root[data-theme] input[type=checkbox],:root[data-theme] input[type=radio] {min-height:0;accent-color:#34747a}
  :root[data-theme] .btn {background:#285f65;color:#fff;border:1px solid #285f65;border-radius:9px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:600;box-shadow:0 2px 3px #0c29290a;transition:background .15s,box-shadow .15s,transform .15s}
  :root[data-theme] .btn:hover {background:#194c52;border-color:#194c52;box-shadow:0 3px 9px #0c292915;transform:translateY(-1px)}
  :root[data-theme] .btn.secondary {background:var(--surface);color:var(--ink);border-color:var(--border);box-shadow:0 1px 2px #20344204}
  :root[data-theme] .btn.secondary:hover {background:var(--surface-soft);border-color:#9fb6bf}
  :root[data-theme] .btn.danger {background:#fff3f2;color:#a54544;border-color:#f0d4d0;box-shadow:none}
  :root[data-theme="dark"] .btn.danger {background:#422e34;color:#f2b6b2;border-color:#67444a}
  :root[data-theme] .btn.whatsapp {background:#257357;color:#fff;border-color:#257357}
  :root[data-theme] .btn.small {min-height:34px;font-size:12px;padding:6px 10px}
  :root[data-theme] button:disabled {transform:none;opacity:.5;cursor:not-allowed}
  :root[data-theme] :is(.panel,.card,.user-card,.visitor-card,.fleet-card,.department-card,.disposal-card,.dispatch-card) {background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);color:var(--ink)}
  :root[data-theme] :is(.panel,.card) {padding:24px}
  :root[data-theme] :is(.panel,.card):hover {transform:none;box-shadow:var(--shadow)}
  :root[data-theme] :is(.user-card,.visitor-card,.fleet-card,.department-card,.disposal-card):hover {transform:translateY(-2px);border-color:#b3c8ce;box-shadow:0 8px 24px #1a39400b}
  :root[data-theme] .grid {gap:20px}
  :root[data-theme] .eyebrow {font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted);line-height:1.5}
  :root[data-theme] .tag {border-radius:6px;padding:4px 9px;font-size:11px;letter-spacing:0;background:var(--accent-soft);color:var(--blue);font-weight:600}
  :root[data-theme] .tag.up {background:#eaf5ef;color:#27745a}
  :root[data-theme] .tag.down {background:#fbf0e3;color:#9b6527}
  :root[data-theme="dark"] .tag.up {background:#26453d;color:#9bd4ba}
  :root[data-theme="dark"] .tag.down {background:#463d2d;color:#e5c38d}
  :root[data-theme] table {background:var(--surface);color:var(--ink);font-size:13px;min-width:0}
  :root[data-theme] th {background:var(--surface-soft);font-weight:650;font-size:10px;letter-spacing:.8px;color:var(--muted);padding:14px 16px;white-space:nowrap}
  :root[data-theme] td {padding:16px;border-color:var(--border)}
  :root[data-theme] tbody tr:hover {background:var(--surface-soft)}
  :root[data-theme] .panel:has(>table) {padding:0;overflow-x:auto}
  :root[data-theme] .panel>table {margin-top:0}
  :root[data-theme] .panel>table th:first-child {border-top-left-radius:14px}
  :root[data-theme] .panel>table th:last-child {border-top-right-radius:14px}
  :root[data-theme] .toolbar {gap:12px;background:transparent;margin-bottom:22px;box-shadow:none}
  :root[data-theme] .form {gap:20px}
  :root[data-theme] .form label {font-size:12px;letter-spacing:.1px;gap:8px;font-weight:600;color:var(--ink)}
  :root[data-theme] .form :is(input,select,textarea) {font-size:14px;padding:11px 12px}
  :root[data-theme] .modal {background:#0e253773;backdrop-filter:blur(5px);z-index:100;padding:24px}
  :root[data-theme] .modal>div {background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 80px #0d263b30;padding:30px;color:var(--ink)}
  :root[data-theme] .modal h2 {font-size:22px;margin-bottom:24px}
  :root[data-theme] .notice {border:1px solid #efdad5;border-radius:10px;padding:12px 16px}
  :root[data-theme] .chip {border-radius:8px;font-size:12px;min-height:38px;background:var(--surface);color:var(--muted);border:1px solid var(--border)}
  :root[data-theme] .chip.active {background:var(--accent-soft);border-color:#88adb2;color:var(--blue)}
  :root[data-theme] .skip-link {position:fixed;top:-80px;left:20px;z-index:200;background:var(--surface);color:var(--ink);padding:12px 20px;border-radius:8px}
  :root[data-theme] .skip-link:focus {top:12px}

  /* Application frame and progressive navigation. */
  :root[data-theme] .workspace-shell {display:flex;min-height:100vh;background:var(--bg)}
  :root[data-theme] .workspace-shell .side {position:sticky;top:0;height:100vh;height:100dvh;width:248px;flex:0 0 248px;padding:30px 16px 0;background:#152d3d;color:#a9bcc8;border:0;box-shadow:none;display:flex;flex-direction:column;overflow:visible;z-index:40}
  :root[data-theme] .workspace-brand {display:block;padding:0 13px;text-decoration:none;flex:none;height:90px}
  :root[data-theme] .workspace-brand>img {display:block;width:162px;height:90px;object-fit:contain;background:#fff;border-radius:12px;padding:8px}
  :root[data-theme] .workspace-label {display:flex;align-items:center;gap:8px;margin:26px 12px 19px;padding-bottom:19px;border-bottom:1px solid #ffffff12;font-size:11px;color:#a7bbc7;letter-spacing:.1px;flex:none}
  :root[data-theme] .workspace-dot {width:6px;height:6px;border-radius:50%;background:#a3c3b6;box-shadow:0 0 0 4px #a3c3b610}
  :root[data-theme] .workspace-shell .nav {display:block;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#49616b transparent;flex:1;min-height:0;padding-bottom:18px}
  :root[data-theme] .workspace-shell .nav button {display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:10px 13px;margin:2px 0;min-height:39px;background:transparent;color:#b3c3cd;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:450;line-height:1.4;white-space:normal;letter-spacing:0;box-shadow:none;position:relative}
  :root[data-theme] .workspace-shell .nav button::before,:root[data-theme] .workspace-shell .nav button::after {display:none}
  :root[data-theme] .workspace-shell .nav button:first-letter {font-size:inherit}
  :root[data-theme] .workspace-shell .nav button .ui-icon {width:17px;height:17px;color:#90a8b7}
  :root[data-theme] .workspace-shell .nav button:hover {background:#ffffff08;color:#fff;transform:none}
  :root[data-theme] .workspace-shell .nav button.active {background:#2d505b;color:#f0f5f4;border-color:#46697066;box-shadow:none;font-weight:600}
  :root[data-theme] .workspace-shell .nav button.active .ui-icon {color:#c8dfd8}
  :root[data-theme] .nav-group {margin-top:15px}
  :root[data-theme] .nav-group>summary {list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#90a5b3;text-transform:uppercase;letter-spacing:1.3px;font-size:9px;font-weight:600;min-height:27px;padding:2px 12px;margin-bottom:4px}
  :root[data-theme] .nav-group>summary::-webkit-details-marker {display:none}
  :root[data-theme] .nav-group>summary .ui-icon {width:12px;height:12px;transition:transform .2s;color:#6e8b9b}
  :root[data-theme] .nav-group[open]>summary .ui-icon {transform:rotate(90deg)}
  :root[data-theme] .sidebar-footer {margin-top:auto;display:flex;align-items:center;gap:10px;min-height:84px;padding:16px 9px;border-top:1px solid #ffffff12;flex:none}
  :root[data-theme] .sidebar-footer>div {min-width:0;flex:1;line-height:1.6}
  :root[data-theme] .sidebar-footer strong {display:block;font-size:11px;font-weight:550;color:#e4ecef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :root[data-theme] .sidebar-footer>div>span {font-size:10px;color:#91a6b3}
  :root[data-theme] .sidebar-footer .user-avatar {width:32px;height:32px;border-radius:9px;background:#d9e4de;color:#36524f;font-size:11px;letter-spacing:.5px;font-weight:700;box-shadow:none;display:grid;place-items:center;flex:none}
  :root[data-theme] .logout-button {display:grid;place-items:center;min-width:30px;min-height:34px;background:transparent;color:#90a7b4;border-radius:6px}
  :root[data-theme] .logout-button:hover {background:#ffffff10;color:#fff}
  :root[data-theme] .logout-button .ui-icon {width:16px;height:16px}
  :root[data-theme] .workspace-shell .main {flex:1;width:calc(100% - 248px);min-width:0;max-width:1800px;padding:0 38px 22px;margin:0 auto;background:transparent}
  :root[data-theme] .workspace-topbar {height:78px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:31px}
  :root[data-theme] .workspace-trail {display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);min-width:0}
  :root[data-theme] .trail-brand {font-weight:600;color:var(--ink)}
  :root[data-theme] .trail-divider {color:#b4c0c8}
  :root[data-theme] #workspace-breadcrumb {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :root[data-theme] .workspace-utilities {display:flex;align-items:center;gap:17px;flex:none}
  :root[data-theme] .workspace-today {font-size:11px;color:var(--muted);white-space:nowrap}
  :root[data-theme] .workspace-search-button {display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;min-height:34px;padding:6px 10px;color:var(--muted);font-size:11px}
  :root[data-theme] .workspace-search-button .ui-icon {width:14px;height:14px}
  :root[data-theme] kbd {font:10px/1.4 inherit;background:var(--surface-soft);border:1px solid var(--border);border-radius:4px;padding:1px 4px;color:var(--muted)}
  :root[data-theme] .workspace-search-button kbd {font-size:9px;margin-left:16px}
  :root[data-theme] .workspace-preferences {position:relative}
  :root[data-theme] .workspace-preferences>summary {list-style:none;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--muted);min-height:34px}
  :root[data-theme] .workspace-preferences>summary::-webkit-details-marker {display:none}
  :root[data-theme] .workspace-preferences>summary .ui-icon {width:16px;height:16px}
  :root[data-theme] .workspace-preferences>.language-selector {position:absolute;right:0;top:45px;z-index:50;width:300px;max-width:calc(100vw - 40px);background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:13px;padding:18px;box-shadow:0 14px 45px #0e253720;display:flex;gap:12px;margin:0}
  :root[data-theme] .workspace-preferences .language-buttons {display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}
  :root[data-theme] .workspace-preferences .language-selector>span {font-size:12px;font-weight:600}
  :root[data-theme] .language-choice {font-size:12px;background:var(--surface);color:var(--muted);border-color:var(--border);border-radius:8px;padding:8px 12px;min-height:38px}
  :root[data-theme] .language-choice.active {background:#285f65;color:#fff;border-color:#285f65}
  :root[data-theme] .workspace-preferences .theme-toggle {width:100%;margin:0;text-align:left;background:var(--surface-soft)}
  :root[data-theme] .workspace-shell .top {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0;margin-bottom:29px;border:0;background:transparent;min-height:84px}
  :root[data-theme] .workspace-heading {min-width:0}
  :root[data-theme] .workspace-heading .eyebrow {margin:0 0 7px;font-size:9px;letter-spacing:1.6px;color:var(--blue)}
  :root[data-theme] .workspace-shell .top h1 {font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0}
  :root[data-theme] #view-description {font-size:12px;margin:10px 0 0;line-height:1.7}
  :root[data-theme] .workspace-shell .page-print {display:block;margin:0;padding:0;flex:none}
  :root[data-theme] .workspace-shell .page-print .btn {font-size:11px;min-height:36px;padding:8px 11px;gap:8px}
  :root[data-theme] .page-print .ui-icon {width:14px;height:14px}
  :root[data-theme] #content {outline:0;min-width:0}
  :root[data-theme] .workspace-footer {display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:1.2px;color:var(--muted);opacity:.8;padding-top:25px;margin-top:32px;border-top:1px solid var(--border)}
  :root[data-theme] .workspace-footer span:last-child {letter-spacing:0}
  :root[data-theme] :is(.mobile-nav-button,.nav-backdrop,.sidebar-close) {display:none}

  /* Dashboard: orientation, real metrics, then actions and detail. */
  :root[data-theme] .dashboard-welcome {display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;overflow:hidden;padding:30px 34px;border-radius:15px;background:#e6efed;border:1px solid #d9e5e1;margin-bottom:23px}
  :root[data-theme] .dashboard-welcome .eyebrow {color:#577970;font-size:9px;letter-spacing:1.5px;margin:0 0 11px}
  :root[data-theme] .dashboard-welcome h2 {font-size:24px;letter-spacing:-.7px;line-height:1.3;margin:0 0 9px;color:#264c46;font-weight:650}
  :root[data-theme] .dashboard-welcome p:last-child {font-size:12px;color:#638078;margin:0}
  :root[data-theme] .dashboard-emblem {display:grid;place-items:center;width:94px;height:94px;border:1px solid #b5cdc280;border-radius:25px;background:#edf4f1;transform:rotate(-8deg);flex:none;margin-right:10px;box-shadow:12px 12px 0 #d8e6df70}
  :root[data-theme] .dashboard-emblem .ui-icon {width:43px;height:43px;stroke-width:1.1;color:#658e80;transform:rotate(8deg)}
  :root[data-theme="dark"] .dashboard-welcome {background:#223f40;border-color:#335758}
  :root[data-theme="dark"] .dashboard-welcome h2 {color:#d0e7df}
  :root[data-theme="dark"] .dashboard-welcome :is(.eyebrow,p:last-child) {color:#abc7c0}
  :root[data-theme="dark"] .dashboard-emblem {background:#2a4b49;border-color:#456762;box-shadow:12px 12px 0 #294a4540}
  :root[data-theme="dark"] .dashboard-emblem .ui-icon {color:#a3c4b7}
  :root[data-theme] .dashboard-metrics {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  :root[data-theme] .metric-card {padding:19px 21px;position:relative;border-top:1px solid var(--border)}
  :root[data-theme] .metric-card-top {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}
  :root[data-theme] .metric-icon {display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf3f2;color:#5b8580}
  :root[data-theme] .metric-icon .ui-icon {width:17px;height:17px}
  :root[data-theme] .metric-card .metric {font-size:35px;line-height:1.2;font-weight:650;letter-spacing:-1.5px;color:var(--ink);margin:8px 0 13px;font-variant-numeric:tabular-nums}
  :root[data-theme] .metric {color:var(--ink);font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
  :root[data-theme] .metric-caption {display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}
  :root[data-theme] .metric-caption i {width:5px;height:5px;border-radius:50%;background:#7caa94}
  :root[data-theme] .metric-tone-2 .metric-icon {background:#fcf3e8;color:#b58a50}
  :root[data-theme] .metric-tone-2 .metric-caption i {background:#c6a16c}
  :root[data-theme] .metric-tone-3 .metric-icon {background:#eef0f8;color:#8389b3}
  :root[data-theme] .metric-tone-3 .metric-caption i {background:#939ac2}
  :root[data-theme="dark"] .metric-icon {background:#2b4648;color:#b4d6cb}
  :root[data-theme="dark"] .metric-tone-2 .metric-icon {background:#443d32;color:#dac59e}
  :root[data-theme="dark"] .metric-tone-3 .metric-icon {background:#343b51;color:#bfc7e3}
  :root[data-theme] .dashboard-shortcuts {margin:31px 0}
  :root[data-theme] .section-label {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
  :root[data-theme] .section-label h2 {font-size:15px;letter-spacing:-.2px;margin:0}
  :root[data-theme] .section-label>span.muted {font-size:10px}
  :root[data-theme] .section-label>.ui-icon {width:16px;color:var(--muted)}
  :root[data-theme] .quick-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  :root[data-theme] .quick-card {display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:20px;border:1px solid var(--border);border-radius:12px;text-align:left;background:var(--surface);color:var(--ink);transition:border-color .15s,transform .15s,box-shadow .15s;min-width:0}
  :root[data-theme] .quick-card:hover {border-color:#93b2b3;transform:translateY(-2px);box-shadow:0 6px 20px #254b5010}
  :root[data-theme] .quick-icon {display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:var(--surface-soft);color:#5f8588;margin-bottom:17px}
  :root[data-theme] .quick-icon .ui-icon {width:18px;height:18px}
  :root[data-theme] .quick-card strong {font-size:12px;font-weight:650;margin-bottom:6px}
  :root[data-theme] .quick-card>span:not(.quick-icon) {font-size:10px;color:var(--muted);line-height:1.8;padding-right:12px}
  :root[data-theme] .quick-card>i {position:absolute;right:16px;top:20px;color:#9cb0b6}
  :root[data-theme] .quick-card>i .ui-icon {width:15px;height:15px}
  :root[data-theme] .dashboard-lists .panel {padding:22px}
  :root[data-theme] .dashboard-lists .list {margin:0}
  :root[data-theme] .dashboard-lists .list li {font-size:12px;padding:12px 0}
  :root[data-theme] .list-person {display:flex;align-items:center;gap:10px}
  :root[data-theme] .person-initial {display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:600;flex:none}
  :root[data-theme] .empty-state {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px!important;color:var(--muted);font-size:12px;text-align:center;min-height:120px;border:0}
  :root[data-theme] .empty-state>.ui-icon {width:29px;height:29px;opacity:.5;stroke-width:1.2}

  /* Planning and all operational modules share the same visual grammar. */
  :root[data-theme] .workspace-shell .page-intro {background:transparent;border:0;padding:0;box-shadow:none;margin:0 0 18px;border-radius:0}
  :root[data-theme] .workspace-shell .page-intro .eyebrow {display:none}
  :root[data-theme] .workspace-shell .page-intro p {font-size:12px;margin:0}
  :root[data-theme] .day-toolbar {background:var(--surface);padding:15px;border:1px solid var(--border);border-radius:12px;gap:10px}
  :root[data-theme] .day-toolbar .datepick {font-size:11px;gap:9px;flex-direction:row}
  :root[data-theme] .day-toolbar .btn {font-size:11px;padding:8px 12px;min-height:39px}
  :root[data-theme] .date-controls {gap:7px}
  :root[data-theme] .date-controls .btn {width:34px;padding:8px;min-width:34px}
  :root[data-theme] .day-toolbar input[type=date] {font-size:12px;min-width:135px;min-height:38px;padding:7px 10px}
  :root[data-theme] .planning-tools {background:transparent;border:0;padding:0;margin-bottom:18px;gap:15px}
  :root[data-theme] .planning-tools>.muted {font-size:11px}
  :root[data-theme] .planning-search {background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--muted);min-height:43px;box-shadow:none}
  :root[data-theme] .planning-search input {background:transparent;border:0;box-shadow:none;font-size:12px}
  :root[data-theme] .calendar-panel {padding:19px 22px;margin-bottom:25px;background:var(--surface);border:1px solid var(--border)}
  :root[data-theme] .planning-workspace {display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}
  :root[data-theme] .planning-overview {position:sticky;top:22px;min-width:0}
  :root[data-theme] .planning-overview .calendar-panel {padding:18px;margin-bottom:16px}
  :root[data-theme] .planning-overview .calendar-panel>summary {flex-wrap:wrap;gap:12px}
  :root[data-theme] .planning-overview .calendar-summary-label {margin:0;flex:1;font-size:12px;font-weight:600;color:var(--ink)}
  :root[data-theme] .planning-overview .calendar-nav {width:100%;display:flex;justify-content:space-between;margin:0;gap:4px}
  :root[data-theme] .planning-overview .calendar-nav-btn {height:28px;min-width:28px;width:28px;padding:0;font-size:11px}
  :root[data-theme] .planning-overview .calendar-month-label {font-size:10px;min-width:0;flex:1;text-align:center}
  :root[data-theme] .planning-overview .calendar-grid {gap:4px}
  :root[data-theme] .planning-overview .calendar-day {min-height:38px;min-width:0;padding:6px 4px;justify-content:center;align-items:center;position:relative}
  :root[data-theme] .planning-overview .calendar-day>b {font-size:11px}
  :root[data-theme] .planning-overview .calendar-day>span:last-child {display:none}
  :root[data-theme] .planning-overview .calendar-day .calendar-movement-dots {position:absolute;bottom:3px;left:0;right:0;display:flex;justify-content:center;gap:2px}
  :root[data-theme] .planning-overview .availability-dot {width:3px;height:3px}
  :root[data-theme] .planning-overview .weekday {padding:4px 0;font-size:9px}
  :root[data-theme] .planning-totals {padding:20px}
  :root[data-theme] .planning-totals>.eyebrow {font-size:9px;margin-bottom:15px;color:var(--muted)}
  :root[data-theme] .planning-totals>div {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}
  :root[data-theme] .planning-totals>div:last-child {border:0;padding-bottom:0}
  :root[data-theme] .planning-totals strong {font-size:19px;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums}
  :root[data-theme] .planning-flow {min-width:0}
  :root[data-theme] .planning-flow .day-heading {margin:0 0 16px;min-height:31px;flex-wrap:wrap;gap:6px}
  :root[data-theme] .planning-flow .day-heading h2 {font-size:19px}
  :root[data-theme] .planning-flow .transport-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  :root[data-theme] .planning-flow .direction {padding:18px}
  :root[data-theme] .planning-flow .direction-heading {flex-wrap:wrap;gap:10px}
  :root[data-theme] .planning-flow .direction-heading h2 {font-size:15px}
  :root[data-theme] .planning-flow .vehicle-heading h3 {font-size:11px}
  :root[data-theme] .calendar-panel>summary {font-size:12px;color:var(--ink)}
  :root[data-theme] .calendar-panel>summary::before {content:' ';width:8px;height:8px;border:1px solid #81a7a8;background:var(--accent-soft);border-radius:2px;flex:none}
  :root[data-theme] .calendar-panel[open]>summary {padding-bottom:18px}
  :root[data-theme] .calendar-grid {gap:7px}
  :root[data-theme] .calendar-day {min-height:58px;border-radius:8px;padding:9px 11px;background:var(--surface-soft);border:1px solid transparent;color:var(--ink);box-shadow:none}
  :root[data-theme] .calendar-day>b {font-size:12px;font-weight:550}
  :root[data-theme] .calendar-day:hover {border-color:#b0c8ca;background:var(--accent-soft);transform:none}
  :root[data-theme] .calendar-day.selected {background:#2c656b;border-color:#2c656b;color:#fff;box-shadow:0 2px 7px #2c656b20}
  :root[data-theme] .calendar-day.selected :is(b,i) {color:#fff}
  :root[data-theme] .calendar-day.today:not(.selected) {border-color:#85aead}
  :root[data-theme] .calendar-nav-btn {background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);border-radius:6px}
  :root[data-theme] .calendar-month-label {font-size:11px;color:var(--muted)}
  :root[data-theme] .weekday {font-size:10px;padding-bottom:8px}
  :root[data-theme] .day-heading h2 {font-size:18px;letter-spacing:-.4px}
  :root[data-theme] .day-heading>span {font-size:10px}
  :root[data-theme] .direction {padding:22px}
  :root[data-theme] .direction-heading {background:transparent;border-bottom:1px solid var(--border);padding-bottom:15px}
  :root[data-theme] .direction-heading h2 {font-size:16px;letter-spacing:-.3px}
  :root[data-theme] .direction-heading .btn {font-size:10px;min-height:32px;padding:6px 10px}
  :root[data-theme] .direction-icon {width:31px;height:31px;border-radius:8px;font-size:18px}
  :root[data-theme] .direction-icon.up {background:#eaf4ef;color:#43836b}
  :root[data-theme] .direction-icon.down {background:#fbf1e4;color:#b18b50}
  :root[data-theme] .direction-caption {font-size:10px;line-height:1.8;margin:12px 0 16px}
  :root[data-theme] .assignment-toolbar {background:var(--surface-soft);border-color:var(--border);border-radius:8px;padding:11px}
  :root[data-theme] .vehicle-group {background:var(--surface);border-color:var(--border);border-radius:10px;box-shadow:none}
  :root[data-theme] .vehicle-heading {background:var(--surface-soft);border-color:var(--border);border-radius:10px 10px 0 0;padding:11px 13px}
  :root[data-theme] .vehicle-heading h3 {font-size:11px;font-weight:600}
  :root[data-theme] .movement-list li {border-color:var(--border);padding:12px 13px;background:transparent}
  :root[data-theme] .movement-list li:hover {background:var(--surface-soft)}
  :root[data-theme] .movement-list .person-name {font-size:12px;font-weight:600}
  :root[data-theme] .unassigned {background:var(--surface);border:1px dashed #d0c5ad}
  :root[data-theme] .unassigned .vehicle-heading {background:#faf7ef}
  :root[data-theme="dark"] .unassigned .vehicle-heading {background:#3b3a2e}
  :root[data-theme] .group-count {background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:5px;font-size:10px}
  :root[data-theme] .present-panel {margin-top:22px;padding:18px 22px}
  :root[data-theme] .present-panel>summary {font-size:12px}
  :root[data-theme] :is(.goods-tabs,.barge-tabs) {padding:5px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;gap:5px}
  :root[data-theme] .goods-tab {font-size:12px;border:0;border-radius:7px;color:var(--muted);background:transparent;min-height:40px;box-shadow:none}
  :root[data-theme] .goods-tab.active {background:var(--surface);color:var(--blue);box-shadow:0 1px 5px #153b4510}
  :root[data-theme] .goods-tabs>.btn {flex:1 1 auto;width:auto;min-width:0;white-space:normal;word-break:normal;overflow-wrap:normal;font-size:11px;background:transparent;border:1px solid transparent;color:var(--muted);box-shadow:none;border-radius:7px;padding:9px 12px}
  :root[data-theme] .goods-tabs>.btn[aria-current="page"] {background:var(--surface);color:var(--blue);border-color:var(--border);box-shadow:0 1px 4px #153b4508}
  :root[data-theme] .goods-panel {border-radius:14px}
  :root[data-theme] :is(.dispatch-page-heading,.goods-heading) h2 {font-size:20px;letter-spacing:-.5px}
  :root[data-theme] .dispatch-surface {padding:25px}
  :root[data-theme] .dispatch-card-header {background:var(--surface-soft);border-color:var(--border)}
  :root[data-theme] .dispatch-card-footer {background:var(--surface);border-color:var(--border)}
  :root[data-theme] .department-icon {border-radius:10px}
  :root[data-theme] .department-card {border-top:1px solid var(--border);padding:22px}
  :root[data-theme] .department-card .department-icon {box-shadow:none}
  :root[data-theme] .fleet-card-photo {background:var(--surface-soft);aspect-ratio:16/9}
  :root[data-theme] .fleet-card:hover .fleet-card-photo img {transform:scale(1.02)}
  :root[data-theme] .fleet-placeholder {font-size:35px;filter:grayscale(.7);opacity:.65}
  :root[data-theme] .fleet-card-body {padding:18px 18px 12px}
  :root[data-theme] .fleet-card-name {font-size:16px;letter-spacing:-.3px}
  :root[data-theme] .fleet-card-actions {padding:0 18px 18px;gap:6px;flex-wrap:wrap}
  :root[data-theme] .user-avatar {background:#dfece8;color:#3b7366;box-shadow:none;border-radius:12px;font-size:16px}
  :root[data-theme] .rooms-grid {gap:18px;margin-top:22px;padding:0}
  :root[data-theme] .room-card {border:1px solid var(--border);border-top:3px solid var(--room-color,#94a3b8);border-radius:12px;padding:19px;background:var(--surface);box-shadow:var(--shadow);min-height:150px}
  :root[data-theme] .room-roof {display:none}
  :root[data-theme] .room-number {font-size:23px;letter-spacing:-.6px}
  :root[data-theme] .room-name {font-size:12px}
  :root[data-theme] .owner-shell {max-width:1280px;margin:0 auto;padding:30px 40px}
  :root[data-theme] .owner-shell>.panel {margin-bottom:22px}
  :root[data-theme] .owner-metrics>div {border:1px solid var(--border);background:var(--surface-soft);border-radius:12px}
  :root[data-theme] .owner-shell>.language-selector,:root[data-theme] .main>.language-selector {padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;margin-bottom:25px}

  /* Entry, employee consultation and external confirmation screens. */
  :root[data-theme] .login.login-entry {background:var(--bg);color:var(--ink);padding:105px 60px 60px;min-height:100svh}
  :root[data-theme] .login-entry .login-preferences {top:25px;right:40px;left:40px}
  :root[data-theme] .login-entry .language-selector {background:transparent;border:0;padding:0;color:var(--muted);box-shadow:none;font-size:11px}
  :root[data-theme] .login-entry .language-choice {background:transparent;border-color:transparent;color:var(--muted);font-size:11px}
  :root[data-theme] .login-entry .language-choice.active {background:var(--surface);color:var(--blue);border-color:var(--border)}
  :root[data-theme] .login-layout {grid-template-columns:1.15fr 1fr;gap:90px;width:min(1050px,100%)}
  :root[data-theme] .login-welcome {position:relative;padding:36px 0}
  :root[data-theme] .login-entry .login-logo {width:167px;height:83px;object-fit:contain;background:white;border:1px solid #e3e8e8;border-radius:12px;padding:12px;margin:0 0 40px;box-shadow:none}
  :root[data-theme] .login-welcome>.eyebrow {color:#7e8d94;font-size:9px;letter-spacing:2.5px;margin-bottom:17px}
  :root[data-theme] .login-welcome h1 {font-size:48px;font-weight:600;line-height:1.14;letter-spacing:-2px;color:var(--ink);margin-bottom:24px}
  :root[data-theme] .login-entry .login-welcome h1>span {color:#548583}
  :root[data-theme] .login-description {color:var(--muted);font-size:14px;line-height:1.95;max-width:400px}
  :root[data-theme] .login-features {gap:9px;color:var(--muted);font-size:11px}
  :root[data-theme] .login-features>span {padding:6px 12px;border:1px solid var(--border);background:var(--surface);border-radius:6px}
  :root[data-theme] .login-route {opacity:.45;max-width:280px;margin:30px 0}
  :root[data-theme] .login-route>i {background:#8aa9a5}
  :root[data-theme] .login-route>span {border-color:#87aaa2;background:#e3eeea;box-shadow:none}
  :root[data-theme] .login-entry .loginbox {width:100%;padding:40px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 50px #1d3b4308}
  :root[data-theme] .loginbox>.eyebrow {color:var(--blue);font-size:9px;margin-bottom:12px}
  :root[data-theme] .login-entry .loginbox h2 {color:var(--ink);font-size:29px;letter-spacing:-1px;line-height:1.2;margin:0 0 12px}
  :root[data-theme] .loginbox>.muted {text-align:left;color:var(--muted);font-size:12px;margin:0 0 30px;line-height:1.7}
  :root[data-theme] .login-entry .form label {font-size:12px;color:var(--ink)}
  :root[data-theme] .login-entry .form input {background:var(--surface-soft);border-color:var(--border);color:var(--ink);min-height:48px}
  :root[data-theme] .login-entry .form .btn {min-height:48px;margin-top:5px}
  :root[data-theme] .login-entry .login-footer {color:var(--muted);border-color:var(--border);font-size:10px;text-align:center;margin-top:30px;padding-top:20px}
  :root[data-theme] #employee-app>.login {background:var(--bg);min-height:calc(100svh - 80px)}
  :root[data-theme] #employee-app>.language-selector {padding:16px 24px;font-size:11px}
  :root[data-theme] #employee-app .loginbox {background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:17px;box-shadow:0 12px 50px #1d3b4308;padding:34px}
  :root[data-theme] #employee-app .loginbox h1 {font-size:26px;letter-spacing:-.8px}
  :root[data-theme] :is(.register-card,.visit-card,.access-page>.panel) {background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 50px #1d3b4308}
  :root[data-theme] :is(.register-page,.visitor-page) {background:var(--bg)}
  :root[data-theme] .register-actions .btn {min-height:46px}
  :root[data-theme] .document-viewer-header {padding-bottom:20px;border-bottom:1px solid var(--border)}
  :root[data-theme] #visitor-sign-app .visit-sheet {background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 50px #1d3b4308;padding:32px}
  :root[data-theme] #visitor-sign-app .visit-brand {border-color:var(--border);padding-bottom:23px;margin-bottom:25px}
  :root[data-theme] #visitor-sign-app .visit-lead {color:var(--muted);font-size:14px;line-height:1.85}
  :root[data-theme] #visitor-sign-app .visit-details {background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;padding:20px}
  :root[data-theme] #visitor-sign-app .visit-details span {color:var(--muted);font-size:9px}
  :root[data-theme] #visitor-sign-app .visit-details strong {font-size:15px;font-weight:600;color:var(--ink)}
  :root[data-theme] #visitor-sign-app :is(.visit-button,.visit-secondary) {border-radius:9px;font-weight:600;font-size:13px}
  :root[data-theme] #visitor-sign-app .visit-button {background:#285f65;box-shadow:none;color:#fff}
  :root[data-theme] #visitor-sign-app .visit-secondary {background:var(--surface-soft);color:var(--ink);border-color:var(--border)}
  :root[data-theme] #visitor-sign-app :is(.visit-note,.visit-back,.visit-sheet footer) {color:var(--muted);border-color:var(--border);font-size:11px}

  /* Keyboard-accessible module finder. */
  :root[data-theme] .workspace-command {place-items:start center;padding-top:min(16vh,130px)}
  :root[data-theme] .workspace-command>div {max-width:590px;padding:24px;max-height:75vh;overflow:auto}
  :root[data-theme] .command-heading {display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:19px}
  :root[data-theme] .command-heading h2 {font-size:19px;margin:0 0 6px}
  :root[data-theme] .command-heading p {font-size:11px;margin:0}
  :root[data-theme] .command-close {min-width:32px;min-height:32px;font-size:23px;font-weight:300;border-radius:6px;background:var(--surface-soft);color:var(--muted)}
  :root[data-theme] .command-input {display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;padding:0 12px;color:var(--muted);background:var(--surface-soft)}
  :root[data-theme] .command-input input {border:0;box-shadow:none;background:transparent;flex:1;width:100%;font-size:14px}
  :root[data-theme] .command-results {display:grid;gap:4px;margin-top:15px}
  :root[data-theme] .command-results>button {display:flex;align-items:center;gap:13px;text-align:left;color:var(--ink);background:transparent;padding:12px;border-radius:8px;font-size:13px}
  :root[data-theme] .command-results>button>.ui-icon {color:var(--muted);width:18px;height:18px}
  :root[data-theme] .command-results>button>.ui-icon:last-child {margin-left:auto;width:14px}
  :root[data-theme] .command-results>button:hover,:root[data-theme] .command-results>button:focus-visible {background:var(--accent-soft)}
}
@media screen and (min-width:1500px) {
  :root[data-theme] .workspace-shell .main {padding-left:52px;padding-right:52px}
}
@media screen and (max-width:1200px) {
  :root[data-theme] .workspace-shell .side {width:224px;flex-basis:224px;padding-left:12px;padding-right:12px}
  :root[data-theme] .workspace-shell .main {width:calc(100% - 224px);padding-left:26px;padding-right:26px}
  :root[data-theme] .workspace-today {display:none}
  :root[data-theme] .day-toolbar>.btn:first-of-type {margin-left:0}
  :root[data-theme] .metric-card {padding:17px}
  :root[data-theme] .metric-card-top {font-size:10px}
  :root[data-theme] .quick-card {padding:17px}
  :root[data-theme] .planning-workspace {grid-template-columns:240px minmax(0,1fr);gap:18px}
  :root[data-theme] .planning-flow .transport-grid {grid-template-columns:minmax(0,1fr)}
}
@media screen and (max-width:1000px) {
  :root[data-theme] .workspace-shell .side {position:fixed;left:0;top:0;bottom:0;width:260px;max-width:calc(100vw - 45px);height:100dvh;transform:translateX(-100%);transition:transform .22s ease;visibility:hidden;z-index:80}
  :root[data-theme] .workspace-shell.navigation-open .side {transform:translateX(0);visibility:visible}
  :root[data-theme] .workspace-shell .sidebar-close {display:grid;place-items:center;position:absolute;top:15px;right:12px;width:29px;height:29px;border-radius:6px;background:transparent;color:#a9bdc7;font-size:23px;font-weight:300}
  :root[data-theme] .workspace-shell .main {width:100%;padding-left:26px;padding-right:26px}
  :root[data-theme] .workspace-shell .mobile-nav-button {display:grid;place-items:center;background:transparent;color:var(--ink);padding:8px;border:1px solid var(--border);border-radius:7px;min-height:36px;min-width:36px;margin-right:2px}
  :root[data-theme] .workspace-shell.navigation-open .nav-backdrop {display:block;position:fixed;inset:0;background:#0d243c70;backdrop-filter:blur(3px);z-index:70}
  :root[data-theme] .workspace-shell.navigation-open {overflow:hidden}
  :root[data-theme] body:has(.navigation-open) {overflow:hidden}
  :root[data-theme] .workspace-topbar {height:69px;margin-bottom:25px}
  :root[data-theme] .workspace-shell .top {margin-bottom:23px}
  :root[data-theme] .workspace-shell .top h1 {font-size:28px}
  :root[data-theme] .dashboard-welcome {padding:25px 28px}
  :root[data-theme] .login-layout {gap:45px}
  :root[data-theme] .login-welcome h1 {font-size:40px}
}
@media screen and (max-width:700px) {
  :root[data-theme] .workspace-shell .main {padding:0 18px 20px}
  :root[data-theme] .workspace-topbar {height:65px;gap:8px;margin-bottom:23px}
  :root[data-theme] .workspace-trail {gap:8px;font-size:10px}
  :root[data-theme] .workspace-utilities {gap:13px}
  :root[data-theme] .workspace-search-button {min-height:36px;min-width:36px;justify-content:center;padding:7px}
  :root[data-theme] .workspace-search-button :is(span,kbd) {display:none}
  :root[data-theme] .workspace-search-button .ui-icon {width:16px;height:16px}
  :root[data-theme] .workspace-shell .top {flex-wrap:nowrap;align-items:flex-start;gap:10px}
  :root[data-theme] .workspace-shell .top h1 {font-size:26px;letter-spacing:-.8px}
  :root[data-theme] #view-description {font-size:11px;line-height:1.8;margin-top:9px}
  :root[data-theme] .workspace-shell .page-print .btn {font-size:0;min-width:35px;min-height:35px;padding:8px;margin-top:20px;gap:0}
  :root[data-theme] .workspace-shell .page-print .ui-icon {width:15px;height:15px}
  :root[data-theme] .workspace-heading .eyebrow {font-size:8px;letter-spacing:1.4px}
  :root[data-theme] .dashboard-welcome {padding:23px;gap:0;border-radius:12px}
  :root[data-theme] .dashboard-welcome h2 {font-size:21px;max-width:260px}
  :root[data-theme] .dashboard-welcome p:last-child {font-size:11px;line-height:1.8;max-width:270px}
  :root[data-theme] .dashboard-welcome .eyebrow {font-size:8px;letter-spacing:1.2px}
  :root[data-theme] .dashboard-emblem {display:none}
  :root[data-theme] .dashboard-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  :root[data-theme] .metric-card {padding:15px}
  :root[data-theme] .metric-card-top {font-size:10px;align-items:flex-start;min-height:29px}
  :root[data-theme] .metric-icon {width:26px;height:26px;border-radius:7px}
  :root[data-theme] .metric-icon .ui-icon {width:14px;height:14px}
  :root[data-theme] .metric-card .metric {font-size:30px;margin:7px 0 11px}
  :root[data-theme] .metric-caption {font-size:9px}
  :root[data-theme] .quick-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  :root[data-theme] .quick-card {padding:17px;min-height:153px}
  :root[data-theme] .quick-card strong {font-size:11px}
  :root[data-theme] .quick-card>span:not(.quick-icon) {font-size:10px;padding-right:0}
  :root[data-theme] .section-label>span.muted {display:none}
  :root[data-theme] .dashboard-lists {grid-template-columns:minmax(0,1fr)}
  :root[data-theme] .dashboard-lists .list li {flex-wrap:wrap;gap:9px}
  :root[data-theme] .workspace-shell .page-intro {margin-bottom:16px}
  :root[data-theme] .day-toolbar {padding:12px;gap:8px}
  :root[data-theme] .date-controls {width:100%;display:flex;justify-content:space-between;flex-wrap:nowrap}
  :root[data-theme] .day-toolbar .datepick {flex:1;justify-content:center;flex-wrap:nowrap;font-size:10px;gap:6px}
  :root[data-theme] .day-toolbar .datepick input {width:auto;max-width:160px;font-size:13px;min-height:42px}
  :root[data-theme] .day-toolbar>.btn {flex:1 1 auto;font-size:10px;min-height:41px;padding:8px 10px}
  :root[data-theme] .planning-tools {flex-wrap:wrap;gap:7px}
  :root[data-theme] .planning-tools>.muted {font-size:10px}
  :root[data-theme] .planning-search {width:100%}
  :root[data-theme] .planning-search input {font-size:16px}
  :root[data-theme] .calendar-panel {padding:15px 12px;margin-bottom:22px}
  :root[data-theme] .calendar-panel>summary {flex-wrap:wrap;gap:8px}
  :root[data-theme] .calendar-panel>summary::before {display:none}
  :root[data-theme] .calendar-summary-label {font-size:11px;flex:1}
  :root[data-theme] .calendar-nav {gap:4px}
  :root[data-theme] .calendar-month-label {font-size:10px}
  :root[data-theme] .calendar-grid {gap:4px}
  :root[data-theme] .calendar-day {min-height:49px;padding:6px 5px;font-size:10px;flex-wrap:wrap;gap:1px;border-radius:6px}
  :root[data-theme] .calendar-day>b {font-size:11px}
  :root[data-theme] .calendar-day i {font-size:8px}
  :root[data-theme] .weekday {font-size:9px;padding:3px}
  :root[data-theme] .day-heading {flex-wrap:wrap;gap:7px}
  :root[data-theme] .day-heading h2 {font-size:17px}
  :root[data-theme] .transport-grid {grid-template-columns:minmax(0,1fr);gap:17px}
  :root[data-theme] .direction {padding:17px}
  :root[data-theme] .direction-heading h2 {font-size:15px}
  :root[data-theme] :is(.toolbar input,.toolbar>input) {min-width:0}
  :root[data-theme] :is(.form input,.form select,.form textarea,.toolbar input,.toolbar select) {font-size:16px}
  :root[data-theme] .form {grid-template-columns:minmax(0,1fr);gap:17px}
  :root[data-theme] .modal {padding:12px}
  :root[data-theme] .modal>div {padding:22px;max-height:90dvh;border-radius:14px}
  :root[data-theme] .modal h2 {font-size:21px}
  :root[data-theme] .btn {min-height:44px}
  :root[data-theme] .btn.small {min-height:38px}
  :root[data-theme] .workspace-shell .nav button {min-height:42px;font-size:13px}
  :root[data-theme] .nav-group>summary {min-height:36px}
  :root[data-theme] .planning-workspace {grid-template-columns:minmax(0,1fr);gap:20px}
  :root[data-theme] .planning-overview {position:static}
  :root[data-theme] .planning-overview .calendar-panel {padding:16px;margin-bottom:12px}
  :root[data-theme] .planning-overview .calendar-panel>summary {display:flex;flex-wrap:wrap;gap:9px;padding:0}
  :root[data-theme] .planning-overview .calendar-panel>summary::after {content:'⌄';font-size:16px;color:var(--muted);order:1}
  :root[data-theme] .planning-overview .calendar-panel .calendar-nav {order:2;margin:0;max-width:100%}
  :root[data-theme] .planning-overview .calendar-panel[open]>summary {padding-bottom:15px}
  :root[data-theme] .planning-overview .calendar-day {min-height:40px}
  :root[data-theme] .planning-totals {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:15px 5px}
  :root[data-theme] .planning-totals>.eyebrow {display:none}
  :root[data-theme] .planning-totals>div {display:flex;flex-direction:column-reverse;gap:5px;text-align:center;padding:0 3px;border:0;border-right:1px solid var(--border);font-size:9px;line-height:1.5}
  :root[data-theme] .planning-totals>div:last-child {padding:0 3px;border:0}
  :root[data-theme] .planning-totals strong {font-size:21px}
  :root[data-theme] .fleet-grid,:root[data-theme] .users-grid,:root[data-theme] .visitor-list {grid-template-columns:minmax(0,1fr)}
  :root[data-theme] .rooms-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  :root[data-theme] .room-card {padding:15px;min-height:147px}
  :root[data-theme] .goods-tabs {display:flex;overflow-x:auto;flex-wrap:nowrap;max-width:100%;scrollbar-width:thin}
  :root[data-theme] .goods-tab {flex:0 0 auto;min-width:0;padding:8px 12px;min-height:44px;font-size:11px}
  :root[data-theme] .goods-tabs>.btn {flex:0 0 auto;white-space:nowrap;min-height:43px;padding:9px 13px;max-width:none}
  :root[data-theme] :is(.dispatch-surface,.goods-panel) {padding:17px}
  :root[data-theme] .workspace-footer {font-size:8px;letter-spacing:.8px;margin-top:27px;padding-top:19px}
  :root[data-theme] .login.login-entry {padding:95px 23px 40px;justify-content:center}
  :root[data-theme] .login-entry .login-preferences {position:absolute;top:16px;left:20px;right:20px;max-width:none;width:auto;margin:0}
  :root[data-theme] .login-entry .language-selector>span {display:none}
  :root[data-theme] .login-entry .language-choice {font-size:10px;padding:6px 8px;min-height:34px}
  :root[data-theme] .login-entry .theme-toggle {margin-left:0}
  :root[data-theme] .login-layout {grid-template-columns:minmax(0,1fr);gap:27px;max-width:440px}
  :root[data-theme] .login-welcome {padding:0}
  :root[data-theme] .login-entry .login-logo {width:128px;height:63px;margin-bottom:24px;padding:10px}
  :root[data-theme] .login-welcome>.eyebrow {font-size:8px;margin-bottom:10px}
  :root[data-theme] .login-welcome h1 {font-size:36px;letter-spacing:-1.3px;margin:0 0 15px}
  :root[data-theme] .login-description {font-size:12px;line-height:1.8;margin:0}
  :root[data-theme] .login-entry :is(.login-features,.login-route) {display:none}
  :root[data-theme] .login-entry .loginbox {padding:26px;border-radius:14px}
  :root[data-theme] .login-entry .loginbox h2 {font-size:26px}
  :root[data-theme] .loginbox>.muted {margin-bottom:23px}
  :root[data-theme] .login-entry .form input {font-size:16px}
  :root[data-theme] .owner-shell {padding:20px 18px}
  :root[data-theme] #visitor-sign-app .visit-sheet {padding:24px 19px;border-radius:14px}
  :root[data-theme] .workspace-command {padding-top:45px}
  :root[data-theme] .workspace-command>div {padding:20px;max-height:80dvh}
  :root[data-theme] .command-input input {font-size:16px}
  :root[data-theme] .command-results>button {min-height:45px}
}
@media screen and (max-width:359px) {
  :root[data-theme] .workspace-shell .main {padding-left:13px;padding-right:13px}
  :root[data-theme] .trail-brand,:root[data-theme] .trail-divider {display:none}
  :root[data-theme] .workspace-shell .top h1 {font-size:24px}
  :root[data-theme] .workspace-trail {gap:6px}
  :root[data-theme] .workspace-utilities {gap:9px}
  :root[data-theme] .metric-card {padding:12px}
  :root[data-theme] .metric-card-top {font-size:9px}
  :root[data-theme] .metric-icon {width:23px;height:23px}
  :root[data-theme] .calendar-panel>summary {display:block}
  :root[data-theme] .calendar-nav {margin-top:10px;justify-content:space-between}
  :root[data-theme] .login-entry .login-preferences {left:12px;right:12px}
}
@media (prefers-reduced-motion:reduce) {
  :root[data-theme] *, :root[data-theme] *::before, :root[data-theme] *::after {transition:none!important;scroll-behavior:auto!important;animation:none!important}
}
@media print {
  .workspace-topbar,.workspace-footer,.nav-backdrop,.skip-link,.workspace-command {display:none!important}
  .dashboard-welcome,.dashboard-shortcuts {display:none!important}
  .planning-overview,.workspace-heading>.eyebrow,#view-description {display:none!important}
  .workspace-shell .main {width:100%;max-width:none;margin:0;padding:0}
}