/*
 * Aeronex logistics workspace V3
 *
 * A dense operations layout: navigation, identity and metrics are grouped by
 * alignment and dividers. Borders are reserved for forms and actionable tools.
 */

body.ops-workspace {
  --ops-sidebar-width: 244px;
  --ops-space-xs: 4px;
  --ops-space-sm: 8px;
  --ops-space-md: 12px;
  --ops-space-lg: 16px;
  --ops-space-xl: 24px;
  --ops-space-2xl: 32px;
  --ops-text-caption: 0.75rem;
  --ops-text-ui: 0.8125rem;
  --ops-text-body: 0.875rem;
  --ops-text-subheading: 1rem;
  --ops-text-heading: 1.375rem;
  --ops-canvas: #0d1114;
  --ops-sidebar: #101518;
  --ops-surface: #151a1e;
  --ops-surface-raised: #1a2025;
  --ops-surface-soft: #20272c;
  --ops-border: #2b343a;
  --ops-border-strong: #46545d;
  --ops-ink: #edf1f3;
  --ops-muted: #a8b2b8;
  --ops-subtle: #7f8b92;
  --ops-accent: #4f9aa5;
  --ops-accent-strong: #82bbc2;
  font-size: 1rem;
  line-height: 1.45;
  font-kerning: normal;
  font-variant-numeric: tabular-nums;
}

body.ops-workspace.ops-light {
  --ops-canvas: #f3f5f6;
  --ops-sidebar: #f8f9f9;
  --ops-surface: #ffffff;
  --ops-surface-raised: #f4f6f7;
  --ops-surface-soft: #eceff1;
  --ops-border: #d5dce0;
  --ops-border-strong: #aebbc2;
  --ops-ink: #1b282f;
  --ops-muted: #5a6a73;
  --ops-subtle: #75838b;
  --ops-accent: #2d7480;
  --ops-accent-strong: #245f69;
}

/* The sidebar width and app grid must share one source of truth. */
body.ops-workspace .app-shell {
  grid-template-columns: var(--ops-sidebar-width) minmax(0, 1fr) !important;
}

body.ops-workspace .sidebar {
  position: sticky !important;
  top: 0;
  align-self: start;
  width: var(--ops-sidebar-width) !important;
  height: 100vh;
  height: 100dvh;
  min-height: 0 !important;
  padding: var(--ops-space-lg) var(--ops-space-md) !important;
  gap: 0 !important;
  overflow: hidden;
  overscroll-behavior: contain;
  box-shadow: none !important;
}

body.ops-workspace .sidebar .brand {
  gap: var(--ops-space-sm);
  margin: 0 0 var(--ops-space-sm) !important;
  padding: 0 var(--ops-space-sm) var(--ops-space-lg) !important;
  border-bottom: 1px solid var(--ops-border);
}

body.ops-workspace .sidebar .brand-mark.small {
  width: 38px;
  height: 38px;
  border-radius: 6px;
  font-size: var(--ops-text-subheading);
}

body.ops-workspace .sidebar .brand strong {
  font-size: var(--ops-text-body) !important;
  line-height: 1.25;
}

body.ops-workspace .sidebar .brand span {
  margin-top: 2px;
  font-size: var(--ops-text-caption) !important;
}

body.ops-workspace .sidebar nav {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  gap: 2px;
  margin-bottom: 0;
  padding-bottom: var(--ops-space-sm);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

body.ops-workspace .nav-item,
body.ops-workspace .sidebar-subnav button,
body.ops-workspace .backend-scope-nav button,
body.ops-workspace .sidebar-query-shortcuts .sidebar-query-card {
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ops-muted) !important;
}

body.ops-workspace .nav-item {
  min-height: 40px;
  gap: 10px;
  padding: 0 10px !important;
  font-size: var(--ops-text-body);
  font-weight: 650;
}

body.ops-workspace .nav-item svg,
body.ops-workspace .sidebar-subnav svg {
  width: 16px;
  height: 16px;
}

