/* One control system. Page and component sheets own layout, not a second theme. */
*{box-sizing:border-box}
html{background:var(--ui-canvas);scrollbar-color:var(--ui-highlight) var(--ui-canvas)}
body{margin:0;background:var(--ui-canvas);color:var(--ui-text);font:400 var(--ui-body-size)/1.6 var(--ui-font);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit;font-weight:400}
:is(h1,h2,h3,h4,h5,h6,strong,b,label,legend){font-weight:400}
:is(h1,h2,h3,h4){text-wrap:balance;overflow-wrap:anywhere}
button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-raised);color:var(--ui-text);font-size:14px;font-weight:400;line-height:1.4;cursor:pointer;text-decoration:none;transition:background var(--ui-control-motion),border-color var(--ui-control-motion),transform var(--ui-control-motion)}
.btn,button[type=submit],.primary-action{background:var(--ui-control-sheen),var(--ui-control-surface);border-top-color:var(--ui-highlight);backdrop-filter:var(--ui-control-filter);-webkit-backdrop-filter:var(--ui-control-filter);box-shadow:var(--ui-control-shadow)}
button:hover,.btn:hover{background:var(--ui-inspector);border-color:var(--ui-highlight)}
.btn:hover{background:var(--ui-control-sheen),var(--ui-inspector)}
button:active,.btn:active{transform:translateY(1px)}
.btn.primary,button[type=submit],.primary-action{background:var(--ui-primary);background-color:var(--ui-primary-glass);background-image:var(--ui-primary-sheen);border-color:var(--ui-border);border-top-color:var(--ui-highlight);color:var(--ui-text)}
.btn.primary:hover,button[type=submit]:hover,.primary-action:hover{background:var(--ui-primary-hover);background-color:var(--ui-primary-hover-glass);background-image:var(--ui-primary-sheen)}
.btn.danger,button.danger{color:var(--ui-danger);background:var(--ui-danger-soft)}
button:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{min-width:0;max-width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-input);color:var(--ui-text);font-size:15px;line-height:1.65}
textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--ui-muted)}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--ui-accent)}
input[type=checkbox],input[type=radio]{width:18px;height:18px;flex:none;vertical-align:middle}
option{background:var(--ui-raised);color:var(--ui-text)}
a{color:var(--ui-accent)}
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}
[aria-invalid=true]{border-color:var(--ui-danger)}
.status,.tag,.badge{display:inline-flex;gap:6px;align-items:center;padding:3px 8px;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-raised);color:var(--ui-secondary);font-size:13px}
.status.ok,.status.success{color:var(--ui-success);background:var(--ui-success-soft)}
.status.review,.status.warning{color:var(--ui-warning);background:var(--ui-warning-soft)}
.status.risk,.status.error{color:var(--ui-danger);background:var(--ui-danger-soft)}
dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--ui-highlight);border-radius:var(--ui-radius-floating);background:var(--ui-raised);color:var(--ui-text);box-shadow:var(--ui-shadow)}
dialog::backdrop{background:var(--ui-scrim);backdrop-filter:blur(18px)}
.card,.input-section,.workbench-primary,.workbench-inspector,.workbench-context{border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);background:var(--ui-workspace);color:var(--ui-text)}
[hidden],.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@supports not (backdrop-filter:blur(1px)){dialog::backdrop{backdrop-filter:none}dialog,.workbench-inspector{background:var(--ui-raised)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s;animation-duration:0s;scroll-behavior:auto}}
@media(pointer:coarse){button,.btn{min-height:44px}}