/* Shared application appearance. The original DISANYO bitmap stays on its white plate. */
:root{--app-bg:#F4F7FB;--app-surface:#fff;--app-surface-alt:#edf3f9;--app-nav:#142B45;--app-text:#162c43;--app-muted:#526980;--app-line:#d7e1eb;--app-action:#2563EB;--app-link:#2563EB;--app-action-text:#fff;--app-accent:#0F766E;--app-accent-soft:#e7f5f2;--app-note:#f0f7fb;--app-error:#aa302b;--app-error-bg:#fff0ed;--app-shadow:0 5px 22px #142b4509;--app-radius:14px;color-scheme:light}
:root[data-theme="dark"]{--app-link:#8eb9ff;--app-bg:#0b1422;--app-surface:#152336;--app-surface-alt:#1c3047;--app-nav:#101f33;--app-text:#e9f0fa;--app-muted:#acbed2;--app-line:#354b63;--app-action:#2563EB;--app-action-text:#fff;--app-accent:#65d4c4;--app-accent-soft:#173e3b;--app-note:#1c3047;--app-error:#ffb1a9;--app-error-bg:#482923;--app-shadow:0 5px 22px #0002;color-scheme:dark}
html{background:var(--app-bg)}body{background:var(--app-bg);color:var(--app-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}p,small,.muted,.top small{color:var(--app-muted)}h1,h2,h3,h4,h5,strong,dt{color:inherit}.kv dt{color:var(--app-muted)}a{color:var(--app-link)}button,.button{background:var(--app-action);color:var(--app-action-text);border:1px solid transparent;border-radius:12px;min-height:44px;font-weight:650;transition:background .12s ease}button:hover,.button:hover{filter:brightness(.96)}button.secondary{background:var(--app-surface-alt);color:var(--app-text);border-color:var(--app-line)}button:disabled{opacity:.58;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--app-accent);outline-offset:3px}[data-theme-toggle]{white-space:nowrap;background:var(--app-surface-alt);color:var(--app-text);border:1px solid var(--app-line);font-size:14px}
input,select,textarea{background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-line);border-radius:10px;font-size:16px;min-height:46px}input::placeholder,textarea::placeholder{color:var(--app-muted);opacity:1}input[type=checkbox]{accent-color:var(--app-action);min-height:22px}.panel,.metric,.card,.login,.capture-card,.capture-original,dialog{background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-line);border-radius:var(--app-radius);box-shadow:var(--app-shadow)}dialog{box-shadow:0 22px 90px #0005;padding:28px;max-height:90dvh}dialog::backdrop{background:#081729ab}.table-wrap{border:1px solid var(--app-line);border-radius:12px}th{background:var(--app-surface-alt);color:var(--app-muted);font-size:13px;letter-spacing:.01em}td{border-color:var(--app-line);font-size:15px}td small{font-size:13px}tr:last-child td{border-bottom:0}.badge{background:var(--app-surface-alt);color:var(--app-text);border-radius:8px}.badge.good,.badge.ok{background:var(--app-accent-soft);color:var(--app-accent)}.badge.warn{background:var(--app-note);color:var(--app-text)}.note,.testbar{background:var(--app-note);color:var(--app-text);border-color:var(--app-accent);border-radius:12px}.error{background:var(--app-error-bg);color:var(--app-error);border-radius:10px}.inset,.calendararticle,.source-pre,.progressline span{background:var(--app-surface-alt);color:var(--app-text);border-color:var(--app-line);border-radius:12px}.progressline .done{background:var(--app-accent-soft);color:var(--app-accent)}.check,details{border-color:var(--app-line)}.eyebrow{color:var(--app-accent)}#toast{background:var(--app-nav);color:#fff;border-color:var(--app-accent);border-radius:12px}.empty{color:var(--app-muted)}.brand,.field-brand,.pair-brand{background:#fff}.brand img,.field-brand img,.pair-brand img{filter:none;mix-blend-mode:normal}summary{padding:6px 0}a:has(>strong){text-decoration:none}.metric-link{display:block;text-decoration:none!important;color:var(--app-text);height:100%}.metric-link:hover{text-decoration:underline!important}.metric-link small{display:block;color:var(--app-accent)}.list-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:18px 0}.list-toolbar label{flex:1 1 200px;font-size:14px;font-weight:650;margin:0}.list-toolbar input,.list-toolbar select{width:100%}.list-result-count{color:var(--app-muted);font-size:14px}.personnel-compact{font-size:14px;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(max-width:600px){button,.button{min-height:48px}dialog{padding:20px}.list-toolbar{gap:12px}.list-toolbar label{flex-basis:100%}.table-wrap{max-width:100%}}