body.ops-workspace .nav-item:hover,
body.ops-workspace .sidebar-subnav button:hover,
body.ops-workspace .backend-scope-nav button:hover,
body.ops-workspace .sidebar-query-shortcuts .sidebar-query-card:hover {
  background: var(--ops-surface-raised) !important;
  color: var(--ops-ink) !important;
}

body.ops-workspace .nav-item.active,
body.ops-workspace .sidebar-subnav button.active,
body.ops-workspace .backend-scope-nav button.active,
body.ops-workspace .sidebar-query-shortcuts .sidebar-query-card.active {
  background: color-mix(in srgb, var(--ops-accent) 13%, var(--ops-sidebar)) !important;
  color: var(--ops-ink) !important;
}

body.ops-workspace .sidebar-subnav,
body.ops-workspace .backend-scope-nav {
  gap: 1px !important;
  margin: 2px 0 var(--ops-space-sm) 18px !important;
  padding: 2px 0 2px 8px !important;
  border-left: 1px solid var(--ops-border) !important;
  background: transparent !important;
}

body.ops-workspace .sidebar-subnav.nested-subnav {
  margin: 0 0 2px 14px !important;
}

body.ops-workspace .sidebar-subnav button,
body.ops-workspace .sidebar-query-shortcuts .sidebar-query-card {
  min-height: 34px !important;
  padding: 6px 8px !important;
  gap: 8px !important;
  font-size: var(--ops-text-ui) !important;
  text-align: left;
}

body.ops-workspace .backend-scope-nav button {
  min-height: 42px !important;
  padding: 6px 8px !important;
}

body.ops-workspace .backend-scope-nav button strong {
  font-size: var(--ops-text-ui) !important;
}

body.ops-workspace .backend-scope-nav button span,
body.ops-workspace .task-pool-subnav strong {
  font-size: var(--ops-text-caption) !important;
}

body.ops-workspace .task-pool-subnav strong {
  min-width: 22px;
  padding: 1px 6px;
  border-radius: 999px;
  background: var(--ops-surface-soft);
  color: var(--ops-muted) !important;
  text-align: center;
}

body.ops-workspace .side-tool {
  flex: 0 0 auto;
  gap: var(--ops-space-sm) !important;
  margin: var(--ops-space-md) var(--ops-space-xs) 0 !important;
  padding: var(--ops-space-lg) var(--ops-space-xs) 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--ops-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-workspace .side-tool strong {
  font-size: var(--ops-text-ui) !important;
}

body.ops-workspace .side-tool span,
body.ops-workspace .side-tool div,
body.ops-workspace .side-tool input,
body.ops-workspace .side-tool button {
  font-size: var(--ops-text-caption) !important;
}

body.ops-workspace .side-tool button,
body.ops-workspace .side-tool input {
  min-height: 34px;
}

body.ops-workspace .logout-button {
  flex: 0 0 auto;
  min-height: 40px;
  margin-top: var(--ops-space-lg);
  border-radius: 5px !important;
  font-size: var(--ops-text-ui);
}

body.ops-workspace .workspace {
  width: 100% !important;
  padding: 0 !important;
  gap: 0 !important;
}

body.ops-workspace .topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  min-height: 64px;
  padding: 10px var(--ops-space-xl) !important;
  background: color-mix(in srgb, var(--ops-canvas) 94%, transparent) !important;
}

body.ops-workspace .topbar > div:first-child {
  display: grid;
  gap: 1px;
}

body.ops-workspace .eyebrow,
body.ops-workspace .workspace-label,
body.ops-workspace .workspace-section-label {
  color: var(--ops-muted) !important;
  font-size: var(--ops-text-caption) !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.ops-workspace #pageTitle {
  margin: 0 !important;
  font-size: var(--ops-text-heading) !important;
  font-weight: 750;
  line-height: 1.2;
}

body.ops-workspace .top-actions {
  gap: var(--ops-space-sm);
}

body.ops-workspace .top-actions a,
body.ops-workspace .theme-toggle-button,
body.ops-workspace .user-badge,
body.ops-workspace .app-language-toggle,
body.ops-workspace .top-icon-button {
  min-height: 34px !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  font-size: var(--ops-text-ui) !important;
}

