/* Hallmark · shape: app screen · genre: modern-minimal · theme: Cobalt (by request, light) · redesign: full
 * nav: existing workbench shell · signature: production workspace · states: existing loading, empty, error, full
 * modes: light+dark · brand: extracted from trust-ui.css 2026-10-23 · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V3 · weakest: V, shared task patterns intentionally stay familiar across modules */
:root,html[data-trust-ui],:host {
 --space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;
 --hm-bg:#f5f7f9;--hm-surface:#ffffff;--hm-soft:#eef2f5;--hm-ink:#263341;--hm-muted:#586979;--hm-line:#dce3e9;--hm-control:#8294a3;
 --hm-accent:#426c89;--hm-accent-hover:#355c78;--hm-on-accent:#ffffff;--hm-selected:#e9f0f6;--hm-focus:var(--hm-muted);
 --hm-success:#35664f;--hm-success-soft:#e9f3ed;--hm-warning:#795a2b;--hm-warning-soft:#faf1df;--hm-danger:#a14350;--hm-danger-soft:#faecee;
 --hm-overlay:#14202c99;--hm-shadow:0 8px 28px #21344314;--hm-radius:10px;--hm-radius-sm:6px;
 --hm-font:"Segoe UI Variable Text","Segoe UI","Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;
 --hm-content-width:1540px;--hm-control-size:38px;--hm-font-size:16px;
 --text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:1.75rem;
 --dur-micro:120ms;--dur-short:220ms;--dur-long:420ms;--ease-out:cubic-bezier(.16,1,.3,1);
 --color-paper:var(--hm-bg);--color-paper-2:var(--hm-surface);--color-paper-3:var(--hm-soft);--color-ink:var(--hm-ink);--color-ink-2:var(--hm-muted);--color-muted:var(--hm-muted);--color-rule:var(--hm-line);--color-accent:var(--hm-accent);--color-accent-ink:var(--hm-on-accent);--color-focus:var(--hm-focus);--font-body:var(--hm-font);--font-display:var(--hm-font);
 --trust-bg:var(--hm-bg);--trust-surface:var(--hm-surface);--trust-soft:var(--hm-soft);--trust-ink:var(--hm-ink);--trust-muted:var(--hm-muted);--trust-line:var(--hm-line);--trust-control:var(--hm-control);--trust-field:var(--hm-surface);--trust-blue:var(--hm-accent);--trust-action:var(--hm-accent);--trust-action-hover:var(--hm-accent-hover);--trust-on-action:var(--hm-on-accent);--trust-selected:var(--hm-selected);--trust-focus:var(--hm-focus);--trust-success:var(--hm-success);--trust-success-bg:var(--hm-success-soft);--trust-success-soft:var(--hm-success-soft);--trust-warning:var(--hm-warning);--trust-warning-bg:var(--hm-warning-soft);--trust-danger:var(--hm-danger);--trust-danger-bg:var(--hm-danger-soft);
 --blue:var(--hm-accent);--line:var(--hm-line);--muted:var(--hm-muted);--ui-text:var(--hm-ink);--ui-surface:var(--hm-surface);--ui-soft:var(--hm-soft);--ui-radius:var(--hm-radius);--ui-field-radius:var(--hm-radius-sm);
 color-scheme:light;
}
html[data-trust-mode=dark],html[data-theme=dark],:root:has(body.dark),:host([data-mode=dark]),:host-context(html[data-trust-mode=dark]) {
 --hm-bg:#1b2229;--hm-surface:#242e37;--hm-soft:#2c3842;--hm-ink:#edf2f6;--hm-muted:#b6c3cf;--hm-line:#435362;--hm-control:#8396a7;
 --hm-accent:#aacbe4;--hm-accent-hover:#c4dcec;--hm-on-accent:#213443;--hm-selected:#344b5d;--hm-focus:var(--hm-muted);
 --hm-success:#b0d7bd;--hm-success-soft:#2c4237;--hm-warning:#e6c89a;--hm-warning-soft:#41392e;--hm-danger:#edb4bb;--hm-danger-soft:#48343c;
 --hm-overlay:#0f1729bb;--hm-shadow:none;color-scheme:dark;
}
html[data-trust-font=large]{--hm-font-size:18px}
html[data-trust-font=extra]{--hm-font-size:20px}
/* Cobalt app material. Dark themes retain the existing palette and geometry. */
:root:not([data-trust-mode=dark]):not([data-theme=dark]):not(:has(body.dark)),
:host-context(html:not([data-trust-mode=dark]):not([data-theme=dark])) {
 --hm-bg:oklch(98.6% .005 250);--hm-surface:oklch(99.4% .003 250);--hm-soft:oklch(96.2% .008 252);
 --hm-ink:oklch(21% .028 262);--hm-muted:oklch(50% .018 258);--hm-line:oklch(90% .009 252);--hm-control:oklch(62% .026 258);
 --hm-accent:oklch(52% .19 258);--hm-accent-hover:oklch(43% .2 262);--hm-on-accent:oklch(98.6% .005 250);--hm-selected:oklch(95% .028 256);--hm-focus:var(--hm-muted);
 --hm-edge:oklch(39% .16 260);--hm-rule-strong:oklch(83% .012 252);--hm-sidebar:oklch(96.7% .009 252);
 --hm-radius:8px;--hm-radius-sm:6px;
 --hm-key-shadow:0 2px 0 oklch(80% .016 254),inset 0 1px 0 oklch(100% 0 0 / .9);
 --hm-key-primary-shadow:0 2px 0 var(--hm-edge),inset 0 1px 0 oklch(100% 0 0 / .22);
 --hm-key-pressed:inset 0 1px 2px oklch(21% .028 262 / .14);
 --hm-card-shadow:0 1px 2px oklch(21% .028 262 / .06);
 --hm-shadow:0 16px 48px oklch(21% .028 262 / .13);--hm-overlay:oklch(21% .028 262 / .5);
}
:root[data-trust-mode],html[data-trust-ui][data-trust-mode] {
 --trust-bg:var(--hm-bg);--trust-surface:var(--hm-surface);--trust-soft:var(--hm-soft);--trust-ink:var(--hm-ink);--trust-muted:var(--hm-muted);--trust-line:var(--hm-line);--trust-control:var(--hm-control);--trust-field:var(--hm-surface);--trust-blue:var(--hm-accent);--trust-action:var(--hm-accent);--trust-action-hover:var(--hm-accent-hover);--trust-on-action:var(--hm-on-accent);--trust-selected:var(--hm-selected);--trust-focus:var(--hm-focus);--trust-success:var(--hm-success);--trust-success-bg:var(--hm-success-soft);--trust-warning:var(--hm-warning);--trust-warning-bg:var(--hm-warning-soft);--trust-danger:var(--hm-danger);--trust-danger-bg:var(--hm-danger-soft);
 --trust-input-line:var(--hm-control);--trust-control-border:var(--hm-control);--trust-warning-soft:var(--hm-warning-soft);--trust-danger-soft:var(--hm-danger-soft);--trust-hover:var(--hm-soft);--trust-radius:var(--hm-radius-sm);--trust-radius-panel:var(--hm-radius);--trust-radius-dialog:var(--hm-radius);--trust-shadow:none;--trust-shadow-dialog:var(--hm-shadow);--trust-overlay:var(--hm-overlay);--trust-font-family:var(--hm-font);--ui-icon:var(--hm-muted);
}

/* Shared UI roles: font-size preferences continue to scale through rem. */
:root,html[data-trust-ui],:host{
 --hm-text-xs:.75rem;--hm-text-sm:.875rem;--hm-text-md:1rem;--hm-text-lg:1.125rem;--hm-title:1.5rem;
 --hm-line-body:1.6;--hm-line-heading:1.35;--hm-weight-body:400;--hm-weight-label:600;
 --hm-control-height:40px;--hm-control-height-sm:32px;--hm-close-size:36px;--hm-panel-pad:24px;--hm-dialog-pad:24px;
 --hm-tab-height:40px;--hm-tab-gap:4px;--hm-tab-pad:16px;--hm-focus:var(--hm-muted);
}
@media(max-width:760px){:root,html[data-trust-ui],:host{--hm-panel-pad:16px;--hm-dialog-pad:16px}}
@media(pointer:coarse){:root,html[data-trust-ui],:host{--hm-control-height:44px;--hm-control-height-sm:44px;--hm-close-size:44px;--hm-tab-height:44px}}