/* RA light theme. Active when <html data-theme="light">. Dark theme = style.css defaults. */
html[data-theme="light"]{--bg:#f7f5ef;--panel:#ffffff;--panel2:#f1eee5;--line:#e2ddcf;--tx:#1c2333;--mut:#5b6476;--acc:#20459d;--ok:#15803d;--warn:#a16207;--bad:#b91c1c;--gold:#b8892a;--navy:#0b1f3a;color-scheme:light}
html[data-theme="light"] body{background:var(--bg);color:var(--tx);font-family:"Segoe UI",Inter,system-ui,-apple-system,Roboto,sans-serif}
html[data-theme="light"] a{color:#1d4ed8}
html[data-theme="light"] a:hover{color:#0b1f3a;text-decoration:underline}
html[data-theme="light"] header{background:#fff;border-bottom:3px solid var(--gold);box-shadow:0 1px 8px rgba(11,31,58,.06)}
html[data-theme="light"] nav a{color:var(--mut);font-weight:500}
html[data-theme="light"] nav a:hover{color:var(--navy);background:var(--panel2);text-decoration:none}
html[data-theme="light"] nav a.on{background:var(--navy);color:#fff}
html[data-theme="light"] .card h3,html[data-theme="light"] .col h4,html[data-theme="light"] h1,html[data-theme="light"] h2{font-family:Georgia,"Palatino Linotype",serif;color:var(--navy)}
html[data-theme="light"] .card{box-shadow:0 1px 3px rgba(11,31,58,.05)}
html[data-theme="light"] button,html[data-theme="light"] .btn{background:var(--acc);color:#fff}
html[data-theme="light"] button:hover{background:#17357a}
html[data-theme="light"] button.ghost{background:#fff;border:1px solid #cfc8b6;color:var(--tx)}
html[data-theme="light"] button.ghost:hover{background:var(--panel2);border-color:var(--gold)}
html[data-theme="light"] button.bad{background:var(--bad)}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff;border-color:#cfc8b6;color:var(--tx)}
html[data-theme="light"] input:focus,html[data-theme="light"] select:focus,html[data-theme="light"] textarea:focus{outline:2px solid rgba(32,69,157,.35);border-color:var(--acc)}
html[data-theme="light"] th{background:#faf8f3;color:var(--navy)}
html[data-theme="light"] tr.click:hover{background:#fbf6e9}
html[data-theme="light"] .pill{background:#fff;color:var(--tx)}
html[data-theme="light"] .pill.acc{color:var(--acc);border-color:var(--acc)}
html[data-theme="light"] .pill.ok{background:#f0fdf4}html[data-theme="light"] .pill.warn{background:#fefce8}html[data-theme="light"] .pill.bad{background:#fef2f2}
html[data-theme="light"] .steps span{background:#ece8dc;border-color:#d7d0be}
html[data-theme="light"] .steps span.on{background:var(--gold);border-color:var(--gold)}
html[data-theme="light"] .tile{background:#fff;box-shadow:0 1px 2px rgba(11,31,58,.06)}
html[data-theme="light"] .col{background:var(--panel2)}html[data-theme="light"] .col h4{background:var(--panel2)}
html[data-theme="light"] .lm{background:var(--panel2)}html[data-theme="light"] .lm.liv{background:#eef2fb;border-left-color:var(--acc)}
html[data-theme="light"] .chip{border-color:var(--gold);background:#fffaf0}
html[data-theme="light"] .modal{background:rgba(11,31,58,.45)}
html[data-theme="light"] .mbox{box-shadow:0 12px 40px rgba(11,31,58,.25)}
html[data-theme="light"] #gsres{box-shadow:0 8px 24px rgba(11,31,58,.15)}
html[data-theme="light"] #toast{background:var(--navy);color:#fff;border-color:var(--navy)}
html[data-theme="light"] .btnlike{border-color:#cfc8b6;background:#fff}
html[data-theme="light"] .colrow{border-bottom-color:var(--line)}
html[data-theme="light"] .lavatar{background:#efeadf}
/* dark-theme fixes for hardcoded light borders in Columbo rows */
html[data-theme="dark"] .colrow{border-bottom-color:var(--line)}
/* header brand (both themes) */
.brand{display:flex;align-items:center;gap:8px}
.brand .ralogo{height:34px;width:auto;display:none}
.brand .ratext{font-family:Georgia,serif}
.brand .crmtag{font-family:Georgia,serif;font-weight:700;color:var(--acc);font-size:16px;letter-spacing:.5px;border-left:1px solid var(--line);padding-left:8px}
html[data-theme="light"] .brand .ralogo{display:block}
html[data-theme="light"] .brand .ratext{display:none}
html[data-theme="light"] .brand .crmtag{color:var(--gold)}
.xgeo{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--mut);margin-left:4px;white-space:nowrap}
.xgeo img{width:20px;height:20px;border-radius:5px}
#themetog{font-size:12px;padding:4px 9px}
@media(max-width:800px){.xgeo span{display:none}.brand .ralogo{height:28px}}