body.ops-workspace .top-actions a,
body.ops-workspace .user-badge {
  padding-inline: 10px !important;
}

body.ops-workspace .app-language-toggle button {
  min-height: 32px !important;
  padding: 0 10px !important;
  font-size: var(--ops-text-ui) !important;
}

body.ops-workspace .ops-context-bar {
  grid-template-columns: minmax(360px, 1fr) auto minmax(390px, auto);
  gap: var(--ops-space-xl);
  min-height: 72px;
  margin: 0 var(--ops-space-xl) !important;
  padding: var(--ops-space-md) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ops-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-workspace .ops-context-identity {
  display: grid;
  grid-template-columns: minmax(150px, auto) minmax(180px, 1fr);
  grid-template-rows: auto auto;
  column-gap: var(--ops-space-lg);
  align-items: center;
}

body.ops-workspace .ops-context-identity > span {
  grid-column: 1;
  margin: 0;
  color: var(--ops-muted);
  font-size: var(--ops-text-caption);
  font-weight: 650;
  text-transform: none;
}

body.ops-workspace .ops-context-identity > strong {
  grid-column: 1;
  font-size: var(--ops-text-subheading);
  line-height: 1.3;
}

body.ops-workspace .ops-context-identity > p {
  grid-column: 2;
  grid-row: 1 / span 2;
  max-width: 52ch;
  margin: 0;
  font-size: var(--ops-text-ui);
  line-height: 1.45;
}

body.ops-workspace .ops-context-scopes,
body.ops-workspace .ops-context-sources {
  gap: var(--ops-space-sm);
}

body.ops-workspace .ops-scope-chip,
body.ops-workspace .ops-managed-team {
  min-height: 24px;
  padding: 3px 8px;
  border: 0;
  border-radius: 999px;
  background: var(--ops-surface-soft);
  font-size: var(--ops-text-caption);
  font-weight: 650;
}

body.ops-workspace .ops-source-chip {
  min-width: auto;
  min-height: 32px;
  padding: 0 var(--ops-space-md) 0 0;
  border: 0;
  border-right: 1px solid var(--ops-border);
  border-radius: 0;
  background: transparent;
}

body.ops-workspace .ops-source-chip strong {
  font-size: var(--ops-text-caption);
  font-weight: 700;
}

body.ops-workspace .ops-source-chip em {
  font-size: 0.6875rem;
}

body.ops-workspace .ops-icon-button {
  width: 34px;
  height: 34px;
  border-radius: 5px !important;
}

body.ops-workspace .view {
  padding: 20px var(--ops-space-xl) var(--ops-space-2xl) !important;
}

body.ops-workspace .today-workspace-panel {
  display: block;
}

body.ops-workspace .frontend-workspace-overview {
  margin: 0 0 18px;
}

body.ops-workspace .frontend-workspace-overview[hidden] {
  display: none !important;
}

body.ops-workspace .frontend-workspace-overview .workspace-kpi-card {
  cursor: pointer;
}

body.ops-workspace .frontend-workspace-overview .workspace-kpi-card:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid var(--ops-accent);
  outline-offset: -2px;
}

body.ops-workspace .today-workspace-main {
  display: grid;
  grid-template-columns: minmax(230px, 0.62fr) minmax(520px, 1.38fr);
  gap: var(--ops-space-2xl);
  min-height: 0;
  padding: 0 0 18px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ops-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-workspace .today-headline {
  gap: var(--ops-space-xs) !important;
  align-content: center;
}

body.ops-workspace .today-headline h2 {
  margin: 0;
  font-size: 1.25rem !important;
  font-weight: 750;
  line-height: 1.25;
}

body.ops-workspace .today-summary-line {
  gap: var(--ops-space-sm) !important;
}

body.ops-workspace .today-summary-line span {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ops-muted) !important;
  font-size: var(--ops-text-ui) !important;
}

body.ops-workspace .workspace-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: stretch;
}

