/* UI Stage D · Design-system convergence
   UI-19 card density · UI-20 terminology · UI-21 visual/a11y foundation
   UI-32 dual-layer density · UI-34 measurable performance baseline */
:root{
 --ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-6:24px;
 --ds-r-sm:8px;--ds-r-md:12px;--ds-r-lg:16px;--ds-touch:44px;
 --ds-text:#172033;--ds-muted:#66758a;--ds-border:#dfe6ef;--ds-surface:#fff;--ds-soft:#f8fafc;
 --ds-positive:#087653;--ds-positive-bg:#e7f8f0;--ds-watch:#946300;--ds-watch-bg:#fff5dc;--ds-risk:#a43832;--ds-risk-bg:#fff0ee;--ds-info:#2459a8;--ds-info-bg:#eef5ff;
}
:is(.p-card,.so-panel,.f-card,.wp-card,.d-panel,.di-panel,.c-card,.dc-card,.pv-card,.bc-card,.sys-card,.ic-card,.settings-card){
 border:1px solid var(--ds-border);border-radius:var(--ds-r-md);background:var(--ds-surface)
}
:is(.p-card,.so-panel,.f-card,.wp-card,.d-panel,.di-panel,.c-card,.dc-card,.pv-card,.bc-card,.sys-card,.ic-card){padding:var(--ds-space-4)}
:is(.badge,.d-badge,.c-state,.wp-state,.wp-status,.pv-run,.bc-status,.sys-pill,.f-ai,.f-confidence,.ic-pill){
 display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;line-height:1.2
}
:is(button,.p-btn,.wp-btn,.pv-btn,.bc-btn,.sys-btn,.ic-btn,.ri-save,.stage-c-taskbar-actions a){
 border-radius:var(--ds-r-sm)
}
:is(button,a,input,select,textarea,summary,[role="button"]):focus-visible{outline:3px solid rgba(37,89,168,.32)!important;outline-offset:2px!important}
:is(input,select,textarea){border-color:var(--ds-border);border-radius:var(--ds-r-sm)}
[data-ds-detail]{border-top:1px solid var(--ds-border);margin-top:var(--ds-space-3);padding-top:var(--ds-space-3)}
.ds-density-toggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:5px 9px;border:1px solid var(--ds-border);border-radius:999px;background:var(--ds-surface);color:#40546e;font-size:10px;font-weight:800}
html[data-ds-density="decision"] .ds-analysis-detail{display:none!important}
html[data-ds-density="analysis"] .ds-decision-only-hint{display:none!important}
.ds-analysis-detail[open]{display:block!important}
.ds-term{border-bottom:1px dotted currentColor;cursor:help}
.ds-perf-panel{position:fixed;right:10px;bottom:38px;z-index:69;max-width:250px;padding:6px 8px;border:1px solid var(--ds-border);border-radius:8px;background:rgba(255,255,255,.94);color:var(--ds-muted);font:700 9px/1.35 system-ui;pointer-events:none}
@media(max-width:899px){
 #dashboardApp #dSearch{height:44px!important;min-height:44px!important;padding-block:8px!important}
 :is(.p-card,.so-panel,.f-card,.wp-card,.d-panel,.di-panel,.c-card,.dc-card,.pv-card,.bc-card,.sys-card,.ic-card){padding:var(--ds-space-3)}
 :is(button,a,input,select,textarea,summary,[role="button"]){min-height:var(--ds-touch)}
 .ds-density-toggle{min-height:44px;font-size:12px}
 .ds-perf-panel{display:none}
 html[data-ds-density="decision"] :is(.p-workspace-section[data-ui-level="evidence"],.p-workspace-section[data-ui-level="model"],.so-flow-block[data-ui-level="evidence"],.so-flow-block[data-ui-level="model"]){display:none!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(forced-colors:active){:is(.badge,.d-badge,.c-state,.wp-state,.wp-status,.sys-pill){border:1px solid CanvasText}}