/* Launcher adapter for the canonical ui-design Neon Void tokens/components.
   Keep domain layouts/visibility in styles.css; this file owns visual consistency. */
:root {
  --mx-bg-canvas: var(--qp-bg-1); --mx-bg-workspace: var(--qp-bg-2);
  --mx-bg-panel: var(--qp-bg-3); --mx-bg-elevated: var(--qp-bg-4);
  --mx-bg-input: var(--qp-bg-input); --mx-bg-hover: var(--qp-bg-hover);
  --mx-line: var(--qp-line); --mx-line-strong: var(--qp-line-strong);
  --mx-text: var(--qp-text-1); --mx-text-soft: var(--qp-text-2); --mx-text-muted: var(--qp-text-3);
  --mx-primary: var(--qp-primary); --mx-primary-hover: var(--qp-primary-hover); --mx-primary-pressed: var(--qp-primary-pressed);
  --mx-info: var(--qp-info); --mx-success: var(--qp-success); --mx-warning: var(--qp-warning); --mx-danger: var(--qp-danger);
  --mx-archetype: var(--qp-archetype);
  --mx-warning-foreground: #ffe5a1; --mx-archetype-foreground: #dfb7ff; --mx-code-text: #c9fef4;
  --mx-shadow: var(--qp-shadow-drop-3); --mx-panel-shadow: var(--qp-shadow-inner-1);
}
.admin-account { display: grid; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid var(--qp-line); font-size: 12px; color: var(--qp-text-2); }
.admin-account-label { color: var(--qp-text-3); font-size: 11px; letter-spacing: .08em; }
.admin-account-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.admin-account-dialog { width: min(440px, calc(100vw - 32px)); box-sizing: border-box; max-height: calc(100dvh - 40px); overflow: auto; padding: 28px; color: var(--qp-text-1); background: var(--qp-bg-3); border: 1px solid var(--qp-line-strong); border-radius: var(--qp-radius-md); box-shadow: var(--qp-shadow-drop-3); }
.admin-account-dialog::backdrop { background: var(--qp-scrim); backdrop-filter: blur(4px); }
.admin-account-dialog form, .admin-account-dialog label { display: grid; gap: 12px; }
.admin-account-dialog label { gap: 6px; }
.admin-account-dialog p { margin: 0; font-size: 13px; line-height: 1.65; color: var(--qp-text-2); }
.admin-account-dialog h2 { margin: 0; font-size: 22px; }
.admin-account-dialog a { color: var(--qp-primary); font-size: 13px; }
.admin-account-dialog input { box-sizing: border-box; width: 100%; color: var(--qp-text-1); padding: 10px 12px; }
.admin-account-dialog #admin-account-link-feedback { color: var(--qp-warning); }
.admin-account-dialog .admin-account-actions { justify-content: flex-end; margin-top: 4px; }
body.qp-app { font-size: 14px; line-height: 1.5; }
button, input, textarea { transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease; }
button:disabled { cursor: not-allowed; }
input::placeholder, textarea::placeholder { color: var(--qp-text-3); opacity: 1; }
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), textarea {
  border-radius: var(--qp-radius-sm); border-color: var(--qp-line); font-size: 13px; background: var(--qp-bg-input);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]) { min-height: 36px; }