body.ops-workspace .workspace-kpi-card {
  min-height: 64px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--ops-space-sm);
  padding: var(--ops-space-xs) var(--ops-space-lg) !important;
  border: 0 !important;
  border-left: 1px solid var(--ops-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left;
}

body.ops-workspace .workspace-kpi-card:hover,
body.ops-workspace .workspace-kpi-card.active {
  background: var(--ops-surface-raised) !important;
}

body.ops-workspace .workspace-kpi-card span {
  color: var(--ops-muted) !important;
  font-size: var(--ops-text-caption) !important;
  font-weight: 650 !important;
}

body.ops-workspace .workspace-kpi-card strong {
  color: var(--ops-ink) !important;
  font-size: 1.5rem !important;
  font-weight: 720;
  line-height: 1;
}

body.ops-workspace .workspace-alerts-panel.top-alerts:not(:empty) {
  margin-top: var(--ops-space-md);
  padding: 0 0 var(--ops-space-lg) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ops-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-workspace .backend-workspace-grid {
  grid-template-columns: minmax(0, 1fr) 272px !important;
  gap: var(--ops-space-xl) !important;
  margin-top: 18px;
}

body.ops-workspace .backend-main-column,
body.ops-workspace .backend-rail-column {
  gap: var(--ops-space-lg) !important;
}

body.ops-workspace .backend-rail-column {
  background: transparent !important;
  padding-left: var(--ops-space-xl);
  border-left: 1px solid var(--ops-border);
}

body.ops-workspace .workspace-analytics-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 0 0 var(--ops-space-lg) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ops-border) !important;
  background: transparent !important;
}

body.ops-workspace .workspace-analytics-head {
  grid-column: 1 / -1;
  margin-bottom: var(--ops-space-sm);
}

body.ops-workspace .workspace-chart-card {
  min-height: 112px !important;
  gap: var(--ops-space-lg) !important;
  padding: var(--ops-space-md) var(--ops-space-xl) !important;
  border: 0 !important;
  border-left: 1px solid var(--ops-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-workspace .workspace-chart-card:first-of-type {
  border-left: 0 !important;
}

body.ops-workspace .workspace-chart-card h3 {
  margin-bottom: var(--ops-space-xs) !important;
  font-size: var(--ops-text-subheading) !important;
}

body.ops-workspace .workspace-chart-card p {
  font-size: var(--ops-text-caption) !important;
}

body.ops-workspace .workspace-donut {
  width: 64px !important;
}

body.ops-workspace .workspace-donut::after {
  width: 44px !important;
  background: var(--ops-canvas) !important;
}

body.ops-workspace .workspace-donut span {
  font-size: var(--ops-text-ui) !important;
}

body.ops-workspace .workspace-info-panel {
  margin: 0 !important;
  padding: 0 0 var(--ops-space-lg) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ops-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-workspace .workspace-panel-head h3,
body.ops-workspace .section-head h3 {
  font-size: var(--ops-text-subheading) !important;
  font-weight: 720;
}

body.ops-workspace .workspace-panel-head span,
body.ops-workspace .section-head span {
  font-size: var(--ops-text-caption) !important;
}

body.ops-workspace .workspace-task-list,
body.ops-workspace .workspace-activity-list {
  gap: 0 !important;
}

body.ops-workspace .workspace-task-item,
body.ops-workspace .workspace-activity-item {
  min-height: 42px !important;
  padding: var(--ops-space-sm) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ops-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-workspace .workspace-task-item:last-child,
body.ops-workspace .workspace-activity-item:last-child {
  border-bottom: 0 !important;
}

body.ops-workspace .workspace-empty {
  min-height: 56px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: var(--ops-space-sm) 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ops-muted) !important;
  font-size: var(--ops-text-ui) !important;
  text-align: left;
}

body.ops-workspace .workspace-task-item strong,
body.ops-workspace .workspace-activity-item strong {
  font-size: var(--ops-text-ui) !important;
}

body.ops-workspace .workspace-task-item small,
body.ops-workspace .workspace-activity-item time {
  font-size: var(--ops-text-caption) !important;
}

/* Operation panels stay framed because they are discrete tools. */
body.ops-workspace .backend-card,
body.ops-workspace .workbench-panel,
body.ops-workspace .paid-orders-table-wrap {
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.ops-workspace #paidOrdersView .paid-orders-table {
  min-width: 1100px;
  table-layout: fixed;
}

body.ops-workspace #paidOrdersView .paid-orders-content-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.ops-workspace #paidOrdersView .paid-orders-side-panel {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ops-space-md);
}

body.ops-workspace #paidOrdersView .paid-orders-col-pi {
  width: 160px;
}

body.ops-workspace #paidOrdersView .paid-orders-col-customer {
  width: 230px;
}

