/* ServKit · accepted engineering console · presentation owner, 2026-10-15.
   Domain layout, permissions, theme choice and navigation remain with their owners. */
body[data-ui="engineering-console"] {
  --console-bg: #151e25;
  --console-panel: #1d2932;
  --console-soft: #24323d;
  --console-text: #edf2f5;
  --console-muted: #b1bec7;
  --console-line: #455560;
  --console-accent: #f0a06a;
  --console-accent-soft: #3c2e27;
  --console-info: #77c9cf;
  --bg: var(--console-bg);
  --surface: var(--console-panel);
  --card: var(--console-panel);
  --border: var(--console-line);
  --text: var(--console-text);
  --muted: var(--console-muted);
  --muted-strong: var(--console-muted);
  --dim: var(--console-muted);
  --accent: var(--console-accent);
  --ok: #8ac6a2; --ok-soft: #a7d9bb;
  --warn: #dfbc6d; --err: #ef9d9b; --err-soft: #f3b1af;
  --gm-workspace-w: 1180px;
  --gm-page-x: 16px;
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px;
  --sp-xs: 8px; --sp-sm: 12px; --sp-md: 20px; --sp-lg: 32px; --sp-xl: 48px;
  max-width: none;
  width: 100%;
  background: var(--bg) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
html[data-theme="light"] body[data-ui="engineering-console"] {
  --console-bg: #edf1f3;
  --console-panel: #fff;
  --console-soft: #f3f6f7;
  --console-text: #20313b;
  --console-muted: #5d6b75;
  --console-line: #ced8df;
  --console-accent: #b84512;
  --console-accent-soft: #fff0e5;
  --console-info: #087d86;
  --ok: #26734d; --ok-soft: #26734d;
  --warn: #805c18; --err: #ae3336; --err-soft: #ae3336;
}
html[data-theme="scada"] body[data-ui="engineering-console"] {
  --console-bg: #101b24;
  --console-panel: #182a36;
  --console-soft: #203544;
  --console-line: #456171;
}
body[data-ui="engineering-console"] .header {
  background: var(--surface) !important;
  border-color: var(--border);
  backdrop-filter: none;
  box-shadow: none;
}
body[data-ui="engineering-console"] .header .logo {
  font-family: inherit; font-size: 18px; font-weight: 650;
  letter-spacing: -.025em; text-transform: none;
}
body[data-ui="engineering-console"] .nav {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  box-shadow: none !important;
  backdrop-filter: none;
}
body[data-ui="engineering-console"] .nav-item {
  border-radius: 7px;
  font-family: inherit;
  letter-spacing: 0;
  text-transform: none;
  opacity: 1 !important;
}
body[data-ui="engineering-console"] .nav-item.on {
  color: var(--accent) !important;
  background: var(--console-accent-soft) !important;
}
body[data-ui="engineering-console"] .nav-icon {
  display: inline-flex; align-items: center; justify-content: center;
}
body[data-ui="engineering-console"] .console-symbols { position: absolute; overflow: hidden; }
body[data-ui="engineering-console"] .console-icon {
  width: 19px; height: 19px; flex: 0 0 19px; vertical-align: middle;
  fill: none; stroke: currentColor; stroke-width: 1.6;
  stroke-linecap: round; stroke-linejoin: round;
}
body[data-ui="engineering-console"] .app-page-title {
  font-family: inherit; font-size: clamp(22px, 2.5vw, 28px) !important;
  font-weight: 650 !important; letter-spacing: -.025em;
  line-height: 1.25; color: var(--text);
}
body[data-ui="engineering-console"] .app-page-kicker {
  font-family: inherit; letter-spacing: .08em !important;
  font-size: 11px !important; color: var(--muted);
}
body[data-ui="engineering-console"] :is(.btn, .chip, .form-input, .form-select) {
  font-family: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-radius: 7px !important;
  box-shadow: none;
}
body[data-ui="engineering-console"] :is(.btn, .chip) {
  min-height: 44px; font-weight: 500; line-height: 1.4;
}
body[data-ui="engineering-console"] .btn:not(.btn-ghost):not(.btn-secondary) { color: var(--console-bg); }
body[data-ui="engineering-console"] :is(.form-input, .form-select) {
  min-height: 44px; border-color: var(--border);
  background: var(--card); color: var(--text);
}
body[data-ui="engineering-console"] .form-label {
  font-family: inherit; font-size: 13px !important;
  letter-spacing: 0 !important; text-transform: none;
}
body[data-ui="engineering-console"] :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--accent); outline-offset: 3px;
}
body[data-ui="engineering-console"] :is(.app-panel, .profile-card, .stats-card, .note-card, .order-card, .zont-card, .app-card-row, .history-item, .weather-widget, .client-card) {
  border: 1px solid var(--border);
  border-radius: var(--r-md) !important;
  background: var(--card);
  box-shadow: none !important;
}