/* SafelyHeld operator console — minimal, calm, matches the marketing site. */
:root{
  --paper:#faf8f5; --surface:#fff; --ink:#1f2933; --slate:#56616e; --faint:#8a94a0;
  --clay:#b75d43; --clay-dk:#9c4a33; --sage:#5f8468; --gold:#b8893a; --red:#b4453a;
  --line:#e7e2da; --radius:12px;
  --font:'Mulish',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --fh:'Bricolage Grotesque',Georgia,serif;   /* brand heading font */
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55}
a{color:var(--clay-dk)}
.bar{display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;padding:12px 20px}
.bar .mark{width:22px;height:22px;border-radius:6px;background:var(--clay);position:relative}
.bar .mark::after{content:"";position:absolute;inset:6px;border-radius:3px;background:var(--paper)}
.bar b{font-weight:700;color:var(--clay)}.bar .sp{flex:1}
.brandname{font-family:var(--fh);font-weight:700;font-size:1.2rem}
.bar button{background:#33404d;color:#fff;border:none;border-radius:7px;padding:7px 12px;cursor:pointer;font-family:inherit}
.bar .who{font-size:.85rem;color:#cbd2da;margin-right:6px}
.qr{display:inline-block;background:#fff;padding:12px;border:1px solid var(--line);border-radius:10px}
.codes{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#faf7f3;border:1px solid var(--line);border-radius:8px;padding:14px;columns:2;font-size:14px;line-height:1.9;letter-spacing:.04em}
.ok-msg{background:#e9f3ec;border:1px solid #cfe6d6;color:#3f6b4a;border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:.9rem}
.wrap{max-width:980px;margin:0 auto;padding:22px 18px}
.tabs{display:flex;gap:8px;margin-bottom:18px}
.tabs button{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 16px;cursor:pointer;font-family:inherit;font-weight:700;color:var(--slate)}
.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px}
h1,h2{font-family:var(--fh);letter-spacing:-.01em}
h1{font-size:1.4rem;margin:.2em 0}h2{font-size:1.1rem;margin:0 0 12px}
label{display:block;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-weight:700;margin:10px 0 4px}
input,select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:15px;background:#fff;color:var(--ink)}
.btn{background:var(--clay);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:700;font-family:inherit;cursor:pointer}
.btn:hover{background:var(--clay-dk)}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn:disabled{opacity:.5;cursor:default}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:8px 10px;border-bottom:1px solid var(--line)}
td{padding:11px 10px;border-bottom:1px solid var(--line)}
tr.row{cursor:pointer}tr.row:hover td{background:#faf7f3}
.pill{display:inline-block;font-size:.72rem;font-weight:700;border-radius:11px;padding:2px 9px}
.pill.ok{background:#e9f3ec;color:#3f6b4a;border:1px solid #cfe6d6}
.pill.no{background:#fbeae7;color:#9c4a33;border:1px solid #f1cfc8}
.pill.muted{background:#f1ece4;color:#6b6357;border:1px solid var(--line)}
.detail{background:#faf7f3}.detail td{padding:16px}
.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.note{font-size:.85rem;color:var(--slate)}
.err{background:#fbeae7;border:1px solid #f1cfc8;color:#9c4a33;border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:.9rem}
.empty{color:var(--faint);padding:20px;text-align:center}
@media(max-width:640px){.grid{grid-template-columns:1fr}}