/* Website colour themes (UI only – the issued PDF/Word reports are rendered separately and never use this file).
   Default = current light theme (no data-theme). Dark options are selected with <html data-theme="...">, saved in localStorage. */
html[data-theme=charcoal]{--bg:#1c1d1f;--surf:#26282b;--surf2:#303236;--bd:#3d4045;--tx:#e8e8e8;--tx2:#b4b7bc;--muted:#9a9ea4;--acc:#ff5a4f;--acc2:#ff7b72;--chip:#3a3d42}
html[data-theme=navy]{--bg:#0f1a2b;--surf:#16243a;--surf2:#1d2e48;--bd:#2c405f;--tx:#e6edf7;--tx2:#b3c1d6;--muted:#8fa1bb;--acc:#ff5a4f;--acc2:#ff8a80;--chip:#253957}
html[data-theme=teal]{--bg:#0b0d0e;--surf:#141819;--surf2:#1c2223;--bd:#2a3335;--tx:#e4ecec;--tx2:#a9b8b9;--muted:#87999a;--acc:#19b5a5;--acc2:#3fd3c3;--chip:#203033}
html[data-theme]{color-scheme:dark;--ink:var(--tx);--body:var(--tx2);--line:var(--bd);--panel:var(--surf2);--navy:#9fb8e0;--red2:var(--acc2);--red:var(--acc)}
html[data-theme] body{background:var(--bg);color:var(--tx2)}
html[data-theme] a{color:var(--acc2)}
html[data-theme] .top,html[data-theme] table.list,html[data-theme] .card,html[data-theme] .sidenav,html[data-theme] .pane,html[data-theme] .right,html[data-theme] .tabs,
html[data-theme] .tabs button,html[data-theme] .ph,html[data-theme] .modal,html[data-theme] .tile,html[data-theme] .rrc,html[data-theme] .dchart,html[data-theme] .inddd,
html[data-theme] .viewtabs a,html[data-theme] a.btn,html[data-theme] button,html[data-theme] .btn,html[data-theme] .mic,html[data-theme] .cr-card,html[data-theme] .cr-sec{background:var(--surf);color:var(--tx);border-color:var(--bd)}
html[data-theme] .top{border-bottom-color:var(--acc)}
html[data-theme] .top nav a,html[data-theme] .brand{color:var(--tx)}

html[data-theme] input,html[data-theme] select,html[data-theme] textarea{background:var(--surf2);color:var(--tx);border-color:var(--bd)}
html[data-theme] input:disabled,html[data-theme] textarea:disabled,html[data-theme] select:disabled{color:var(--tx2);opacity:1}
html[data-theme] ::placeholder{color:var(--muted)}
html[data-theme] button.primary{background:var(--acc);border-color:var(--acc);color:#fff}
html[data-theme=teal] button.primary{color:#062b27}
html[data-theme] .tabs button.on{color:var(--tx);border-bottom-color:var(--acc)}
html[data-theme] table.list th{color:var(--muted);background:var(--surf2)}
html[data-theme] table.list td,html[data-theme] table.list th{border-color:var(--bd)}
html[data-theme] table.list tr:hover td{background:var(--surf2)}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3{color:var(--tx)}
html[data-theme] .muted{color:var(--muted)}
html[data-theme] .pill,html[data-theme] .src,html[data-theme] .st-open{background:var(--chip);color:var(--tx)}
html[data-theme] .pill.ver,html[data-theme] .src.manual,html[data-theme] .src.auto{background:#24395c;color:#cfe0ff}
html[data-theme] .pill.issued,html[data-theme] .pill.okp,html[data-theme] .src.photo,html[data-theme] .st-done{background:#1d4a2a;color:#a8e6b8}
html[data-theme] .pill.draft,html[data-theme] .pill.sugg,html[data-theme] .src.grid,html[data-theme] .st-prog{background:#4a3d12;color:#ffe08a}
html[data-theme] .st-wait{background:#5a3a10;color:#ffcf8a}html[data-theme] .st-na,html[data-theme] .src.nathaz{background:#5a1f1f;color:#ffc2bd}
html[data-theme] .banner{background:#3d3418;border-color:#6b5a1f;color:#f3e3b0}
html[data-theme] .banner.info{background:#1f2f4a;border-color:#34507a;color:#cfdcf2}
html[data-theme] .warn,html[data-theme] .warnbox,html[data-theme] .gsug{background:#3d2a12;border-color:#a8701c;color:#ffd9a0}
html[data-theme] tr.hasug td,html[data-theme] .sub.flash{background:#3a3214}
html[data-theme] .smpanel,html[data-theme] .ledecl,html[data-theme] .phbar,html[data-theme] .sumtxt,html[data-theme] .sub.off textarea,html[data-theme] table.letab tr.letot td,html[data-theme] table.grid tr.g td{background:var(--surf2);color:var(--tx)}
html[data-theme] .indopt.hi,html[data-theme] .indopt:hover{background:var(--surf2)}
html[data-theme] .viewtabs a.on,html[data-theme] .seg button.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
html[data-theme] .chtip,html[data-theme] #toast{background:#f2f2f2;color:#111}
html[data-theme] #dchart svg text{fill:var(--tx)}html[data-theme] #dchart svg text[font-size="9.5"],html[data-theme] #dchart svg text[font-size="10"]{fill:var(--muted)}
html[data-theme] #dchart svg line{stroke:var(--bd)}html[data-theme] g.cb:hover rect.bar,html[data-theme] g.cb:focus rect.bar{stroke:#fff}
html[data-theme] .tl{border-color:rgba(255,255,255,.35)}html[data-theme] .tl-none{background:#555}
html[data-theme] .modal-bg{background:rgba(0,0,0,.6)}
/* login page */
html[data-theme] body.login form{background:var(--surf);box-shadow:0 2px 18px rgba(0,0,0,.5);border-top-color:var(--acc)}
html[data-theme] body.login h1,html[data-theme] body.login label{color:var(--tx2)}html[data-theme] body.login button{background:var(--acc)}

/* theme switcher */
.themesw{margin-left:12px;font-size:12px;padding:2px 4px}
html[data-theme] .legend{color:var(--tx2)}
html[data-theme] a.btn.primary{background:var(--acc);border-color:var(--acc);color:#fff}html[data-theme=teal] a.btn.primary{color:#062b27}
html[data-theme] .dmap g.mst path{fill:var(--surf2);stroke:var(--bd)}html[data-theme] .dmap g.mst:hover path,html[data-theme] .dmap g.mst:focus path{fill:var(--chip)}
html[data-theme] .dmap g.mst.on path{fill:#2c4a74;stroke:var(--tx2)}html[data-theme] .dmap .mlab{fill:var(--muted)}
html[data-theme] .dmap g.mpin:focus circle,html[data-theme] .dmap g.mpin.hov circle{stroke:#fff}html[data-theme] .mappop{background:var(--surf);color:var(--tx);border-color:var(--bd)}

/* cirk mark: Breakout risk matrix (logo r4) – light: black cells/#fe0000, navy theme: light cells/#ff4d4d */
.cmark{width:24px;height:24px;flex:none;transform:translateY(2px)}.cmark .mc{fill:#000000}.cmark .mr{fill:#fe0000}html[data-theme] .cmark .mc{fill:#e6edf7}html[data-theme] .cmark .mr{fill:#ff4d4d}.lbrand{display:flex;align-items:center;gap:8px;margin-bottom:6px}.lbrand img{margin:0!important}.cmark.lg{width:34px;height:34px;transform:translateY(3px)}