/*
 * EastArkNet desktop application authority.
 *
 * The accepted mobile/PWA presentation is owned by the existing responsive
 * layers. This file exposes only additive structural guards outside the
 * desktop breakpoint; every substantive presentation rule begins at 1100px.
 */

.desktop-navigation {
  display: none;
}

/* The additive Archive wrapper must have no box in the frozen mobile layout. */
.archive-results-pane {
  display: contents;
}

/* Desktop-only footer markup is box-inert throughout the frozen mobile range. */
.desktop-site-footer {
  display: none;
}

/* V15 adds only hidden desktop affordances below the accepted breakpoint. */
.desktop-archive-breadcrumb,
.ean-notification-fire-icon--desktop {
  display: none;
}

/* Desktop operations workspace v9 corrections -----------------------------
 * These rules are intentionally additive and begin at the desktop boundary.
 * The accepted mobile/PWA presentation remains owned by the frozen styles.
 */
@media (min-width: 1100px) {
  /* Generic desktop separator styling must not reveal hidden metadata. */
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument
  #now-listener-separator[hidden] {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-highlight {
    border: 1px solid var(--border);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    appearance: none;
  }

  /* Talkgroups: real collapse plus a desktop-native identity card. */
  body[data-layout="desktop"] .talkgroup-grid[hidden] {
    display: none !important;
  }

  body[data-layout="desktop"] .system-group {
    overflow: hidden;
    border: 1px solid var(--border);
    background: var(--panel-soft);
  }

  body[data-layout="desktop"] .system-group__header {
    padding-bottom: 0;
  }

  body[data-layout="desktop"] .system-group[data-expanded="true"] .system-group__header {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--line);
  }

  body[data-layout="desktop"] .system-group__collapse:focus-visible {
    border-radius: 12px;
    outline: 3px solid color-mix(in srgb, var(--accent) 35%, transparent);
    outline-offset: 3px;
  }

  body[data-layout="desktop"] .talkgroup-option {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-left: 4px solid var(--border-strong);
    background: var(--panel-soft);
    box-shadow: none;
  }

  body[data-layout="desktop"] .talkgroup-option:hover {
    border-color: var(--border-strong);
    background: var(--panel);
  }

  body[data-layout="desktop"] .talkgroup-option[data-selected="true"] {
    border-color: var(--talkgroup-selected-border);
    border-left-color: var(--accent);
    background: var(--talkgroup-selected-bg);
    box-shadow: inset 0 0 0 1px var(--talkgroup-selected-border);
  }

  body[data-layout="desktop"] .talkgroup-option__artwork-slot {
    box-sizing: border-box;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    align-self: center;
  }

  body[data-layout="desktop"] .talkgroup-option__artwork {
    position: static;
    width: 34px;
    height: 34px;
    display: block;
    border-radius: 9px;
    object-fit: contain;
  }

  body[data-layout="desktop"] .talkgroup-option__copy {
    min-width: 0;
    align-content: center;
  }

  body[data-layout="desktop"] .talkgroup-option__header {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  body[data-layout="desktop"] .talkgroup-option__name {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--text);
    text-align: left;
  }

  body[data-layout="desktop"] .talkgroup-option__meta-row {
    min-width: 0;
    overflow: hidden;
  }

  body[data-layout="desktop"] .talkgroup-option__selected-indicator {
    display: none;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent) 72%, var(--border));
    border-radius: 999px;
    color: var(--selected-text);
    background: var(--selected-bg);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent);
  }

  body[data-layout="desktop"]
  .talkgroup-option[data-selected="true"] .talkgroup-option__selected-indicator {
    display: grid;
  }

  body[data-layout="desktop"]
  .talkgroup-option[data-locked="true"] .talkgroup-option__selected-indicator {
    display: none;
  }

  body[data-layout="desktop"] .talkgroup-option__selected-indicator svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  /* Notifications: move the one canonical control tree into page flow. */
  body[data-layout="desktop"] .desktop-notifications-panel {
    box-sizing: border-box;
    width: min(100%, 1280px);
    margin-inline: auto;
    padding: clamp(22px, 2.4vw, 36px);
  }

  body[data-layout="desktop"] .desktop-notifications-heading {
    min-height: 86px;
    padding: 14px 16px;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--panel);
    box-shadow: var(--shadow-soft);
  }

  body[data-layout="desktop"] .desktop-notifications-heading__icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border-strong);
    border-radius: 15px;
    color: #d84a1b;
    background: var(--panel-soft);
  }

  body[data-layout="desktop"] .desktop-notifications-heading__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body[data-layout="desktop"] .desktop-notifications-heading__copy {
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  body[data-layout="desktop"] .desktop-notifications-heading__copy strong {
    color: var(--text);
    font-size: 1.42rem;
    font-weight: 950;
    line-height: 1.08;
    letter-spacing: -0.035em;
  }

  body[data-layout="desktop"] .desktop-notifications-heading__copy > span:last-child {
    color: var(--text-muted);
    font-size: 0.76rem;
  }

  body[data-layout="desktop"] #desktop-notifications-host {
    min-height: 140px;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-alert-notifications {
    width: 100%;
    margin: 16px 0 0;
    overflow: visible;
    border-radius: 18px;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-header {
    padding: 16px 18px;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-summary {
    padding-inline: 18px;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-preferences {
    padding: 18px;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host #ean-alert-topic-preferences-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    align-items: start;
    gap: 18px;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-group + .ean-notification-group {
    margin-top: 0;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-row {
    min-height: 70px;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-county-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Alert detail keeps its accepted design; only Share gains feedback. */
  body[data-layout="desktop"] .desktop-alert-share-status {
    max-width: min(420px, 42vw);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--text-muted);
    font-size: 0.72rem;
    font-weight: 800;
  }

  body[data-layout="desktop"]
  .desktop-alert-share-status[data-state="copied"] {
    color: var(--success);
  }

  body[data-layout="desktop"] .desktop-alert-share-status__url {
    width: min(300px, 28vw);
    min-height: 34px;
    padding: 6px 8px;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    color: var(--text);
    background: var(--panel-soft);
    font: inherit;
  }
}

@media (min-width: 1100px) and (max-width: 1279px) {
  body[data-layout="desktop"] .desktop-notifications-heading {
    grid-template-columns: 48px minmax(0, 1fr) auto;
  }
}

@media (min-width: 1100px) {
  :root {
    --desktop-nav-width: clamp(184px, 12.5vw, 198px);
    --desktop-content-max: 1500px;
    --desktop-page-gutter: clamp(18px, 2.2vw, 34px);
    --desktop-gap: clamp(16px, 1.6vw, 24px);
    --desktop-artwork-size: clamp(112px, 8vw, 132px);
  }

  html {
    scrollbar-gutter: stable;
  }

  body[data-layout="desktop"] {
    min-height: 100dvh;
    padding: 0;
    display: grid;
    grid-template-columns: var(--desktop-nav-width) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    align-items: start;
    overflow-x: hidden;
  }

  body[data-layout="desktop"] > .skip-link {
    left: calc(var(--desktop-nav-width) + 16px);
  }

  /* Persistent application rail ------------------------------------------------ */

  body[data-layout="desktop"] > .site-header {
    position: fixed;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    grid-column: 1;
    grid-row: 1 / span 2;
    width: var(--desktop-nav-width);
    height: 100dvh;
    min-height: 680px;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 0;
    background: var(--header-bg);
    box-shadow: 2px 0 10px rgba(15, 23, 42, 0.08);
  }

  html[data-theme="dark"] body[data-layout="desktop"] > .site-header {
    border-right-color: rgba(143, 197, 242, 0.16);
    background: #05090d;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.2);
  }

  body[data-layout="desktop"] .site-header__inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 20px 11px 16px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
  }

  body[data-layout="desktop"] .brand {
    width: 100%;
    min-height: 88px;
    margin: 0 0 14px;
    padding: 0 8px 16px;
    display: grid;
    place-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  body[data-layout="desktop"] .brand__logo {
    width: 112px;
    height: 74px;
    max-width: 100%;
    object-position: center;
  }

  body[data-layout="desktop"] .desktop-navigation {
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 14px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
  }

  .desktop-navigation__section {
    display: grid;
    gap: 5px;
  }

  .desktop-navigation__section--tools {
    margin-top: 2px;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .desktop-navigation__label {
    margin: 0 8px 4px;
    color: rgba(255, 255, 255, 0.54);
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
  }

  .desktop-navigation__link {
    min-width: 0;
    min-height: 44px;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
  }

  .desktop-navigation__link:hover,
  .desktop-navigation__link:focus-visible {
    border-color: rgba(255, 255, 255, 0.12);
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
  }

  .desktop-navigation__link:focus-visible {
    outline: 2px solid #8fc5f2;
    outline-offset: 2px;
  }

  .desktop-navigation__link[aria-current="page"] {
    border-color: rgba(255, 255, 255, 0.24);
    color: #fff;
    background: rgba(255, 255, 255, 0.14);
    box-shadow:
      inset 3px 0 #8fc5f2,
      inset 0 1px rgba(255, 255, 255, 0.08);
  }

  .desktop-navigation__icon {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.07);
  }

  .desktop-navigation__link[aria-current="page"] .desktop-navigation__icon {
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.13);
  }

  .desktop-navigation__icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .desktop-navigation__icon--ten {
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: -0.04em;
  }

  body[data-layout="desktop"] .header-actions {
    width: 100%;
    margin: 14px 0 0;
    padding-top: 13px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  body[data-layout="desktop"] .platform-status {
    box-sizing: border-box;
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.76);
    background: rgba(0, 0, 0, 0.12);
    font-size: 0.71rem;
  }

  body[data-layout="desktop"] .platform-status::before {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 999px;
    background: currentColor;
    content: "";
  }

  body[data-layout="desktop"] .platform-status[data-state="online"]::before {
    color: #70dfa6;
  }

  body[data-layout="desktop"] .platform-status[data-state="offline"]::before {
    color: #ff7c83;
  }

  body[data-layout="desktop"] .site-menu-toggle {
    position: static;
    left: auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    height: 44px;
    padding: 0 12px;
    justify-content: flex-start;
    border-color: rgba(255, 255, 255, 0.22);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
  }

  body[data-layout="desktop"] .site-menu-toggle::before {
    width: 24px;
    font-size: 18px;
    text-align: center;
  }

  body[data-layout="desktop"]:is(
    [data-site-view="apps"],
    [data-site-view="status"],
    [data-site-view="help"],
    [data-site-view="privacy"]
  ) .site-menu-toggle {
    border-color: rgba(255, 255, 255, 0.34);
    background: rgba(255, 255, 255, 0.16);
    box-shadow: inset 3px 0 #8fc5f2;
  }

  /* Shared desktop content frame --------------------------------------------- */

  body[data-layout="desktop"] > .site-main {
    box-sizing: border-box;
    grid-column: 2;
    grid-row: 1;
    width: min(calc(100% - (2 * var(--desktop-page-gutter))), var(--desktop-content-max));
    max-width: var(--desktop-content-max);
    min-width: 0;
    margin: 0 auto;
    padding: 28px 0 42px;
  }

  body[data-layout="desktop"] > .site-footer {
    box-sizing: border-box;
    grid-column: 2;
    grid-row: 2;
    width: min(calc(100% - (2 * var(--desktop-page-gutter))), var(--desktop-content-max));
    max-width: var(--desktop-content-max);
    margin: 0 auto;
  }

  body[data-layout="desktop"] .site-view,
  body[data-layout="desktop"] .site-view > * {
    min-width: 0;
  }

  body[data-layout="desktop"] .single-view-return {
    display: none;
  }

  body[data-layout="desktop"] :is(
    .scanner-panel,
    .archive-panel,
    .alerts-panel,
    .highlights-panel,
    .talkgroups-panel,
    .ten-codes-panel
  ) {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  body[data-layout="desktop"] :is(
    .panel-heading,
    .talkgroups-heading,
    .ten-codes-heading,
    .archive-heading
  ) h1 {
    font-size: clamp(1.55rem, 2vw, 2rem);
    letter-spacing: -0.035em;
  }

  /* Scanner workspace: dominant console + independent activity rail ---------- */

  body[data-layout="desktop"][data-site-view="scanner"] {
    grid-template-rows: auto auto;
    align-content: start;
  }

  body[data-layout="desktop"] .site-view--scanner .scanner-panel {
    box-sizing: border-box;
    height: clamp(560px, 64dvh, 610px);
    min-height: 560px;
    max-height: 610px;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
    grid-template-areas:
      "heading recent"
      "power recent"
      "now recent"
      "controls recent";
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 12px var(--desktop-gap);
    padding: 16px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: var(--panel);
    box-shadow: var(--shadow-soft);
  }

  body[data-layout="desktop"] .scanner-panel > .panel-heading {
    grid-area: heading;
    min-height: 52px;
    margin: 0;
    padding: 0 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  body[data-layout="desktop"] .scanner-panel > .panel-heading h1,
  body[data-layout="desktop"] .scanner-panel > .panel-heading .eyebrow {
    margin: 0;
  }

  body[data-layout="desktop"] .scanner-panel > .panel-heading .eyebrow {
    display: block;
    margin-bottom: 4px;
  }

  body[data-layout="desktop"] .scanner-panel > .panel-heading .talkgroup-button {
    position: static;
    width: auto;
    min-width: min(235px, 47%);
    max-width: 270px;
    height: 44px;
    min-height: 44px;
    flex: 0 1 auto;
  }

  body[data-layout="desktop"] .scanner-power {
    grid-area: power;
    box-sizing: border-box;
    width: 100%;
    min-height: 78px;
    margin: 0;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 17px;
    box-shadow: none;
    text-align: left;
  }

  body[data-layout="desktop"] .scanner-power__icon-tile {
    width: 48px;
    height: 48px;
    display: grid;
    flex: 0 0 48px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.12);
  }

  body[data-layout="desktop"] .scanner-power__icon-tile svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body[data-layout="desktop"] .scanner-power__copy {
    min-width: 0;
    width: auto;
    display: grid;
    flex: 1 1 auto;
    gap: 2px;
    text-align: left;
  }

  body[data-layout="desktop"] .scanner-power__eyebrow,
  body[data-layout="desktop"] .scanner-power__badge {
    display: block;
  }

  body[data-layout="desktop"] .scanner-power__eyebrow {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.6rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  body[data-layout="desktop"] .scanner-power__copy strong {
    overflow: hidden;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"] .scanner-power__copy small {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"] .scanner-power__badges {
    min-width: 66px;
    display: grid;
    flex: 0 0 auto;
    justify-items: end;
    gap: 5px;
  }

  body[data-layout="desktop"] .scanner-power__badge,
  body[data-layout="desktop"] .scanner-power__audience {
    min-height: 24px;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    color: #fff;
    background: rgba(0, 0, 0, 0.12);
    font-size: 0.63rem;
    font-weight: 900;
  }

  body[data-layout="desktop"] .scanner-power__audience {
    align-items: center;
    gap: 4px;
  }

  body[data-layout="desktop"] .scanner-power__audience:not([hidden]) {
    display: inline-flex;
  }

  body[data-layout="desktop"] .scanner-power__audience svg {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
  }

  body[data-layout="desktop"] .scanner-display {
    grid-area: now;
    box-sizing: border-box;
    min-height: 0;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-width: 1px 1px 1px 5px;
    border-radius: 20px;
  }

  body[data-layout="desktop"] .scanner-display__topline {
    min-height: 54px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }

  body[data-layout="desktop"] .scanner-display__eyebrow {
    font-size: 0.65rem;
  }

  body[data-layout="desktop"] .scanner-display__subheading {
    margin-top: 3px;
    font-size: 0.82rem;
  }

  body[data-layout="desktop"] .scanner-display__badges {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  body[data-layout="desktop"] :is(.scanner-state, .queue-count) {
    min-height: 27px;
    padding: 5px 9px;
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel) 58%, transparent);
    font-size: 0.65rem;
    font-weight: 900;
  }

  body[data-layout="desktop"] .scanner-display__content {
    min-height: 0;
    padding: 22px 24px;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
  }

  body[data-layout="desktop"] .scanner-display__identity {
    gap: clamp(20px, 2vw, 30px);
  }

  body[data-layout="desktop"] .scanner-display__artwork {
    width: var(--desktop-artwork-size);
    height: var(--desktop-artwork-size);
    flex: 0 0 var(--desktop-artwork-size);
    padding: 6px;
    border-radius: 22px;
  }

  body[data-layout="desktop"] :is(
    .scanner-display__artwork-placeholder,
    .scanner-display__artwork-image
  ) {
    width: calc(var(--desktop-artwork-size) - 12px);
    height: calc(var(--desktop-artwork-size) - 12px);
  }

  body[data-layout="desktop"] .scanner-display__talkgroup {
    font-size: clamp(1.45rem, 2.1vw, 2.1rem);
    line-height: 1.08;
  }

  body[data-layout="desktop"] .scanner-display__metadata {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
  }

  body[data-layout="desktop"] .scanner-display__metadata .scanner-display__system {
    max-width: none;
    font-size: 0.76rem;
  }

  body[data-layout="desktop"] .scanner-display__metadata .scanner-display__details {
    flex: 0 1 auto;
    font-size: 0.84rem;
  }

  body[data-layout="desktop"] .scanner-display__progress {
    height: 5px;
    display: block;
  }

  body[data-layout="desktop"] .scanner-display[data-state="paused"] .scanner-display__content,
  body[data-layout="desktop"] .scanner-display[data-state="avoided"] .scanner-display__content {
    min-height: 226px;
    margin: 14px;
    padding: 22px;
  }

  body[data-layout="desktop"] .scanner-control-stack {
    grid-area: controls;
    margin: 0;
    padding: 7px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: var(--panel-soft);
  }

  body[data-layout="desktop"] .scanner-action-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    gap: 8px;
  }

  body[data-layout="desktop"] .scanner-action-button {
    width: 100%;
    min-width: 0;
    min-height: 52px;
    padding: 7px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 13px;
    font-size: 0.78rem;
  }

  body[data-layout="desktop"] .scanner-action-button__icon {
    width: 28px;
    height: 28px;
    display: grid;
    flex: 0 0 28px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
  }

  body[data-layout="desktop"] .scanner-action-button__icon svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body[data-layout="desktop"] #pause-call:not(:disabled):not([data-active="true"]),
  body[data-layout="desktop"] #skip-call:not(:disabled),
  body[data-layout="desktop"] #hold-call:not(:disabled):not([data-selected="true"]) {
    border-color: var(--ean-blue-alt);
    color: #fff;
    background: var(--ean-blue-alt);
  }

  body[data-layout="desktop"] #pause-call[data-active="true"]:not(:disabled),
  body[data-layout="desktop"] #hold-call[data-selected="true"]:not(:disabled) {
    border-color: color-mix(in srgb, var(--warning) 72%, var(--border));
    color: var(--warning);
    background: color-mix(in srgb, var(--warning) 12%, var(--panel-soft));
  }

  html:not([data-theme="dark"]) body[data-layout="desktop"] #pause-call[data-active="true"]:not(:disabled),
  html:not([data-theme="dark"]) body[data-layout="desktop"] #hold-call[data-selected="true"]:not(:disabled) {
    border-color: #b8872f;
    color: #704200;
    background: #fff3d6;
  }

  body[data-layout="desktop"] #avoid-call:not(:disabled) {
    border-color: color-mix(in srgb, var(--danger) 68%, var(--border));
    color: var(--danger);
    background: color-mix(in srgb, var(--danger) 10%, var(--panel-soft));
  }

  body[data-layout="desktop"] .scanner-message {
    grid-area: auto;
  }

  body[data-layout="desktop"] .recent-section {
    grid-area: recent;
    align-self: stretch;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--activity-panel);
    box-shadow: none;
  }

  body[data-layout="desktop"] .activity-pane--recent {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  body[data-layout="desktop"] .activity-pane--recent > .section-heading {
    min-height: 66px;
    margin: 0;
    padding: 13px 14px;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, var(--panel) 76%, transparent);
  }

  body[data-layout="desktop"] .activity-pane--recent .section-heading h3,
  body[data-layout="desktop"] .activity-pane--recent .section-heading .eyebrow {
    margin: 0;
  }

  body[data-layout="desktop"] .activity-pane--recent .section-heading .eyebrow {
    margin-bottom: 3px;
  }

  body[data-layout="desktop"] .activity-pane--recent .empty-state {
    min-height: 280px;
    margin: 10px;
    padding: 42px 28px;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px dashed var(--border-strong);
    background: color-mix(in srgb, var(--panel) 46%, transparent);
    text-align: center;
  }

  body[data-layout="desktop"] .activity-pane--recent .empty-state[hidden] {
    display: none;
  }

  body[data-layout="desktop"] .recent-empty__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 14px;
    display: grid;
    place-items: center;
    border: 1px solid var(--now-border);
    border-radius: 14px;
    color: var(--accent);
    background: var(--now-bg);
  }

  body[data-layout="desktop"] .recent-empty__icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body[data-layout="desktop"] .recent-list {
    min-height: 0;
    margin: 0;
    padding: 10px;
    display: grid;
    flex: 1 1 auto;
    gap: 8px;
    align-content: start;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--border-strong) transparent;
  }

  body[data-layout="desktop"] .recent-item {
    min-height: 76px;
    padding: 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 3px 9px;
    border-radius: 13px;
    background: var(--activity-card);
  }

  body[data-layout="desktop"] .recent-item__main {
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
  }

  body[data-layout="desktop"] .recent-item__name {
    gap: 9px;
    font-size: 0.8rem;
  }

  body[data-layout="desktop"] .recent-item__artwork,
  body[data-layout="desktop"] .recent-item__artwork-fallback {
    width: 44px;
    height: 44px;
  }

  body[data-layout="desktop"] .recent-item time {
    grid-column: 1;
    grid-row: 2;
    padding-left: 53px;
  }

  body[data-layout="desktop"] .recent-item__replay {
    width: 70px;
    min-width: 70px;
    min-height: 40px;
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
  }

  body[data-layout="desktop"] .recent-item__replay-icon svg {
    width: 16px;
    height: 16px;
  }

  /* Desktop Scanner design lab ----------------------------------------------- */

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) > .site-main {
    padding-bottom: 28px;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .site-view--scanner .scanner-panel {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell {
    box-sizing: border-box;
    min-width: 0;
    margin-inline: auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .panel-heading {
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .panel-heading > div {
    min-width: 0;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .panel-heading :is(h1, .eyebrow) {
    margin: 0;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .panel-heading .talkgroup-button {
    position: static;
    min-width: 0;
    min-height: 0;
    margin: 0;
    flex: 0 0 auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .scanner-power {
    box-sizing: border-box;
    min-height: 0;
    margin: 0;
    border-radius: 11px;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .scanner-power__copy strong,
  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .scanner-power__copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .scanner-display {
    box-sizing: border-box;
    min-height: 0;
    max-height: none;
    margin: 0;
    overflow: hidden;
    border-width: 1px 1px 1px 4px;
    border-radius: 13px;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .scanner-display[data-state="paused"] .scanner-display__content,
  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .scanner-display[data-state="avoided"] .scanner-display__content {
    min-height: 0;
    margin: 0;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .scanner-control-stack {
    box-sizing: border-box;
    margin: 0;
    border-radius: 11px;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .scanner-message {
    min-height: 0;
    margin: 0;
    overflow: hidden;
    font-size: 0.72rem;
    line-height: 1.25;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .scanner-message:empty {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .recent-section {
    min-width: 0;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"]:is(
    [data-scanner-layout="compact"],
    [data-scanner-layout="dock"],
    [data-scanner-layout="dispatch"]
  ) .desktop-scanner-lab-shell .activity-pane--recent .empty-state {
    min-height: 0;
    flex: 0 0 auto;
  }

  /* COMPACT: a small listening instrument over a wide activity workspace. */

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"] {
    --desktop-nav-width: 140px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  > .site-header {
    width: var(--desktop-nav-width);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .site-header__inner {
    padding: 16px 9px 13px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .brand {
    min-height: 70px;
    margin-bottom: 10px;
    padding: 0 5px 12px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .brand__logo {
    width: 88px;
    height: 54px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-navigation {
    gap: 9px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-navigation__label {
    margin-inline: 6px;
    font-size: 0.57rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-navigation__link {
    min-height: 40px;
    padding: 5px 6px;
    gap: 6px;
    border-radius: 10px;
    font-size: 0.71rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-navigation__icon {
    width: 25px;
    height: 25px;
    flex-basis: 25px;
    border-radius: 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-navigation__icon svg {
    width: 16px;
    height: 16px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  > .site-main {
    padding-top: 22px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-shell--compact {
    width: min(100%, 1320px);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument {
    box-sizing: border-box;
    width: min(100%, 580px);
    max-width: 600px;
    max-height: 340px;
    padding: 12px;
    display: grid;
    grid-template-rows: 42px 42px 132px 48px auto;
    align-content: start;
    gap: 6px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: color-mix(in srgb, var(--panel) 88%, var(--panel-soft));
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .panel-heading {
    min-height: 42px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .panel-heading h1 {
    font-size: 1.2rem;
    letter-spacing: -0.03em;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .panel-heading .eyebrow {
    margin-bottom: 2px;
    font-size: 0.56rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .talkgroup-button {
    width: min(210px, 44%);
    height: 36px;
    padding-inline: 11px;
    border-radius: 10px;
    font-size: 0.72rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-power {
    width: 100%;
    height: 42px;
    padding: 5px 8px;
    gap: 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-power__icon-tile {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border-radius: 9px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-power__icon-tile svg {
    width: 17px;
    height: 17px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-power__eyebrow,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-power__copy small {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-power__copy strong {
    font-size: 0.84rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-power__badges {
    min-width: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument :is(
    .scanner-power__badge,
    .scanner-power__audience
  ) {
    min-height: 20px;
    padding: 3px 6px;
    font-size: 0.55rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display {
    width: 100%;
    height: 132px;
    display: flex;
    flex-direction: column;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display__topline {
    min-height: 36px;
    padding: 7px 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display__subheading {
    font-size: 0.7rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument :is(.scanner-state, .queue-count) {
    min-height: 22px;
    padding: 3px 6px;
    font-size: 0.55rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display__content,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display[data-state="paused"] .scanner-display__content,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display[data-state="avoided"] .scanner-display__content {
    min-height: 0;
    padding: 8px 11px;
    flex: 1 1 auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display__identity {
    min-width: 0;
    gap: 12px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display__artwork {
    width: 72px;
    height: 72px;
    flex-basis: 72px;
    padding: 4px;
    border-radius: 13px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument :is(
    .scanner-display__artwork-placeholder,
    .scanner-display__artwork-image
  ) {
    width: 64px;
    height: 64px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display__talkgroup {
    display: -webkit-box;
    overflow: hidden;
    font-size: 1.05rem;
    line-height: 1.12;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display__metadata {
    margin-top: 5px;
    flex-wrap: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display__metadata :is(
    .scanner-display__system,
    .scanner-display__details
  ) {
    font-size: 0.68rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-display__progress {
    height: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-control-stack {
    height: 48px;
    padding: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-action-row {
    height: 100%;
    gap: 5px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-action-button {
    min-height: 42px;
    padding: 4px 7px;
    gap: 5px;
    border-radius: 9px;
    font-size: 0.69rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-action-button__icon {
    width: 23px;
    height: 23px;
    flex-basis: 23px;
    border-radius: 7px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-action-button__icon svg {
    width: 14px;
    height: 14px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-compact-instrument .scanner-message {
    max-height: 18px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-shell--compact .recent-section {
    width: 100%;
    align-self: start;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: var(--activity-panel);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-shell--compact .activity-pane--recent {
    height: auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-shell--compact .activity-pane--recent > .section-heading {
    min-height: 58px;
    padding: 10px 14px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-shell--compact .recent-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding: 12px;
    overflow: visible;
    scrollbar-gutter: auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-shell--compact .recent-item {
    min-height: 76px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-shell--compact .recent-section[data-state="empty"] .empty-state {
    min-height: 64px;
    margin: 10px;
    padding: 9px 12px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    justify-content: stretch;
    gap: 2px 11px;
    text-align: left;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-shell--compact .recent-section[data-state="empty"] .recent-empty__icon {
    width: 42px;
    height: 42px;
    margin: 0;
    grid-column: 1;
    grid-row: 1 / 3;
    border-radius: 11px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-shell--compact .recent-section[data-state="empty"]
  .empty-state > :is(strong, span:last-child) {
    grid-column: 2;
  }

  /* DOCK: activity-first media workspace with a shallow persistent player. */

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 64px auto auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  > .site-header {
    position: sticky;
    inset: 0 auto auto;
    z-index: 20;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 64px;
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .site-header__inner {
    width: min(100%, 1540px);
    height: 64px;
    margin-inline: auto;
    padding: 0 18px;
    flex-direction: row;
    align-items: center;
    gap: 14px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .brand {
    width: 124px;
    min-height: 0;
    height: 52px;
    margin: 0;
    padding: 0 14px 0 0;
    flex: 0 0 124px;
    border-right: 1px solid rgba(255, 255, 255, 0.14);
    border-bottom: 0;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .brand__logo {
    width: 104px;
    height: 44px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-navigation {
    min-width: 0;
    overflow: visible;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    gap: 4px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-navigation__section {
    display: flex;
    align-items: center;
    gap: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-navigation__section--tools {
    margin: 0;
    padding: 0;
    border: 0;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-navigation__label {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-navigation__link {
    min-height: 38px;
    padding: 4px 7px;
    gap: 5px;
    border-radius: 9px;
    font-size: 0.68rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-navigation__icon {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    border: 0;
    border-radius: 7px;
    background: transparent;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-navigation__icon svg {
    width: 16px;
    height: 16px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-navigation__link[aria-current="page"] {
    box-shadow:
      inset 0 -3px #8fc5f2,
      inset 0 1px rgba(255, 255, 255, 0.08);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .header-actions {
    width: auto;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    border: 0;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .platform-status {
    width: auto;
    min-height: 34px;
    padding-inline: 10px;
    font-size: 0.65rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .site-menu-toggle {
    width: auto;
    min-width: 70px;
    height: 36px;
    min-height: 36px;
    justify-content: center;
    border-radius: 9px;
    font-size: 0.7rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  > .site-main {
    grid-column: 1;
    grid-row: 2;
    width: min(calc(100% - (2 * var(--desktop-page-gutter))), 1500px);
    padding-top: 18px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  > .site-footer {
    grid-column: 1;
    grid-row: 3;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-shell--dock {
    width: 100%;
    min-height: calc(100dvh - 92px);
    display: grid;
    grid-template-rows: minmax(280px, 1fr) 112px;
    align-items: stretch;
    gap: 12px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace {
    min-width: 0;
    min-height: 0;
    padding: 0 6px;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    align-content: start;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .panel-heading {
    min-height: 54px;
    padding: 0 4px 10px;
    border-bottom: 1px solid var(--line);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .panel-heading h1 {
    font-size: 1.35rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .talkgroup-button {
    width: auto;
    height: 38px;
    padding-inline: 12px;
    border-radius: 9px;
    font-size: 0.72rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .scanner-message {
    padding: 4px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .recent-section {
    align-self: stretch;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .activity-pane--recent {
    height: 100%;
    min-height: 0;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .activity-pane--recent > .section-heading {
    min-height: 54px;
    padding: 9px 4px;
    background: transparent;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .recent-list {
    gap: 0;
    padding: 0;
    overflow-y: auto;
    border-top: 1px solid var(--line);
    scrollbar-gutter: stable;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .recent-item {
    min-height: 62px;
    padding: 8px 10px;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 190px) 78px;
    grid-template-rows: auto;
    align-items: center;
    gap: 12px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .recent-item[data-playing="true"] {
    background: color-mix(in srgb, var(--accent) 8%, transparent);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .recent-item__main {
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
    display: grid;
    gap: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .recent-item__name {
    font-size: 0.82rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace :is(
    .recent-item__artwork,
    .recent-item__artwork-fallback
  ) {
    width: 40px;
    height: 40px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .recent-item time {
    max-width: none;
    padding: 0;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .recent-item__replay {
    width: 78px;
    min-width: 78px;
    min-height: 36px;
    grid-column: 3;
    grid-row: 1;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .recent-section[data-state="empty"] .empty-state {
    min-height: 58px;
    margin: 0;
    padding: 9px 10px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    justify-content: stretch;
    gap: 1px 10px;
    border: 0;
    border-top: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
    text-align: left;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .recent-section[data-state="empty"] .recent-empty__icon {
    width: 36px;
    height: 36px;
    margin: 0;
    grid-column: 1;
    grid-row: 1 / 3;
    border-radius: 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-dock-workspace .recent-section[data-state="empty"]
  .empty-state > :is(strong, span:last-child) {
    grid-column: 2;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock {
    position: sticky;
    bottom: 0;
    z-index: 12;
    box-sizing: border-box;
    width: 100%;
    height: 112px;
    max-height: 120px;
    padding: 10px 12px;
    display: grid;
    grid-template-columns: 164px minmax(300px, 1fr) minmax(300px, 390px);
    align-items: center;
    gap: 12px;
    border: 1px solid var(--border-strong);
    border-radius: 14px;
    background: var(--panel);
    box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.1);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-power {
    width: 100%;
    height: 88px;
    padding: 8px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    gap: 3px 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-power__icon-tile {
    width: 34px;
    height: 34px;
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: center;
    flex-basis: 34px;
    border-radius: 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-power__icon-tile svg {
    width: 18px;
    height: 18px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-power__copy {
    grid-column: 2;
    gap: 1px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-power__eyebrow {
    font-size: 0.52rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-power__copy strong {
    font-size: 0.78rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-power__copy small {
    font-size: 0.58rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-power__badges {
    min-width: 0;
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock :is(.scanner-power__badge, .scanner-power__audience) {
    min-height: 19px;
    padding: 3px 5px;
    font-size: 0.52rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display {
    width: 100%;
    height: 88px;
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) 3px;
    align-items: stretch;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display__topline {
    min-width: 0;
    min-height: 0;
    padding: 7px 9px;
    grid-column: 1;
    grid-row: 1;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border-right: 1px solid var(--line);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display__heading {
    width: 100%;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display__subheading {
    font-size: 0.61rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display__badges {
    justify-items: start;
    gap: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock :is(.scanner-state, .queue-count) {
    min-height: 19px;
    padding: 3px 5px;
    font-size: 0.5rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display__content,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display[data-state="paused"] .scanner-display__content,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display[data-state="avoided"] .scanner-display__content {
    min-width: 0;
    min-height: 0;
    padding: 7px 10px;
    grid-column: 2;
    grid-row: 1;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display__identity {
    min-width: 0;
    gap: 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display__artwork {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    padding: 3px;
    border-radius: 11px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock :is(
    .scanner-display__artwork-placeholder,
    .scanner-display__artwork-image
  ) {
    width: 52px;
    height: 52px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display__talkgroup {
    display: -webkit-box;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.08;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display__metadata {
    margin-top: 4px;
    flex-wrap: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display__metadata :is(
    .scanner-display__system,
    .scanner-display__details
  ) {
    font-size: 0.62rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-display__progress {
    height: 3px;
    grid-column: 1 / -1;
    grid-row: 2;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-control-stack {
    width: 100%;
    height: 88px;
    padding: 6px;
    display: flex;
    align-items: center;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-action-row {
    width: 100%;
    gap: 5px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-action-button {
    min-height: 44px;
    padding: 4px 5px;
    gap: 4px;
    border-radius: 9px;
    font-size: 0.65rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-action-button__icon {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
    border-radius: 7px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dock"]
  .desktop-scanner-lab-player-dock .scanner-action-button__icon svg {
    width: 13px;
    height: 13px;
  }

  /* DISPATCH: icon rail, narrow control station, dominant live activity. */

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"] {
    --desktop-nav-width: 82px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  > .site-header {
    width: var(--desktop-nav-width);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .site-header__inner {
    padding: 12px 6px 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .brand {
    min-height: 62px;
    margin-bottom: 8px;
    padding: 0 2px 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .brand__logo {
    width: 56px;
    height: 46px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-navigation {
    gap: 7px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-navigation__section {
    gap: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-navigation__section--tools {
    padding-top: 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-navigation__label {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-navigation__link {
    min-height: 55px;
    padding: 5px 2px;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    border-radius: 10px;
    font-size: 0.55rem;
    line-height: 1;
    text-align: center;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-navigation__icon {
    width: 27px;
    height: 27px;
    flex-basis: 27px;
    border-radius: 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-navigation__icon svg {
    width: 17px;
    height: 17px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .header-actions {
    margin-top: 8px;
    padding-top: 8px;
    gap: 5px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .platform-status {
    position: relative;
    min-height: 31px;
    padding: 4px;
    justify-content: center;
    font-size: 0.55rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  #platform-status-text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .site-menu-toggle {
    height: 36px;
    min-height: 36px;
    padding: 0 3px;
    justify-content: center;
    border-radius: 9px;
    font-size: 0.58rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .site-menu-toggle::before {
    width: 18px;
    font-size: 15px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  > .site-main {
    width: min(calc(100% - (2 * 18px)), 1500px);
    padding-top: 18px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-shell--dispatch {
    width: 100%;
    min-height: calc(100dvh - 64px);
    display: grid;
    grid-template-columns: minmax(300px, 340px) minmax(0, 1fr);
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--activity-panel);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station {
    box-sizing: border-box;
    width: 100%;
    max-width: 360px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-right: 1px solid var(--line);
    background: var(--panel);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .panel-heading {
    min-height: 74px;
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .panel-heading h1 {
    font-size: 1.25rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .panel-heading .eyebrow {
    margin-bottom: 2px;
    font-size: 0.56rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .talkgroup-button {
    width: 100%;
    height: 36px;
    padding-inline: 10px;
    justify-content: space-between;
    border-radius: 9px;
    font-size: 0.7rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-power {
    width: 100%;
    height: 52px;
    padding: 7px 8px;
    gap: 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-power__icon-tile {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    border-radius: 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-power__icon-tile svg {
    width: 18px;
    height: 18px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-power__eyebrow {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-power__copy strong {
    font-size: 0.8rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-power__copy small {
    font-size: 0.59rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-power__badges {
    min-width: 48px;
    gap: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station :is(
    .scanner-power__badge,
    .scanner-power__audience
  ) {
    min-height: 19px;
    padding: 3px 5px;
    font-size: 0.5rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display {
    width: 100%;
    height: 184px;
    display: flex;
    flex-direction: column;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display__topline {
    min-height: 42px;
    padding: 8px 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display__subheading {
    font-size: 0.66rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station :is(.scanner-state, .queue-count) {
    min-height: 21px;
    padding: 3px 5px;
    font-size: 0.52rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display__content,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display[data-state="paused"] .scanner-display__content,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display[data-state="avoided"] .scanner-display__content {
    min-height: 0;
    padding: 12px 10px;
    flex: 1 1 auto;
    align-items: flex-start;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display__identity {
    min-width: 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display__artwork {
    width: 68px;
    height: 68px;
    flex-basis: 68px;
    padding: 4px;
    border-radius: 12px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station :is(
    .scanner-display__artwork-placeholder,
    .scanner-display__artwork-image
  ) {
    width: 60px;
    height: 60px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display__talkgroup {
    display: -webkit-box;
    overflow: hidden;
    font-size: 1.05rem;
    line-height: 1.1;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display__metadata {
    margin-top: 5px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display__metadata-separator {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display__metadata :is(
    .scanner-display__system,
    .scanner-display__details
  ) {
    max-width: 100%;
    font-size: 0.65rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-display__progress {
    height: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-control-stack {
    padding: 5px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-action-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-action-button {
    min-height: 46px;
    padding: 5px 6px;
    gap: 6px;
    border-radius: 9px;
    font-size: 0.7rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-action-button__icon {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    border-radius: 7px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-station .scanner-action-button__icon svg {
    width: 14px;
    height: 14px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity {
    min-width: 0;
    min-height: 0;
    padding: 15px 18px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .recent-section {
    height: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .activity-pane--recent {
    height: 100%;
    min-height: 0;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .activity-pane--recent > .section-heading {
    min-height: 58px;
    padding: 0 2px 12px;
    background: transparent;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .activity-pane--recent > .section-heading h3 {
    font-size: 1.25rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .recent-list {
    gap: 7px;
    padding: 0;
    overflow-y: auto;
    scrollbar-gutter: stable;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .recent-item {
    min-height: 70px;
    padding: 9px 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent);
    border-radius: 10px;
    background: var(--panel);
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .recent-item__name {
    font-size: 0.83rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity :is(
    .recent-item__artwork,
    .recent-item__artwork-fallback
  ) {
    width: 42px;
    height: 42px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .recent-item time {
    padding-left: 51px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .recent-item__replay {
    width: 76px;
    min-width: 76px;
    min-height: 38px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .recent-section[data-state="empty"] .empty-state {
    min-height: 62px;
    margin: 0;
    padding: 9px 11px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    justify-content: stretch;
    gap: 2px 10px;
    border: 1px dashed var(--border-strong);
    border-radius: 10px;
    background: transparent;
    text-align: left;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .recent-section[data-state="empty"] .recent-empty__icon {
    width: 38px;
    height: 38px;
    margin: 0;
    grid-column: 1;
    grid-row: 1 / 3;
    border-radius: 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="dispatch"]
  .desktop-scanner-lab-dispatch-activity .recent-section[data-state="empty"]
  .empty-state > :is(strong, span:last-child) {
    grid-column: 2;
  }

  /* Alerts and Highlights are sibling feed destinations ----------------------- */

  body[data-layout="desktop"] :is(.alerts-panel, .highlights-panel) {
    max-width: 1460px;
    margin-inline: auto;
    padding: clamp(20px, 2vw, 30px);
  }

  body[data-layout="desktop"] :is(
    .site-view--alerts .panel-heading,
    .site-view--highlights .panel-heading
  ) {
    min-height: 64px;
    margin: 0;
    padding: 0 0 18px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    border-bottom: 1px solid var(--line);
  }

  body[data-layout="desktop"] :is(
    .site-view--alerts .panel-heading .eyebrow,
    .site-view--highlights .panel-heading .eyebrow
  ) {
    display: block;
  }

  body[data-layout="desktop"] :is(.alerts-summary, .highlights-summary) {
    margin: 14px 0;
    color: var(--text-muted);
    font-size: 0.78rem;
  }

  body[data-layout="desktop"] :is(.alerts-list, .highlights-list) {
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  body[data-layout="desktop"] :is(.alert-feed-item, .highlight-card) {
    height: 100%;
    min-height: 116px;
    border-radius: 16px;
  }

  body[data-layout="desktop"] .alert-feed-item {
    padding: 14px 15px;
  }

  body[data-layout="desktop"] .highlight-card__open {
    min-height: 100%;
    padding: 14px;
  }

  body[data-layout="desktop"] :is(
    .alert-feed-item__artwork,
    .highlight-artwork-slot,
    .highlight-card__agency-artwork
  ) {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
  }

  /* Talkgroup browser ---------------------------------------------------------- */

  body[data-layout="desktop"] .talkgroups-panel {
    max-width: 1460px;
    margin-inline: auto;
    padding: clamp(22px, 2.2vw, 32px);
  }

  body[data-layout="desktop"] .talkgroups-heading {
    min-height: 76px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--line);
  }

  body[data-layout="desktop"] .talkgroups-heading .eyebrow {
    display: block;
  }

  body[data-layout="desktop"] .talkgroups-heading__copy > p:last-child {
    max-width: 64ch;
  }

  body[data-layout="desktop"] .talkgroups-heading__count {
    min-width: 90px;
    padding: 10px 14px;
  }

  body[data-layout="desktop"] .talkgroups-summary {
    margin: 18px 0 12px;
    display: grid;
    grid-template-columns: repeat(3, minmax(100px, 150px));
    gap: 9px;
  }

  body[data-layout="desktop"] .talkgroups-summary > span {
    min-height: 54px;
    padding: 8px 12px;
    display: grid;
    place-content: center;
    justify-items: center;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--panel-soft);
  }

  body[data-layout="desktop"] .talkgroups-summary strong {
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
  }

  body[data-layout="desktop"] .talkgroups-summary small {
    margin-top: 2px;
    color: var(--text-muted);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.08em;
  }

  body[data-layout="desktop"] .talkgroups-summary__locked[data-active="true"] {
    border-color: color-mix(in srgb, var(--warning) 62%, var(--border));
  }

  body[data-layout="desktop"] .talkgroups-toolbar {
    margin: 0 0 12px;
    padding: 11px 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--panel-soft);
  }

  body[data-layout="desktop"] .talkgroups-toolbar .toolbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  body[data-layout="desktop"] .talkgroups-action {
    width: auto;
    min-width: 132px;
  }

  body[data-layout="desktop"] .talkgroups-action__icon {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
  }

  body[data-layout="desktop"] .talkgroups-action__icon svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body[data-layout="desktop"] .talkgroups-hint {
    min-height: 48px;
    margin: 0 0 14px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: color-mix(in srgb, var(--now-bg) 58%, var(--panel));
  }

  body[data-layout="desktop"] .talkgroups-hint__icon {
    width: 30px;
    height: 30px;
    display: grid;
    flex: 0 0 30px;
    place-items: center;
    border-radius: 9px;
    color: var(--accent);
    background: var(--panel);
  }

  body[data-layout="desktop"] .talkgroups-hint__icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
  }

  body[data-layout="desktop"] .talkgroups-hint p {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.76rem;
  }

  body[data-layout="desktop"] .talkgroup-results {
    padding: 0;
    overflow: visible;
  }

  body[data-layout="desktop"] .system-group {
    padding: 14px;
    border-radius: 16px;
  }

  body[data-layout="desktop"] .system-group + .system-group {
    margin-top: 13px;
  }

  body[data-layout="desktop"] .system-group__header {
    min-height: 52px;
  }

  body[data-layout="desktop"] .system-group__collapse {
    min-height: 46px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 10px;
  }

  body[data-layout="desktop"] .system-group__folder {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid var(--now-border);
    border-radius: 11px;
    color: var(--accent);
    background: var(--now-bg);
  }

  body[data-layout="desktop"] :is(
    .system-group__folder,
    .system-group__chevron,
    .system-group__action-icon
  ) svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body[data-layout="desktop"] .system-group__chevron {
    display: grid;
    place-items: center;
  }

  body[data-layout="desktop"] .system-group[data-expanded="true"] .system-group__chevron {
    transform: none;
  }

  body[data-layout="desktop"] .system-group[data-expanded="true"] .system-group__chevron svg {
    transform: rotate(90deg);
  }

  body[data-layout="desktop"] .system-group__title {
    font-size: 0.9rem;
  }

  body[data-layout="desktop"] .system-group__subtitle {
    font-size: 0.7rem;
  }

  body[data-layout="desktop"] .system-group__actions {
    margin: 0 0 10px;
    padding: 10px 0 0;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    border-top: 1px solid var(--line);
  }

  body[data-layout="desktop"] .system-group__actions[hidden] {
    display: none;
  }

  body[data-layout="desktop"] .system-group__actions button {
    min-height: 36px;
    padding: 6px 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--border);
    border-radius: 10px;
    color: var(--text);
    background: var(--panel);
    font: inherit;
    font-size: 0.7rem;
    font-weight: 900;
    cursor: pointer;
  }

  body[data-layout="desktop"] .system-group__toggle:not(:disabled) {
    border-color: var(--ean-blue-alt);
    color: #fff;
    background: var(--ean-blue-alt);
  }

  body[data-layout="desktop"] .system-group__actions button:disabled {
    cursor: not-allowed;
    opacity: 0.44;
  }

  body[data-layout="desktop"] .talkgroup-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body[data-layout="desktop"] .talkgroup-option {
    position: relative;
    min-width: 0;
    border-left: 4px solid var(--border-strong);
  }

  body[data-layout="desktop"] .talkgroup-option[data-selected="true"] {
    border-left-color: var(--accent);
  }

  /* 10-Code reference browser ------------------------------------------------- */

  body[data-layout="desktop"] .ten-codes-panel {
    max-width: 1460px;
    margin-inline: auto;
    padding: clamp(22px, 2.2vw, 32px);
  }

  body[data-layout="desktop"] .ten-codes-heading {
    padding-bottom: 18px;
    border-bottom: 1px solid var(--line);
  }

  body[data-layout="desktop"] .ten-codes-heading p {
    max-width: 76ch;
  }

  body[data-layout="desktop"] .ten-codes-summary {
    margin: 16px 0 10px;
  }

  body[data-layout="desktop"] .ten-codes-results {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
    border: 0;
    border-radius: 0;
  }

  body[data-layout="desktop"] .ten-code-row,
  body[data-layout="desktop"] .ten-code-row:last-child {
    min-height: 68px;
    grid-template-columns: 84px minmax(0, 1fr);
    align-items: stretch;
    border: 1px solid var(--border);
    border-left: 4px solid var(--accent);
    border-radius: 14px;
    background: var(--panel-soft);
    overflow: hidden;
  }

  body[data-layout="desktop"] .ten-code-row__code {
    display: grid;
    place-items: center;
    padding: 12px 10px;
    border-right: 1px solid var(--border);
    background: var(--now-bg);
    font-size: 0.86rem;
  }

  body[data-layout="desktop"] .ten-code-row__meaning {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    font-size: 0.85rem;
    line-height: 1.45;
  }

  /* Call Archive: stable browse/filter pane beside scrollable results ---------- */

  body[data-layout="desktop"] .archive-panel {
    max-width: 1460px;
    margin-inline: auto;
    padding: clamp(22px, 2.2vw, 32px);
  }

  body[data-layout="desktop"] .archive-heading {
    min-height: 72px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--line);
  }

  body[data-layout="desktop"] .archive-heading__icon {
    width: 52px;
    height: 52px;
  }

  body[data-layout="desktop"] .archive-sheet-close {
    display: none;
  }

  body[data-layout="desktop"] .menu-destination-sheet--archive .menu-destination-sheet__body {
    min-width: 0;
    position: relative;
  }

  body[data-layout="desktop"] .archive-stage--latest:not([hidden]) {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 0;
    width: min(330px, calc(100% - 22px));
    margin: 0;
  }

  body[data-layout="desktop"] .archive-browse-card {
    margin-top: 0;
  }

  body[data-layout="desktop"] .archive-directory {
    margin-top: 20px;
  }

  body[data-layout="desktop"] .archive-directory__results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-layout="desktop"] .archive-call-stage {
    min-width: 0;
    margin-top: 20px;
    display: grid;
    grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px 22px;
  }

  body[data-layout="desktop"] .archive-call-stage[hidden] {
    display: none;
  }

  body[data-layout="desktop"] .archive-controls {
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin: 0;
    padding: 14px;
    position: sticky;
    top: 20px;
  }

  body[data-layout="desktop"] .archive-call-stage[data-mode="latest"] .archive-controls {
    margin-top: 80px;
  }

  body[data-layout="desktop"] .archive-jump-date {
    grid-column: 1;
    grid-row: 2;
  }

  body[data-layout="desktop"] .archive-latest-actions {
    grid-column: 1;
    grid-row: 3;
    margin-top: 0;
  }

  body[data-layout="desktop"] .archive-message {
    grid-column: 1;
    grid-row: 4;
  }

  body[data-layout="desktop"] .archive-statistics {
    grid-column: 1;
    grid-row: 5;
    margin-top: 0;
  }

  body[data-layout="desktop"] .archive-player {
    grid-column: 1;
    grid-row: 6;
    margin-top: 0;
  }

  body[data-layout="desktop"] .archive-results-pane {
    min-width: 0;
    min-height: 0;
    display: flex;
    grid-column: 2;
    grid-row: 1 / -1;
    flex-direction: column;
    align-self: start;
  }

  body[data-layout="desktop"] .archive-results-heading {
    grid-column: 2;
    grid-row: 1;
    flex: 0 0 auto;
    min-height: 72px;
    margin: 0;
    padding: 0 0 14px;
    align-items: end;
  }

  body[data-layout="desktop"] .archive-results-heading p {
    max-width: 42ch;
  }

  body[data-layout="desktop"] #archive-empty,
  body[data-layout="desktop"] .archive-results {
    grid-column: 2;
    grid-row: 2 / span 6;
    min-height: 180px;
    max-height: calc(100dvh - 210px);
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  body[data-layout="desktop"] .archive-results-pane > :is(#archive-empty, .archive-results) {
    width: 100%;
    flex: 0 1 auto;
  }

  body[data-layout="desktop"] #archive-empty[hidden],
  body[data-layout="desktop"] .archive-results[hidden] {
    display: none;
  }

  body[data-layout="desktop"] .archive-result {
    padding: 12px 13px;
  }

  body[data-layout="desktop"] .archive-pagination {
    grid-column: 2;
    grid-row: 8;
    flex: 0 0 auto;
    margin-top: 0;
  }

  /* Menu destinations whose icon geometry is otherwise mobile-only. */

  body[data-layout="desktop"] #notifications-dialog .notifications-native-header {
    min-width: 0;
    min-height: 88px;
    padding: 14px 16px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--line);
  }

  body[data-layout="desktop"] #notifications-dialog .notifications-native-header__icon,
  body[data-layout="desktop"] .menu-destination-sheet--help .menu-destination-sheet__icon {
    box-sizing: border-box;
    width: 48px;
    max-width: 48px;
    height: 48px;
    max-height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border-strong);
    border-radius: 14px;
    background: var(--panel-soft);
  }

  body[data-layout="desktop"] #notifications-dialog .notifications-native-header__icon {
    color: #d84a1b;
  }

  body[data-layout="desktop"] .menu-destination-sheet--help .menu-destination-sheet__icon {
    color: #2f8f64;
  }

  body[data-layout="desktop"] #notifications-dialog .notifications-native-header__icon svg,
  body[data-layout="desktop"] .menu-destination-sheet--help .menu-destination-sheet__icon svg {
    width: 24px;
    max-width: 24px;
    height: 24px;
    max-height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body[data-layout="desktop"] #notifications-dialog .notifications-native-header__copy,
  body[data-layout="desktop"] .menu-destination-sheet--help .menu-destination-sheet__copy {
    min-width: 0;
  }

  body[data-layout="desktop"] :is(
    #notifications-dialog .notifications-native-header__copy,
    .menu-destination-sheet--help .menu-destination-sheet__copy
  ) .eyebrow {
    margin: 0 0 3px;
  }

  body[data-layout="desktop"] #notifications-dialog .notifications-native-header__copy h2,
  body[data-layout="desktop"] .menu-destination-sheet--help .menu-destination-sheet__copy h1 {
    margin: 0;
    color: var(--text);
    font-size: 1.38rem;
    font-weight: 950;
    line-height: 1.08;
    letter-spacing: -0.035em;
  }

  body[data-layout="desktop"] #notifications-dialog .notifications-native-header__copy > p:last-child,
  body[data-layout="desktop"] .menu-destination-sheet--help .menu-destination-sheet__copy > p:last-child {
    margin: 4px 0 0;
    color: var(--text-muted);
    font-size: 0.72rem;
    line-height: 1.3;
  }

  body[data-layout="desktop"] #notifications-dialog .notifications-native-close,
  body[data-layout="desktop"] .menu-destination-sheet--help .menu-destination-sheet__close {
    box-sizing: border-box;
    width: 44px;
    max-width: 44px;
    height: 44px;
    max-height: 44px;
    margin: 0;
    padding: 0;
    display: grid;
    place-items: center;
    justify-self: end;
    border: 1px solid var(--border-strong);
    border-radius: 13px;
    color: var(--text);
    background: var(--panel-soft);
    box-shadow: none;
    cursor: pointer;
    font: inherit;
    font-size: 1.65rem;
    line-height: 1;
  }

  body[data-layout="desktop"] .menu-destination-sheet--help .menu-destination-sheet__shell {
    margin-top: 0;
  }

  body[data-layout="desktop"] .menu-destination-sheet--help .menu-destination-sheet__header {
    min-height: 88px;
    padding: 14px 16px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--panel);
    box-shadow: var(--shadow-soft);
  }

  /* Other desktop destinations retain the same bounded application frame. */

  body[data-layout="desktop"] :is(
    .native-options,
    .receiver-health-panel,
    .information-grid,
    .information-panel
  ) {
    max-width: 1460px;
    margin-inline: auto;
  }
}

@media (min-width: 1280px) {
  body[data-layout="desktop"] :is(.alerts-list, .highlights-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-layout="desktop"] .talkgroup-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1600px) {
  :root {
    --desktop-page-gutter: 38px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="compact"]
  .desktop-scanner-lab-shell--compact .recent-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-layout="desktop"] .ten-codes-results {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) and (max-width: 1279px) {
  body[data-layout="desktop"] .site-header__inner {
    padding-inline: 10px;
  }

  body[data-layout="desktop"] .scanner-panel > .panel-heading .talkgroup-button {
    min-width: 205px;
  }

  body[data-layout="desktop"] .scanner-action-button {
    min-width: 0;
    padding-inline: 9px;
  }

  body[data-layout="desktop"] .scanner-action-button__icon {
    width: 25px;
    height: 25px;
    flex-basis: 25px;
  }

  body[data-layout="desktop"] .archive-call-stage {
    grid-template-columns: minmax(240px, 290px) minmax(0, 1fr);
    gap: 10px 16px;
  }

  body[data-layout="desktop"] .archive-stage--latest:not([hidden]) {
    width: min(290px, calc(100% - 16px));
  }
}

/* Desktop operations workspace ------------------------------------------------
 * This composition is opt-in, Scanner-route-only, and cannot affect the frozen
 * single-column experience below 1100px.
 */

@media (min-width: 1100px) {
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  > .site-main {
    width: min(calc(100% - 28px), 1900px);
    max-width: 1900px;
    margin: 0 auto;
    padding: 12px 0 24px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .site-view--scanner .scanner-panel {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .desktop-operations-workspace {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    color: var(--text);
  }

  .desktop-operations-heading {
    min-height: 48px;
    padding: 0 2px 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--line);
  }

  .desktop-operations-heading__copy {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .desktop-operations-heading__title {
    color: var(--text);
    font-size: 0.98rem;
    font-weight: 950;
    letter-spacing: 0.065em;
    line-height: 1.1;
    text-transform: uppercase;
  }

  .desktop-operations-heading__subtitle {
    color: var(--text-muted);
    font-size: 0.68rem;
    font-weight: 650;
    line-height: 1.3;
  }

  .desktop-operations-grid {
    min-width: 0;
    margin-top: 12px;
    display: grid;
    grid-template-columns: minmax(300px, 336px) minmax(0, 1fr);
    grid-template-areas: "utility primary";
    align-content: start;
    align-items: start;
    gap: 14px;
  }

  .desktop-operations-utility {
    width: 100%;
    max-width: 360px;
    min-width: 0;
    display: grid;
    grid-area: utility;
    align-content: start;
    gap: 12px;
  }

  .desktop-operations-primary {
    min-width: 0;
    display: grid;
    grid-area: primary;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "activity"
      "information";
    align-content: start;
    align-items: start;
    gap: 14px;
  }

  .desktop-operations-instrument,
  .desktop-operations-utility-summary,
  .desktop-operations-activity {
    box-sizing: border-box;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--panel);
    box-shadow: none;
  }

  .desktop-operations-instrument {
    width: 100%;
    max-width: 360px;
    min-height: 0;
    height: auto;
    max-height: none;
    padding: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(4, max-content) auto;
    grid-auto-rows: max-content;
    align-content: start;
    align-items: start;
    gap: 5px;
    overflow: visible;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .panel-heading {
    position: static;
    inset: auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 30px;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .panel-heading > div {
    min-width: 0;
    display: block;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .panel-heading :is(h1, .eyebrow) {
    margin: 0;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .panel-heading h1 {
    font-size: 0.92rem;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .panel-heading .eyebrow {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .talkgroup-button {
    position: static;
    inset: auto;
    width: auto;
    min-width: 116px;
    max-width: 148px;
    min-height: 30px;
    height: 30px;
    margin: 0;
    padding: 4px 7px;
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    border-radius: 8px;
    font-size: 0.63rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .talkgroup-button > span:first-child {
    min-width: 0;
    overflow: hidden;
    font-size: 0.63rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .talkgroup-button > span:first-child::after,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .talkgroup-button::after {
    content: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .talkgroup-button .count-badge {
    min-width: 21px;
    width: auto;
    height: 21px;
    padding: 0 5px;
    flex: 0 0 auto;
    border-radius: 999px;
    font-size: 0.59rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power {
    position: static;
    inset: auto;
    grid-area: auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    height: 44px;
    max-height: 44px;
    margin: 0;
    padding: 5px 7px;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    border-radius: 9px;
    box-shadow: none;
    text-align: left;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__icon-tile {
    width: 30px;
    height: 30px;
    display: grid;
    flex: 0 0 30px;
    place-items: center;
    border-radius: 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__icon-tile svg {
    width: 16px;
    height: 16px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__copy {
    min-width: 0;
    width: auto;
    display: grid;
    flex: 1 1 auto;
    gap: 0;
    text-align: left;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__eyebrow,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__copy small {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__copy strong {
    overflow: hidden;
    font-size: 0.75rem;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__badges {
    min-width: 0;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument :is(
    .scanner-power__badge,
    .scanner-power__audience
  ) {
    min-width: 0;
    min-height: 18px;
    padding: 1px 5px;
    flex: 0 0 auto;
    font-size: 0.48rem;
    line-height: 1;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__audience:not([hidden]) {
    display: inline-flex;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display {
    position: relative;
    inset: auto;
    grid-area: auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 100px;
    height: auto;
    max-height: 132px;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: max-content minmax(0, auto);
    flex: 0 0 auto;
    align-self: start;
    overflow: hidden;
    border-width: 1px 1px 1px 4px;
    border-radius: 10px;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__topline,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="paused"] .scanner-display__topline,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="avoided"] .scanner-display__topline {
    position: static;
    inset: auto;
    min-width: 0;
    min-height: 30px;
    height: auto;
    padding: 4px 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__heading {
    min-width: 0;
    display: grid;
    gap: 0;
    overflow: hidden;
    transform: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__eyebrow {
    font-size: 0.45rem;
    line-height: 1.05;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__subheading {
    max-width: 100%;
    margin-top: 1px;
    overflow: hidden;
    font-size: 0.54rem;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__badges {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument :is(.scanner-state, .queue-count) {
    min-height: 18px;
    padding: 1px 4px;
    font-size: 0.46rem;
    line-height: 1;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__content,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="paused"] .scanner-display__content,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="avoided"] .scanner-display__content {
    position: static;
    inset: auto;
    min-width: 0;
    min-height: 0;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 5px 7px 7px;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
    border: 0;
    border-radius: 0;
    text-align: left;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__identity {
    position: static;
    inset: auto;
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__artwork {
    position: static;
    inset: auto;
    width: 60px;
    max-width: 60px;
    height: 60px;
    max-height: 60px;
    margin: 0;
    padding: 4px;
    display: grid;
    flex: 0 0 60px;
    place-items: center;
    border-radius: 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument :is(
    .scanner-display__artwork-placeholder,
    .scanner-display__artwork-image
  ) {
    width: 52px;
    max-width: 52px;
    height: 52px;
    max-height: 52px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__copy {
    min-width: 0;
    width: auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__talkgroup,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="paused"] .scanner-display__talkgroup,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="avoided"] .scanner-display__talkgroup {
    min-height: 0;
    height: auto;
    max-height: none;
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.81rem;
    line-height: 1.15;
    letter-spacing: -0.01em;
    overflow-wrap: anywhere;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__metadata {
    min-width: 0;
    margin-top: 3px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 1px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__metadata-separator {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__listener-meta:not([hidden]) {
    display: inline-flex;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__metadata :is(
    .scanner-display__system,
    .scanner-display__details,
    .scanner-display__listener-meta
  ) {
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    font-size: 0.54rem;
    line-height: 1.2;
    letter-spacing: 0;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__progress {
    position: absolute;
    inset: auto 0 0;
    height: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-control-stack {
    position: static;
    inset: auto;
    grid-area: auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 2px;
    display: block;
    flex: 0 0 auto;
    border-radius: 8px;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-action-row {
    position: static;
    inset: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, 42px);
    align-items: stretch;
    gap: 5px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-action-button {
    position: static;
    inset: auto;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    height: 42px;
    max-height: 42px;
    padding: 4px 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 8px;
    font-size: 0.65rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-action-button__icon {
    width: 22px;
    height: 22px;
    display: grid;
    flex: 0 0 22px;
    place-items: center;
    border-radius: 7px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-action-button__icon svg {
    width: 13px;
    height: 13px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-message {
    position: static;
    inset: auto;
    width: 100%;
    min-height: 0;
    height: auto;
    max-height: 30px;
    margin: 0;
    padding: 3px 2px;
    overflow: hidden;
    clip: auto;
    clip-path: none;
    white-space: normal;
    border: 0;
    font-size: 0.65rem;
    line-height: 1.3;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-message:empty {
    display: none;
  }

  .desktop-operations-utility-summary {
    overflow: hidden;
  }

  .desktop-operations-section {
    min-width: 0;
    padding: 11px 12px;
  }

  .desktop-operations-utility-summary .desktop-operations-section +
  .desktop-operations-section {
    border-top: 1px solid var(--line);
  }

  .desktop-operations-section__heading {
    min-width: 0;
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .desktop-operations-section__heading h2 {
    margin: 0;
    color: var(--text);
    font-size: 0.69rem;
    font-weight: 950;
    letter-spacing: 0.075em;
    line-height: 1.15;
    text-transform: uppercase;
  }

  .desktop-operations-section__action {
    min-width: 0;
    margin: 0;
    padding: 3px 0;
    border: 0;
    border-radius: 5px;
    color: var(--accent);
    background: transparent;
    font: inherit;
    font-size: 0.62rem;
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
  }

  .desktop-operations-section__action:hover {
    color: var(--accent-strong);
    text-decoration: underline;
  }

  .desktop-operations-summary {
    min-width: 0;
  }

  .desktop-operations-status {
    min-height: 32px;
    margin: 4px 0 0;
    display: flex;
    align-items: center;
    color: var(--text-muted);
    font-size: 0.68rem;
    line-height: 1.35;
  }

  .desktop-operations-status[data-state="error"] {
    color: var(--warning);
  }

  .desktop-operations-counts {
    margin-top: 5px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--border);
    border-radius: 9px;
    overflow: hidden;
  }

  .desktop-operations-count {
    min-width: 0;
    min-height: 46px;
    display: grid;
    place-content: center;
    justify-items: center;
    background: var(--panel-soft);
  }

  .desktop-operations-count + .desktop-operations-count {
    border-left: 1px solid var(--border);
  }

  .desktop-operations-count strong {
    font-size: 0.91rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
  }

  .desktop-operations-count small {
    margin-top: 3px;
    color: var(--text-muted);
    font-size: 0.48rem;
    font-weight: 900;
    letter-spacing: 0.055em;
    text-transform: uppercase;
  }

  .desktop-operations-count.is-locked strong {
    color: var(--warning);
  }

  .desktop-operations-notification {
    margin-top: 4px;
    display: grid;
    gap: 1px;
  }

  .desktop-operations-notification__row {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid var(--line);
    color: var(--text-muted);
    font-size: 0.64rem;
  }

  .desktop-operations-notification__row:last-child {
    border-bottom: 0;
  }

  .desktop-operations-notification__row strong {
    color: var(--text);
    font-size: 0.65rem;
    text-align: right;
  }

  .desktop-operations-notification__row strong[data-state="enabled"] {
    color: var(--success);
  }

  .desktop-operations-notification__row strong[data-state="disabled"] {
    color: var(--text-muted);
  }

  .desktop-operations-notification__row strong[data-state="blocked"] {
    color: var(--danger);
  }

  .desktop-operations-activity {
    min-height: 0;
    height: auto;
    max-height: none;
    display: flex;
    grid-area: activity;
    flex-direction: column;
    align-self: start;
    overflow: hidden;
    background: var(--activity-panel);
  }

  .desktop-operations-workspace[data-recent-state="empty"]
  .desktop-operations-activity {
    min-height: 0;
    height: auto;
    max-height: none;
    align-self: start;
  }

  .desktop-operations-activity > .section-heading {
    box-sizing: border-box;
    min-width: 0;
    min-height: 48px;
    margin: 0;
    padding: 8px 12px;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--line);
    background: var(--panel);
  }

  .desktop-operations-activity > .section-heading :is(h3, .eyebrow) {
    margin: 0;
  }

  .desktop-operations-activity > .section-heading .eyebrow {
    margin-bottom: 2px;
    font-size: 0.54rem;
  }

  .desktop-operations-activity > .section-heading h3 {
    font-size: 1.03rem;
    letter-spacing: -0.02em;
  }

  .desktop-operations-activity > .section-heading .text-button {
    min-height: 30px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 0.64rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-section {
    position: static;
    inset: auto;
    grid-area: auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    display: block;
    flex: 0 0 auto;
    align-self: start;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .activity-pane--recent {
    width: 100%;
    min-height: 0;
    height: auto;
    max-height: none;
    display: block;
    flex: 0 0 auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-list {
    width: 100%;
    min-height: 0;
    height: auto;
    max-height: 336px;
    margin: 0;
    padding: 0;
    display: grid;
    flex: 0 0 auto;
    gap: 0;
    align-content: start;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--border-strong) transparent;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item {
    position: static;
    inset: auto;
    min-width: 0;
    min-height: 60px;
    height: auto;
    padding: 6px 9px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(122px, max-content) 72px;
    grid-template-rows: auto;
    align-items: center;
    gap: 8px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item:hover,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item:focus-within,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item[data-playing="true"] {
    background: color-mix(in srgb, var(--accent) 7%, transparent);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__main {
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 2px 8px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__name {
    min-width: 0;
    display: contents;
    font-size: 0.73rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__name-text {
    grid-column: 2;
    grid-row: 1;
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    line-height: 1.22;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity :is(
    .recent-item__artwork,
    .recent-item__artwork-fallback
  ) {
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
    flex: 0 0 40px;
    grid-column: 1;
    grid-row: 1 / 3;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__meta {
    min-width: 0;
    margin: 0;
    padding: 0;
    grid-column: 2;
    grid-row: 2;
    overflow: hidden;
    font-size: 0.59rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item time {
    max-width: 100%;
    padding: 0;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    overflow: hidden;
    font-size: 0.59rem;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__replay {
    position: static;
    inset: auto;
    width: 72px;
    min-width: 72px;
    min-height: 36px;
    height: 36px;
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    padding: 5px 7px;
    border-radius: 9px;
    font-size: 0.63rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__replay-icon svg {
    width: 14px;
    height: 14px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__replay:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-section[data-state="empty"] {
    min-height: 0;
    height: auto;
    flex: 0 0 auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-section[data-state="empty"] .empty-state {
    min-width: 0;
    min-height: 64px;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 8px 11px;
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    justify-content: stretch;
    gap: 2px 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: left;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-section[data-state="empty"]
  .recent-empty__icon {
    width: 36px;
    height: 36px;
    margin: 0;
    grid-column: 1;
    grid-row: 1 / 3;
    border-radius: 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-section[data-state="empty"]
  .empty-state > :is(strong, span:last-child) {
    grid-column: 2;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-section[data-state="empty"]
  .empty-state > strong {
    font-size: 0.73rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-section[data-state="empty"]
  .empty-state > span:last-child {
    font-size: 0.64rem;
  }

  .desktop-operations-information {
    min-width: 0;
    display: grid;
    grid-area: information;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "alerts"
      "highlights";
    align-content: start;
    align-items: start;
    gap: 12px;
    align-self: start;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .desktop-operations-information > .desktop-operations-section {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: auto;
    align-self: start;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--panel);
    box-shadow: none;
  }

  .desktop-operations-section--alerts {
    grid-area: alerts;
  }

  .desktop-operations-section--highlights {
    grid-area: highlights;
  }

  .desktop-operations-alerts-list,
  .desktop-operations-highlights-list {
    min-width: 0;
    margin-top: 4px;
    display: grid;
  }

  .desktop-operations-alert.alert-feed-item {
    min-height: 64px;
    padding: 7px 0 7px 7px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20px;
    align-items: center;
    gap: 5px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-left: 3px solid var(--alert-category);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-decoration: none;
  }

  .desktop-operations-alert.alert-feed-item:last-child {
    border-bottom: 0;
  }

  .desktop-operations-alert.alert-feed-item:hover {
    background: color-mix(in srgb, var(--alert-category) 7%, transparent);
  }

  .desktop-operations-alert.alert-feed-item[data-incident-state="active"] {
    border-top: 0;
    border-right: 0;
    border-bottom-color: var(--line);
    border-left-width: 4px;
  }

  .desktop-operations-alert__identity {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .desktop-operations-artwork {
    position: relative;
    width: 38px;
    height: 38px;
    display: grid;
    flex: 0 0 38px;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 9px;
    color: var(--text-muted);
    background: var(--panel-soft);
  }

  .desktop-operations-artwork__image {
    width: 36px;
    height: 36px;
    object-fit: contain;
  }

  .desktop-operations-artwork__image +
  .desktop-operations-artwork__placeholder {
    display: none;
  }

  .desktop-operations-artwork__placeholder {
    font-size: 0.48rem;
    font-weight: 950;
    letter-spacing: 0.035em;
  }

  .desktop-operations-alert__copy {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .desktop-operations-alert__topline {
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 7px;
  }

  .desktop-operations-alert__type {
    min-width: 0;
    overflow: hidden;
    color: var(--alert-category);
    font-size: 0.65rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .desktop-operations-alert__time,
  .desktop-operations-highlight__time {
    flex: 0 0 auto;
    color: var(--text-muted);
    font-size: 0.54rem;
    white-space: nowrap;
  }

  .desktop-operations-alert__context,
  .desktop-operations-highlight__source {
    min-width: 0;
    overflow: hidden;
    color: var(--text-soft);
    font-size: 0.59rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .desktop-operations-alert__details {
    display: -webkit-box;
    overflow: hidden;
    color: var(--text-muted);
    font-size: 0.56rem;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .desktop-operations-alert .alert-feed-item__state {
    width: max-content;
    min-height: 17px;
    margin: 1px 0 0;
    padding: 1px 5px;
    font-size: 0.45rem;
  }

  .desktop-operations-row__chevron {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1;
    text-align: center;
  }

  .desktop-operations-highlight {
    min-width: 0;
    min-height: 54px;
    padding: 7px 0;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto 18px;
    align-items: center;
    gap: 7px;
    border-bottom: 1px solid var(--line);
    color: var(--text);
    text-decoration: none;
  }

  .desktop-operations-highlight:last-child {
    border-bottom: 0;
  }

  .desktop-operations-highlight:hover {
    background: color-mix(in srgb, var(--accent) 7%, transparent);
  }

  .desktop-operations-highlight__copy {
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  .desktop-operations-highlight__title {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.66rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .desktop-operations-health {
    margin: 4px 0 0;
    display: grid;
  }

  .desktop-operations-health__row {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid var(--line);
  }

  .desktop-operations-health__row:last-child {
    border-bottom: 0;
  }

  .desktop-operations-health__row dt {
    color: var(--text-soft);
    font-size: 0.64rem;
    font-weight: 750;
  }

  .desktop-operations-health__row dd {
    margin: 0;
  }

  .desktop-operations-health__row .receiver-health-badge {
    min-height: 21px;
    padding: 2px 7px;
    font-size: 0.58rem;
  }

  .desktop-operations-health__row .receiver-health-badge--unknown {
    color: var(--text-muted);
    background: var(--panel-soft);
  }

  .desktop-operations-health__updated {
    margin: 6px 0 0;
    color: var(--text-muted);
    font-size: 0.54rem;
    line-height: 1.3;
  }

  :is(
    .desktop-operations-section__action,
    .desktop-operations-alert,
    .desktop-operations-highlight
  ):focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
  }
}

@media (min-width: 1280px) {
  .desktop-operations-grid {
    grid-template-columns: minmax(300px, 336px) minmax(0, 1fr);
    grid-template-areas: "utility primary";
  }

  .desktop-operations-information {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "alerts highlights";
    align-content: start;
    align-items: start;
  }
}

@media (min-width: 1600px) {
  .desktop-operations-grid {
    grid-template-columns: 336px minmax(0, 1fr);
  }

  .desktop-operations-activity .recent-item {
    grid-template-columns: minmax(0, 1fr) minmax(150px, 190px) 82px;
  }

  .desktop-operations-activity .recent-item__replay {
    width: 82px;
    min-width: 82px;
  }
}

@media (min-width: 1100px) and (max-width: 1279px) {
  .desktop-operations-grid {
    grid-template-columns: minmax(300px, 336px) minmax(0, 1fr);
    grid-template-areas: "utility primary";
  }

  .desktop-operations-information {
    align-self: start;
  }

  .desktop-operations-information .desktop-operations-section {
    padding: 11px;
  }

}

/* Desktop operations workspace v6 -------------------------------------------
 * The accepted mobile layers remain authoritative through 1099px. These late
 * desktop overrides retain the accepted composition and use the native/PWA
 * component language at desktop density.
 */

@media (min-width: 1100px) {
  :root {
    --desktop-nav-width: 82px;
  }

  body[data-layout="desktop"] > .site-header {
    width: var(--desktop-nav-width);
    min-height: 0;
    overflow: hidden;
  }

  body[data-layout="desktop"] .site-header__inner {
    min-height: 0;
    padding: 11px 6px 9px;
  }

  body[data-layout="desktop"] .brand {
    min-height: 62px;
    margin: 0 0 7px;
    padding: 0 2px 9px;
  }

  body[data-layout="desktop"] .brand__logo {
    width: 56px;
    height: 46px;
  }

  body[data-layout="desktop"] .desktop-navigation {
    min-height: 0;
    gap: 7px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body[data-layout="desktop"] .desktop-navigation__section {
    gap: 3px;
  }

  body[data-layout="desktop"] .desktop-navigation__section--secondary {
    margin-top: 2px;
    padding-top: 9px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }

  body[data-layout="desktop"] .desktop-navigation__label {
    display: none;
  }

  body[data-layout="desktop"] .desktop-navigation__link {
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 5px 2px;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.8);
    background: transparent;
    font: inherit;
    font-size: 0.59rem;
    font-weight: 800;
    line-height: 1.05;
    text-align: center;
    cursor: pointer;
  }

  body[data-layout="desktop"] .desktop-navigation__link > span:last-child {
    max-width: 100%;
    line-height: 1.05;
    overflow-wrap: anywhere;
  }

  body[data-layout="desktop"] .desktop-navigation__icon {
    width: 27px;
    height: 27px;
    flex-basis: 27px;
    border-radius: 8px;
  }

  body[data-layout="desktop"] .desktop-navigation__icon svg {
    width: 17px;
    height: 17px;
  }

  body[data-layout="desktop"] .header-actions {
    display: none;
  }

  body[data-layout="desktop"] > .site-footer {
    padding: 15px 0 22px;
    display: block;
    border-top: 1px solid var(--border);
  }

  body[data-layout="desktop"] > .site-footer > span,
  body[data-layout="desktop"] > .site-footer > .footer-nav {
    display: none;
  }

  body[data-layout="desktop"] .desktop-site-footer {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(230px, 0.8fr) minmax(0, 1.7fr) auto;
    grid-template-areas:
      "brand primary copyright"
      "brand legal legal";
    align-items: start;
    gap: 8px 24px;
    color: var(--text-muted);
    font-size: 0.72rem;
  }

  .desktop-site-footer__brand {
    min-width: 0;
    display: grid;
    grid-area: brand;
    gap: 3px;
  }

  .desktop-site-footer__brand strong {
    color: var(--text);
    font-size: 0.87rem;
    letter-spacing: 0.02em;
  }

  .desktop-site-footer__brand span {
    line-height: 1.35;
  }

  .desktop-site-footer__primary,
  .desktop-site-footer__legal {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 15px;
  }

  .desktop-site-footer__primary {
    grid-area: primary;
  }

  .desktop-site-footer__legal {
    grid-area: legal;
  }

  body[data-layout="desktop"] .desktop-site-footer a {
    margin: 0;
    color: var(--text-soft);
    line-height: 1.35;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
  }

  body[data-layout="desktop"] .desktop-site-footer a:hover,
  body[data-layout="desktop"] .desktop-site-footer a:focus-visible {
    color: var(--text);
    text-decoration-color: currentColor;
  }

  .desktop-site-footer__copyright {
    grid-area: copyright;
    justify-self: end;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-grid {
    grid-template-columns: minmax(390px, 420px) minmax(0, 1fr);
    gap: 14px;
  }

  .desktop-operations-heading__title {
    font-size: 1.04rem;
  }

  .desktop-operations-heading__subtitle {
    font-size: 0.72rem;
  }

  .desktop-operations-utility,
  .desktop-operations-instrument {
    width: 100%;
    max-width: 470px;
  }

  .desktop-operations-instrument {
    padding: 12px;
    gap: 8px;
  }

  .desktop-operations-utility-summary .desktop-operations-section__heading h2 {
    font-size: 0.8rem;
    letter-spacing: 0.065em;
  }

  .desktop-operations-utility-summary .desktop-operations-section__action {
    font-size: 0.72rem;
  }

  .desktop-operations-utility-summary .desktop-operations-status {
    font-size: 0.74rem;
  }

  .desktop-operations-utility-summary .desktop-operations-count strong {
    font-size: 1rem;
  }

  .desktop-operations-utility-summary .desktop-operations-count small {
    font-size: 0.62rem;
  }

  .desktop-operations-utility-summary .desktop-operations-notification__row,
  .desktop-operations-utility-summary .desktop-operations-notification__row strong {
    font-size: 0.74rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .panel-heading {
    min-height: 30px;
    justify-content: flex-start;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .panel-heading h1 {
    font-size: 1.08rem;
    line-height: 1.15;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .panel-heading .eyebrow {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .talkgroup-button {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power {
    min-height: 64px;
    height: 64px;
    max-height: 64px;
    padding: 6px 9px;
    gap: 9px;
    border-radius: 12px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__icon-tile {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__icon-tile svg {
    width: 20px;
    height: 20px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__eyebrow {
    display: block;
    font-size: 0.63rem;
    line-height: 1.05;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__copy small {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__copy strong {
    font-size: 0.9rem;
    line-height: 1.15;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__badges {
    width: 62px;
    min-width: 62px;
    display: grid;
    flex: 0 0 62px;
    grid-template-rows: repeat(2, 24px);
    align-content: center;
    justify-items: stretch;
    gap: 4px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument :is(
    .scanner-power__badge,
    .scanner-power__audience
  ) {
    box-sizing: border-box;
    width: 62px;
    min-width: 62px;
    height: 24px;
    min-height: 24px;
    padding: 0 6px;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.61rem;
    line-height: 1;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__badge {
    display: grid;
    place-items: center;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__audience:not([hidden]) {
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-power__audience svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display {
    position: relative;
    inset: auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 240px;
    height: 240px;
    max-height: 240px;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 76px minmax(0, 1fr) 60px;
    overflow: hidden;
    border-width: 1px 1px 1px 4px;
    border-radius: 12px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__topline,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="paused"] .scanner-display__topline,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="avoided"] .scanner-display__topline {
    position: static;
    inset: auto;
    box-sizing: border-box;
    min-width: 0;
    min-height: 76px;
    height: 76px;
    padding: 7px 10px;
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr) max-content;
    grid-template-rows: minmax(0, 1fr);
    align-items: center;
    gap: 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__artwork {
    position: static;
    inset: auto;
    box-sizing: border-box;
    width: 62px;
    max-width: 62px;
    height: 62px;
    max-height: 62px;
    margin: 0;
    padding: 2px;
    display: grid;
    grid-column: 1;
    grid-row: 1;
    place-items: center;
    overflow: visible;
    border-radius: 12px;
    clip: auto;
    clip-path: none;
    mask: none;
    transform: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument :is(
    .scanner-display__artwork-placeholder,
    .scanner-display__artwork-image
  ) {
    position: static;
    inset: auto;
    width: 58px;
    max-width: 58px;
    height: 58px;
    max-height: 58px;
    object-fit: contain;
    object-position: center;
    background: transparent;
    clip: auto;
    clip-path: none;
    mask: none;
    transform: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__heading {
    min-width: 0;
    display: grid;
    grid-column: 2;
    grid-row: 1;
    gap: 3px;
    overflow: hidden;
    transform: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__eyebrow {
    font-size: 0.66rem;
    line-height: 1.05;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__subheading {
    display: block;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    font-size: 0.78rem;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__badges {
    position: static;
    inset: auto;
    min-width: max-content;
    display: grid;
    grid-column: 3;
    grid-row: 1;
    align-content: center;
    justify-items: end;
    gap: 4px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument :is(.scanner-state, .queue-count) {
    min-height: 22px;
    padding: 2px 6px;
    font-size: 0.6rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__content,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="paused"] .scanner-display__content,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="avoided"] .scanner-display__content {
    position: static;
    inset: auto;
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 7px 12px 9px;
    display: flex;
    align-items: center;
    overflow: visible;
    border: 0;
    border-radius: 0;
    transform: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__identity {
    position: static;
    inset: auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: block;
    overflow: visible;
    transform: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__copy {
    min-width: 0;
    width: 100%;
    overflow: visible;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__talkgroup,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="paused"] .scanner-display__talkgroup,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="avoided"] .scanner-display__talkgroup {
    min-height: 0;
    height: auto;
    max-height: none;
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    font-size: 1.16rem;
    line-height: 1.15;
    letter-spacing: -0.015em;
    overflow-wrap: anywhere;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__metadata {
    min-width: 0;
    margin-top: 7px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    overflow: hidden;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__metadata :is(
    .scanner-display__system,
    .scanner-display__details,
    .scanner-display__listener-meta
  ) {
    max-width: none;
    margin: 0;
    overflow: hidden;
    font-size: 0.76rem;
    line-height: 1.25;
    letter-spacing: 0;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__system {
    max-width: 34%;
    flex: 0 1 auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__metadata-separator {
    display: inline;
    flex: 0 0 auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__system:empty,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__system:empty +
  .scanner-display__metadata-separator {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__listener-meta:not([hidden]) {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 3px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__listener-meta svg {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__listener-meta svg[hidden] {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__details {
    min-width: 0;
    flex: 1 1 auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__progress {
    position: absolute;
    inset: auto 10px 59px;
    height: 2px;
    border-radius: 999px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-control-stack {
    position: static;
    inset: auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 60px;
    margin: 0;
    padding: 5px 8px 8px;
    display: block;
    grid-column: 1;
    grid-row: 3;
    align-self: stretch;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-action-row {
    position: static;
    inset: auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: 47px;
    gap: 7px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-action-button {
    position: static;
    inset: auto;
    width: 100%;
    min-width: 0;
    min-height: 47px;
    height: 47px;
    max-height: 47px;
    padding: 5px;
    gap: 4px;
    border-radius: 10px;
    font-size: 0.77rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-action-button__icon {
    width: 24px;
    height: 24px;
    display: grid;
    flex-basis: 24px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-action-button__icon svg {
    grid-area: 1 / 1;
    width: 15px;
    height: 15px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #pause-call:not([data-active="true"])
  .scanner-action-button__icon-pause {
    display: block;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #pause-call:not([data-active="true"])
  .scanner-action-button__icon-resume,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #pause-call[data-active="true"]
  .scanner-action-button__icon-pause {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #pause-call[data-active="true"]
  .scanner-action-button__icon-resume {
    display: block;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-message {
    font-size: 0.71rem;
  }

  .desktop-operations-primary {
    min-width: 0;
    display: grid;
    grid-area: primary;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "activity activity"
      "alerts highlights";
    align-content: start;
    align-items: start;
    gap: 12px;
  }

  .desktop-operations-primary > .desktop-operations-activity,
  .desktop-operations-primary > .desktop-operations-section {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    align-self: start;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--panel);
    box-shadow: none;
  }

  .desktop-operations-primary > .desktop-operations-section {
    display: flex;
    flex-direction: column;
  }

  .desktop-operations-primary > .desktop-operations-section {
    padding: 0;
    background: var(--activity-panel);
  }

  .desktop-operations-primary .desktop-operations-section__heading,
  .desktop-operations-primary .desktop-operations-activity > .section-heading {
    box-sizing: border-box;
    min-height: 48px;
    height: 48px;
    margin: 0;
    padding: 8px 12px;
    border-bottom: 1px solid var(--line);
    background: var(--panel);
    flex: 0 0 48px;
  }

  .desktop-operations-primary .desktop-operations-section__heading h2,
  .desktop-operations-primary .desktop-operations-activity > .section-heading h3 {
    font-size: 0.9rem;
    font-weight: 900;
    letter-spacing: -0.01em;
    line-height: 1.15;
    text-transform: none;
  }

  .desktop-operations-primary .desktop-operations-section__action,
  .desktop-operations-primary .desktop-operations-activity > .section-heading .text-button {
    font-size: 0.7rem;
  }

  .desktop-operations-primary .desktop-operations-activity > .section-heading .eyebrow {
    display: none;
  }

  .desktop-operations-activity {
    grid-area: activity;
  }

  .desktop-operations-section--alerts {
    grid-area: alerts;
  }

  .desktop-operations-section--highlights {
    grid-area: highlights;
  }

  .desktop-operations-feed-body {
    box-sizing: border-box;
    min-height: 0;
    max-height: 344px;
    margin: 0;
    padding: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--activity-panel);
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--border-strong) transparent;
  }

  .desktop-operations-alerts-list,
  .desktop-operations-highlights-list {
    min-width: 0;
    display: grid;
    grid-auto-rows: max-content;
    align-content: start;
    gap: 6px;
  }

  .desktop-operations-feed-sentinel {
    width: 100%;
    height: 1px;
    pointer-events: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-alert.alert-feed-item {
    box-sizing: border-box;
    height: auto;
    min-height: 72px;
    max-height: 82px;
    padding: 6px 7px 6px 8px;
    gap: 6px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-left: 4px solid var(--alert-category);
    border-radius: 12px;
    background: var(--activity-card);
    color: var(--text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    appearance: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-alert.alert-feed-item:last-child {
    border-bottom: 1px solid var(--border);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-alert.alert-feed-item[data-incident-state="active"] {
    border-color: color-mix(in srgb, var(--warning) 58%, var(--border));
    border-left-color: var(--alert-category);
    background: color-mix(in srgb, var(--warning) 9%, var(--activity-card));
  }

  .desktop-operations-highlight {
    box-sizing: border-box;
    height: auto;
    min-height: 72px;
    max-height: 82px;
    padding: 6px 7px 6px 8px;
    grid-template-columns: 42px minmax(0, 1fr) auto 20px;
    gap: 8px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-left: 4px solid var(--accent);
    border-radius: 12px;
    background: var(--activity-card);
  }

  .desktop-operations-highlight:last-child {
    border-bottom: 1px solid var(--border);
  }

  .desktop-operations-artwork {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    border-radius: 10px;
  }

  .desktop-operations-artwork__image {
    width: 40px;
    height: 40px;
  }

  .desktop-operations-alert__identity {
    gap: 9px;
  }

  .desktop-operations-alert__type,
  .desktop-operations-highlight__title {
    font-size: 0.81rem;
    font-weight: 800;
    line-height: 1.2;
  }

  .desktop-operations-alert__context,
  .desktop-operations-highlight__source {
    font-size: 0.74rem;
    line-height: 1.2;
  }

  .desktop-operations-alert__details {
    font-size: 0.7rem;
    line-height: 1.2;
  }

  .desktop-operations-alert .alert-feed-item__state {
    font-size: 0.56rem;
  }

  .desktop-operations-alert__time,
  .desktop-operations-highlight__time {
    font-size: 0.68rem;
    line-height: 1.2;
  }

  .desktop-operations-row__chevron {
    font-size: 1.15rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-list {
    box-sizing: border-box;
    max-height: 344px;
    padding: 6px;
    gap: 6px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item {
    box-sizing: border-box;
    min-height: 72px;
    max-height: 82px;
    padding: 7px 8px;
    grid-template-columns: minmax(0, 1fr) 74px;
    grid-template-rows: 16px 36px;
    gap: 4px 8px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-left: 4px solid var(--accent);
    border-radius: 12px;
    background: var(--activity-card);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__main {
    grid-column: 1;
    grid-row: 1 / 3;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity :is(
    .recent-item__artwork,
    .recent-item__artwork-fallback
  ) {
    width: 42px;
    max-width: 42px;
    height: 42px;
    max-height: 42px;
    flex-basis: 42px;
    border-radius: 10px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__name-text {
    font-size: 0.81rem;
    font-weight: 800;
    line-height: 1.2;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__meta,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item time {
    font-size: 0.68rem;
    line-height: 1.2;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item time {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__replay {
    width: 74px;
    min-width: 74px;
    min-height: 36px;
    height: 36px;
    display: inline-flex;
    grid-column: 2;
    grid-row: 2;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 10px;
    font-size: 0.69rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__replay-icon {
    width: 15px;
    height: 15px;
    display: grid;
    flex: 0 0 15px;
    place-items: center;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__replay-icon svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .desktop-operations-utility-summary .desktop-operations-section--health {
    padding: 11px 12px;
    display: block;
  }

  .desktop-operations-utility-summary
  .desktop-operations-section--health .desktop-operations-section__heading {
    min-height: 28px;
    display: flex;
  }

  .desktop-operations-utility-summary
  .desktop-operations-section--health .desktop-operations-summary {
    min-width: 0;
  }

  .desktop-operations-utility-summary
  .desktop-operations-section--health .desktop-operations-health {
    min-width: 0;
    margin: 5px 0 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .desktop-operations-utility-summary
  .desktop-operations-section--health .desktop-operations-health__row {
    min-width: 0;
    min-height: 36px;
    padding: 5px 7px;
    gap: 7px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--panel-soft);
  }

  .desktop-operations-utility-summary
  .desktop-operations-section--health .desktop-operations-health__row dt {
    font-size: 0.69rem;
  }

  .desktop-operations-utility-summary
  .desktop-operations-section--health .desktop-operations-health__row
  .receiver-health-badge {
    min-height: 22px;
    padding: 2px 7px;
    font-size: 0.62rem;
  }

  .desktop-operations-utility-summary
  .desktop-operations-section--health .desktop-operations-health__updated {
    display: none;
  }
}

@media (min-width: 1280px) {
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-grid {
    grid-template-columns: minmax(420px, 440px) minmax(0, 1fr);
  }

  .desktop-operations-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "activity activity"
      "alerts highlights";
  }
}

@media (min-width: 1440px) {
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-grid {
    grid-template-columns: minmax(430px, 450px) minmax(0, 1fr);
    align-items: stretch;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-utility {
    align-self: start;
  }

  .desktop-operations-primary {
    min-height: 0;
    height: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas: "activity alerts highlights";
    grid-template-rows: minmax(0, 1fr);
    align-content: stretch;
    align-items: stretch;
    overflow: hidden;
    contain: size;
  }

  .desktop-operations-primary > .desktop-operations-activity,
  .desktop-operations-primary > .desktop-operations-section {
    min-height: 0;
    height: 100%;
    align-self: stretch;
  }

  .desktop-operations-feed-body {
    min-height: 0;
    max-height: none;
    flex: 1 1 auto;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-section {
    min-height: 0;
    height: auto;
    flex: 1 1 auto;
    align-self: stretch;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .activity-pane--recent {
    min-height: 0;
    height: 100%;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-list {
    min-height: 0;
    height: 100%;
    max-height: none;
    flex: 1 1 auto;
    align-content: start;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-section[data-state="empty"] .empty-state {
    width: 100%;
    min-height: 64px;
    height: auto;
    align-self: flex-start;
  }
}


/* Desktop operations workspace v7 direct polish ----------------------------
 * Direct visual cleanup only. Mobile/PWA <=1099px remains authoritative.
 */
@media (min-width: 1100px) {

  /*
   * Scanner density:
   * V6's fixed 240px composition leaves an unnecessarily large dead center.
   * Keep the native hierarchy but compress the middle identity region.
   */
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display {
    min-height: 216px;
    height: 216px;
    max-height: 216px;
    grid-template-rows: 76px 80px 60px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__talkgroup,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="paused"] .scanner-display__talkgroup,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display[data-state="avoided"] .scanner-display__talkgroup {
    font-size: 1.24rem;
    line-height: 1.12;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__metadata {
    margin-top: 5px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-display__metadata :is(
    .scanner-display__system,
    .scanner-display__details,
    .scanner-display__listener-meta
  ) {
    font-size: 0.79rem;
  }

  /*
   * QUEUE 3, not QUEUE3.
   * Whitespace text nodes do not create a visual gap inside flex/grid pills,
   * so make the spacing explicit.
   */
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .queue-count {
    column-gap: 4px;
    gap: 4px;
  }

  /*
   * Scanner status/error messages must never participate in workspace flow.
   * They remain aria-live, but visually behave as a transient desktop toast.
   */
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-message {
    position: fixed;
    inset: auto 18px 18px auto;
    z-index: 1000;
    box-sizing: border-box;
    width: min(380px, calc(100vw - 36px));
    min-height: 0;
    max-height: 96px;
    margin: 0;
    padding: 8px 10px;
    overflow: auto;
    border: 1px solid var(--border-strong);
    border-radius: 10px;
    background: var(--panel);
    color: var(--text);
    font-size: 0.76rem;
    line-height: 1.3;
    pointer-events: none;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument .scanner-message:empty {
    display: none;
  }

  /*
   * Recent Activity has room for a real timestamp. Give the right rail enough
   * width and forbid the current ellipsis treatment.
   */
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item {
    grid-template-columns: minmax(0, 1fr) 150px;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item time {
    width: max-content;
    max-width: none;
    justify-self: end;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
    font-size: 0.68rem;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-activity .recent-item__replay {
    justify-self: end;
  }

  /*
   * Compact Alerts feed is identity + type + time only.
   * Full alert text belongs in the existing alert detail experience.
   */
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-alert__details {
    display: none;
  }
}

/* V8 Archive final authority: later than every inherited desktop layout. */
@media (min-width: 1100px) {
  body[data-layout="desktop"][data-site-view="archive"]
  .archive-stage--latest:not([hidden]) {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    margin: 18px 0 10px;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-browse-card {
    min-height: 58px;
    margin: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-call-stage {
    margin-top: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: auto auto auto auto auto minmax(0, 1fr);
    align-items: start;
    gap: 10px 12px;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-controls {
    position: static;
    top: auto;
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    align-items: end;
    gap: 10px;
    margin: 0;
    padding: 12px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-call-stage[data-mode="latest"] .archive-controls {
    margin-top: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-jump-date {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-latest-actions {
    grid-column: 2;
    grid-row: 1;
    min-height: 100%;
    margin: 0;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 8px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-latest-actions > button {
    min-height: 48px;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-message {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-statistics {
    grid-column: 1 / -1;
    grid-row: 4;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-player {
    grid-column: 1 / -1;
    grid-row: 5;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-results-pane {
    min-width: 0;
    display: flex;
    grid-column: 1 / -1;
    grid-row: 6;
    flex-direction: column;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-results-heading {
    min-height: 64px;
    margin: 0;
    padding: 6px 0 12px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    border-top: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"] #archive-empty,
  body[data-layout="desktop"][data-site-view="archive"] .archive-results {
    width: 100%;
    min-height: 180px;
    max-height: calc(100dvh - 330px);
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-results {
    gap: 8px;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-result {
    min-height: 68px;
    padding: 10px 12px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border-radius: 14px;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-result__play {
    align-self: center;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-result__body {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: auto 5px;
    align-items: center;
    gap: 8px 20px;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-result__topline {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    min-height: 40px;
    align-items: center;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  :is(.archive-result__artwork-slot, .archive-result__artwork) {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-result__artwork {
    border-radius: 9px;
    object-fit: contain;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-result__name {
    min-height: 0;
    overflow: hidden;
    font-size: 0.9rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-result__meta-row {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  :is(.archive-result__timestamp, .archive-result__time) {
    flex: 0 0 auto;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-result__progress {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0;
  }
}

@media (min-width: 1100px) and (max-width: 1279px) {
  body[data-layout="desktop"][data-site-view="archive"] .archive-call-stage {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-latest-actions {
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
    justify-content: flex-start;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-jump-date {
    grid-row: 3;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-message {
    grid-row: 4;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-statistics {
    grid-row: 5;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-player {
    grid-row: 6;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-results-pane {
    grid-row: 7;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-result__body {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
  }
}

/* V9 desktop destination and density authority. */
@media (min-width: 1100px) {
  /* The canonical Highlights feed may be prepared without becoming a route. */
  body[data-layout="desktop"]
  .site-view--highlights.desktop-highlight-detail-primer {
    position: fixed;
    z-index: -1;
    inset: 0;
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  /* Responsive density yields three columns near 1100px and four when wide. */
  body[data-layout="desktop"] .talkgroup-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 8px;
  }

  body[data-layout="desktop"] .talkgroup-option {
    min-height: 54px;
    padding: 7px 10px;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
  }

  body[data-layout="desktop"]
  .talkgroup-option__selected-indicator svg {
    width: 12px;
    height: 12px;
  }

  /* Settings reuses the dialog-owned shell as a normal desktop destination. */
  body[data-layout="desktop"] .desktop-settings-panel {
    box-sizing: border-box;
    width: min(100%, 1280px);
    margin-inline: auto;
    padding: clamp(22px, 2.4vw, 36px);
  }

  body[data-layout="desktop"] #desktop-settings-host.settings-dialog--app {
    width: 100%;
    max-width: none;
    max-height: none;
    overflow: visible;
    background: transparent;
  }

  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-shell {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 0;
    display: grid;
    grid-template-rows: auto auto;
    overflow: visible;
    border: 1px solid var(--border);
    border-radius: 18px;
    color: var(--text);
    background: var(--panel);
    box-shadow: var(--shadow-soft);
  }

  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-header {
    min-height: 86px;
    padding: 14px 16px;
    grid-template-columns: 52px minmax(0, 1fr);
    border-bottom: 1px solid var(--line);
  }

  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-close {
    display: none;
  }

  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-content {
    min-height: 0;
    padding: 20px;
    display: grid;
    grid-template-columns: minmax(280px, 0.78fr) minmax(380px, 1.22fr);
    grid-template-rows: auto auto;
    align-items: start;
    gap: 18px 22px;
    overflow: visible;
  }

  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-section {
    min-width: 0;
    margin-top: 0;
  }

  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-section--appearance {
    grid-column: 1;
    grid-row: 1;
  }

  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-section--install {
    grid-column: 1;
    grid-row: 2;
  }

  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-section--access {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-access-form {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
  }

  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-unlock {
    min-width: 112px;
  }

  /* Routed destinations rely on the rail, not modal-style return controls. */
  body[data-layout="desktop"] .desktop-notifications-heading {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  body[data-layout="desktop"]
  .menu-destination-sheet--status
  .receiver-health-heading.menu-destination-sheet__header,
  body[data-layout="desktop"]
  .menu-destination-sheet--help .menu-destination-sheet__header {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  body[data-layout="desktop"]
  .menu-destination-sheet--status .menu-destination-sheet__close,
  body[data-layout="desktop"]
  .menu-destination-sheet--help .menu-destination-sheet__close {
    display: none;
  }

  /* Compact Archive cards use rows efficiently in both browse modes. */
  body[data-layout="desktop"][data-site-view="archive"] .archive-results {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: minmax(78px, auto);
    align-content: start;
    gap: 10px;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-result {
    min-height: 78px;
    padding: 9px 10px;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__play {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    border-radius: 12px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto 4px;
    gap: 4px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__topline {
    grid-column: 1;
    grid-row: 1;
    min-height: 36px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  :is(.archive-result__artwork-slot, .archive-result__artwork) {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__artwork-slot {
    margin-right: 8px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__name {
    display: -webkit-box;
    min-height: 0;
    overflow: hidden;
    font-size: 0.84rem;
    line-height: 1.2;
    text-overflow: clip;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__meta-row {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    justify-content: space-between;
    gap: 8px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__progress {
    grid-column: 1;
    grid-row: 3;
    height: 4px;
    margin: 0;
  }

  /* Avoid remains subdued while its icon and label carry the danger accent. */
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #avoid-call:not(:disabled) {
    border-color: color-mix(in srgb, var(--danger) 42%, var(--border));
    color: var(--danger);
    background: var(--subtle-button);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #avoid-call:not(:disabled)
  .scanner-action-button__icon {
    border-color: color-mix(in srgb, var(--danger) 48%, var(--border));
    color: var(--danger);
    background: color-mix(in srgb, var(--danger) 9%, transparent);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #avoid-call:hover:not(:disabled),
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #avoid-call:active:not(:disabled) {
    background: color-mix(in srgb, var(--danger) 5%, var(--subtle-button));
  }
}

@media (min-width: 1280px) {
  body[data-layout="desktop"][data-site-view="archive"] .archive-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* V10 desktop density and polish authority.
 *
 * V9 routing/workspace architecture remains authoritative. This pass only
 * tightens desktop presentation at >=1100px; frozen mobile/PWA styles remain
 * untouched.
 */
@media (min-width: 1100px) {
  /*
   * Native-matching scanner controls.
   *
   * Enabled Pause/Skip/Hold/Avoid share one neutral button surface.
   * Avoid communicates danger only through its prohibition icon.
   */
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #pause-call:not(:disabled):not([data-active="true"]),
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #skip-call:not(:disabled),
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #hold-call:not(:disabled):not([data-selected="true"]),
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #avoid-call:not(:disabled) {
    border-color: var(--border-strong);
    color: var(--text);
    background: var(--panel);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #pause-call:not(:disabled):not([data-active="true"])
  .scanner-action-button__icon,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #skip-call:not(:disabled)
  .scanner-action-button__icon,
  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #hold-call:not(:disabled):not([data-selected="true"])
  .scanner-action-button__icon {
    border-color: color-mix(in srgb, var(--accent) 48%, var(--border));
    color: var(--accent);
    background: color-mix(in srgb, var(--accent) 9%, transparent);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #avoid-call:not(:disabled)
  .scanner-action-button__icon {
    border-color: color-mix(in srgb, var(--danger) 48%, var(--border));
    color: var(--danger);
    background: color-mix(in srgb, var(--danger) 9%, transparent);
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #avoid-call:disabled {
    border-color: var(--border);
    color: var(--text-muted);
    background: var(--subtle-button);
    opacity: 1;
  }

  body[data-layout="desktop"][data-site-view="scanner"][data-scanner-layout="workspace"]
  .desktop-operations-instrument #avoid-call:disabled
  .scanner-action-button__icon {
    border-color: var(--border);
    color: var(--text-muted);
    background: transparent;
  }

  /*
   * Destination width discipline.
   *
   * Extra desktop width creates structure instead of gigantic cards.
   */
  body[data-layout="desktop"] .archive-panel {
    width: min(100%, 1180px);
    margin-inline: auto;
  }

  body[data-layout="desktop"] .talkgroups-panel {
    width: min(100%, 1280px);
    margin-inline: auto;
  }

  body[data-layout="desktop"] .desktop-notifications-panel {
    width: min(100%, 1180px);
    margin-inline: auto;
    padding: clamp(18px, 2vw, 28px);
  }

  body[data-layout="desktop"] .desktop-settings-panel {
    width: min(100%, 1120px);
    margin-inline: auto;
  }

  body[data-layout="desktop"]
  .site-view--receiver-health .receiver-health-panel {
    box-sizing: border-box;
    width: min(100%, 1280px);
    margin-inline: auto;
  }

  /*
   * Notifications.
   *
   * Remove the empty subscribed toggle slot, redundant county checkmarks,
   * excessive vertical row height, and oversized destructive slab.
   */
  body[data-layout="desktop"]
  #desktop-notifications-host #ean-alert-notifications-toggle[hidden] {
    display: none !important;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host
  .ean-notification-header__actions:has(#ean-alert-notifications-toggle[hidden]) {
    display: none;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-county__check {
    display: none;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-row {
    min-height: 58px;
    padding-block: 9px;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host #ean-alert-topic-preferences-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host
  .ean-notification-group:has(
    .ean-notification-group__icon.ean-notification-icon--fire
  ) {
    grid-column: 1 / -1;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host
  .ean-notification-group:has(
    .ean-notification-group__icon.ean-notification-icon--fire
  ) .ean-notification-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
    border: 0;
    background: transparent;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host
  .ean-notification-group:has(
    .ean-notification-group__icon.ean-notification-icon--fire
  ) .ean-notification-row {
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--panel-soft);
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-delete {
    box-sizing: border-box;
    width: min(100%, 720px);
    margin: 16px auto 0;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px 16px;
    border: 1px solid var(--border);
    border-left: 3px solid #b4232d;
    border-radius: 14px;
    color: var(--text);
    background: var(--panel-soft);
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-delete__heading {
    grid-column: 1;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-delete__heading strong,
  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-delete__icon {
    color: #b4232d;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-delete p {
    grid-column: 1;
    margin: 4px 0 0;
    color: var(--text-muted);
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-delete__button {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-height: 38px;
    margin: 0;
    white-space: nowrap;
  }

  /*
   * System Status.
   *
   * receiver-health.css owns a legacy flex heading. V10 explicitly makes the
   * desktop destination header a grid so the title can no longer drift to the
   * opposite side of the panel.
   */
  body[data-layout="desktop"]
  .menu-destination-sheet--status
  .receiver-health-heading.menu-destination-sheet__header {
    min-height: 88px;
    margin: 0 0 14px;
    padding: 14px 16px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    justify-content: stretch;
    gap: 12px;
    flex-wrap: nowrap;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--panel);
    box-shadow: var(--shadow-soft);
  }

  body[data-layout="desktop"]
  .menu-destination-sheet--status
  .receiver-health-heading .menu-destination-sheet__icon {
    grid-column: 1;
  }

  body[data-layout="desktop"]
  .menu-destination-sheet--status
  .receiver-health-heading .menu-destination-sheet__copy {
    grid-column: 2;
    min-width: 0;
    justify-self: stretch;
    text-align: left;
  }

  body[data-layout="desktop"]
  .menu-destination-sheet--status .receiver-health-actions {
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 14px;
  }

  /*
   * Settings uses the same canonical controls, but the desktop projection is
   * width-bounded and relies on grid gaps instead of mobile section margins.
   */
  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-section + .settings-native-section {
    margin-top: 0;
  }
}

@media (min-width: 1440px) {
  /*
   * Two masonry-like columns of Talkgroup groups. Each group remains intact;
   * its already-dense talkgroup grid naturally resolves to roughly two cards
   * per group column.
   */
  body[data-layout="desktop"][data-desktop-talkgroups="true"]
  #talkgroup-results {
    display: block;
    columns: 2;
    column-gap: 12px;
  }

  body[data-layout="desktop"][data-desktop-talkgroups="true"]
  #talkgroup-results .system-group {
    break-inside: avoid;
    margin: 0 0 12px;
  }

  body[data-layout="desktop"][data-desktop-talkgroups="true"]
  #talkgroup-results .system-group + .system-group {
    margin-top: 0;
  }

  /*
   * Wider county picker uses its available horizontal space instead of making
   * each county control excessively wide.
   */
  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-county-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /*
   * Settings becomes three compact columns at genuinely wide desktop sizes.
   */
  body[data-layout="desktop"]
  #desktop-settings-host .settings-native-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: 18px;
  }

  body[data-layout="desktop"]
  #desktop-settings-host :is(
    .settings-native-section--appearance,
    .settings-native-section--install,
    .settings-native-section--access
  ) {
    grid-column: auto;
    grid-row: auto;
  }

  /*
   * Archive calls become three compact cards instead of two oversized rows.
   */
  body[data-layout="desktop"][data-site-view="archive"] .archive-results {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* V11 desktop cleanup authority.
 *
 * Surgical follow-up to V10 browser acceptance:
 * - remove redundant per-row notification category icons;
 * - align notification copy/switches;
 * - render the System Status pulse icon intentionally;
 * - vertically center Talkgroup artwork and selected-state affordances.
 */
@media (min-width: 1100px) {
  /*
   * Notification group banners already communicate Incident / Weather /
   * Fire & EMS category. Repeating that same category glyph on every
   * preference row adds noise and pushes the copy toward the center.
   */
  body[data-layout="desktop"]
  #desktop-notifications-host
  .ean-notification-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    justify-content: initial;
    gap: 12px;
    text-align: left;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host
  .ean-notification-row > .ean-notification-icon {
    display: none;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host
  .ean-notification-row__copy {
    grid-column: 1;
    min-width: 0;
    justify-self: stretch;
    text-align: left;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host
  .ean-notification-switch {
    grid-column: 2;
    justify-self: end;
  }

  /*
   * The receiver-health heading already contains a pulse SVG. The legacy
   * destination styles never assigned SVG stroke presentation, leaving the
   * path to render as a small black filled shape.
   */
  body[data-layout="desktop"]
  .menu-destination-sheet--status
  .receiver-health-heading
  .menu-destination-sheet__icon {
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border-strong);
    border-radius: 14px;
    color: var(--accent);
    background: var(--panel-soft);
  }

  body[data-layout="desktop"]
  .menu-destination-sheet--status
  .receiver-health-heading
  .menu-destination-sheet__icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  /*
   * Talkgroup artwork is already vertically centered in the left column.
   * The selected checkmark lives inside the title row, which made it ride
   * high. Position it against the card itself so both edge affordances share
   * one vertical centerline.
   */
  body[data-layout="desktop"]
  .talkgroup-option {
    position: relative;
  }

  body[data-layout="desktop"]
  .talkgroup-option__copy,
  body[data-layout="desktop"]
  .talkgroup-option__header,
  body[data-layout="desktop"]
  .talkgroup-option__name,
  body[data-layout="desktop"]
  .talkgroup-option__meta-row {
    text-align: left;
  }

  body[data-layout="desktop"]
  .talkgroup-option__selected-indicator {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: 0;
    transform: translateY(-50%);
  }
}


/* Desktop operations workspace v12 final tidy */
@media (min-width: 1100px) {
  /*
    Notification rows:
    - restore meaningful left-side topic icons on desktop
    - align copy on the left and toggles on the right
  */
  body[data-layout="desktop"] .notifications-topic-toggle,
  body[data-layout="desktop"] .notifications-topic-card,
  body[data-layout="desktop"] .notifications-topic-row,
  body[data-layout="desktop"] .notifications-preference-row,
  body[data-layout="desktop"] .ean-notification-topic-row,
  body[data-layout="desktop"] .ean-notification-toggle-row {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) auto !important;
    column-gap: 16px !important;
    align-items: center !important;
  }

  body[data-layout="desktop"] .notifications-topic-toggle__icon,
  body[data-layout="desktop"] .notifications-topic-card__icon,
  body[data-layout="desktop"] .notifications-topic-row__icon,
  body[data-layout="desktop"] .notifications-preference-row__icon,
  body[data-layout="desktop"] .ean-notification-topic-row__icon,
  body[data-layout="desktop"] .ean-notification-toggle-row__icon,
  body[data-layout="desktop"] .notifications-toggle__icon,
  body[data-layout="desktop"] .notification-topic__icon {
    display: inline-flex !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    justify-self: start !important;
    align-self: center !important;
  }

  body[data-layout="desktop"] .notifications-topic-toggle__content,
  body[data-layout="desktop"] .notifications-topic-card__content,
  body[data-layout="desktop"] .notifications-topic-row__content,
  body[data-layout="desktop"] .notifications-preference-row__content,
  body[data-layout="desktop"] .ean-notification-topic-row__content,
  body[data-layout="desktop"] .ean-notification-toggle-row__content,
  body[data-layout="desktop"] .notifications-toggle__body,
  body[data-layout="desktop"] .notification-topic__body {
    min-width: 0 !important;
    justify-self: start !important;
    align-self: center !important;
    text-align: left !important;
  }

  body[data-layout="desktop"] .notifications-topic-toggle__switch,
  body[data-layout="desktop"] .notifications-topic-card__switch,
  body[data-layout="desktop"] .notifications-topic-row__switch,
  body[data-layout="desktop"] .notifications-preference-row__switch,
  body[data-layout="desktop"] .ean-notification-topic-row__switch,
  body[data-layout="desktop"] .ean-notification-toggle-row__switch,
  body[data-layout="desktop"] .notifications-toggle__control,
  body[data-layout="desktop"] .notification-topic__control {
    justify-self: end !important;
    align-self: center !important;
    margin-left: 16px !important;
  }

  body[data-layout="desktop"] .notifications-topic-toggle__icon svg,
  body[data-layout="desktop"] .notifications-topic-card__icon svg,
  body[data-layout="desktop"] .notifications-topic-row__icon svg,
  body[data-layout="desktop"] .notifications-preference-row__icon svg,
  body[data-layout="desktop"] .ean-notification-topic-row__icon svg,
  body[data-layout="desktop"] .ean-notification-toggle-row__icon svg,
  body[data-layout="desktop"] .notifications-toggle__icon svg,
  body[data-layout="desktop"] .notification-topic__icon svg {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
  }

  /*
    Talkgroups:
    - move alpha/system closer to artwork on the left
    - align check vertically with alpha/system on the right
    - align talkgroup type to that same right gutter
  */
  body[data-layout="desktop"] .talkgroup-option,
  body[data-layout="desktop"] .talkgroup-card,
  body[data-layout="desktop"] .talkgroup-selector__item,
  body[data-layout="desktop"] .talkgroup-selector__button,
  body[data-layout="desktop"] .talkgroup-tile {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    grid-template-areas:
      "art title title"
      "art meta-left meta-right" !important;
    column-gap: 14px !important;
    row-gap: 4px !important;
    align-items: center !important;
  }

  body[data-layout="desktop"] .talkgroup-option__artwork,
  body[data-layout="desktop"] .talkgroup-card__artwork,
  body[data-layout="desktop"] .talkgroup-selector__artwork,
  body[data-layout="desktop"] .talkgroup-selector__icon,
  body[data-layout="desktop"] .talkgroup-tile__artwork,
  body[data-layout="desktop"] .talkgroup-option img,
  body[data-layout="desktop"] .talkgroup-card img,
  body[data-layout="desktop"] .talkgroup-selector__item img,
  body[data-layout="desktop"] .talkgroup-selector__button img,
  body[data-layout="desktop"] .talkgroup-tile img {
    grid-area: art !important;
    justify-self: start !important;
    align-self: center !important;
  }

  body[data-layout="desktop"] .talkgroup-option__title,
  body[data-layout="desktop"] .talkgroup-card__title,
  body[data-layout="desktop"] .talkgroup-selector__title,
  body[data-layout="desktop"] .talkgroup-name,
  body[data-layout="desktop"] .talkgroup-tile__title {
    grid-area: title !important;
    justify-self: start !important;
    align-self: end !important;
    text-align: left !important;
    min-width: 0 !important;
  }

  body[data-layout="desktop"] .talkgroup-option__system,
  body[data-layout="desktop"] .talkgroup-card__system,
  body[data-layout="desktop"] .talkgroup-selector__system,
  body[data-layout="desktop"] .talkgroup-system,
  body[data-layout="desktop"] .talkgroup-option__alpha,
  body[data-layout="desktop"] .talkgroup-card__alpha,
  body[data-layout="desktop"] .talkgroup-selector__alpha,
  body[data-layout="desktop"] .talkgroup-alpha,
  body[data-layout="desktop"] .talkgroup-tile__system,
  body[data-layout="desktop"] .talkgroup-tile__alpha {
    grid-area: meta-left !important;
    justify-self: start !important;
    align-self: center !important;
    text-align: left !important;
    margin-left: 0 !important;
  }

  body[data-layout="desktop"] .talkgroup-option__selected,
  body[data-layout="desktop"] .talkgroup-card__selected,
  body[data-layout="desktop"] .talkgroup-selector__selected,
  body[data-layout="desktop"] .talkgroup-selected,
  body[data-layout="desktop"] .talkgroup-tile__selected,
  body[data-layout="desktop"] .talkgroup-option__check,
  body[data-layout="desktop"] .talkgroup-card__check,
  body[data-layout="desktop"] .talkgroup-selector__check,
  body[data-layout="desktop"] .talkgroup-check {
    grid-area: meta-right !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
  }

  body[data-layout="desktop"] .talkgroup-option__type,
  body[data-layout="desktop"] .talkgroup-card__type,
  body[data-layout="desktop"] .talkgroup-selector__type,
  body[data-layout="desktop"] .talkgroup-type,
  body[data-layout="desktop"] .talkgroup-tile__type,
  body[data-layout="desktop"] .talkgroup-option__service,
  body[data-layout="desktop"] .talkgroup-card__service,
  body[data-layout="desktop"] .talkgroup-selector__service,
  body[data-layout="desktop"] .talkgroup-service {
    grid-area: meta-right !important;
    justify-self: end !important;
    align-self: center !important;
    text-align: right !important;
    margin: 0 !important;
  }
}

/* V13 exact rendered-DOM correction. */
@media (min-width: 1100px) {
  /*
   * The notification renderer actually emits:
   *   .ean-notification-icon
   *   .ean-notification-row__copy
   *   .ean-notification-switch
   *
   * Restore those real topic-specific icons and align the three actual
   * children explicitly.
   */
  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-row {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    column-gap: 12px !important;
    text-align: left !important;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host
  .ean-notification-row > .ean-notification-icon {
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    display: grid !important;
    grid-column: 1 !important;
    place-items: center !important;
    justify-self: start !important;
    align-self: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host
  .ean-notification-row > .ean-notification-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-row__copy {
    grid-column: 2 !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    align-self: center !important;
    text-align: left !important;
  }

  body[data-layout="desktop"]
  #desktop-notifications-host .ean-notification-switch {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
  }

  /*
   * V12's guessed talkgroup grid areas are not the real DOM contract.
   * The inline desktop projection now owns the exact layout.
   */
  body[data-layout="desktop"] .talkgroup-option {
    grid-template-areas: none !important;
  }
}

/* EAN V15 DESKTOP ARCHIVE AUTHORITY ---------------------------------------
 * One explicit hierarchy, one compact filter row, and one chronological
 * result column. The canonical Archive renderer and controls remain in place;
 * desktop CSS composes their real IDs/classes without post-render text scans.
 */
@media (min-width: 1100px) {
  body[data-layout="desktop"] .ean-notification-fire-icon--mobile {
    display: none !important;
  }

  body[data-layout="desktop"] .ean-notification-fire-icon--desktop {
    display: block !important;
  }

  body[data-layout="desktop"] .ean-notification-fire-icon--desktop path:first-child {
    fill: currentColor !important;
    stroke: none !important;
  }

  body[data-layout="desktop"] .ean-notification-fire-icon--desktop path:last-child {
    fill: var(--panel) !important;
    stroke: none !important;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-panel {
    box-sizing: border-box;
    width: min(100%, 1280px);
    max-width: 1280px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .menu-destination-sheet__body {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(240px, 0.72fr) max-content;
    grid-template-rows: auto auto auto auto auto auto;
    align-items: start;
    gap: 10px 12px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .desktop-archive-breadcrumb {
    min-width: 0;
    display: block;
    grid-column: 1 / -1;
    grid-row: 1;
    margin: 18px 0 2px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .desktop-archive-breadcrumb__list {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .desktop-archive-breadcrumb__item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .desktop-archive-breadcrumb__item[hidden] {
    display: none !important;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .desktop-archive-breadcrumb__item + .desktop-archive-breadcrumb__item::before {
    content: "/";
    flex: 0 0 auto;
    color: var(--text-muted);
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .desktop-archive-breadcrumb button,
  body[data-layout="desktop"][data-site-view="archive"]
  .desktop-archive-breadcrumb span {
    min-width: 0;
    overflow: hidden;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .desktop-archive-breadcrumb button {
    padding: 3px 0;
    border: 0;
    color: var(--accent-strong);
    background: transparent;
    cursor: pointer;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .desktop-archive-breadcrumb button:disabled {
    color: var(--text-soft);
    cursor: default;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  #archive-breadcrumb-current {
    color: var(--text);
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .desktop-archive-breadcrumb button:focus-visible {
    border-radius: 4px;
    outline: 3px solid color-mix(in srgb, var(--accent) 32%, transparent);
    outline-offset: 3px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-stage--latest:not([hidden]) {
    position: static;
    width: auto;
    display: block;
    grid-column: 1;
    grid-row: 2;
    margin: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-browse-card {
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 8px 12px;
    gap: 10px;
    border-radius: 12px;
    background: var(--panel-soft);
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-browse-card__icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-browse-card__copy > span {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-call-stage {
    display: contents;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-call-stage[hidden] {
    display: none !important;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-controls {
    position: static;
    min-width: 0;
    display: grid;
    grid-column: 1;
    grid-row: 2;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-call-stage[data-mode="latest"] .archive-controls {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-field select,
  body[data-layout="desktop"][data-site-view="archive"]
  .archive-field input {
    min-height: 48px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-jump-date {
    min-width: 0;
    min-height: 48px;
    grid-column: 2;
    grid-row: 2;
    margin: 0;
    padding: 8px 12px;
    border-radius: 12px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-jump-date__label {
    font-size: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-jump-date__label::before {
    content: "Near date & time";
    font-size: 0.76rem;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-jump-date[data-archive-time-mode="latest"]
  .archive-jump-date__value {
    font-size: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-jump-date[data-archive-time-mode="latest"]
  .archive-jump-date__value::before {
    content: "Latest calls";
    font-size: 0.82rem;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-latest-actions {
    min-height: 48px;
    display: flex;
    grid-column: 3;
    grid-row: 2;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0;
    margin: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-call-stage[data-mode="latest"] .archive-latest-actions {
    grid-column: 2;
    justify-content: flex-start;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  :is(.archive-change-agency, .archive-all-recent) {
    display: none !important;
  }

  body[data-layout="desktop"][data-site-view="archive"] #archive-refresh {
    width: auto;
    min-width: 0;
    min-height: 44px;
    height: auto;
    padding: 0 15px;
    border-radius: 11px;
    font-size: 0;
    line-height: 1;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  #archive-refresh::before {
    content: "Refresh";
    font-size: 0.78rem;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-message {
    min-height: 0;
    grid-column: 1 / -1;
    grid-row: 3;
    margin: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-message:not(:empty) {
    padding-top: 2px;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-statistics {
    grid-column: 1 / -1;
    grid-row: 4;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-player {
    grid-column: 1 / -1;
    grid-row: 5;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-results-pane {
    min-width: 0;
    display: flex;
    grid-column: 1 / -1;
    grid-row: 6;
    flex-direction: column;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-results-heading {
    min-height: 58px;
    margin: 0;
    padding: 14px 2px 10px;
    align-items: end;
    border-top: 1px solid var(--line);
  }

  body[data-layout="desktop"][data-site-view="archive"]
  #archive-results-eyebrow,
  body[data-layout="desktop"][data-site-view="archive"]
  #archive-latest-title {
    font-size: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  #archive-results-eyebrow::before {
    content: "Newest to oldest";
    font-size: 0.68rem;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-call-stage[data-mode="latest"] #archive-latest-title::before {
    content: "Recent Calls";
    font-size: 1.25rem;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-call-stage[data-mode="agency"] #archive-latest-title::before {
    content: "Calls";
    font-size: 1.25rem;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-results-heading > #archive-summary {
    margin: 0;
    text-align: right;
  }

  body[data-layout="desktop"][data-site-view="archive"] #archive-empty,
  body[data-layout="desktop"][data-site-view="archive"] .archive-results {
    width: 100%;
    min-height: 0;
    max-height: none;
    margin: 0;
    overflow: visible;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-results {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: max-content;
    align-content: start;
    gap: 0;
    border-top: 1px solid var(--border);
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-result {
    box-sizing: border-box;
    width: 100%;
    min-height: 72px;
    display: grid !important;
    grid-template-columns: minmax(170px, 210px) 44px minmax(0, 1fr) max-content !important;
    grid-template-rows: auto 4px;
    align-items: center;
    gap: 8px 14px;
    margin: 0;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-left: 3px solid transparent;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result:hover {
    border-left-color: var(--border-strong);
    background: var(--panel-soft);
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result[data-playing="true"] {
    border-left-color: var(--accent);
    background: var(--now-bg);
    box-shadow: none;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__play {
    grid-column: 2;
    grid-row: 1 / -1;
    align-self: center;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__body,
  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__meta-row {
    display: contents;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__topline {
    min-width: 0;
    min-height: 40px;
    display: flex;
    grid-column: 3;
    grid-row: 1;
    align-items: center;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  :is(.archive-result__artwork-slot, .archive-result__artwork) {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__artwork {
    border-radius: 9px;
    object-fit: contain;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__name {
    min-height: 0;
    display: block;
    overflow: hidden;
    font-size: 0.9rem;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__timestamp {
    min-width: 0;
    display: block;
    grid-column: 1;
    grid-row: 1;
    overflow: hidden;
    font-size: 0.76rem;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__time {
    grid-column: 4;
    grid-row: 1;
    justify-self: end;
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-result__progress {
    width: 100%;
    height: 4px;
    grid-column: 3 / -1;
    grid-row: 2;
    margin: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-pagination {
    margin-top: 10px;
  }

  body[data-layout="desktop"][data-site-view="archive"] .archive-directory {
    min-width: 0;
    grid-column: 1 / -1;
    grid-row: 2 / span 5;
    margin: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-directory__back {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-directory h2 {
    margin-top: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-directory__results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-directory-card__copy strong[data-desktop-label] {
    font-size: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-directory-card__copy strong[data-desktop-label]::before {
    content: attr(data-desktop-label);
    font-size: 0.93rem;
  }
}

/* EAN V16 DESKTOP ARCHIVE POLISH AUTHORITY ------------------------------
 * The real date/time input is the desktop date control.
 * The legacy jump control becomes a contextual Latest calls reset only
 * while an agency date filter is active.
 * Refresh belongs to the result set, not the navigation/filter strip.
 */
@media (min-width: 1100px) {
  body[data-layout="desktop"][data-site-view="archive"]
  .archive-call-stage[data-mode="agency"] .archive-controls {
    grid-column: 1 / 3;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 12px 14px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  #archive-date-field {
    display: grid;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-jump-date[hidden] {
    display: none !important;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-jump-date:not([hidden]) {
    width: auto;
    min-width: 0;
    min-height: 44px;
    display: inline-flex;
    grid-column: 3;
    grid-row: 2;
    align-self: end;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 14px;
    border-radius: 11px;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-jump-date__label,
  body[data-layout="desktop"][data-site-view="archive"]
  .archive-jump-date__chevron {
    display: none;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-jump-date__value {
    font-size: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-jump-date__value::before {
    content: "Latest calls";
    font-size: 0.78rem;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-latest-actions {
    display: none !important;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-results-heading {
    min-width: 0;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: end;
    column-gap: 14px;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-results-heading > div {
    min-width: 0;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  #archive-results-eyebrow::before {
    display: inline-block;
    white-space: nowrap;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-results-heading > #archive-summary {
    max-width: 360px;
    align-self: center;
    text-align: right;
  }

  body[data-layout="desktop"][data-site-view="archive"]
  .archive-results-heading > #archive-refresh {
    min-height: 40px;
    align-self: center;
    justify-self: end;
    padding-inline: 13px;
  }
}