@media (min-width: 1101px) {
  :root {
    --interface-font: "Segoe UI Variable Display", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    --interface-radius: 8px;
    --interface-heading-leading: 1.35;
    --interface-control-leading: 1.4;
    --interface-positive: #26745f;
    --interface-negative: #9b303d;
    --interface-warning: #8a5a16;
    --interface-muted: #65737d;
  }

  body,
  body :is(h1, h2, h3, h4, button, input, select, textarea),
  html.analysis-gallery body,
  html.analysis-gallery body *,
  html.analysis-gallery body *::before,
  html.analysis-gallery body *::after {
    font-family: var(--interface-font) !important;
  }

  body :is(h1, h2, h3, h4) {
    line-height: var(--interface-heading-leading);
    font-weight: 650;
  }

  :is(.definition-button, .workspace-actions > a, .workspace-actions > button,
      .panel-header > button, .panel-header > a, .training-filter-actions > button) {
    border-radius: var(--interface-radius);
    line-height: var(--interface-control-leading);
  }

  :is(.analysis-kpi, .metric-card, .commerce-monitor, .training-metric-card,
      .drill-detail-table, .workspace-table) {
    font-variant-numeric: tabular-nums;
  }

  .workspace-readonly-boundary { padding: 10px 16px; }
  .workspace-readonly-boundary > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; }
  .workspace-readonly-boundary :is(strong, p) { margin: 0; }

  :is(.panel-header, .module-header, .workspace-heading, .analysis-card > .card-title) { gap: 12px; }
  .workspace-actions { gap: 8px; }
  #dashboardScene .scope-context-line > b {
    max-width: none;
    flex-shrink: 0;
  }
  #dashboardScene .scope-context-line > span { flex-shrink: 0; }
  #dashboardScene #dailyReviewCard {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
  }
  #dailyReviewCard .module-header { align-items: center; margin-bottom: 8px; }
  #dailyReviewCard .custom-module-header-actions { display: flex; flex-direction: row; align-items: center; gap: 10px; }
  #dailyReviewCard .daily-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: auto;
    min-height: 0;
    gap: 8px;
    align-items: stretch;
    justify-content: normal;
  }
  #dailyReviewCard.is-scope-restricted .daily-layout { display: none; }
  #dailyReviewCard .daily-score-row { grid-template-columns: 80px minmax(0, 1fr); gap: 12px; }
  #dailyReviewCard .score-orbit { width: 76px; height: 76px; }
  #dailyReviewCard .score-orbit strong { font-size: 24px; }
  #dailyReviewCard .daily-stats { gap: 5px 8px; }
  #dailyReviewCard .daily-stat { padding: 5px 9px; }
  #dailyReviewCard .daily-stat strong { font-size: 16px; line-height: 1.15; margin-top: 3px; }
  #dailyReviewCard .daily-role-block {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 5px;
    min-height: 0;
    padding: 7px 9px;
  }
  #dailyReviewCard .daily-subhead { margin: 0; }
  #dailyReviewCard .daily-role-averages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 4px 16px;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(200, 166, 106, .42) transparent;
  }
  #dailyReviewCard .daily-role-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px 48px;
    gap: 5px;
    line-height: 18px;
    font-size: 11px;
  }
  #dailyReviewCard .daily-role-item strong { margin: 0; text-align: right; }
  #dailyReviewCard .daily-role-item small { font-size: 10px; text-align: right; }
  #dailyReviewCard .daily-rule { margin: 0; padding: 3px 6px; line-height: 1.4; }
  #dashboardScene #operationGuideButton {
    border-color: rgba(200, 166, 106, .3) !important;
    background: linear-gradient(145deg, rgba(200, 166, 106, .12), rgba(200, 166, 106, .04)) !important;
    color: var(--gold-hi) !important;
  }
  #dashboardScene #operationGuideButton:hover,
  #dashboardScene #operationGuideButton[aria-expanded="true"] {
    border-color: rgba(200, 166, 106, .6) !important;
    background: rgba(200, 166, 106, .18) !important;
  }
  :is(.definition-button, .workspace-actions > a, .workspace-actions > button, .action-button) { min-height: 32px; }

  body .status-chip { color: var(--interface-positive); background: #e1f3ee; border-color: #b9d9cf; }
  body .status-chip.is-warning { color: var(--interface-warning); background: #fbeddc; border-color: #e4cbab; }
  body .status-chip.is-risk { color: var(--interface-negative); background: #f9e8ea; border-color: #e8bec5; }
  body .status-chip:is(.is-neutral, .is-muted) { color: var(--interface-muted); background: #edf2f3; border-color: #d9e2e4; }
  body .status-chip.is-blue { color: #24798b; background: #dff5f7; border-color: #bcdde2; }
  html.analysis-gallery .delta-up { color: var(--interface-positive) !important; }
  html.analysis-gallery .delta-down { color: var(--interface-negative) !important; }
  html.analysis-gallery .delta-flat { color: var(--interface-muted) !important; }
}

@media (min-width: 1101px) {
  body[data-workspace] .workspace-app header.workspace-topbar {
    box-sizing: border-box; grid-template-columns: 276px minmax(0, 1fr) 540px;
    align-items: center; gap: 20px; height: 84px; min-height: 84px; padding: 10px 24px;
  }
  body[data-workspace] .workspace-topbar nav.workspace-switcher {
    box-sizing: border-box; justify-self: start; align-items: stretch;
    width: 100%; max-width: 840px; height: 64px; margin: 0; padding: 5px; gap: 4px;
  }
  body[data-workspace] .workspace-topbar nav.workspace-switcher > button {
    box-sizing: border-box; min-width: 0; min-height: 52px; height: 52px;
    align-content: center; padding: 8px 10px;
  }
  body[data-workspace] .workspace-topbar .workspace-actions {
    display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0;
  }
  body[data-workspace] .workspace-topbar .workspace-actions > :is(button, a) {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 auto; height: 36px; min-height: 36px; padding: 0 12px;
    border: 1px solid #dfe5ed !important; border-radius: 6px;
    background: #fff !important; color: #536479 !important;
    font-size: 12px; font-weight: 500; line-height: 1; white-space: nowrap;
    text-decoration: none; box-shadow: none;
  }
  body[data-workspace] .workspace-topbar .workspace-actions > :is(button, a):hover {
    background: #f2f5fa !important; border-color: #becbdf !important; color: #385b91 !important;
  }
  body[data-workspace] .workspace-topbar .workspace-actions > #pageSwitcher { order: 0; }
  body[data-workspace] .workspace-topbar .workspace-actions > #operationGuideButton { order: 1; }
  body[data-workspace] .workspace-topbar .workspace-actions > :is([data-return-overview], a) { order: 2; }
  body[data-workspace] .workspace-topbar .workspace-actions > :is([data-open-maintenance], [data-commercial-action]) { order: 3; }
  body[data-workspace] .workspace-topbar .workspace-actions > .workspace-user {
    order: 4; width: auto; min-width: 48px; max-width: 100px; overflow: hidden;
    background: #f2f5fa !important; color: #385b91 !important; border-radius: 6px;
  }
  body[data-workspace] .workspace-shell .workspace-sidebar { top: 84px; height: calc(100vh - 84px); }
  body[data-workspace] .workspace-app .workspace-shell { grid-template-columns: 236px minmax(0, 1fr); }
  body[data-workspace] .workspace-shell .workspace-sidebar {
    padding: 28px 16px 22px; background: #fff; color: #536174;
    border: 0; border-right: 1px solid #e5e9ef; box-shadow: none;
  }
  body[data-workspace] .workspace-sidebar .sidebar-context {
    box-sizing: border-box; min-height: 138px; padding: 4px 12px 24px;
    border: 0; border-bottom: 1px solid #e8ecf1; border-radius: 0;
    background: transparent; box-shadow: none;
  }
  body[data-workspace] .workspace-sidebar .sidebar-context > span { color: #8a95a5; font-size: 11px; letter-spacing: .08em; }
  body[data-workspace] .workspace-sidebar .sidebar-context > strong {
    display: block; margin: 10px 0; color: #233247; font-size: 20px;
    font-weight: 600; line-height: 1.4; letter-spacing: 0;
  }
  body[data-workspace] .workspace-sidebar .sidebar-context > small { color: #8490a1; font-size: 11px; line-height: 1.8; }
  body[data-workspace] .workspace-sidebar nav.workspace-nav { display: grid; gap: 6px; margin: 20px 0 0; }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a {
    --nav-accent: #526fa9; --nav-soft: #edf2fb;
    box-sizing: border-box; display: grid; grid-template-columns: 28px minmax(0, 1fr) 18px;
    align-items: center; gap: 10px; height: 48px; min-height: 48px;
    margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: 8px;
    color: #637084; background: transparent; box-shadow: none; transform: none; transition: none;
  }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a[href*="workspace-training"] { --nav-accent: #477d73; --nav-soft: #edf5f2; }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a[href*="workspace-demand"] { --nav-accent: #75669a; --nav-soft: #f2eff8; }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a[href*="workspace-data"] { --nav-accent: #4f7d98; --nav-soft: #edf4f8; }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a[href*="workspace-commercial"] { --nav-accent: #52796b; --nav-soft: #eef5f1; }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a > i {
    width: 28px; height: 28px; border-radius: 6px; color: var(--nav-accent);
    background: var(--nav-soft); font-size: 11px; font-weight: 500;
  }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a > span { font-size: 13px; font-weight: 500; line-height: 20px; letter-spacing: 0; }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a > small { display: block; color: #a0a9b7; font-size: 10px; text-align: right; }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a:hover { color: #34465d; background: #f6f8fb; transform: none; box-shadow: none; }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a.is-active {
    color: var(--nav-accent); background: var(--nav-soft); border-color: transparent;
    box-shadow: none; transform: none;
  }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a.is-active > i { color: #fff; background: var(--nav-accent); }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a.is-active > span { font-weight: 600; }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a.is-active > small { color: var(--nav-accent); }
  body[data-workspace] .workspace-sidebar nav.workspace-nav a:focus-visible { outline: 2px solid var(--nav-accent); outline-offset: 2px; }
}