/*
 * Aeronex calm operations polish
 *
 * Loaded after the legacy shell/layout layers so the shared design tokens are
 * authoritative without changing the underlying component behavior.
 */

body.ops-workspace {
  --ops-canvas: #0f1720;
  --ops-sidebar: #121c27;
  --ops-surface: #16212d;
  --ops-surface-raised: #1c2a37;
  --ops-surface-soft: #243746;
  --ops-border: #334756;
  --ops-border-strong: #607888;
  --ops-ink: #edf5f7;
  --ops-muted: #a6bac5;
  --ops-subtle: #8299a6;
  --ops-accent: #70c3d2;
  --ops-accent-strong: #a2dce5;
  --ops-success: #77c5a8;
  --ops-warning: #e1b76f;
  --ops-danger: #ef9a9a;
  --ops-focus: #70c3d2;
  font-family: var(--ops-ui-font);
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.ops-workspace.ops-light {
  --ops-canvas: #f2f6f8;
  --ops-sidebar: #f8fafb;
  --ops-surface: #ffffff;
  --ops-surface-raised: #f5f8f9;
  --ops-surface-soft: #eaf1f4;
  --ops-border: #c8d6de;
  --ops-border-strong: #6f8797;
  --ops-ink: #17324a;
  --ops-muted: #526a7f;
  --ops-subtle: #687f91;
  --ops-accent: #1d7085;
  --ops-accent-strong: #155769;
  --ops-success: #286b56;
  --ops-warning: #895713;
  --ops-danger: #a63d3d;
  --ops-focus: #1d7085;
}

body.ops-workspace :is(button, input, select, textarea) {
  font-family: inherit;
}

body.ops-workspace :is(.logistics-data, .mono-cell, .after-sales-mono, .qty-cell) {
  font-family: var(--ops-data-font);
  font-variant-numeric: tabular-nums;
}

body.ops-workspace :is(button, a, input, select, textarea):focus-visible {
  outline-color: var(--ops-focus) !important;
  outline-offset: 2px;
}

body.ops-workspace :is(.after-sales-table-wrap, .paid-orders-table-wrap):focus-visible {
  outline: 3px solid var(--ops-focus) !important;
  outline-offset: 2px;
}

body.ops-workspace.ops-light .after-sales-main-view {
  color: var(--as-ink);
}

body.ops-workspace .after-sales-main-view :is(h2, h3, h4, strong) {
  color: var(--as-ink) !important;
}

body.ops-workspace .after-sales-main-view :is(
  p,
  small,
  .after-sales-muted,
  .after-sales-panel-head > span,
  .after-sales-input-grid label,
  .after-sales-input-grid label > span
) {
  color: var(--as-muted) !important;
}

body.ops-workspace .after-sales-main-view :is(.after-sales-kicker, .after-sales-section-code) {
  color: var(--as-accent) !important;
}

body.ops-workspace .after-sales-main-view .after-sales-state.complete {
  color: var(--as-success) !important;
}

body.ops-workspace .after-sales-main-view .after-sales-state.waiting {
  color: var(--as-warning) !important;
}

body.ops-workspace .after-sales-main-view .after-sales-state.exception {
  color: var(--as-danger) !important;
}

body.ops-workspace .after-sales-main-view :is(input, select, textarea) {
  border-color: var(--as-control-border) !important;
}

body.ops-workspace .after-sales-file-control .after-sales-file-line {
  border-color: var(--as-control-border) !important;
}

body.ops-workspace .after-sales-file-control:focus-within .after-sales-file-line {
  border-color: var(--as-accent) !important;
  outline: 3px solid var(--as-accent) !important;
  outline-offset: 2px;
}

body.ops-workspace .after-sales-order-workbench .paid-orders-pi-link,
body.ops-workspace .after-sales-order-workbench .paid-orders-sync b {
  color: var(--as-accent-strong) !important;
}

body.ops-workspace .after-sales-order-workbench .paid-orders-status.success {
  color: var(--as-success) !important;
}

body.ops-workspace .after-sales-order-workbench .paid-orders-side-pill.success {
  color: var(--as-success) !important;
  background: var(--as-success-soft) !important;
}

body.ops-workspace .after-sales-order-workbench .paid-orders-status.warning {
  color: var(--as-warning) !important;
}

body.ops-workspace .after-sales-order-workbench .paid-orders-side-pill.warning {
  color: var(--as-warning) !important;
  background: var(--as-warning-soft) !important;
}

body.ops-workspace .after-sales-order-workbench .paid-orders-status.danger {
  color: var(--as-danger) !important;
}

body.ops-workspace .after-sales-order-workbench .paid-orders-side-pill.danger {
  color: var(--as-danger) !important;
  background: var(--as-danger-soft) !important;
}

body.ops-workspace .after-sales-order-workbench :is(.paid-orders-side-pill.muted, .paid-orders-side-pill.neutral) {
  color: var(--as-muted) !important;
  background: var(--as-neutral-soft) !important;
}

body.ops-workspace .after-sales-order-workbench :is(
  .paid-orders-table td,
  .paid-orders-pi-link,
  .paid-orders-side-card h4,
  .paid-orders-detail-grid strong
) {
  overflow-wrap: anywhere;
}

body.ops-workspace .after-sales-file-control input[type="file"] {
  position: absolute !important;
  inline-size: 1px !important;
  width: 1px !important;
  min-inline-size: 0 !important;
  min-width: 0 !important;
  block-size: 1px !important;
  height: 1px !important;
  min-block-size: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

body.ops-workspace .dispatch-authority-notice {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0.3rem 0.8rem;
  align-items: center;
  margin: 0 0 0.85rem;
  padding: 0.72rem 0.9rem;
  border: 1px solid var(--as-control-border);
  border-radius: 0.72rem;
  color: var(--as-text);
  background: var(--as-neutral-soft);
}

body.ops-workspace .dispatch-authority-notice strong {
  color: var(--as-accent-strong);
  font-weight: 750;
}

body.ops-workspace .dispatch-authority-notice span,
body.ops-workspace .dispatch-authority-notice em {
  color: var(--as-muted);
  font-style: normal;
  overflow-wrap: anywhere;
}

body.ops-workspace .dispatch-authority-notice em {
  grid-column: 1 / -1;
}

body.ops-workspace .dispatch-authority-notice.success {
  border-color: color-mix(in srgb, var(--as-success) 35%, var(--as-control-border));
  background: var(--as-success-soft);
}

body.ops-workspace .dispatch-authority-notice.warning {
  border-color: color-mix(in srgb, var(--as-warning) 45%, var(--as-control-border));
  background: var(--as-warning-soft);
}

body.ops-workspace .dispatch-authority-notice.warning strong,
body.ops-workspace .dispatch-authority-notice.warning em {
  color: var(--as-warning);
}

body.ops-workspace .order-query-summary {
  color: var(--as-text);
}

@media (max-width: 720px) {
  body.ops-workspace .dispatch-authority-notice {
    grid-template-columns: 1fr;
  }
}

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