/* Personal appearance adapts the canonical Studio tokens; light mode keeps the existing palette. */
html[data-appearance="light"]{color-scheme:light}
html[data-appearance-scale="80"]{zoom:.8}
html[data-appearance-scale="90"]{zoom:.9}
html[data-appearance-scale="100"]{zoom:1}
html[data-appearance-scale="110"]{zoom:1.1}
html[data-appearance-scale="125"]{zoom:1.25}
html[data-appearance="dark"],html[data-appearance="dark"] body{
 color-scheme:dark;
 --bg:#20252d;--surface:#282f38;--sidebar:#282f38;--text:#eef2f6;--muted:#b8c3ce;
 --line:#6b7a89;--brand:#00b9b3;--accent:#74daca;--accent-soft:#263f3e;--accent-ink:#102e2b;
 --shadow:0 12px 35px #11172033;--scroll-thumb:#7c929a;--scroll-track:transparent;--scroll-hover:#a0b8bc;--scroll-active:#74daca;
 --portal-danger:#ffb4a9;--portal-danger-soft:#4d302d;
 --qualification-danger:#ffb4a9;--qualification-danger-soft:#4d302d;--qualification-warning:#f3d38a;--qualification-warning-soft:#443b27;
 --risk-danger:#ffb4a9;--risk-danger-soft:#4d302d;--risk-warning:#f3d38a;--risk-warning-soft:#443b27;
}
html[data-appearance="dark"] body{background:var(--bg);color:var(--text)}
html[data-appearance="dark"] :is(input,select,textarea){color:var(--text);background-color:var(--surface);border-color:var(--line)}
html[data-appearance="dark"] :is(.portal-brand,.dms-logo,.original-logo,.wb-logo){background:#ffffff;border-radius:8px}
/* Drawing paper keeps source colors and exports independent of the interface theme. */
html[data-appearance="dark"] .wb-canvas-wrap{background-color:#f6f7fb;--line:#e4e7ef}
html[data-appearance="dark"] :is(.wb-error,.error){color:var(--risk-danger);background:var(--risk-danger-soft);border-color:var(--risk-danger)}
html[data-appearance="dark"] :is(#property-error,#diagram-error,[data-version-error]){color:var(--risk-danger)}
.appearance-fields{display:grid;gap:16px;margin-top:16px}
fieldset.appearance-fields,.appearance-fields fieldset{border:0;padding:0;margin:0;min-width:0}
.appearance-fields legend,.appearance-scale-label{font-weight:600;font-size:13px;margin-bottom:8px}
.appearance-options{display:flex;flex-wrap:wrap;gap:8px}
.appearance-option{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;cursor:pointer;color:var(--text);background:var(--surface)}
.appearance-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.appearance-option:hover{border-color:var(--accent)}
.appearance-option input{accent-color:var(--accent);margin:0;width:17px;height:17px}
.appearance-scale-label{display:grid;gap:7px}
.appearance-scale-label select{font:inherit;width:100%;max-width:240px;min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--surface)}
.appearance-feedback{min-height:2.8em;overflow-wrap:anywhere}
.appearance-actions{display:flex;flex-wrap:wrap;gap:9px}
.appearance-fields [aria-invalid="true"]{outline:2px solid var(--portal-danger);outline-offset:2px}
@media(forced-colors:active){.appearance-option:has(input:checked){outline:2px solid Highlight}}
@media print{
 html[data-appearance-scale]{zoom:1}
 html[data-appearance="dark"],html[data-appearance="dark"] body{
  color-scheme:light;--bg:#f6f7fb;--surface:#ffffff;--sidebar:#ffffff;--text:#23273d;--muted:#697086;--line:#e4e7ef;
  --accent:#007873;--accent-soft:#e2f5f2;--accent-ink:#ffffff;--portal-danger:#a52d20;--portal-danger-soft:#fff2ee;
  --qualification-danger:#a52d20;--qualification-danger-soft:#fff2ee;--qualification-warning:#805500;--qualification-warning-soft:#fff6df;
  --risk-danger:#a52d20;--risk-danger-soft:#fff2ee;--risk-warning:#805500;--risk-warning-soft:#fff6df;
 }
}

html[data-appearance="dark"] .doc-status.in_progress{background:var(--risk-warning-soft);color:var(--risk-warning)}
/* Utility links stay in the document flow so they never cover tables or actions. */
.app-knowledge-entry{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;max-width:calc(100vw - 40px);margin:16px 8px 20px 20px;padding:10px 14px;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:var(--accent-ink);font:600 12px var(--body,'Segoe UI',sans-serif);text-decoration:none;box-shadow:var(--shadow)}
.app-knowledge-entry:hover{background:var(--accent);color:var(--accent-ink);filter:brightness(.94)}
.app-knowledge-entry[data-ai-link]{margin-left:0}
@media print{.app-knowledge-entry{display:none!important}}