/*
 * CEZWAY command center
 * Desktop/tablet layer only. Every override is deliberately scoped to
 * `body.cezway-command` so the existing screens remain operational while the
 * new shell, Today hero and seven-day fleet board establish the visual system.
 */

@media (min-width: 769px) {
  body.cezway-command {
    --command-bg: #090b0c;
    --command-surface: #0d1011;
    --command-surface-raised: #121516;
    --command-surface-soft: #171a1b;
    --command-line: rgba(229, 220, 201, 0.14);
    --command-line-strong: rgba(229, 220, 201, 0.24);
    --command-text: #f4f0e7;
    --command-muted: #a6a49e;
    --command-accent: #f3a12f;
    --command-accent-strong: #ffad39;
    --command-positive: #62bd75;
    --command-negative: #ff5c50;
    --command-focus: #ffc266;
    --command-radius: 10px;
    --command-shadow: 0 20px 44px rgba(0, 0, 0, 0.22);
    color: var(--command-text);
    background: var(--command-bg);
  }

  html.light body.cezway-command,
  body.light.cezway-command {
    --command-bg: #f3efe8;
    --command-surface: #fbf8f2;
    --command-surface-raised: #ffffff;
    --command-surface-soft: #eee8dd;
    --command-line: rgba(55, 46, 34, 0.14);
    --command-line-strong: rgba(55, 46, 34, 0.24);
    --command-text: #211d18;
    --command-muted: #6f695f;
    --command-accent: #aa610d;
    --command-accent-strong: #8f4d04;
    --command-positive: #237a42;
    --command-negative: #c73d33;
    --command-focus: #9c5808;
    --command-shadow: 0 18px 42px rgba(83, 66, 40, 0.11);
  }

  body.cezway-command::before {
    opacity: 0;
    background: none;
  }

  /* Premium application shell */
  body.cezway-command .app-shell {
    grid-template-columns: 216px minmax(0, 1fr);
    background: var(--command-bg);
  }

  body.cezway-command .sidebar {
    z-index: 130;
    gap: 0;
    padding: 1.35rem 0.72rem 0.9rem;
    border-right-color: var(--command-line);
    background: #0a0c0d;
    box-shadow: none;
  }

  html.light body.cezway-command .sidebar,
  body.light.cezway-command .sidebar {
    background: #e9e3d9;
    box-shadow: none;
  }

  body.cezway-command .brand {
    gap: 0.72rem;
    min-height: 62px;
    padding: 0.38rem 0.55rem 1.25rem;
    border-bottom: 1px solid var(--command-line);
  }

  body.cezway-command .brand-icon {
    width: 2.35rem;
    height: 2.35rem;
    border-color: var(--command-accent);
    border-radius: 8px;
    color: var(--command-text);
    background: transparent;
    box-shadow: none;
    font-family: var(--font-display, inherit);
    font-size: 1rem;
    letter-spacing: -0.04em;
  }

  body.cezway-command .brand-name {
    color: var(--command-text);
    font-family: var(--font-display, inherit);
    font-size: 1.18rem;
    font-weight: 780;
    letter-spacing: -0.025em;
  }

  body.cezway-command .brand-sub,
  body.cezway-command .side-title {
    display: none;
  }

  body.cezway-command .side-nav {
    gap: 0.22rem;
    margin: 1.05rem -0.05rem 0;
    padding: 0 0.05rem 0.8rem;
    scrollbar-color: var(--command-line-strong) transparent;
  }

  body.cezway-command .side-nav::-webkit-scrollbar {
    width: 4px;
  }

  body.cezway-command .side-nav::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: var(--command-line-strong);
  }

  body.cezway-command .side-nav .tab-btn,
  body.cezway-command .side-nav-more > summary {
    position: relative;
    min-height: 48px;
    gap: 0.62rem;
    padding: 0.58rem 0.7rem;
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--command-muted);
    background: transparent;
    box-shadow: none;
    transform: none;
    font-size: 0.89rem;
  }

  body.cezway-command .side-nav .tab-btn:hover,
  body.cezway-command .side-nav-more > summary:hover {
    color: var(--command-text);
    border-color: var(--command-line);
    background: var(--command-surface-soft);
    box-shadow: none;
    transform: none;
  }

  body.cezway-command .side-nav .tab-btn.is-active {
    color: var(--command-text);
    border-color: var(--command-line);
    background: var(--command-surface-soft);
    box-shadow: inset 3px 0 0 var(--command-accent);
    transform: none;
  }

  body.cezway-command .side-nav .tab-btn.is-active::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -0.7rem;
    width: 3px;
    background: var(--command-accent);
  }

  body.cezway-command .side-nav .nav-dot {
    width: 0.36rem;
    height: 0.36rem;
    color: currentColor;
    opacity: 0.65;
  }

  body.cezway-command .side-nav .tab-btn.is-active .nav-dot {
    color: var(--command-accent);
    opacity: 1;
  }

  body.cezway-command .side-nav .nav-label {
    gap: 0.08rem;
  }

  body.cezway-command .side-nav .nav-main {
    color: currentColor;
    font-size: 0.86rem;
    font-weight: 690;
  }

  body.cezway-command .side-nav .nav-sub {
    display: none;
  }

  body.cezway-command .side-nav .tab-btn.is-active .nav-sub {
    color: var(--command-muted);
  }

  body.cezway-command .side-nav .nav-status {
    display: none;
  }

  body.cezway-command .side-nav-more__panel {
    gap: 0.16rem;
    padding: 0.22rem 0 0.32rem 0.58rem;
  }

  body.cezway-command .side-nav-more__action,
  body.cezway-command .nav-status {
    color: var(--command-muted);
    border-color: var(--command-line);
    background: transparent;
  }

  body.cezway-command .sidebar-footer {
    margin: 0.8rem 0 0;
    padding: 0.72rem;
    border-color: var(--command-line);
    border-radius: 8px;
    background: var(--command-surface);
  }

  body.cezway-command .sidebar-footer .hint {
    font-size: 0.64rem;
    line-height: 1.35;
  }

  body.cezway-command .sidebar-chip {
    color: var(--command-muted);
    border-color: var(--command-line);
    background: transparent;
    box-shadow: none;
  }

  body.cezway-command .workspace {
    width: 100%;
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 0 2rem;
    overflow-x: clip;
    overflow-y: visible;
  }

  /* Slim utility rail */
  body.cezway-command .app-header {
    position: sticky;
    top: 0;
    z-index: 120;
    min-height: 72px;
    margin: 0;
    padding: 0.9rem clamp(1.15rem, 2vw, 2rem);
    align-items: center;
    border: 0;
    border-bottom: 1px solid var(--command-line);
    border-radius: 0;
    background: rgba(9, 11, 12, 0.94);
    box-shadow: none;
    animation: none;
    backdrop-filter: blur(18px);
  }

  html.light body.cezway-command .app-header,
  body.light.cezway-command .app-header {
    background: rgba(243, 239, 232, 0.94);
  }

  body.cezway-command .app-header .eyebrow {
    display: none;
  }

  body.cezway-command .app-header h1 {
    margin: 0;
    color: var(--command-text);
    font-family: var(--font-display, inherit);
    font-size: 1.16rem;
    font-weight: 720;
    letter-spacing: -0.025em;
  }

  body.cezway-command .app-header > div:first-child > .hint {
    margin-top: 0.16rem !important;
    color: var(--command-muted);
    font-size: 0.72rem;
  }

  body.cezway-command .toolbar {
    flex-wrap: nowrap;
    gap: 0.5rem;
  }

  body.cezway-command .toolbar > button,
  body.cezway-command .toolbar > .hint,
  body.cezway-command .toolbar-more > summary {
    min-height: 40px;
  }

  body.cezway-command .toolbar .automation-health-trigger,
  body.cezway-command .toolbar .btn-ghost,
  body.cezway-command .toolbar .quick-action-btn,
  body.cezway-command .toolbar-more > summary,
  body.cezway-command #operations .btn,
  body.cezway-command #operations .btn-ghost {
    border-color: var(--command-line);
    border-radius: 7px;
    color: var(--command-text);
    background: transparent;
    box-shadow: none;
    filter: none;
  }

  body.cezway-command .toolbar .quick-action-btn,
  body.cezway-command #operations .btn,
  body.cezway-command .command-hero .btn {
    border: 1px solid var(--command-accent);
    color: #211407;
    background: var(--command-accent-strong);
  }

  body.cezway-command .toolbar .automation-health-trigger:hover,
  body.cezway-command .toolbar .btn-ghost:hover,
  body.cezway-command .toolbar .quick-action-btn:hover,
  body.cezway-command .toolbar-more > summary:hover,
  body.cezway-command #operations .btn:hover,
  body.cezway-command #operations .btn-ghost:hover {
    border-color: var(--command-line-strong);
    background: var(--command-surface-soft);
    box-shadow: none;
    filter: none;
    transform: none;
  }

  body.cezway-command .toolbar .quick-action-btn:hover,
  body.cezway-command #operations .btn:hover,
  body.cezway-command .command-hero .btn:hover {
    border-color: var(--command-accent-strong);
    background: var(--command-accent);
  }

  body.cezway-command .toolbar-more-panel {
    border-color: var(--command-line-strong);
    border-radius: 8px;
    background: var(--command-surface-raised);
    box-shadow: var(--command-shadow);
  }

  /* Shared surfaces: deliberately scoped, flat and quieter than the data. */
  body.cezway-command #operations .card {
    border-color: var(--command-line);
    border-radius: var(--command-radius);
    background: var(--command-surface);
    box-shadow: none;
  }

  body.cezway-command #operations .card::before,
  body.cezway-command #operations .card::after {
    display: none;
  }

  body.cezway-command #operations .card:hover {
    border-color: var(--command-line-strong);
    background: var(--command-surface);
    box-shadow: none;
    transform: none;
  }

  body.cezway-command main.space-y-6 {
    padding: clamp(1rem, 1.8vw, 1.65rem) clamp(1.15rem, 2vw, 2rem) 0;
  }

  body.cezway-command #operations {
    margin-top: -0.65rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
  }

  body.cezway-command #operations:hover {
    background: transparent;
  }

  body.cezway-command #operations > .ops-hero {
    margin: 0 0 0.75rem;
    align-items: center;
  }

  body.cezway-command .command-page-rail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 50px;
    padding: 0 0 0.75rem;
    border-bottom: 1px solid var(--command-line);
  }

  body.cezway-command .command-page-rail .eyebrow {
    margin: 0 0 0.15rem;
    color: var(--command-accent);
    font-size: 0.65rem;
    letter-spacing: 0.08em;
  }

  body.cezway-command .command-page-rail .ops-date-line {
    color: var(--command-text);
    font-size: 0.9rem;
    font-weight: 660;
  }

  body.cezway-command #operations > .ops-hero .eyebrow {
    color: var(--command-accent);
    font-size: 0.68rem;
    letter-spacing: 0.09em;
  }

  body.cezway-command #operations > .ops-hero h2 {
    margin-bottom: 0.12rem;
    font-family: var(--font-display, inherit);
    font-size: clamp(1.3rem, 1.8vw, 1.7rem);
    letter-spacing: -0.035em;
  }

  body.cezway-command .ops-date-line {
    color: var(--command-muted);
    font-size: 0.8rem;
  }

  body.cezway-command .ops-actions .btn,
  body.cezway-command .ops-actions .btn-ghost {
    min-height: 40px;
  }

  /* New command composition */
  body.cezway-command .command-shell {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
  }

  body.cezway-command .command-shell > .ops-focus {
    margin: 0;
  }

  body.cezway-command .command-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(340px, 0.92fr) minmax(560px, 1.18fr);
    grid-template-areas:
      "copy kpis"
      "action kpis";
    grid-template-rows: 1fr auto;
    column-gap: 0;
    row-gap: 0.85rem;
    align-items: center;
    min-height: 205px;
    padding: clamp(1.15rem, 1.55vw, 1.5rem);
    border: 1px solid var(--command-line);
    border-radius: var(--command-radius);
    background: var(--command-surface);
    box-shadow: inset 4px 0 0 color-mix(in srgb, var(--command-accent) 82%, transparent);
    overflow: hidden;
  }

  body.cezway-command .command-hero::after {
    content: "";
    position: absolute;
    inset: 0 0 0 auto;
    width: 55%;
    border-left: 1px solid var(--command-line);
    background: color-mix(in srgb, var(--command-accent) 6%, transparent);
    pointer-events: none;
  }

  body.cezway-command .command-hero > * {
    position: relative;
    z-index: 1;
    min-width: 0;
  }

  body.cezway-command .command-hero-copy {
    grid-area: copy;
    display: grid;
    align-content: center;
    gap: 0.44rem;
    max-width: 720px;
    padding-right: clamp(1rem, 2vw, 1.75rem);
  }

  body.cezway-command .command-hero-copy .eyebrow,
  body.cezway-command .command-hero-kicker,
  body.cezway-command .command-week-kicker,
  body.cezway-command .command-watch-kicker {
    margin: 0;
    color: var(--command-accent);
    font-size: 0.68rem;
    font-weight: 760;
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }

  body.cezway-command .command-hero-copy h2,
  body.cezway-command .command-hero-copy h3,
  body.cezway-command .command-hero-title {
    max-width: none;
    margin: 0;
    color: var(--command-text);
    font-family: var(--font-display, inherit);
    font-size: clamp(2rem, 2.75vw, 3rem);
    font-weight: 720;
    line-height: 0.98;
    letter-spacing: -0.055em;
  }

  body.cezway-command .command-hero-lead,
  body.cezway-command .command-hero-copy > p:not(.eyebrow):not(.command-hero-kicker) {
    max-width: 58ch;
    margin: 0.35rem 0 0;
    color: var(--command-muted);
    font-size: 0.88rem;
    line-height: 1.5;
  }

  body.cezway-command .command-hero-copy .command-hero-accent {
    max-width: none;
    margin: 0.18rem 0 0;
    color: var(--command-accent);
    font-family: var(--font-display, inherit);
    font-size: clamp(1.35rem, 2.15vw, 2.2rem);
    font-weight: 720;
    letter-spacing: -0.035em;
    line-height: 1.08;
  }

  body.cezway-command .command-hero-priority {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
    margin-top: 0.6rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--command-line);
  }

  body.cezway-command .command-priority {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.72rem;
    align-items: center;
    min-width: 0;
    margin-top: 0.55rem;
  }

  body.cezway-command .command-priority > span:last-child {
    min-width: 0;
  }

  body.cezway-command .command-priority strong,
  body.cezway-command .command-priority small {
    display: block;
  }

  body.cezway-command .command-priority.is-pos .command-priority-icon {
    color: var(--command-positive);
    border-color: var(--command-positive);
  }

  body.cezway-command .command-priority.is-warn .command-priority-icon {
    color: var(--command-accent);
    border-color: var(--command-accent);
  }

  body.cezway-command .command-priority.is-neutral .command-priority-icon {
    color: var(--command-muted);
    border-color: var(--command-line-strong);
  }

  body.cezway-command .command-priority strong {
    color: var(--command-text);
    font-size: 0.94rem;
    line-height: 1.25;
  }

  body.cezway-command .command-priority small {
    margin-top: 0.12rem;
    color: var(--command-muted);
    font-size: 0.74rem;
    line-height: 1.35;
  }

  body.cezway-command .command-hero-action {
    grid-area: action;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    min-width: 0;
    padding-top: 0.75rem;
    border-top: 1px solid var(--command-line);
    margin-right: clamp(1rem, 2vw, 1.75rem);
  }

  body.cezway-command .command-hero-action > div,
  body.cezway-command .command-hero-action > span {
    min-width: 0;
  }

  body.cezway-command .command-hero-action strong,
  body.cezway-command .command-hero-action small {
    display: block;
  }

  body.cezway-command .command-hero-action strong {
    color: var(--command-text);
    font-size: 0.93rem;
  }

  body.cezway-command .command-hero-action small {
    margin-top: 0.12rem;
    color: var(--command-muted);
    font-size: 0.73rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.cezway-command .command-hero-action > .btn,
  body.cezway-command .command-hero-action > .btn-ghost,
  body.cezway-command .command-hero-action > button {
    justify-self: start;
    min-height: 42px;
    white-space: nowrap;
  }

  body.cezway-command .command-primary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.48rem;
  }

  body.cezway-command .command-hero-priority > span:first-child,
  body.cezway-command .command-priority-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--command-negative);
    border-radius: 999px;
    color: var(--command-negative);
  }

  body.cezway-command .command-hero-priority strong,
  body.cezway-command .command-hero-priority small {
    display: block;
  }

  body.cezway-command .command-hero-priority strong {
    color: var(--command-text);
    font-size: 0.93rem;
  }

  body.cezway-command .command-hero-priority small {
    margin-top: 0.12rem;
    color: var(--command-muted);
    font-size: 0.73rem;
  }

  body.cezway-command .command-kpis {
    grid-area: kpis;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-self: stretch;
    min-width: 0;
  }

  body.cezway-command .command-kpi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 0.8rem clamp(0.7rem, 1vw, 1rem);
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 1px solid var(--command-line-strong);
    background: transparent;
    text-align: left;
    appearance: none;
    font: inherit;
  }

  body.cezway-command .command-kpi:first-child {
    border-left: 0;
  }

  body.cezway-command .command-kpi small,
  body.cezway-command .command-kpi span,
  body.cezway-command .command-kpi strong {
    display: block;
    min-width: 0;
  }

  body.cezway-command .command-kpi small,
  body.cezway-command .command-kpi-label {
    color: var(--command-muted);
    font-size: 0.69rem;
    font-weight: 600;
    line-height: 1.35;
  }

  body.cezway-command .command-kpi strong,
  body.cezway-command .command-kpi-value {
    margin: 0 0 0.42rem;
    color: var(--command-text);
    font-family: var(--font-display, inherit);
    font-size: clamp(1.5rem, 2.05vw, 2.25rem);
    font-variant-numeric: tabular-nums;
    font-weight: 680;
    letter-spacing: -0.045em;
    line-height: 1;
    white-space: nowrap;
  }

  body.cezway-command .command-kpi.is-positive strong,
  body.cezway-command .command-kpi.is-positive .command-kpi-value {
    color: var(--command-positive);
  }

  body.cezway-command .command-kpi.is-warning strong,
  body.cezway-command .command-kpi.is-warning .command-kpi-value {
    color: var(--command-accent);
  }

  body.cezway-command .command-kpi.is-negative strong,
  body.cezway-command .command-kpi.is-negative .command-kpi-value {
    color: var(--command-negative);
  }

  body.cezway-command .command-kpi strong.pos {
    color: var(--command-positive);
  }

  body.cezway-command .command-kpi strong.neg,
  body.cezway-command .command-kpi.is-neg strong,
  body.cezway-command .command-kpi.is-alert strong {
    color: var(--command-negative);
  }

  body.cezway-command .command-kpi.is-warn strong {
    color: var(--command-accent);
  }

  body.cezway-command .command-kpi--status {
    cursor: pointer;
  }

  body.cezway-command .command-kpi--status strong {
    font-size: clamp(0.96rem, 1.3vw, 1.34rem);
    line-height: 1.12;
    white-space: normal;
  }

  body.cezway-command .command-kpi--status:hover {
    background: color-mix(in srgb, var(--command-accent) 7%, transparent);
  }

  /* Seven-day fleet matrix */
  body.cezway-command .command-week {
    min-width: 0;
    border: 1px solid var(--command-line-strong);
    border-radius: var(--command-radius);
    background: var(--command-surface);
    overflow: hidden;
  }

  body.cezway-command .command-week-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 54px;
    padding: 0.72rem 1rem;
    border-bottom: 1px solid var(--command-line);
  }

  body.cezway-command .command-week-head h2,
  body.cezway-command .command-week-head h3 {
    margin: 0.14rem 0 0;
    color: var(--command-text);
    font-size: 1rem;
    letter-spacing: -0.02em;
  }

  body.cezway-command .command-week-summary,
  body.cezway-command .command-week-legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem 1rem;
    color: var(--command-muted);
    font-size: 0.68rem;
  }

  body.cezway-command .command-week > .command-week-legend {
    justify-content: flex-start;
    min-height: 42px;
    padding: 0.58rem 1rem;
    border-top: 1px solid var(--command-line);
  }

  body.cezway-command .command-week-legend span {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
  }

  body.cezway-command .command-week-legend i {
    width: 14px;
    height: 3px;
    border-radius: 999px;
    background: var(--command-muted);
  }

  body.cezway-command .command-week-legend .is-booked,
  body.cezway-command .command-week-legend .booked {
    background: var(--command-positive);
  }

  body.cezway-command .command-week-legend .is-maintenance,
  body.cezway-command .command-week-legend .maintenance,
  body.cezway-command .command-week-legend .is-alert {
    background: var(--command-negative);
  }

  body.cezway-command .command-week-legend .is-today,
  body.cezway-command .command-week-legend .today {
    background: var(--command-accent);
  }

  body.cezway-command .command-week-legend .is-free {
    background: var(--command-muted);
  }

  body.cezway-command .command-section-count {
    display: inline-flex;
    align-items: baseline;
    gap: 0.28rem;
    flex: 0 0 auto;
    min-height: 30px;
    padding: 0.34rem 0.58rem;
    border: 1px solid var(--command-line);
    border-radius: 999px;
    color: var(--command-muted);
    background: transparent;
    font-size: 0.68rem;
    white-space: nowrap;
  }

  body.cezway-command .command-section-count strong {
    color: var(--command-text);
    font-size: 0.76rem;
  }

  body.cezway-command .command-week-scroll {
    width: 100%;
    overflow-x: auto;
    scrollbar-color: var(--command-line-strong) transparent;
  }

  body.cezway-command .command-week-grid {
    --command-week-label: 224px;
    display: grid;
    grid-template-columns: var(--command-week-label) repeat(7, minmax(112px, 1fr));
    grid-template-rows: 58px;
    grid-auto-rows: minmax(84px, auto);
    min-width: 1000px;
  }

  body.cezway-command .command-week-grid > .command-week-row {
    display: contents;
  }

  body.cezway-command .command-week-grid > * {
    min-width: 0;
  }

  body.cezway-command .command-week-corner,
  body.cezway-command .command-week-date,
  body.cezway-command .command-week-vehicle,
  body.cezway-command .command-week-day {
    border-right: 1px solid var(--command-line);
    border-bottom: 1px solid var(--command-line);
  }

  body.cezway-command .command-week-corner,
  body.cezway-command .command-week-date {
    min-height: 58px;
    padding: 0.8rem 0.72rem;
    background: color-mix(in srgb, var(--command-surface-soft) 62%, transparent);
  }

  body.cezway-command .command-week-corner {
    position: sticky;
    left: 0;
    z-index: 5;
    grid-column: 1;
    grid-row: 1;
  }

  body.cezway-command .command-week-corner {
    display: flex;
    align-items: center;
    color: var(--command-accent);
    font-size: 0.67rem;
    font-weight: 760;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: var(--command-surface-soft);
  }

  body.cezway-command .command-week-date {
    position: relative;
    display: grid;
    place-content: center;
    gap: 0.08rem;
    color: var(--command-text);
    text-align: center;
    font-size: 0.79rem;
    font-weight: 700;
  }

  body.cezway-command .command-week-day--head {
    position: relative;
    display: grid;
    grid-row: 1;
    grid-column: var(--command-column, 2);
    min-height: 58px;
    padding: 0.8rem 0.72rem;
    place-content: center;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    color: var(--command-text);
    background: color-mix(in srgb, var(--command-surface-soft) 62%, transparent);
    text-align: center;
    font-size: 0.79rem;
    font-weight: 700;
  }

  body.cezway-command .command-week-day--head strong,
  body.cezway-command .command-week-day--head small {
    display: block;
  }

  body.cezway-command .command-week-day--head small {
    margin-top: 0.08rem;
    color: var(--command-muted);
    font-size: 0.67rem;
    font-weight: 500;
  }

  body.cezway-command .command-week-date small {
    color: var(--command-muted);
    font-size: 0.67rem;
    font-weight: 500;
  }

  body.cezway-command .command-week-date.is-today::before,
  body.cezway-command .command-week-day.is-today::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    width: 2px;
    background: var(--command-accent);
    pointer-events: none;
  }

  body.cezway-command .command-week-date.is-today::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: -4px;
    z-index: 2;
    width: 7px;
    height: 7px;
    border: 2px solid var(--command-bg);
    border-radius: 999px;
    background: var(--command-accent);
  }

  body.cezway-command .command-week-vehicle {
    position: sticky;
    left: 0;
    z-index: 4;
    grid-column: 1;
    grid-row: var(--command-row, 2);
    display: grid;
    align-content: center;
    gap: 0.22rem;
    min-height: var(--command-row-height, 84px);
    padding: 0.75rem 1rem;
    border-top: 0;
    border-left: 0;
    color: var(--command-text);
    background: var(--command-surface-raised);
    text-align: left;
    cursor: pointer;
  }

  body.cezway-command .command-week-vehicle:hover {
    background: var(--command-surface-soft);
  }

  body.cezway-command .command-week-vehicle strong {
    color: var(--command-text);
    font-size: 0.92rem;
    font-weight: 720;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.cezway-command .command-week-vehicle small,
  body.cezway-command .command-week-vehicle span {
    color: var(--command-muted);
    font-size: 0.68rem;
  }

  body.cezway-command .command-week-vehicle small {
    display: flex;
    align-items: center;
    gap: 0.34rem;
  }

  body.cezway-command .command-week-vehicle small i {
    display: inline-block;
    width: 0.42rem;
    height: 0.42rem;
    flex: 0 0 0.42rem;
    border-radius: 999px;
    background: currentColor;
  }

  body.cezway-command .command-week-vehicle .is-positive,
  body.cezway-command .command-week-vehicle .pos {
    color: var(--command-positive);
  }

  body.cezway-command .command-week-vehicle.is-pos small {
    color: var(--command-positive);
  }

  body.cezway-command .command-week-vehicle .is-warning,
  body.cezway-command .command-week-vehicle .warn {
    color: var(--command-accent);
  }

  body.cezway-command .command-week-vehicle.is-warn small {
    color: var(--command-accent);
  }

  body.cezway-command .command-week-vehicle .is-negative,
  body.cezway-command .command-week-vehicle .neg {
    color: var(--command-negative);
  }

  body.cezway-command .command-week-vehicle.is-neg small {
    color: var(--command-negative);
  }

  body.cezway-command .command-week-day:not(.command-week-day--head) {
    position: relative;
    grid-column: var(--command-column, 2);
    grid-row: var(--command-row, 2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.32rem;
    min-height: var(--command-row-height, 84px);
    padding: 0.35rem;
    background: transparent;
  }

  body.cezway-command .command-week-day:not(.command-week-day--head).is-today {
    background: color-mix(in srgb, var(--command-accent) 5%, transparent);
  }

  body.cezway-command .command-week-day.is-booked {
    background: color-mix(in srgb, var(--command-positive) 3.5%, transparent);
  }

  body.cezway-command .command-week-day.is-conflict {
    background: color-mix(in srgb, var(--command-negative) 7%, transparent);
  }

  body.cezway-command .command-week-day.is-blocked {
    background: color-mix(in srgb, var(--command-muted) 6%, transparent);
  }

  body.cezway-command .command-week-event {
    position: relative;
    z-index: 3;
    grid-column: var(--command-start, 2) / span var(--command-span, 1);
    grid-row: var(--command-row, 2);
    align-self: center;
    margin: 0.35rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.3rem;
    align-items: center;
    width: calc(100% - 0.7rem);
    min-height: 32px;
    padding: 0.34rem 0.42rem;
    border: 1px solid color-mix(in srgb, var(--command-positive) 58%, transparent);
    border-radius: 5px;
    color: #c5e8cc;
    background: color-mix(in srgb, var(--command-positive) 19%, transparent);
    font-size: 0.64rem;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transform: translateY(var(--command-lane-offset, 0));
  }

  body.cezway-command .command-week-event strong,
  body.cezway-command .command-week-event span,
  body.cezway-command .command-week-event small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.cezway-command .command-week-event.is-single-day.has-time-range {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "label label"
      "start end";
    gap: 0.08rem 0.28rem;
    min-height: 40px;
    padding-block: 0.26rem;
    line-height: 1.08;
    text-align: center;
  }

  body.cezway-command .command-week-event.is-single-day.has-time-range .command-week-event-label {
    grid-area: label;
    font-weight: 680;
  }

  body.cezway-command .command-week-event.is-single-day.has-time-range .command-week-event-start {
    grid-area: start;
    justify-self: start;
  }

  body.cezway-command .command-week-event.is-single-day.has-time-range .command-week-event-end {
    grid-area: end;
    justify-self: end;
  }

  body.cezway-command .command-week-event.is-maintenance,
  body.cezway-command .command-week-event.maintenance,
  body.cezway-command .command-week-event.is-negative,
  body.cezway-command .command-week-event.is-alert {
    border-color: color-mix(in srgb, var(--command-negative) 65%, transparent);
    color: #ffd2ce;
    background: color-mix(in srgb, var(--command-negative) 18%, transparent);
  }

  body.cezway-command .command-week-event.is-warning,
  body.cezway-command .command-week-event.warning,
  body.cezway-command .command-week-event.is-warn,
  body.cezway-command .command-week-event.is-active {
    border-color: color-mix(in srgb, var(--command-accent) 62%, transparent);
    color: #ffe0af;
    background: color-mix(in srgb, var(--command-accent) 17%, transparent);
  }

  html.light body.cezway-command .command-week-event,
  body.light.cezway-command .command-week-event {
    color: #205f34;
  }

  html.light body.cezway-command .command-week-event.is-maintenance,
  html.light body.cezway-command .command-week-event.maintenance,
  html.light body.cezway-command .command-week-event.is-negative,
  html.light body.cezway-command .command-week-event.is-alert,
  body.light.cezway-command .command-week-event.is-maintenance,
  body.light.cezway-command .command-week-event.maintenance,
  body.light.cezway-command .command-week-event.is-negative,
  body.light.cezway-command .command-week-event.is-alert {
    color: #9f3029;
  }

  html.light body.cezway-command .command-week-event.is-warning,
  html.light body.cezway-command .command-week-event.warning,
  html.light body.cezway-command .command-week-event.is-warn,
  html.light body.cezway-command .command-week-event.is-active,
  body.light.cezway-command .command-week-event.is-warning,
  body.light.cezway-command .command-week-event.warning,
  body.light.cezway-command .command-week-event.is-warn,
  body.light.cezway-command .command-week-event.is-active {
    color: #87500c;
  }

  /* Compact operational watch list */
  body.cezway-command .command-watch {
    min-width: 0;
    border: 1px solid var(--command-line-strong);
    border-radius: var(--command-radius);
    background: var(--command-surface);
    overflow: hidden;
  }

  body.cezway-command .command-watch-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 44px;
    padding: 0.68rem 1rem;
    border-bottom: 1px solid var(--command-line);
  }

  body.cezway-command .command-watch-head h2,
  body.cezway-command .command-watch-head h3 {
    margin: 0;
    color: var(--command-text);
    font-size: 0.76rem;
    font-weight: 760;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  body.cezway-command .command-watch-row {
    --watch-tone: var(--command-positive);
    display: grid;
    /* Each row is its own grid: keep the time track fixed so every action title shares one axis. */
    grid-template-columns: 38px 9.5rem minmax(200px, 1fr) minmax(112px, 0.34fr);
    gap: 1rem;
    align-items: start;
    width: 100%;
    min-height: 52px;
    padding: 0.62rem 1rem;
    border: 0;
    border-bottom: 1px solid var(--command-line);
    color: var(--command-text);
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }

  body.cezway-command .command-watch-row:last-child {
    border-bottom: 0;
  }

  body.cezway-command .command-watch-row:hover {
    background: var(--command-surface-soft);
  }

  body.cezway-command .command-watch-row.is-warning,
  body.cezway-command .command-watch-row.warn,
  body.cezway-command .command-watch-row.is-warn {
    --watch-tone: var(--command-accent);
  }

  body.cezway-command .command-watch-row.is-negative,
  body.cezway-command .command-watch-row.neg,
  body.cezway-command .command-watch-row.alert,
  body.cezway-command .command-watch-row.is-alert,
  body.cezway-command .command-watch-row.is-neg {
    --watch-tone: var(--command-negative);
  }

  body.cezway-command .command-watch-time {
    color: var(--watch-tone);
    font-family: var(--font-display, inherit);
    font-size: 0.96rem;
    font-variant-numeric: tabular-nums;
    font-weight: 740;
    white-space: nowrap;
  }

  body.cezway-command .command-watch-icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--watch-tone);
    border-radius: 999px;
    color: var(--watch-tone);
    align-self: center;
  }

  body.cezway-command .command-watch-row > time {
    min-width: 0;
    color: var(--watch-tone);
    font-family: var(--font-display, inherit);
    font-size: 0.86rem;
    font-variant-numeric: tabular-nums;
    font-weight: 720;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.cezway-command .command-watch-copy {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
  }

  body.cezway-command .command-watch-copy strong,
  body.cezway-command .command-watch-copy small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.cezway-command .command-watch-copy strong {
    color: var(--command-text);
    font-size: 0.84rem;
    line-height: 1.3;
  }

  body.cezway-command .command-watch-copy small,
  body.cezway-command .command-watch-target {
    color: var(--command-muted);
    font-size: 0.74rem;
    line-height: 1.35;
  }

  body.cezway-command .command-watch-target {
    align-self: start;
    justify-self: end;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.cezway-command .command-watch-empty {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 54px;
    padding: 0.75rem 1rem;
    color: var(--command-muted);
    font-size: 0.78rem;
  }

  body.cezway-command .command-watch-type {
    color: var(--command-text);
    font-size: 0.82rem;
    font-weight: 680;
  }

  body.cezway-command .command-watch-detail,
  body.cezway-command .command-watch-vehicle {
    min-width: 0;
    color: var(--command-muted);
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.cezway-command .command-watch-row > :last-child {
    justify-self: end;
  }

  /* Existing operational modules are visually demoted, never removed. */
  body.cezway-command #operations .ops-focus-card,
  body.cezway-command #operations .ops-brief-card,
  body.cezway-command #operations .ops-check-card,
  body.cezway-command #operations .ops-cash-card,
  body.cezway-command #operations .ops-fleet-card,
  body.cezway-command #operations .ops-kpi,
  body.cezway-command #operations .ops-lane,
  body.cezway-command #operations .dashboard-detail-group {
    border-color: var(--command-line);
    border-radius: var(--command-radius);
    background: var(--command-surface);
    box-shadow: none;
  }

  body.cezway-command #operations .ops-focus-card,
  body.cezway-command #operations .ops-brief-card,
  body.cezway-command #operations .ops-check-card,
  body.cezway-command #operations .ops-cash-card,
  body.cezway-command #operations .ops-fleet-card,
  body.cezway-command #operations .ops-kpi {
    background-image: none;
  }

  body.cezway-command #operations .ops-kpi,
  body.cezway-command #operations .ops-brief-chips span,
  body.cezway-command #operations .ops-focus-meta span,
  body.cezway-command #operations .ops-fleet-summary span {
    background: transparent;
  }

  body.cezway-command #operations .ops-kpi {
    border-width: 0 0 0 1px;
    border-radius: 0;
  }

  body.cezway-command #operations .ops-kpi:first-child {
    border-left: 0;
  }

  body.cezway-command #operations .dashboard-detail-summary,
  body.cezway-command #operations .ops-detail-content {
    background: transparent;
  }

  body.cezway-command #operations .ops-morning-brief,
  body.cezway-command #operations .ops-decision-grid,
  body.cezway-command #operations .ops-fleet-board,
  body.cezway-command #operations .ops-kpis {
    margin-bottom: 1rem;
  }

  /* Focus and keyboard affordances */
  body.cezway-command :where(
    button,
    summary,
    a,
    input,
    select,
    textarea,
    [tabindex]
  ):focus-visible {
    outline: 2px solid var(--command-focus);
    outline-offset: 3px;
  }

  body.cezway-command :where(button, summary, a)[aria-disabled="true"],
  body.cezway-command :where(button, input, select, textarea):disabled {
    cursor: not-allowed;
    opacity: 0.48;
  }

  /* Tablet / compact desktop: preserve hierarchy and enable matrix scrolling. */
  @media (max-width: 1180px) {
    body.cezway-command .app-shell {
      grid-template-columns: 196px minmax(0, 1fr);
    }

    body.cezway-command .command-hero {
      grid-template-columns: minmax(300px, 0.9fr) minmax(470px, 1.15fr);
      gap: 1rem;
      padding: 1.35rem;
    }

    body.cezway-command .command-hero-copy h2,
    body.cezway-command .command-hero-copy h3,
    body.cezway-command .command-hero-title {
      font-size: clamp(1.9rem, 3.5vw, 2.8rem);
    }

    body.cezway-command .command-kpi {
      padding-inline: 0.85rem;
    }

    body.cezway-command .command-watch-row {
      grid-template-columns: 36px 9.5rem minmax(180px, 1fr) minmax(92px, 0.28fr);
      gap: 0.7rem;
    }
  }

  @media (max-width: 980px) {
    body.cezway-command .app-shell {
      grid-template-columns: 178px minmax(0, 1fr);
    }

    body.cezway-command .sidebar {
      padding-inline: 0.55rem;
    }

    body.cezway-command .brand-sub,
    body.cezway-command .side-nav .nav-sub,
    body.cezway-command .sidebar-footer .hint {
      display: none;
    }

    body.cezway-command .command-hero {
      grid-template-columns: 1fr;
      grid-template-areas:
        "copy"
        "action"
        "kpis";
      grid-template-rows: auto;
      min-height: 0;
    }

    body.cezway-command .command-hero::after {
      inset: auto 0 0;
      width: auto;
      height: 42%;
      border-top: 1px solid var(--command-line);
      border-left: 0;
    }

    body.cezway-command .command-kpis {
      min-height: 108px;
    }

    body.cezway-command .command-watch-row {
      grid-template-columns: 34px 9.5rem minmax(150px, 1fr) auto;
    }

    body.cezway-command .command-watch-vehicle,
    body.cezway-command .command-watch-target {
      display: none;
    }

    body.cezway-command .toolbar #automationHealthLabel,
    body.cezway-command #syncStatus {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    body.cezway-command *,
    body.cezway-command *::before,
    body.cezway-command *::after {
      scroll-behavior: auto !important;
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
  }
}