body.ops-workspace #paidOrdersView .paid-orders-col-so-date {
  width: 100px;
}

body.ops-workspace #paidOrdersView .paid-orders-col-receipt {
  width: 155px;
}

body.ops-workspace #paidOrdersView .paid-orders-col-amount {
  width: 130px;
}

body.ops-workspace #paidOrdersView .paid-orders-col-count {
  width: 80px;
}

body.ops-workspace #paidOrdersView .paid-orders-col-status {
  width: 135px;
}

body.ops-workspace #paidOrdersView .paid-orders-col-action {
  width: 110px;
}

body.ops-workspace #paidOrdersView .paid-orders-table th:last-child,
body.ops-workspace #paidOrdersView .paid-orders-table td:last-child {
  position: static !important;
  min-width: 0 !important;
  box-shadow: none !important;
}

body.ops-workspace #paidOrdersView .paid-orders-table th,
body.ops-workspace #paidOrdersView .paid-orders-date-cell,
body.ops-workspace #paidOrdersView .paid-orders-amount-cell,
body.ops-workspace #paidOrdersView .paid-orders-count-cell,
body.ops-workspace #paidOrdersView .paid-orders-status {
  white-space: nowrap;
}

body.ops-workspace #paidOrdersView .paid-orders-table th,
body.ops-workspace #paidOrdersView .paid-orders-count-cell,
body.ops-workspace #paidOrdersView .paid-orders-table th:nth-last-child(3) {
  text-align: center;
}

@media (max-width: 1080px) {
  body.ops-workspace #paidOrdersView .paid-orders-side-panel {
    grid-template-columns: 1fr;
  }
}

body.ops-workspace .backend-card {
  padding: var(--ops-space-lg) !important;
}

body.ops-workspace #backendView .backend-card > .section-head.compact h3 {
  display: block !important;
}

body.ops-workspace #backendView .backend-card > .section-head.compact {
  width: 100%;
  justify-content: space-between !important;
}

body.ops-workspace #ciplPanel {
  grid-template-columns: minmax(0, 1fr) !important;
  min-width: 0;
  max-width: 100%;
}

body.ops-workspace #ciplPanel > *,
body.ops-workspace .kingdee-sn-embedded,
body.ops-workspace .kingdee-sn-grid,
body.ops-workspace .kingdee-sn-grid > * {
  min-width: 0;
  max-width: 100%;
}

body.ops-workspace .cipl-dropzone {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 168px !important;
  border-radius: 5px !important;
  background: var(--ops-surface-raised) !important;
}

body.ops-workspace .cipl-dropzone strong {
  font-size: var(--ops-text-subheading) !important;
}

body.ops-workspace .cipl-dropzone span,
body.ops-workspace .dispatch-builder label,
body.ops-workspace .kingdee-sn-grid label,
body.ops-workspace .order-search-grid label {
  font-size: var(--ops-text-ui) !important;
}

body.ops-workspace .kingdee-sn-grid {
  grid-template-columns:
    minmax(110px, 0.8fr)
    minmax(110px, 0.8fr)
    minmax(160px, 1fr)
    minmax(160px, 1fr)
    minmax(120px, 0.7fr) !important;
}

