/* Account utilities and personal preferences have separate surfaces. */
/* The bell menu follows the same live palette as the rest of the next UI. */
[data-archbro-ui="next"] .notification-menu {background:var(--ui-next-surface);color:var(--ui-next-ink);border-color:var(--ui-next-line);scrollbar-color:var(--ui-next-line) transparent}
[data-archbro-ui="next"] .notification-menu .top-menu-head {background:var(--ui-next-surface);color:var(--ui-next-ink);border-color:var(--ui-next-line-soft)}
[data-archbro-ui="next"] .notification-menu :is(.notification-item,.top-menu-close) {color:var(--ui-next-ink);background:transparent}
[data-archbro-ui="next"] .notification-menu :is(.notification-item,.top-menu-close):hover {background:var(--ui-next-hover);color:var(--ui-next-ink)}
[data-archbro-ui="next"] .notification-menu :is(button,a):focus-visible {outline:2px solid var(--ui-next-accent);outline-offset:2px}
[data-archbro-ui="next"] .notification-menu :is(.notification-empty,.notification-item span,.notification-invitation p,.top-menu-head>span) {color:var(--ui-next-muted)}
[data-archbro-ui="next"] .notification-menu .notification-invitation {background:var(--ui-next-surface-muted);border-color:var(--ui-next-line);color:var(--ui-next-ink)}
[data-archbro-ui="next"] .notification-menu :is(.invitation-card-icon,.invitation-role) {background:var(--ui-next-accent-soft);border-color:var(--ui-next-line);color:var(--ui-next-accent)}
[data-archbro-ui="next"] .notification-menu .invitation-card-heading small {color:var(--ui-next-accent)}
[data-archbro-ui="next"] .notification-menu .btn {background:var(--ui-next-surface);border-color:var(--ui-next-line);color:var(--ui-next-ink)}
[data-archbro-ui="next"] .notification-menu .btn.primary {background:var(--ui-next-accent-soft);border-color:var(--ui-next-accent);color:var(--ui-next-ink)}
[data-archbro-ui="next"] .notification-menu .btn:hover:not(:disabled) {background:var(--ui-next-hover)}
[data-archbro-ui="next"][data-theme="dark"] {color-scheme:dark}
[data-archbro-ui="next"][data-theme="light"] {color-scheme:light}
[data-archbro-ui="next"] #accountBtn {width:34px;height:34px;border:1px solid var(--ui-next-line);border-radius:50%;background:var(--ui-next-surface-muted);color:var(--ui-next-ink)}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) #accountSettingsForm {display:block;height:auto;min-height:0}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) .dialog-head {padding:0 0 20px;min-height:0;border-bottom:1px solid var(--ui-next-line)}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) .settings-nav {display:flex;flex-direction:row;flex-wrap:wrap;padding:8px 0;border-right:0;border-bottom:1px solid var(--ui-next-line);gap:6px}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) .settings-nav button {min-height:44px;padding:6px 10px;border-radius:5px}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) .settings-nav button>span {width:auto;font:inherit}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) #settingsPanel {padding:24px 0;overflow:visible}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) .dialog-actions {padding:16px 0 0;min-height:0}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) .v41-settings-group {grid-template-columns:minmax(0,1fr);gap:14px}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) .v41-settings-row {font-weight:400}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) .v41-settings-row small {font-weight:400}
[data-archbro-ui="next"] #accountSettingsDialog[data-section="preferences"][data-in-page="true"] {border-radius:0;background:transparent}
[data-archbro-ui="next"] #accountSettingsDialog[data-section="preferences"] .dialog-head small {display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:0}
[data-archbro-ui="next"] #accountSettingsDialog .dialog-head small svg {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
[data-archbro-ui="next"] #accountMenu {
  width:min(280px,calc(100vw - 32px));padding:8px;border:1px solid var(--ui-next-line);
  border-radius:8px;background:var(--ui-next-surface);color:var(--ui-next-ink);
  box-shadow:0 12px 32px #0002;
}
[data-archbro-ui="next"] #accountMenu [role="menuitem"] {min-height:44px;border-radius:5px;font-size:13px}
[data-archbro-ui="next"] #accountPreferencesBtn small {display:block;margin-top:3px;color:var(--ui-next-muted);font-size:12px;font-weight:400}
[data-archbro-ui="next"] #accountMenu #accountShareBtn {display:none}
[data-archbro-ui="next"] #accountMenu #accountMcpConnectionsBtn {display:flex;align-items:center;gap:10px;width:100%;text-align:left}
[data-archbro-ui="next"] #accountMenu #accountMcpConnectionsBtn::before {
  content:"";flex:none;width:18px;height:18px;background:currentColor;
  -webkit-mask:var(--account-mcp-icon) center/contain no-repeat;mask:var(--account-mcp-icon) center/contain no-repeat;
  --account-mcp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2v5M15 2v5M6 7h12v4a6 6 0 0 1-12 0Z'/%3E%3Cpath d='M12 17v5'/%3E%3C/svg%3E");
}
[data-archbro-ui="next"] #accountSettingsDialog [hidden] {display:none!important}
[data-archbro-ui="next"] #accountSettingsDialog {
  font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;
  background:var(--ui-next-surface);color:var(--ui-next-ink);border:1px solid var(--ui-next-line);
  scrollbar-color:var(--ui-next-line) transparent;
}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) {
  width:min(600px,calc(100vw - 32px));height:fit-content;min-height:0;padding:24px;border-radius:10px;
  max-height:calc(100dvh - 48px);overflow:auto;
}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) .dialog-close {width:44px;height:44px;min-height:44px;background:transparent;color:var(--ui-next-muted);border:1px solid var(--ui-next-line);border-radius:6px}
[data-archbro-ui="next"] #accountSettingsDialog .dialog-head {background:transparent}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#accountSettingsDialog,#emailChangeDialog) .btn.primary {background:var(--ui-next-accent);color:var(--ui-next-on-accent);min-height:44px}
[data-archbro-ui="next"] #accountSettingsDialog .dialog-head h3 {color:var(--ui-next-ink);font-size:24px}
[data-archbro-ui="next"] #accountSettingsDialog :is(label,legend,.settings-section-heading h4,.notification-preference-row strong) {color:var(--ui-next-ink);letter-spacing:0;text-transform:none}
[data-archbro-ui="next"] #accountSettingsDialog :is(p,small,.settings-email-summary,.settings-footnote,.settings-capability-note) {color:var(--ui-next-muted)}
[data-archbro-ui="next"] #accountSettingsDialog .settings-section-heading h4 {font-size:18px}
[data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) .settings-section-heading h4 {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-archbro-ui="next"] #accountSettingsDialog:is([data-section="help"],[data-section="feedback"]) .dialog-actions {display:none}
[data-archbro-ui="next"] #accountSettingsDialog .settings-fields label {font-size:13px;font-weight:600}
[data-archbro-ui="next"] #accountSettingsDialog :is(input:not([type="checkbox"]),select,textarea) {
  background:var(--ui-next-surface);color:var(--ui-next-ink);border:1px solid var(--ui-next-line);
  border-radius:6px;min-height:44px;font:inherit;
}
[data-archbro-ui="next"] #accountSettingsDialog input:read-only {background:var(--ui-next-surface-muted);color:var(--ui-next-muted)}
[data-archbro-ui="next"] #accountSettingsDialog :is(.settings-email-summary button,.settings-method-row button,.settings-password button,.settings-back,.v41-account-connections,#securityRetry,.btn:not(.primary)) {
  border:1px solid var(--ui-next-line);background:var(--ui-next-surface);color:var(--ui-next-ink);
  min-height:44px;padding:6px 12px;border-radius:6px;font:inherit;font-size:12px;cursor:pointer;
}
[data-archbro-ui="next"] #accountSettingsDialog .v41-account-connections {margin-top:20px}
[data-archbro-ui="next"] #accountSettingsDialog :is(.notification-preference-row,.settings-method-row,.settings-unavailable,.settings-shortcuts) {
  background:transparent;border:1px solid var(--ui-next-line-soft);border-radius:6px;color:var(--ui-next-ink);
}
[data-archbro-ui="next"] #accountSettingsDialog .notification-preference-row {padding:16px}
[data-archbro-ui="next"] #accountSettingsDialog .notification-preference-row small {color:var(--ui-next-muted)}
[data-archbro-ui="next"] #accountSettingsDialog .notification-preference-row input {background:var(--ui-next-line);border-color:var(--ui-next-line)}
[data-archbro-ui="next"] #accountSettingsDialog .notification-preference-row input:checked {background:var(--ui-next-accent);border-color:var(--ui-next-accent)}
[data-archbro-ui="next"] #accountSettingsDialog :is(.settings-nav,.dialog-actions) {background:transparent;border-color:var(--ui-next-line)}
[data-archbro-ui="next"] #accountSettingsDialog .settings-nav button {background:transparent;color:var(--ui-next-muted)}
[data-archbro-ui="next"] #accountSettingsDialog .settings-nav button.active {background:var(--ui-next-accent-soft);color:var(--ui-next-accent)}
[data-archbro-ui="next"] #accountSettingsDialog .settings-nav button svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
[data-archbro-ui="next"] #accountSettingsDialog kbd {background:var(--ui-next-surface-muted);color:var(--ui-next-ink);border-color:var(--ui-next-line)}
[data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .dialog-head {position:static}
[data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .v41-settings-group {padding:28px 0}
[data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .v41-settings-row {min-height:60px;padding:10px 0}
[data-archbro-ui="next"] #accountSettingsDialog[data-section="preferences"] .settings-nav {display:none}
[data-archbro-ui="next"] #accountSettingsDialog[data-section="preferences"] .v41-settings-extra {display:none}
@media(max-width:620px) {
  [data-archbro-ui="next"] #workspace .v41-settings-page {padding:0 16px 32px}
  [data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) {padding:18px}
  [data-archbro-ui="next"] #accountSettingsDialog .settings-nav {display:flex;gap:6px}
}

/* MCP surfaces follow the active theme; provider artwork keeps its own colors. */
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog {
  background:var(--ui-next-surface);color:var(--ui-next-ink);
  border-color:var(--ui-next-line);scrollbar-color:var(--ui-next-line) transparent;
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.mcp-picker-shell,.mcp-picker-header,.mcp-config-panel,.mcp-provider-card,.mcp-empty-state,.mcp-connection-row,.mcp-oauth-code) {
  background:var(--ui-next-surface);color:var(--ui-next-ink);border-color:var(--ui-next-line);
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.mcp-library,.mcp-config-note,.mcp-oauth-hero,.mcp-tabs,.mcp-picker-close) {
  background:var(--ui-next-surface-muted);border-color:var(--ui-next-line);
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.mcp-config-head,.mcp-picker-content,.mcp-library-pane,.mcp-config-panel) {
  border-color:var(--ui-next-line);scrollbar-color:var(--ui-next-line) transparent;
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.mcp-picker-heading small,.mcp-picker-heading p,.mcp-search-icon,.mcp-library-label span,.mcp-provider-copy>span,.mcp-provider-chevron,.mcp-config-provider small,.mcp-config-provider p,.mcp-secret-note,.mcp-config-note p,.mcp-connection-row p,.mcp-oauth-hero small,.mcp-oauth-hero p,.mcp-oauth-state p,.mcp-oauth-code span,.mcp-oauth-privacy p,.mcp-empty-state,.mcp-tab,.mcp-picker-close) {
  color:var(--ui-next-muted);
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.mcp-empty-state strong,.mcp-config-note strong,.mcp-oauth-code code,.mcp-config-fields label,.mcp-fields label,.mcp-oauth-credentials label) {color:var(--ui-next-ink)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(input,select,textarea) {
  background:var(--ui-next-surface);color:var(--ui-next-ink);border-color:var(--ui-next-line);
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(input,textarea)::placeholder {color:var(--ui-next-muted);opacity:1}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(input,select,textarea):focus {
  border-color:var(--ui-next-accent);box-shadow:0 0 0 3px var(--ui-next-focus);
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-picker-close:hover {background:var(--ui-next-hover);color:var(--ui-next-ink)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-hub-mark {background:var(--ui-next-accent);color:var(--ui-next-surface)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-tab.active {background:var(--ui-next-surface);color:var(--ui-next-accent)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.mcp-tab span,.mcp-provider-icon.custom-icon) {background:var(--ui-next-accent-soft);color:var(--ui-next-accent)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.mcp-provider-copy small,.mcp-oauth-setup-link,.mcp-provider-card.selected .mcp-provider-chevron) {color:var(--ui-next-accent)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.mcp-memory-pill,.mcp-oauth-privacy,.mcp-feedback) {
  background:var(--ui-next-accent-soft);color:var(--ui-next-accent);border-color:var(--ui-next-accent);
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-provider-card.selected {
  background:var(--ui-next-accent-soft);border-color:var(--ui-next-accent);
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-provider-card:hover {border-color:var(--ui-next-accent)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.mcp-provider-card.connected,.mcp-connection-notice,.mcp-oauth-state) {
  background:var(--ui-next-success-bg);
  border-color:color-mix(in srgb,var(--ui-next-success) 40%,var(--ui-next-line));
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-connection-notice {color:var(--ui-next-success)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-provider-card.connected.selected {box-shadow:inset 3px 0 0 var(--ui-next-success)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-oauth-state.setup {
  background:var(--ui-next-warning-bg);
  border-color:color-mix(in srgb,var(--ui-next-warning) 40%,var(--ui-next-line));
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-oauth-state-icon {background:var(--ui-next-warning-bg);color:var(--ui-next-warning)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.mcp-oauth-state-icon.ready,.mcp-provider-chevron.connected) {background:var(--ui-next-success-bg);color:var(--ui-next-success)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-connected-dot {background:var(--ui-next-muted)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-connected-dot.ready {background:var(--ui-next-success)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-connected-dot.failed {background:var(--ui-next-danger)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-connection-meta span {background:var(--ui-next-surface-muted);color:var(--ui-next-muted)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-connection-meta span.ready {background:var(--ui-next-success-bg);color:var(--ui-next-success)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.mcp-feedback.error,.mcp-connection-meta span.failed) {
  background:color-mix(in srgb,var(--ui-next-danger) 10%,var(--ui-next-surface));color:var(--ui-next-danger);
  border-color:color-mix(in srgb,var(--ui-next-danger) 40%,var(--ui-next-line));
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-connection-error {color:var(--ui-next-danger)!important}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.btn.secondary,.mcp-connection-actions button,.mcp-mobile-back) {
  background:var(--ui-next-surface);color:var(--ui-next-ink);border-color:var(--ui-next-line);
}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(.btn.secondary,.mcp-connection-actions button,.mcp-mobile-back):hover:not(:disabled) {background:var(--ui-next-hover);border-color:var(--ui-next-accent)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-connection-actions button.danger {color:var(--ui-next-danger)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .mcp-connection-actions button.danger:hover:not(:disabled) {background:color-mix(in srgb,var(--ui-next-danger) 10%,var(--ui-next-surface));border-color:var(--ui-next-danger)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog .btn.primary {background:var(--ui-next-accent);color:var(--ui-next-surface)}
body:has(>#workspaceShell[data-archbro-ui="next"]) #mcpConnectionsDialog :is(button,input,select,textarea):focus-visible {outline-color:var(--ui-next-accent);box-shadow:0 0 0 5px var(--ui-next-focus)}

/* Project and sharing modal controls inherit the same theme as the workspace. */
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog):not([data-in-page="true"]) {
  background:var(--ui-next-surface);color:var(--ui-next-ink);border-color:var(--ui-next-line);
  scrollbar-color:var(--ui-next-line) transparent;
}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) :is(label,legend,label>span) {color:var(--ui-next-ink);font-size:14px;line-height:1.55}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) :is(.dialog-head small,.dialog-hint,.muted) {color:var(--ui-next-muted);font-size:12px;line-height:1.55}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) :is(input:not([type="radio"]),textarea,select) {
  background:var(--ui-next-surface);color:var(--ui-next-ink);border-color:var(--ui-next-line);
}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) :is(input,textarea)::placeholder {color:var(--ui-next-muted);opacity:1}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) :is(input,textarea,select):disabled {background:var(--ui-next-surface-muted);color:var(--ui-next-muted)}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) .dialog-actions {border-color:var(--ui-next-line)}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) :is(.dialog-close,.btn.secondary) {
  background:var(--ui-next-surface-muted);color:var(--ui-next-ink);border-color:var(--ui-next-line);
}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) :is(.dialog-close,.btn.secondary):hover:not(:disabled) {background:var(--ui-next-hover)}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) .btn.primary {background:var(--ui-next-accent);color:var(--ui-next-surface)}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) .btn.soft {background:var(--ui-next-accent-soft);color:var(--ui-next-accent)}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) .link-btn {color:var(--ui-next-accent)}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) .danger-btn {background:var(--ui-next-danger);color:var(--ui-next-surface)}
body:has(>#workspaceShell[data-archbro-ui="next"]) :is(#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) :is(button,input,textarea,select):focus-visible {outline-color:var(--ui-next-accent);box-shadow:0 0 0 5px var(--ui-next-focus)}
body:has(>#workspaceShell[data-archbro-ui="next"][data-theme="dark"]) :is(#mcpConnectionsDialog,#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) {color-scheme:dark}
body:has(>#workspaceShell[data-archbro-ui="next"][data-theme="light"]) :is(#mcpConnectionsDialog,#newProjectNameDialog,#projectRepositoryDialog,#editProjectDialog,#deleteProjectDialog,#sharingDialog) {color-scheme:light}