/* VAMAX client 57: visual overrides for the original workbench.
   Opt in with <html data-vamax-client="57">; keep data-vamax-theme.
   Load after interface-v42.css and device-v43.css.
   No visibility, scene/canvas, geometry, permission or navigation rules. */
html[data-vamax-client="57"][data-vamax-theme] {
  --ui-font: "Vamax Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-mono: "Vamax Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  --ui-radius: 7px;
  --ui-shadow: 0 10px 28px #26292518;
  --client-action: #2b302d;
  --client-action-ink: #ffffff;
  --client-success: #334d41;
}
html[data-vamax-client="57"]:is([data-vamax-theme="white"], [data-vamax-theme="light"]) {
  --ui-bg: #f4f4ef;
  --ui-panel: #fcfbf8;
  --ui-field: #ffffff;
  --ui-text: #2b302d;
  --ui-muted: #60665f;
  --ui-line: #dadcd4;
  --ui-line-strong: #898f85;
  --ui-accent: #71573d;
  --ui-accent-ink: #ffffff;
  --ui-hover: #f0f0e9;
  --ui-selected: #eee9df;
  --ui-overlay: #fcfbf8f5;
  --ui-focus: #71573d;
  --ui-selection: #e8ded0;
  --ui-backdrop: #25292366;
  --ui-danger: #a3322a;
  --ui-danger-bg: #fff0ec;
  --ui-warning: #78501c;
  --ui-warning-bg: #fff4df;
  color-scheme: light;
}
html[data-vamax-client="57"][data-vamax-theme="dark"] {
  --ui-bg: #202320;
  --ui-panel: #292d29;
  --ui-field: #323732;
  --ui-text: #f3f2ec;
  --ui-muted: #c0c5ba;
  --ui-line: #4a5148;
  --ui-line-strong: #858f7d;
  --ui-accent: #dcc1a0;
  --ui-accent-ink: #292d29;
  --ui-hover: #3c423a;
  --ui-selected: #494239;
  --ui-overlay: #292d29f5;
  --ui-shadow: 0 10px 28px #00000040;
  --ui-focus: #dcc1a0;
  --ui-selection: #554938;
  --ui-backdrop: #10130fb3;
  --client-action: #e7e9df;
  --client-action-ink: #252b25;
  --client-success: #b6d1bb;
  color-scheme: dark;
}
html[data-vamax-client="57"][data-vamax-theme] body.workbench {
  font-size: 13px;
  line-height: 1.45;
}
html[data-vamax-client="57"][data-vamax-theme] .workbench :is(
  .field, .compact-pane > label, .compact-pane button,
  .inspector input, .inspector select, .inspector textarea,
  .library input, .library select, .workbar button, .studio-steps > button
) { font-size: 13px; }
html[data-vamax-client="57"][data-vamax-theme] .workbench :is(
  .compact-tabs button, .catalog-item small, .catalog-function,
  .custom-note37, .drawer-note38, #drawerSettings38 small
) { font-size: 12px; line-height: 1.45; }
html[data-vamax-client="57"][data-vamax-theme] .workbench :is(
  .catalog-item b, #moduleTitle
) { font-size: 14px; line-height: 1.4; }
html[data-vamax-client="57"][data-vamax-theme] .workbench header,
html[data-vamax-client="57"][data-vamax-theme] .workbench .studio-steps {
  background: var(--ui-panel);
  border-color: var(--ui-line);
  box-shadow: none;
}
html[data-vamax-client="57"][data-vamax-theme] .workbench .studio-steps em {
  color: var(--ui-muted);
  font-family: var(--ui-mono);
}
html[data-vamax-client="57"][data-vamax-theme] .workbench .studio-steps > button.active {
  background: var(--ui-selected) !important;
  border-color: var(--ui-accent) !important;
  box-shadow: inset 0 -2px var(--ui-accent);
}
html[data-vamax-client="57"][data-vamax-theme] .workbench .catalog-item {
  box-shadow: none;
  border-color: var(--ui-line) !important;
}
html[data-vamax-client="57"][data-vamax-theme] .workbench .catalog-item.chosen {
  background: var(--ui-selected) !important;
  border-color: var(--ui-accent) !important;
  box-shadow: inset 3px 0 var(--ui-accent);
}
html[data-vamax-client="57"][data-vamax-theme] :is(
  #saveProjectNow, #homeProjects, #deviceSave43, #deviceHome43
) {
  color: var(--ui-text) !important;
  background: var(--ui-field) !important;
  border-color: var(--ui-line-strong) !important;
}
html[data-vamax-client="57"][data-vamax-theme] body :is(
  .primary, #nextStage, .project-actions button, .v27-primary,
  #clientRequest57, [data-client-action="request"]
) {
  color: var(--client-action-ink) !important;
  background: var(--client-action) !important;
  border-color: var(--client-action) !important;
}
html[data-vamax-client="57"][data-vamax-theme] body :is(
  .primary, #nextStage, .project-actions button, .v27-primary,
  #clientRequest57, [data-client-action="request"]
):not(:disabled):hover {
  color: var(--client-action-ink) !important;
  background: var(--client-action) !important;
  border-color: var(--client-action) !important;
  box-shadow: inset 0 0 0 1px var(--client-action-ink);
}
html[data-vamax-client="57"][data-vamax-theme] :is(
  .device-sheet43, #deviceDock43, .project-home article, .project-card section
) { border-color: var(--ui-line); }
html[data-vamax-client="57"][data-vamax-theme] .workbench :is(
  .sceneLabel, .hint
) { color: var(--ui-text); background: var(--ui-overlay); }
html[data-vamax-client="57"][data-vamax-theme] .workbench .sceneLabel small {
  color: var(--ui-muted);
}
html[data-vamax-client="57"][data-vamax-theme] :is(
  button, input, select, textarea, summary, a[href]
):focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
@media (max-width: 1100px) {
  html[data-vamax-client="57"][data-vamax-theme] body.workbench { font-size: 14px; }
  html[data-vamax-client="57"][data-vamax-theme] .workbench .studio-steps > button {
    font-size: 12px;
  }
  html[data-vamax-client="57"][data-vamax-theme] #deviceDock43 > button {
    font-size: 12px;
  }
}