/* Interface-only palettes: exported images and drawing colors are not changed. */
:root{--surface:#172230;--raised:#233244;--field:#101c29;--hover:#31455b;--soft:#21453f;--on-accent:#082923;--warning:#ffd487;--danger:#ffa9a9;--radius:6px}
:root[data-appearance=clinical]{color-scheme:light;--bg:#edf2f8;--panel:#fff;--surface:#fff;--raised:#e5edf7;--field:#f7f9fd;--hover:#d9e6f6;--soft:#dceafd;--line:#b4c4d8;--muted:#465b73;--text:#182e49;--accent:#1559b7;--on-accent:#fff;--warning:#8c4a05;--danger:#a82235;--radius:8px}
:root[data-appearance=graphite]{color-scheme:dark;--bg:#171717;--panel:#242424;--surface:#242424;--raised:#343434;--field:#1a1a1a;--hover:#414141;--soft:#473d27;--line:#565656;--muted:#bcbcbc;--text:#f4f4f4;--accent:#ffd166;--on-accent:#29200a;--warning:#ffd166;--danger:#ffb4b4;--radius:2px}
:root[data-appearance=indigo]{color-scheme:dark;--bg:#171b2c;--panel:#232a40;--surface:#232a40;--raised:#303952;--field:#1b2235;--hover:#3c4865;--soft:#35446b;--line:#53627e;--muted:#b7c4d9;--text:#f0f3ff;--accent:#b7c4ff;--on-accent:#1d2750;--warning:#f6d293;--danger:#ffb5c0;--radius:12px}
@media screen{
body header,body .inspector,body .tools,body dialog,body .workflow,body .selectionbar,body #contextBar,body #draftControls,body .project-load-panel{background:var(--surface);color:var(--text);border-color:var(--line)}
body button,body #panelToggle,body .measure,body .lessoncard,body .objectrow{background:var(--raised);color:var(--text);border-color:var(--line);border-radius:var(--radius)}
body button:hover{background:var(--hover);border-color:var(--accent)}
body input,body select,body textarea,body #language{background:var(--field);color:var(--text);border-color:var(--line);border-radius:var(--radius)}
body .primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
body .primary:hover{background:var(--accent);filter:brightness(1.08)}
body .tool{background:transparent}body .tool.active,body .paneltabs button.active,body #toolCategories button.active,body .selectionbar .active,body button[aria-pressed=true],body .command-categories button[aria-pressed=true]{background:var(--soft);color:var(--accent);border-color:var(--accent)}
body .tool i,body .brand{color:var(--text)}
body .notice,body .bindingbox,body .align-readout,body .calibration-result,body #pairReadout,body #bilateralDifference,body .reference-result,body .worksheet-link,body .device-storage-note,body .device-project-card,body .device-confirmation,body .history-summary,body .template-section,body .template-diff section,body .health-capacity>div,body .correction-lesson-dialog li[aria-current=step],body .paneltabs,body .library-controls{background:var(--field);color:var(--text);border-color:var(--line)}
body .secondary,body .objectrow small,body .lessoncard small,body .attachment-list small,body .alignment-panel>small,body .reference-result p,body .export-dialog small,body .correction-values p,body .device-project-card p,body .device-project-card small,body .managed-object small,body .template-diff small,body .timeline-table-wrap small,body .command-result small,body .register-table small,body #saveStatus,body footer{color:var(--muted)}
body .audit-table th,body .register-table th,body .timeline-table-wrap th,body .timeline-table-wrap caption{background:var(--raised);color:var(--text)}
body .danger{color:var(--danger)}body #saveStatus.unsaved,body .document-finding.review{color:var(--warning)}
body #empty{color:#e8eff7}body #empty p,body #empty small{color:#bac9da}body #empty .emptyicon{color:#43ddc4}
body .appearance-card{white-space:normal;text-align:start;min-width:0;display:flex;flex-direction:column;gap:10px;padding:16px;border-width:2px;font-size:14px}body .appearance-card strong{font-size:16px}body .appearance-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent)}
}
.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-swatches{display:flex;width:100%;height:38px;overflow:hidden;border-radius:5px;border:1px solid var(--line)}.appearance-swatches span{flex:1}#manualDownload,#manualGuide{display:block;padding:12px;border:1px solid var(--line);border-radius:6px;color:var(--accent);text-decoration:none;margin:10px 0;font-size:14px}#manualDownload:hover,#manualGuide:hover{text-decoration:underline}#appearance{min-height:40px}.headeractions{flex-wrap:wrap}header{height:auto;min-height:70px;padding-top:10px;padding-bottom:10px}
@media(max-width:480px){.appearance-grid{grid-template-columns:1fr}.appearance-card{min-height:120px}.headeractions button{white-space:normal}}

@media screen{body .workflow span,body .workflow span:first-child,body .resource-glossary strong,body .context-row>span:first-child{color:var(--text)}body .workflow .complete,body .command-result .command-favorite{color:var(--accent)}body #mobileHint{background:var(--surface);color:var(--text)}body .managed-object input{accent-color:var(--accent)}}

.context-help-links{display:grid;gap:10px;margin:18px 0}.context-help-links a{display:block;padding:12px 14px;min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--field);color:var(--accent);font-size:16px;text-decoration:none}.context-help-links a:hover{text-decoration:underline}.context-help-links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#toolHelp{min-height:40px}@media(max-width:850px){.bottom>div{flex-wrap:wrap}.bottom{flex-shrink:0}.bottom button{min-height:40px}}