body.ops-workspace .hk-command-bar {
  padding: 0 0 var(--ops-space-lg);
  border: 0;
  border-bottom: 1px solid var(--ops-border);
  border-radius: 0;
  background: transparent;
}

body.ops-workspace .hk-command-action {
  min-height: 48px;
  border: 0;
  border-radius: 5px;
  background: var(--ops-surface-raised);
}

@media (max-width: 1240px) {
  body.ops-workspace .ops-context-bar {
    grid-template-columns: minmax(340px, 1fr) auto;
  }

  body.ops-workspace .ops-context-sources {
    grid-column: 1 / -1;
    padding-top: var(--ops-space-sm);
    border-top: 1px solid var(--ops-border);
  }

  body.ops-workspace .backend-workspace-grid {
    grid-template-columns: minmax(0, 1fr) 248px !important;
  }
}

@media (max-width: 1020px) {
  body.ops-workspace .today-workspace-main {
    grid-template-columns: 1fr;
    gap: var(--ops-space-lg);
  }

  body.ops-workspace .workspace-kpi-card:first-child {
    border-left: 0 !important;
  }

  body.ops-workspace .backend-workspace-grid {
    grid-template-columns: 1fr !important;
  }

  body.ops-workspace .backend-rail-column {
    padding: var(--ops-space-lg) 0 0;
    border-top: 1px solid var(--ops-border);
    border-left: 0;
  }

  body.ops-workspace .kingdee-sn-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.ops-workspace .kingdee-sn-grid > button {
    width: 100%;
  }

  body.ops-workspace .workspace-chart-card:first-of-type {
    border-left: 0 !important;
  }
}

@media (max-width: 900px) {
  body.ops-workspace .app-shell {
    display: block !important;
  }

  body.ops-workspace .sidebar {
    position: relative !important;
    top: auto;
    align-self: auto;
    display: block !important;
    width: 100% !important;
    height: auto;
    min-height: 0 !important;
    padding: 10px var(--ops-space-lg) !important;
    overflow: visible;
    overscroll-behavior: auto;
  }

  body.ops-workspace .sidebar .brand {
    padding-bottom: 0 !important;
    border-bottom: 0;
  }

  body.ops-workspace .sidebar nav {
    min-height: auto;
    display: flex;
    gap: var(--ops-space-xs);
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0;
    scrollbar-gutter: auto;
  }

  body.ops-workspace .sidebar-subnav,
  body.ops-workspace .backend-scope-nav,
  body.ops-workspace .side-tool,
  body.ops-workspace .logout-button {
    display: none !important;
  }

  body.ops-workspace:not(.backend-dual-scope) #backendSubnav:not([hidden]),
  body.ops-workspace.backend-dual-scope #backendScopeSwitch:not([hidden]),
  body.ops-workspace.backend-dual-scope #backendSubnav.backend-scope-subnav:not([hidden]),
  body.ops-workspace.backend-dual-scope #hongkongSubnav.backend-scope-subnav:not([hidden]),
  body.ops-workspace #frontendSubnav:not([hidden]),
  body.ops-workspace #frontInventorySubnav:not([hidden]),
  body.ops-workspace #taskPoolSubnav:not([hidden]) {
    display: none !important;
  }

  body.ops-workspace .sidebar .nav-item {
    width: auto !important;
    min-width: max-content;
    min-height: 40px !important;
    height: 40px !important;
    flex: 0 0 auto;
  }

  body.ops-workspace .topbar {
    position: relative;
    padding: var(--ops-space-md) var(--ops-space-lg) !important;
  }

  body.ops-workspace .ops-context-bar {
    grid-template-columns: 1fr;
    gap: var(--ops-space-md);
    margin-inline: var(--ops-space-lg) !important;
  }

  body.ops-workspace .ops-context-scopes,
  body.ops-workspace .ops-context-sources {
    grid-column: auto;
  }

  body.ops-workspace .ops-context-sources {
    padding-top: var(--ops-space-sm);
  }

  body.ops-workspace .view {
    padding-inline: var(--ops-space-lg) !important;
  }
}