input:not(:disabled):hover, textarea:not(:disabled):hover { border-color: color-mix(in srgb, var(--qp-text-2) 28%, var(--qp-line)); }
input:focus-visible, textarea:focus-visible, .qp-select-trigger:focus-visible { outline: 2px solid color-mix(in srgb, var(--qp-primary) 65%, transparent); outline-offset: 2px; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--qp-primary); }
input:disabled, textarea:disabled { opacity: .5; cursor: not-allowed; }
code, pre { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
pre { scrollbar-width: thin; tab-size: 2; }
* { scrollbar-width: thin; scrollbar-color: var(--qp-light-3) transparent; }

/* Quiet navigation, clear active destination, consistent content rhythm. */
.sidebar { padding: 20px 16px 14px; gap: 18px; background: var(--qp-sidebar-bg); }
.brand { gap: 10px; padding: 0 4px 6px; }
.brand-mark { flex-shrink: 0; width: 38px; height: 38px; box-shadow: var(--qp-logo-shadow); font-size: 15px; }
.brand h1 { font-size: 18px; font-weight: 650; letter-spacing: -.035em; }
.brand p { margin-top: 4px; font-size: 11px; }
.nav-tabs { gap: 5px; padding-right: 3px; }
.nav-category { margin: 14px 10px 3px; font-size: 10px; letter-spacing: .09em; color: var(--qp-text-3); }
.nav-tab, .nav-group-toggle { border: 1px solid transparent; border-radius: var(--qp-radius-sm); background: transparent; box-shadow: none; min-height: 44px; padding: 8px 10px; }
.nav-tab strong, .nav-group-toggle strong { font-size: 13px; line-height: 1.5; font-weight: 550; }
.nav-tab span, .nav-group-toggle small, .nav-tab .nav-tab-copy > span { font-size: 11px; line-height: 1.5; color: var(--qp-text-3); }
.nav-tab:hover, .nav-group-toggle:hover { background: var(--qp-light-5); }
.nav-tab.is-active, .nav-group.is-active > .nav-group-toggle {
  background: color-mix(in srgb, var(--qp-primary) 8%, var(--qp-sidebar-bg)); border-color: color-mix(in srgb, var(--qp-primary) 28%, transparent); box-shadow: none;
}
.nav-tab.is-active strong, .nav-group.is-active > .nav-group-toggle strong { color: var(--qp-primary); }
.nav-tab.is-active.nav-group-parent { border-color: transparent; background: var(--qp-light-5); }
.sidebar:not(.is-collapsed) .nav-group > .nav-tree, .sidebar:not(.is-collapsed) .sidebar-admin-nav { margin: 5px 0 5px 12px; padding-left: 10px; border-left: 1px solid var(--qp-line); }
.sidebar:not(.is-collapsed) .sidebar-admin-nav .admin-subnav-items { gap: 4px; }
.sidebar:not(.is-collapsed) .admin-module-tab { min-height: 40px; padding: 8px 10px; border: 1px solid transparent; border-radius: var(--qp-radius-sm); background: transparent; box-shadow: none; }
.sidebar:not(.is-collapsed) .admin-module-tab strong { font-size: 12px; font-weight: 500; }
.sidebar:not(.is-collapsed) .admin-module-tab span { font-size: 10px; color: var(--qp-text-3); line-height: 1.5; }
.sidebar:not(.is-collapsed) .admin-module-tab:hover { background: var(--qp-light-5); }
.sidebar:not(.is-collapsed) .admin-module-tab.is-active { background: color-mix(in srgb, var(--qp-primary) 10%, transparent); border-color: color-mix(in srgb, var(--qp-primary) 40%, transparent); box-shadow: inset 2px 0 var(--qp-primary); }
.sidebar:not(.is-collapsed) .admin-module-tab.is-active strong { color: var(--qp-primary); }
.connection-settings summary { font-size: 11px; }
.workspace { background: linear-gradient(90deg, var(--qp-grid-line) 1px, transparent 1px) 0 0 / 56px 56px, var(--qp-bg-2); }
.view { padding: 24px 28px 32px; }
.view-header { align-items: center; gap: 16px; margin-bottom: 24px; }
.view-header h2 { font-size: 24px; font-weight: 600; letter-spacing: -.04em; line-height: 1.3; }
.view-header p { margin-top: 5px; font-size: 12px; }
#view-workbench { padding: 28px; }
#view-workbench .view-header h2 { font-size: 28px; font-weight: 600; }
.workbench-eyebrow { font-size: 10px !important; letter-spacing: .12em; }
.workbench-toolbar { margin-bottom: 22px; }
.workbench-card { border-radius: var(--qp-radius-md); box-shadow: var(--qp-shadow-inner-1); }

/* A shared 36px form/action scale across all existing management surfaces. */
.primary-button, .secondary-button { min-height: 36px; border-radius: var(--qp-radius-sm); padding: 7px 13px; font-size: 12px; font-weight: 500; line-height: 1.5; }
.primary-button { box-shadow: none; font-weight: 600; }
.secondary-button { background: color-mix(in srgb, var(--qp-bg-input) 68%, transparent); }
.primary-button:disabled, .secondary-button:disabled { opacity: .4; box-shadow: none; }
.qp-select-control .qp-select-trigger { font-size: 13px; min-height: 36px; padding: 7px 10px; }
.qp-select-control .qp-dropdown__value { font-size: inherit; line-height: 1.5; color: inherit; }
.qp-select-popup .qp-select-search { min-height: 32px; height: 32px; border: 0; outline: 0; background: transparent; }
.qp-select-popup .qp-select-search:focus-visible { outline: 0; box-shadow: none; }
.service-field > span, .server-field > span, .form-field > span { font-size: 12px; color: var(--qp-text-2); font-weight: 400; }
.service-field small, .service-hint { font-size: 11px; color: var(--qp-text-3); line-height: 1.65; }
.state-chip, .health-chip, .product-state { min-height: 22px; font-size: 11px; font-weight: 500; padding: 1px 8px; }

/* Tables retain their domain columns, selection, scroll containers and actions. */
table { font-size: 12px; border-collapse: separate; border-spacing: 0; }
thead th { background: color-mix(in srgb, var(--qp-bg-4) 70%, var(--qp-bg-3)); color: var(--qp-text-3); font-size: 10px; font-weight: 550; letter-spacing: .035em; }
tbody td { border-color: var(--qp-line); line-height: 1.6; }
tbody tr { transition: background-color 120ms ease; }
tbody tr:hover { background: var(--qp-light-5); }
tbody td strong { font-weight: 550; }
td .primary-button, td .secondary-button { min-height: 28px; font-size: 11px; padding: 4px 9px; }
.foundation-panel, .admin-panel, .registry-panel, .release-panel { background: var(--qp-bg-3); border-color: var(--qp-line); border-radius: var(--qp-radius-md); box-shadow: var(--qp-shadow-inner-1); }
.foundation-scope-card, .history-scope-card { border-color: var(--qp-line); border-radius: var(--qp-radius-md); background: color-mix(in srgb, var(--qp-primary) 4%, var(--qp-bg-3)); }
.foundation-scope-card strong, .history-scope-card strong { font-size: 16px; font-weight: 550; }
.foundation-scope-card > span, .history-scope-card > span { min-width: 54px; font-weight: 550; font-size: 12px; }
.foundation-card { border-radius: var(--qp-radius-md); }
.foundation-card span { font-size: 22px; font-weight: 550; }
.app-editor-drawer, .evidence-drawer, .admin-inspector { background: var(--qp-bg-3); border-color: var(--qp-line); }
.app-editor-drawer h2, .evidence-header h2 { font-size: 20px; font-weight: 550; }

/* Service workspace: short field rows, one heading per area, restrained emphasis. */
#service-operations-panel { gap: 18px; }
.service-page-heading { padding-bottom: 16px; border-bottom: 1px solid var(--qp-line); }
.service-page-heading h3 { margin: 0 0 4px; font-size: 20px; font-weight: 550; letter-spacing: -.025em; }
.service-page-heading p { font-size: 12px; color: var(--qp-text-3); }
.service-eyebrow { display: none; }
.service-connection { font-size: 11px; }
.service-picker { gap: 10px; }
.service-choice { padding: 14px; border-radius: var(--qp-radius-md); box-shadow: var(--qp-shadow-inner-1); }
.service-choice strong { font-size: 14px; font-weight: 550; margin-bottom: 4px; }
.service-choice span { font-size: 11px; }
.service-choice.is-selected { border-color: color-mix(in srgb, var(--qp-primary) 65%, transparent); background: color-mix(in srgb, var(--qp-primary) 6%, var(--qp-bg-3)); }
.service-choice.is-selected strong { color: var(--qp-primary); }
.service-workspace { gap: 16px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
.service-form-panel, .service-command-panel, .service-task-panel { padding: 20px; border-radius: var(--qp-radius-md); box-shadow: var(--qp-shadow-inner-1); }
.service-panel-heading { margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--qp-line); }
.service-panel-heading h4 { font-size: 14px; font-weight: 550; }
.service-panel-heading > span { font-size: 11px; }
.service-field { gap: 6px; margin-bottom: 14px; }
.service-form-actions { gap: 8px; }
.service-command-code { padding: 16px; font-size: 11px; line-height: 1.8; border-radius: var(--qp-radius-sm); background: var(--qp-bg-1); color: color-mix(in srgb, var(--qp-primary) 32%, var(--qp-text-1)); }
.service-impact { border-left: 2px solid color-mix(in srgb, var(--qp-warning) 70%, transparent); padding: 6px 10px; margin-top: 12px; font-size: 11px; line-height: 1.7; background: color-mix(in srgb, var(--qp-warning) 4%, transparent); }
.service-impact[data-impact="read"] { border-color: var(--qp-line); color: var(--qp-text-2); background: transparent; }
.service-feedback { font-size: 11px; }
.service-switch { border-radius: var(--qp-radius-sm); }
.service-switch strong { font-size: 12px; font-weight: 500; }
.service-task-log { background: var(--qp-bg-1); font-size: 11px; border-radius: var(--qp-radius-sm); }
.service-history button { border-radius: var(--qp-radius-sm); padding: 9px 12px; font-size: 12px; }
.service-setup { border-top: 1px solid var(--qp-line); padding-top: 14px; font-size: 12px; }
.service-setup p { line-height: 1.8; overflow-wrap: anywhere; }

@media (max-width: 1100px) {
  .view, #view-workbench { padding: 20px; }
  .service-picker { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-workspace { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 680px) {
  .view, #view-workbench { padding: 16px 12px 28px; }
  .view-header h2 { font-size: 21px; }
  #view-workbench .view-header h2 { font-size: 24px; }
  .service-page-heading { align-items: flex-start; gap: 10px; }
  .service-page-heading h3 { font-size: 18px; }
  .service-page-heading p { font-size: 11px; }
  .service-page-heading > button { max-width: 132px; white-space: normal; }
  .service-form-panel, .service-command-panel, .service-task-panel { padding: 14px; }
  .service-choice { padding: 12px; }
  .service-choice strong { font-size: 12px; }
  .service-connection > span:last-child { margin-left: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; } }

/* Directory pages use the full workspace; host inspection belongs to operations. */
.admin-console.is-directory-workspace, .admin-console.is-directory-workspace.is-inspector-collapsed { grid-template-columns: minmax(0, 1fr); }
.admin-console.is-directory-workspace .admin-inspector { display: none; }
.app-catalog-toolbar, .user-catalog-toolbar, .release-catalog-toolbar { flex-wrap: wrap; gap: 16px; align-items: start; }
.app-catalog-toolbar > div:first-child { min-width: 180px; }
.user-catalog-controls { display: flex; flex: 1 1 610px; width: auto; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.user-catalog-controls > input { flex: 1 1 160px; width: 160px; min-width: 120px; }
.user-catalog-controls > .qp-select-control { flex: 0 1 145px; width: 145px; }
.user-catalog-controls > button, .user-catalog-controls > label { flex: 0 0 auto; }
.user-catalog-controls .user-default-oversea { min-height: 36px; max-width: none; padding: 6px 10px; border-radius: var(--qp-radius-sm); font-size: 11px; }
.user-catalog-controls .user-default-oversea span { white-space: nowrap; }
.app-catalog-controls > .qp-select-control { width: auto; min-width: 130px; }
.app-table, .foundation-table { background: var(--qp-bg-3); border-color: var(--qp-line); border-radius: var(--qp-radius-md); }
.app-table-row, .foundation-table-row { padding: 11px 14px; font-size: 12px; }
.app-table-row.is-header, .foundation-table-row.is-header { font-size: 10px; font-weight: 550; letter-spacing: .035em; background: var(--qp-light-5); }
.app-table-row strong, .app-table-row b, .foundation-table-row strong { font-size: 12px; font-weight: 550; }
.app-table-row small, .foundation-table-row small { font-size: 11px; }
.app-table-row mark { font-size: 10px; font-weight: 500; min-height: 21px; }
.user-workbench-meta { font-size: 11px; font-weight: 400; gap: 8px; }
.user-workbench-meta > span:not(.profile-feedback) { border-radius: var(--qp-radius-sm); padding: 3px 7px; background: var(--qp-light-5); }
.foundation-panel-head h4 { font-size: 15px; font-weight: 550; }
.foundation-panel-head p { font-size: 12px; }
@media (max-width: 680px) {
  .user-catalog-controls { justify-content: flex-start; flex-basis: 100%; }
  .user-catalog-controls > input { flex-basis: 100%; width: 100%; }
  .user-catalog-controls > .qp-select-control { flex: 1 1 120px; }
}

/* Identity registration uses the same Internal workbench controls. */
.registration-dialog { width: min(820px, calc(100vw - 32px)); max-height: calc(100svh - 40px); overflow-y: auto; }
.registration-dialog > p { color: var(--mx-text-soft); }
.registration-dialog fieldset { border: 1px solid var(--mx-line); border-radius: 12px; margin: 20px 0; padding: 18px; }
.registration-dialog legend { padding: 0 8px; font-weight: 650; }
.registration-dialog form button { margin-top: 16px; }
.registration-dialog .qp-select-trigger { margin-top: 0; }
.registration-app-help { font-size: 12px; line-height: 1.7; color: var(--mx-text-soft); }
.registration-modes { display: flex; flex-wrap: wrap; gap: 20px; }
.registration-modes label { display: inline-flex; align-items: center; gap: 8px; }
.registration-modes input { width: auto; accent-color: var(--mx-primary); }
.registration-code { display: grid; gap: 12px; padding: 18px; border: 1px solid var(--mx-primary); border-radius: 12px; }
.registration-code code { overflow-wrap: anywhere; user-select: all; }
.registration-invites article { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--mx-line); }
.registration-invites article > div { flex: 1; min-width: 160px; }
.registration-invites small { display: block; color: var(--mx-text-soft); margin-top: 6px; }

/* Internal shell follows Hub's 58px app bar and compact type/spacing scale. */
.shell { grid-template-columns: 240px minmax(0, 1fr); height: 100dvh; min-height: 100dvh; }
.sidebar { height: 100dvh; }
.sidebar .brand h1 { font-size: 16px; letter-spacing: -.02em; }
.sidebar .brand { min-height: 42px; padding-bottom: 0; }
.nav-tab strong, .nav-group-toggle strong { font-size: 12px; font-weight: 500; }
.nav-category { margin-top: 12px; }
.workspace { height: 100dvh; }
.workspace-topbar {
  position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between;
  min-height: 58px; gap: 16px; padding: 10px 26px; border-bottom: 1px solid var(--qp-line);
  background: var(--qp-bg-1); color: var(--qp-text-2);
}
.workspace-location, .workspace-actions { display: flex; align-items: center; min-width: 0; gap: 10px; }
.workspace-location { font-size: 12px; }
.workspace-product { white-space: nowrap; color: var(--qp-text-3); }
.workspace-divider { color: var(--qp-text-4); }
#workspace-current { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--qp-text-1); font-weight: 500; }
.workspace-actions { flex: 0 0 auto; gap: 8px; }
.shell-icon-button {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  width: 34px; height: 34px; padding: 7px; color: var(--qp-text-2); background: transparent;
  border: 1px solid transparent; border-radius: var(--qp-radius-sm);
}
.shell-icon-button:hover { background: var(--qp-bg-hover); color: var(--qp-text-1); }
.shell-icon-button svg { width: 20px; height: 20px; }
.account-menu { position: relative; }
.account-menu > summary { display: flex; align-items: center; gap: 8px; min-height: 34px; padding: 3px 8px 3px 4px; border: 1px solid var(--qp-line); border-radius: var(--qp-radius-sm); cursor: pointer; list-style: none; font-size: 12px; }
.account-menu > summary::-webkit-details-marker { display: none; }
.account-menu > summary:hover, .account-menu[open] > summary { background: var(--qp-bg-hover); border-color: var(--qp-light-2); }
.account-avatar { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; border-radius: var(--qp-radius-xs); background: color-mix(in srgb, var(--qp-primary) 12%, var(--qp-bg-3)); color: var(--qp-primary); font-size: 10px; font-weight: 600; }
#account-menu-name { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-chevron { width: 14px; height: 14px; flex: 0 0 14px; }
.account-menu[open] .account-chevron { transform: rotate(180deg); }
.account-popover { position: absolute; right: 0; top: calc(100% + 10px); display: grid; gap: 14px; width: 340px; max-width: calc(100vw - 24px); max-height: calc(100dvh - 82px); overflow: auto; padding: 18px; border: 1px solid var(--qp-line); border-radius: var(--qp-radius-md); background: var(--qp-bg-3); box-shadow: var(--qp-shadow-drop-3); }
.account-popover .admin-account { gap: 10px; padding-bottom: 14px; }
#admin-account-status { overflow-wrap: anywhere; line-height: 1.65; }
.account-popover .sidebar-status { font-size: 11px; }
.account-popover .connection-settings summary { font-size: 12px; color: var(--qp-text-2); }
.account-popover .connection-fields { gap: 14px; }
.account-popover .admin-account-actions { gap: 6px; }
.account-popover .admin-account-actions button { min-height: 32px; padding: 5px 10px; }
#sidebar-mobile-close { display: none; }
.sidebar-backdrop { display: none; }
.view { min-height: calc(100dvh - 58px); padding: 26px 28px 40px; }
#view-workbench { max-width: 1720px; padding: 26px 28px 40px; }
.view-header { margin-bottom: 20px; }
.view-header h2, #view-workbench .view-header h2 { font-size: 22px; font-weight: 500; letter-spacing: -.02em; margin-bottom: 0; }
.workbench-eyebrow { font-size: 9px !important; letter-spacing: .18em; margin-bottom: 8px; }
.view-header p { font-size: 12px; color: var(--qp-text-3); }
.workbench-toolbar { margin: 0 0 24px; padding: 0; gap: 10px; background: transparent; border: 0; border-radius: 0; }
.workbench-toolbar label { font-size: 12px; }
.workbench-toolbar input { max-width: 560px; }
#workbench-search-result:empty { display: none; }
.workbench-section { margin-bottom: 24px; }
.workbench-section-heading { margin-bottom: 12px; }
.workbench-section-heading h3 { font-size: 14px; font-weight: 500; }
.workbench-section-heading > span, .workbench-catalog-status { font-size: 11px; color: var(--qp-text-3); }
.workbench-task-grid, .workbench-app-grid { gap: 10px; }
.workbench-task, .workbench-app-card { padding: 14px 16px; border-radius: var(--qp-radius-md); box-shadow: var(--qp-shadow-inner-1); }
.workbench-task { gap: 6px; }
.workbench-task strong, .workbench-app-heading strong { font-size: 13px; font-weight: 500; }
.workbench-task > span, .workbench-app-card > p { font-size: 12px; line-height: 1.6; }
.workbench-app-heading { margin-bottom: 8px; gap: 8px; }
.workbench-app-card > p { margin: 0 0 12px; }
.workbench-tag { font-size: 10px; padding: 2px 6px; border-radius: var(--qp-radius-xs); }
.workbench-app-card .secondary-button { min-height: 30px; padding: 4px 10px; font-size: 11px; }
.workbench-pending { padding-top: 16px; }
.workbench-pending summary { font-size: 13px; }
.workbench-pending summary span { font-size: 11px; }

@media (max-width: 1100px) {
  .view, #view-workbench { padding: 22px 20px 32px; }
  .workspace-topbar { padding-right: 20px; padding-left: 20px; }
}
@media (max-width: 900px) {
  .shell, .shell:has(.sidebar.is-collapsed) { display: block; height: auto; min-height: 100dvh; }
  .workspace { height: auto; min-height: 100dvh; }
  .sidebar, .sidebar.is-collapsed { position: fixed; top: 0; left: 0; bottom: 0; z-index: 40; width: min(280px, calc(100vw - 48px)); height: 100dvh; padding: 20px 16px; visibility: hidden; transform: translateX(-100%); overflow: auto; background: var(--qp-sidebar-bg); }
  .sidebar:not(.is-collapsed) .nav-tabs { max-height: none; }
  .is-mobile-nav-open .sidebar { visibility: visible; transform: translateX(0); }
  .is-mobile-nav-open { overflow: hidden; }
  #sidebar-mobile-close { display: flex; position: absolute; top: 24px; right: 10px; font-size: 24px; }
  .sidebar .brand { padding-right: 24px; }
  .sidebar-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 30; border: 0; background: var(--qp-scrim); }
  .workspace-topbar { padding: 10px 16px; }
}
@media (max-width: 560px) {
  .workspace-product, .workspace-divider { display: none; }
  .workspace-topbar { gap: 8px; padding: 10px 12px; }
  .workspace-location { gap: 6px; }
  .workspace-actions { gap: 4px; }
  #account-menu-name { max-width: 100px; }
  .account-popover { position: fixed; top: 64px; left: 12px; right: 12px; width: auto; }
  .view, #view-workbench { padding: 20px 16px 28px; }
  .view-header { align-items: flex-start; gap: 10px; }
  .view-header > button { flex: 0 0 auto; padding: 6px 9px; }
  .workbench-toolbar input { flex-basis: 100%; }
  .workbench-section-heading { align-items: flex-start; gap: 4px; }
  .workbench-section-heading > span { font-size: 10px; }
  .workspace-actions .shell-icon-button, #sidebar-collapse { width: 36px; height: 36px; }
}


/* Both themes consume the same Neon Void tokens as Hub, including legacy panels. */
:root.qp-theme-neon-void-light {
  --mx-warning-foreground: var(--qp-warning);
  --mx-archetype-foreground: var(--qp-archetype);
  --mx-code-text: var(--qp-text-1);
}
.theme-icon-sun, .qp-theme-neon-void .theme-icon-moon { display: none; }
.qp-theme-neon-void .theme-icon-sun { display: block; }
.login-theme-toggle { position: absolute; top: 20px; right: 24px; }
.login-gate { position: relative; }
.sidebar { box-shadow: inset -1px 0 0 var(--qp-sidebar-line); }
.brand-mark, .primary-button { color: var(--qp-on-primary); }
@media (max-width: 360px) {
  #account-menu-name { max-width: 76px; }
  .workspace-actions { gap: 2px; }
}