/* Built by scripts/build-styles-r197.js; layout source: workspace-fixes-r194.css. */
/* Behavior and accessibility fixes retained with the R189 customer design. */
.workspace-skip-link {
  position: fixed; z-index: 20000; left: 20px; top: -80px;
  padding: 12px 18px; background: var(--surface, var(--dark-card, #33393f));
  color: var(--text, #fff); border: 2px solid var(--teal); border-radius: 10px;
}
.workspace-skip-link:focus { top: 12px; }
#soft-nav-content:focus { outline: none; }
.app-body [hidden]:not([hidden="until-found"]) { display: none !important; }
.app-body :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 2px solid var(--teal); outline-offset: 4px;
}
.entity136-overflow-menu {
  inset: auto; left: var(--entity-menu-left); top: var(--entity-menu-top); margin: 0;
}
/* Lift server action menus out of all card/table clipping contexts. */
.server-tool-menu-popover[data-tool-menu-floating] {
  position: fixed !important;
  inset: auto !important;
  left: var(--tool-menu-left, 8px) !important;
  top: var(--tool-menu-top, 8px) !important;
  margin: 0 !important;
  z-index: 20000;
  width: min(190px, calc(100vw - 16px)) !important;
  max-height: calc(100dvh - 16px);
  overflow: auto;
  box-shadow: var(--menu-shadow) !important;
}
.backup-feed-status { display: block; margin-top: 8px; color: var(--muted); font-size: 11px; }
.backup-live-status { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; }
.backup-live-status[data-state="working"] { color: var(--blue); }
.backup-live-status[data-state="failed"] { color: var(--red); }
.backup-live-status[data-state="complete"] { color: var(--teal); }
.backup-live-progress { display: grid; gap: 6px; margin-top: 8px; min-width: 140px; max-width: 300px; }
.backup-live-progress progress, .backup-restore-progress progress { appearance: none; border: 0; border-radius: 999px; overflow: hidden; width: 100%; height: 8px; accent-color: var(--blue); background: var(--soft); }
.backup-live-progress progress::-webkit-progress-bar, .backup-restore-progress progress::-webkit-progress-bar { background: var(--soft); border-radius: 999px; }
.backup-live-progress progress::-webkit-progress-value, .backup-restore-progress progress::-webkit-progress-value { background: var(--blue); border-radius: 999px; }
.backup-live-progress progress::-moz-progress-bar, .backup-restore-progress progress::-moz-progress-bar { background: var(--blue); border-radius: 999px; }
.backup-live-progress progress:indeterminate, .backup-restore-progress progress:indeterminate { background: linear-gradient(90deg, var(--soft) 25%, var(--blue) 50%, var(--soft) 75%); background-size: 200% 100%; animation: backup-progress-pulse 1.5s linear infinite; }
.backup-live-progress progress:indeterminate::-webkit-progress-bar, .backup-restore-progress progress:indeterminate::-webkit-progress-bar { background: inherit; animation: inherit; }
@keyframes backup-progress-pulse { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .backup-live-progress progress:indeterminate, .backup-restore-progress progress:indeterminate { animation: none; } }
.backup-live-progress small, .backup-restore-progress small { color: var(--muted); font-size: 11px; line-height: 1.5; }
.backup-restore-progress { display: grid; gap: 10px; margin: 0 0 18px; padding: 18px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface, var(--white)); }
.dashboard145-hero-mark .brand-mark { color: var(--text); }
/* Explicit light surfaces keep historic dark defaults from winning the cascade. */
html[data-theme="light"] .customer145-text-link { color: #075da8; }
html[data-theme="light"] .customer145-text-link:hover { color: #064779; }
html[data-theme="light"] .ticket-status-waiting_staff {
  color: #78520d !important; background: #fff2d7 !important; border-color: #e4cd97 !important;
}
html[data-theme="light"] .ticket-status-waiting_user {
  color: #16578c !important; background: #eaf3fc !important; border-color: #bdd5eb !important;
}
html[data-theme="light"] .ticket-status-closed,
html[data-theme="light"] .ticket-priority {
  color: #455263 !important; background: #edf1f4 !important; border-color: #d4dce3 !important;
}
html[data-theme="light"] body.app-body:not([class*="admin-"]) .ticket-priority-high {
  color: #983644 !important; background: #fff0f2 !important; border-color: #edc5cb !important;
}
.account-subusers-v62-body .account-subuser-fixed-account .account-subuser-avatar {
  width: 38px; height: 38px; flex: 0 0 38px; border-radius: 9px;
  border: 1px solid var(--border); background: var(--surface-soft);
  color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase;
}
/* Preserve the R189 editor hierarchy; make light-mode nested controls readable. */
html[data-theme="light"] .account-subusers-body {
  --sub78-text: #202a34;
  --sub78-muted: #4d5965;
  --sub78-border: #c4cdd6;
  --sub78-border-strong: #a6b3bf;
}
html[data-theme="light"] .account-subusers-body .sub63-editor-surface {
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .account-subusers-body :is(.account-subuser-assignment-v59,.account-subuser-server-row-v59,.subuser-permission-group-summary,.subuser-permission-option-v51) {
  color: var(--sub78-text);
  border-color: var(--sub78-border) !important;
  background: var(--sub78-card) !important;
}
html[data-theme="light"] .account-subusers-body .account-subuser-capbar {
  border-color: var(--sub78-border) !important;
  background: var(--sub78-soft) !important;
}
html[data-theme="light"] .account-subusers-body :is(.account-subuser-server-row-v59,.subuser-permission-group-summary,.subuser-permission-option-v51):hover {
  background: #e8edf2 !important;
}
html[data-theme="light"] .account-subusers-body :is(.account-subuser-server-row-v59,.subuser-permission-option-v51):has(input:checked) {
  border-color: #6aa8e5 !important;
  background: #e5f1ff !important;
}

/* Dark editor: distinct page, card and inset surfaces keep the sections legible. */
html[data-theme="dark"] .account-subusers-body .account-subuser-editor-page-v61 {
  --sub78-card: var(--dark-card, #303a44);
  --sub78-soft: var(--dark-inset, #242c34);
  --sub78-hover: var(--dark-raised, #3a4652);
  --sub78-border: var(--dark-border, #536170);
  --sub78-border-strong: var(--dark-border, #718294);
  --sub78-text: var(--dark-text, #f3f5f7);
  --sub78-muted: var(--dark-muted, #bec8d2);
}
html[data-theme="dark"] .account-subusers-body .sub63-editor-surface {
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .account-subusers-body .sub63-editor-form .account-subuser-editor-section-v60 {
  border-color: var(--sub78-border) !important;
  background: var(--sub78-card) !important;
}
html[data-theme="dark"] .account-subusers-body .sub63-section-head {
  background: var(--dark-card, #35414d) !important;
}
html[data-theme="dark"] .account-subusers-body :is(.account-subuser-capbar,.sub63-selection-summary,.account-subuser-fixed-account) {
  border-color: var(--sub78-border) !important;
  background: var(--sub78-soft) !important;
}
html[data-theme="dark"] .account-subusers-body :is(.account-subuser-assignment-v59,.account-subuser-server-row-v59) {
  border-color: var(--sub78-border) !important;
  background: var(--sub78-card) !important;
}
html[data-theme="dark"] .account-subusers-body .account-subuser-server-row-v59:hover {
  background: var(--sub78-hover) !important;
}
html[data-theme="dark"] .account-subusers-body .account-subuser-server-row-v59:has(input:checked) {
  border-color: #559de5 !important;
  background: #253e58 !important;
}
/* Retain the original graphite palette inside the permission dropdowns. */
html[data-theme="dark"] .account-subusers-body .subuser-permission-group-summary {
  background: var(--dark-card, #2b3238) !important;
}
html[data-theme="dark"] .account-subusers-body .subuser-permission-dropdown-body {
  background: var(--dark-card, #282e33) !important;
}
html[data-theme="dark"] .account-subusers-body .subuser-permission-option-v51 {
  background: var(--dark-card, #30373d) !important;
}
html[data-theme="dark"] .account-subusers-body :is(.subuser-permission-group-summary,.subuser-permission-option-v51):hover {
  background: var(--dark-card, #363e45) !important;
}
html[data-theme="dark"] .account-subusers-body .subuser-permission-option-v51:has(input:checked) {
  background: rgba(8,125,245,.13) !important;
}

/* Tool search wrappers and icon tiles also need light surfaces, not just inputs.
   These selectors deliberately target management controls outside the console. */
html[data-theme="light"] .server-workspace-body :is(.server-tool-search,.file64-search,.file65-search,.mp95-search,.version79-search) {
  color: var(--muted);
  border-color: var(--border) !important;
  background: var(--panel) !important;
  box-shadow: none;
}
html[data-theme="light"] .server-workspace-body :is(.server-tool-search,.file64-search,.file65-search,.mp95-search,.version79-search):focus-within {
  border-color: var(--blue) !important;
  box-shadow: 0 0 0 3px var(--focus);
}
html[data-theme="light"] .server-workspace-body :is(.server-tool-search,.file64-search,.file65-search,.mp95-search,.version79-search) svg {
  color: var(--muted);
  stroke: currentColor;
}
html[data-theme="light"] .server-workspace-body .server-tool-search input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
}
html[data-theme="light"] .server-workspace-body :is(.server-settings-card-icon,.startup-card-icon,.card-icon) {
  color: #0869c8;
  border-color: #c7ddf1 !important;
  background: #eef6ff !important;
}
html[data-theme="light"] .server-workspace-body .server-settings-danger-icon {
  color: var(--red);
  border-color: #efcbd0 !important;
  background: var(--red-soft) !important;
}
@media (prefers-reduced-motion: reduce) {
  .app-body *, .app-body *::before, .app-body *::after {
    animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    transition-duration: .01ms !important; scroll-behavior: auto !important;
  }
}