@media (max-width: 620px) {
  body.ops-workspace .topbar {
    grid-template-columns: 1fr !important;
  }

  body.ops-workspace .top-actions {
    justify-content: flex-start;
  }

  body.ops-workspace .ops-context-identity {
    grid-template-columns: 1fr;
  }

  body.ops-workspace .ops-context-identity > p {
    grid-column: 1;
    grid-row: auto;
    margin-top: var(--ops-space-xs);
  }

  body.ops-workspace .workspace-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.ops-workspace .workspace-analytics-panel {
    grid-template-columns: 1fr !important;
  }

  body.ops-workspace .workspace-chart-card {
    border-top: 1px solid var(--ops-border) !important;
    border-left: 0 !important;
    padding-inline: 0 !important;
  }

  body.ops-workspace .workspace-kpi-card:nth-child(odd) {
    border-left: 0 !important;
  }

  body.ops-workspace .workspace-kpi-card:nth-child(n + 3) {
    border-top: 1px solid var(--ops-border) !important;
  }
}

/* Legacy light-theme rules are highly specific; keep the V3 flat hierarchy
   authoritative without changing the appearance of framed operation tools. */
body.ops-workspace.ops-light .nav-item,
body.ops-workspace.ops-light .sidebar-subnav button,
body.ops-workspace.ops-light .backend-scope-nav button,
body.ops-workspace.ops-light .sidebar-query-shortcuts .sidebar-query-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ops-muted) !important;
}

body.ops-workspace.ops-light .nav-item:hover,
body.ops-workspace.ops-light .sidebar-subnav button:hover,
body.ops-workspace.ops-light .backend-scope-nav button:hover,
body.ops-workspace.ops-light .sidebar-query-shortcuts .sidebar-query-card:hover,
body.ops-workspace.ops-light .nav-item.active,
body.ops-workspace.ops-light .sidebar-subnav button.active,
body.ops-workspace.ops-light .backend-scope-nav button.active,
body.ops-workspace.ops-light .sidebar-query-shortcuts .sidebar-query-card.active {
  background: color-mix(in srgb, var(--ops-accent) 11%, var(--ops-sidebar)) !important;
  color: var(--ops-ink) !important;
}

body.ops-workspace.ops-light .side-tool {
  border: 0 !important;
  border-top: 1px solid var(--ops-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-workspace.ops-light .today-workspace-main,
body.ops-workspace.ops-light .workspace-kpi-card,
body.ops-workspace.ops-light .workspace-info-panel,
body.ops-workspace.ops-light .workspace-chart-card,
body.ops-workspace.ops-light .workspace-empty {
  background: transparent !important;
  box-shadow: none !important;
}

body.ops-workspace.ops-light .today-workspace-main,
body.ops-workspace.ops-light .workspace-info-panel,
body.ops-workspace.ops-light .workspace-chart-card,
body.ops-workspace.ops-light .workspace-empty {
  border-radius: 0 !important;
}

body.ops-workspace.backend-home-mode .workspace-analytics-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

body.ops-workspace.backend-home-mode .workspace-chart-card {
  min-height: 112px !important;
  gap: var(--ops-space-lg) !important;
  padding: var(--ops-space-md) var(--ops-space-xl) !important;
  box-shadow: none !important;
}

body.ops-workspace.backend-home-mode .workspace-donut {
  width: 64px !important;
}

body.ops-workspace.backend-home-mode .workspace-donut::after {
  width: 44px !important;
}

body.ops-workspace.backend-home-mode .workspace-donut span {
  font-size: var(--ops-text-ui) !important;
}

body.ops-workspace .workspace-analytics-head + .workspace-chart-card {
  border-left: 0 !important;
}

@media (max-width: 620px) {
  body.ops-workspace.backend-home-mode .workspace-analytics-panel {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ops-workspace.backend-home-mode .workspace-chart-card {
    min-height: 88px !important;
    padding: var(--ops-space-md) 0 !important;
    border-top: 1px solid var(--ops-border) !important;
    border-left: 0 !important;
  }

  body.ops-workspace .kingdee-sn-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}