/* Contextual workspace layout: tabs, organization scope, ZONT and breakpoints.
   Domain behavior and component handlers stay with their existing owners. */
body[data-ui="engineering-console"] .app-tabs {
  gap: 4px !important;
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 5px !important;
}
body[data-ui="engineering-console"] .app-tabs .chip {
  font-family: inherit !important;
  font-size: 13px !important;
  color: var(--muted);
  background: transparent;
}
body[data-ui="engineering-console"] .app-tabs .chip.active {
  color: var(--accent) !important;
  background: var(--console-accent-soft) !important;
  box-shadow: none !important;
}
body[data-ui="engineering-console"] #page-management :is(.management-mode-tabs, .management-mode-tabs .chip) {
  border-radius: 7px !important;
}
body[data-ui="engineering-console"] .admin-scope-badge {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body[data-ui="engineering-console"] .admin-scope-actions button {
  border-radius: 6px !important;
  font-family: inherit;
  letter-spacing: 0;
  text-transform: none;
  min-height: 40px; font-size: 12px !important;
}
body[data-ui="engineering-console"] .admin-scope-actions button.active {
  color: var(--accent) !important;
  background: var(--console-accent-soft) !important;
  border-color: var(--accent) !important;
}
body[data-ui="engineering-console"] .gm-console-tools {
  margin-top: 12px;
  padding: 0 14px 12px;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--surface);
}
body[data-ui="engineering-console"] .gm-console-tools > summary {
  min-height: 44px; padding: 12px 0; color: var(--muted);
  font-size: 13px; font-weight: 550; cursor: pointer;
}
body[data-ui="engineering-console"] .gm-console-tools:not([open]) { padding-bottom: 0; }
body[data-ui="engineering-console"] .gm-console-tools:has(#testModeToggle:checked) > summary::after {
  content: " · тестовый режим включён"; color: var(--warn);
}
body[data-ui="engineering-console"] .gm-console-tools > :not(summary) {
  max-width: 100% !important; margin-inline: 0 !important;
}
body[data-ui="engineering-console"] .gm-console-tools .app-action-grid {
  padding-inline: 0 !important;
}
/* Higher specificity than a late lazy ZONT stylesheet, with no geometry changes. */
html body[data-ui="engineering-console"] .zow-workspace {
  --bg: var(--console-bg); --card: var(--console-panel);
  --text: var(--console-text); --muted: var(--console-muted);
  --border: var(--console-line); --accent: var(--console-accent);
  --zoc-panel: var(--console-panel); --zoc-line: var(--console-line);
  --zoc-ok: var(--ok); --zoc-danger: var(--err);
  --zoc-warning: var(--warn); --zoc-info: var(--console-info);
  font-family: inherit;
}
html body[data-ui="engineering-console"] .zow-workspace :is(button, .zow-status, .zow-details, .zow-readings, .zow-rule-list article) {
  border-radius: 8px;
}
html body[data-ui="engineering-console"] .zow-tabs {
  background: var(--console-soft); border-radius: 8px;
}
html body[data-ui="engineering-console"] .zow-tabs [aria-selected="true"] {
  color: var(--accent); background: var(--console-accent-soft);
  border-color: var(--accent); box-shadow: none;
}
html body[data-ui="engineering-console"] .zow-workspace :is(button, summary):focus-visible {
  outline-color: var(--accent);
}
html body[data-ui="engineering-console"] .zow-rail [aria-current="true"] {
  border-color: var(--accent); background: var(--console-accent-soft);
}
html body[data-ui="engineering-console"] .zow-workspace .zow-primary {
  color: var(--console-bg); background: var(--accent); border-color: var(--accent);
}
html body[data-ui="engineering-console"] .zow-workspace .zow-primary.zow-secondary {
  color: var(--accent); background: var(--card);
}
html body[data-ui="engineering-console"] .zow-status .zow-summary-action {
  color: var(--accent); background: var(--console-accent-soft); border-color: var(--accent);
}
@media (hover: hover) {
  html body[data-ui="engineering-console"] .zow-workspace .zow-primary:hover:not(:disabled) {
    color: var(--console-bg); background: var(--accent); border-color: var(--accent);
  }
  html body[data-ui="engineering-console"] .zow-workspace .zow-primary.zow-secondary:hover:not(:disabled) {
    color: var(--accent); background: var(--console-accent-soft);
  }
  html body[data-ui="engineering-console"] .zow-workspace button:not(.zow-primary):hover:not(:disabled) {
    border-color: var(--accent); background: var(--console-soft); color: var(--text);
  }
}
@media (max-width: 1023px) {
  body[data-ui="engineering-console"] .app-page-head { padding-top: 18px !important; }
}
@media (max-width: 520px) {
  body[data-ui="engineering-console"] .form-input { font-size: 16px !important; }
  body[data-ui="engineering-console"] #page-management .app-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 8px !important;
  }
  body[data-ui="engineering-console"] #page-management .app-tabs .chip {
    flex-direction: row; gap: 7px; font-size: 13px !important;
  }
}
@media (min-width: 768px) {
  body[data-ui="engineering-console"] .app-tabs :is(.chip, .btn) {
    width: auto !important; flex: 1 1 0; white-space: nowrap !important;
    flex-direction: row !important;
  }
  body[data-ui="engineering-console"] #page-management .app-tabs { display: flex !important; }
}
@media (min-width: 1024px) {
  body[data-ui="engineering-console"] #mainNav { width: 216px; max-width: 216px; }
  body[data-ui="engineering-console"] .nav-item {
    min-height: 44px; padding: 10px 12px; justify-content: flex-start;
  }
  body[data-ui="engineering-console"] .nav-lbl { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-ui="engineering-console"] :is(.btn, .chip, .nav-item) { transition: none !important; }
}