:root{--ink:#17334f;--muted:#53677d;--green:#005bb5;--paper:#f5f8fc;--line:#d8e2ed;--lime:#e0f3d9;--warn:#8a4200;--expert-blue:#0063e5;--expert-green:#17a400;--expert-yellow:#ffbf15;--expert-orange:#f05200}
body[data-access="public"] [data-private-only]{display:none!important}
.topbar{background:var(--expert-blue)}.mark{display:block;width:48px;height:48px;object-fit:contain;background:var(--surface);border-radius:50%;padding:2px}.activity.selected{border-color:#169400;box-shadow:inset 0 0 0 1px #169400}.secondary{background:var(--secondary-bg);color:var(--link)}.connection.online .status-dot{background:#17a400}.connection.offline .status-dot{background:#f05200}.tip{background:var(--info-bg)}.tip p,.tip>span{color:var(--info-ink)}.message{background:var(--success-bg);border-color:#17a400}.message.error{background:var(--warning-bg);border-color:#ef7900;color:var(--warning-ink)}.badge.verified{background:var(--success-bg);color:var(--success-ink)}.brand-logo{max-width:100%;height:auto}.field-panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:18px;margin:20px 0}.field-panel select,.field-panel input,.field-panel textarea{width:100%;font:inherit;padding:11px;margin:7px 0 12px;border:1px solid var(--line);border-radius:7px}.field-panel label{font-size:13px;font-weight:650}.field-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.field-actions .button{width:auto;flex:1}.tour-object{display:block;width:100%;text-align:left;padding:13px;border:1px solid var(--line);border-radius:8px;margin:8px 0;background:var(--surface);color:var(--ink)}.tour-object[aria-pressed=true]{border:2px solid var(--expert-blue);background:var(--selection-bg)}.tour-object small{display:block;margin-top:5px}.object-notes{white-space:pre-wrap;overflow-wrap:anywhere}.notice-danger{border-left:4px solid var(--expert-orange);padding:10px;background:var(--warning-bg)}.pending-bar{position:sticky;top:0;z-index:4;background:var(--warning-bg);border:1px solid #ef7900;padding:12px;border-radius:7px;font-weight:650}.progress-copy{font-size:13px}.qr-preview{display:block;width:220px;height:220px;max-width:100%;margin:15px auto}.ordered-row{display:flex;gap:6px;align-items:center;margin:8px 0}.ordered-row span{flex:1}.ordered-row button{min-width:40px;width:40px;min-height:40px}.overview-card{border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--surface);margin:12px 0}.overview-card a{color:var(--link)}.office .record{flex-wrap:wrap}.office textarea{width:100%;min-height:90px}.language-choice{font-size:13px;padding:8px;border:1px solid var(--line);border-radius:7px;margin:12px 0}.office .record .actions{margin-left:auto}.office pre{white-space:pre-wrap;overflow-wrap:anywhere}.introduction li{margin:10px 0}.office .check-list{max-height:none}.intro-close{margin-top:15px}


/* Shared system theme: office, employee and personal QR entry. */
:root {
  color-scheme: light dark;
  --surface: #ffffff;
  --control: #ffffff;
  --media-bg: #e7edf5;
  --soft: #e2eaf4;
  --link: #005bb5;
  --secondary-bg: #e2edf9;
  --info-bg: #eaf2fc;
  --info-ink: #254f80;
  --success-bg: #edf7e9;
  --success-ink: #176200;
  --warning-bg: #fff3dc;
  --warning-ink: #764100;
  --selection-bg: #eef5ff;
  --selection-border: #169400;
  --focus: #206cd3;
  --placeholder: #66758a;
  --header: #0063e5;
  --primary-text: #ffffff;
}
input:not([type=checkbox]):not([type=radio]):not([type=file]),
textarea, select {
  background: var(--control);
  color: var(--ink);
  border-color: var(--line);
  accent-color: var(--expert-blue);
}
input::placeholder, textarea::placeholder { color: var(--placeholder); opacity: 1; }
input[type=checkbox], input[type=radio] { accent-color: var(--expert-blue); }
.office input, .office select { background: var(--control); }
.topbar { background: var(--header); }
.test-label { border-color: #ffffff66; }
.primary { color: var(--primary-text); }
.text-button, .overview-card a { color: var(--link); }
.office .tabs button[aria-pressed=true] { border-color: var(--link); color: var(--link); }
.activity.selected { border-color: var(--selection-border); box-shadow: inset 0 0 0 1px var(--selection-border); }
.message { color: var(--success-ink); }
.message.error, .notice-danger, .pending-bar { color: var(--warning-ink); }
dialog { background: var(--surface); }
dialog::backdrop { background: #07101db8; }
.qr-preview { background: #fff; padding: 8px; border-radius: 6px; }
.office .photo-card:hover { border-color: var(--selection-border); }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible,
select:focus-visible, label:focus-within, .office select:focus-visible {
  outline-color: var(--focus);
}
@media (prefers-color-scheme: dark) {
  :root {
    --ink: #eaf2fc;
    --muted: #aabbd0;
    --green: #075fc2;
    --paper: #0e1725;
    --line: #3a4c63;
    --lime: #173f2f;
    --white: #172436;
    --warn: #ffd293;
    --surface: #172436;
    --control: #111e2e;
    --media-bg: #0b1421;
    --soft: #2b3b52;
    --link: #85bfff;
    --secondary-bg: #213e60;
    --info-bg: #1a304b;
    --info-ink: #c1dcff;
    --success-bg: #173d2e;
    --success-ink: #b9efc7;
    --warning-bg: #47331b;
    --warning-ink: #ffdbab;
    --selection-bg: #183a60;
    --selection-border: #75cf83;
    --focus: #91c8ff;
    --placeholder: #a3b4c9;
    --header: #08478f;
  }
}
@media print {
  :root { color-scheme: light; }
  body { background: #fff; color: #172f2a; }
}