/* Dark mode for the SHAUX app (html[data-theme=dark], set from Settings, the top-bar toggle or the system preference). */
html[data-theme=dark]{color-scheme:dark;--ink:#e7ebf5;--muted:#9aa5bd;--bg:#0b1020;--line:#252e47;--navy:#9db4ff;--blue:#5bb2f0;
 --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 10px 30px rgba(0,0,0,.45);--shadow-lg:0 24px 60px rgba(0,0,0,.6);
 --dk1:#131a2e;--dk2:#1a2239;--dk3:#222b45;--dkb:#2b3554}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
html[data-theme=dark] .ct-splash{background:var(--bg)}
/* surfaces */
html[data-theme=dark] :is(.et-panel,.et-kpi,.fx-cmp,.fx-acc,.ct-bar,.au-card,.ct-modal,.ct-menu,.fx-np,.fx-gs-res,.ct-plan-card,.tb-acct,.tb-bell,.tb-theme,.fx-chip,.et-btn){background:var(--dk1);border-color:var(--dkb);color:var(--ink)}
html[data-theme=dark] .ct-modal{box-shadow:0 30px 80px rgba(0,0,0,.7)}
html[data-theme=dark] .tb{background:rgba(11,16,32,.9);border-color:var(--line)}
html[data-theme=dark] .bt{background:rgba(11,16,32,.96);border-color:var(--line)}
html[data-theme=dark] :is(.et-panel,.ct-modal,.au-card) :is(h1,h2,h3){color:var(--ink)}
html[data-theme=dark] .ph h1,html[data-theme=dark] .et-kpi b,html[data-theme=dark] .fx-acc-bal{color:var(--ink)}
/* form controls */
html[data-theme=dark] :is(.et input,.et select,.et textarea,.ct-modal input,.ct-modal select,.ct-modal textarea,.lp-auth input){background:#0f1528;border-color:var(--dkb);color:var(--ink)}
html[data-theme=dark] .et input::placeholder,html[data-theme=dark] .et textarea::placeholder{color:#6c7792}
html[data-theme=dark] .et .tb-search input{background:var(--dk2);border-color:transparent}
html[data-theme=dark] .et .tb-search input:focus{background:#0f1528;border-color:var(--blue)}
html[data-theme=dark] .et-field{color:var(--ink)}
/* buttons */
html[data-theme=dark] .et-btn{color:#c9d6ff}
html[data-theme=dark] .et-btn:hover{background:var(--dk3);border-color:var(--blue);color:#fff}
html[data-theme=dark] .et-btn.primary{background:linear-gradient(135deg,#1B7DC1,#2160b8);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.35)}
html[data-theme=dark] .et-btn.danger{color:#ff9b8f;border-color:#5a2a2a}
html[data-theme=dark] .et-btn.danger:hover{background:#3a1d1d}
html[data-theme=dark] .tb-bell,html[data-theme=dark] .tb-theme{color:#c9d6ff}
html[data-theme=dark] .tb-badge{border-color:var(--bg)}
/* segmented controls, tabs */
html[data-theme=dark] :is(.et-seg,.au-tabs,.lp-tabs,.fx-tabs,.fx-mseg,.seg){background:var(--dk2)}
html[data-theme=dark] .et-seg input:checked+label,html[data-theme=dark] .au-tabs a[aria-selected=true],html[data-theme=dark] .lp-tabs button[aria-selected=true],html[data-theme=dark] .fx-tabs button[aria-selected=true],html[data-theme=dark] .fx-mseg input:checked+span{background:var(--dk3);color:#fff}
/* tables & lists */
html[data-theme=dark] :is(.et th,.et td,table.mo th,table.mo td,.fx-tbl th,.fx-tbl td,.rc li,.ct-mem,.ct-menu-h){border-color:var(--line)}
html[data-theme=dark] :is(.et-tx tbody tr:hover td,.fx-tbl tbody tr:hover td){background:var(--dk2)}
html[data-theme=dark] .et-tx tr.editing td{background:#16294a}
html[data-theme=dark] .fx-trh td{background:var(--dk2)}
html[data-theme=dark] .fx-tbl tr.fx-tot td{border-top-color:var(--ink)}
html[data-theme=dark] .et-tx .amt.inc,html[data-theme=dark] .rc-a.inc,html[data-theme=dark] .pos,html[data-theme=dark] .et-kpi b.pos,html[data-theme=dark] table.mo .pos{color:#4fd18b}
html[data-theme=dark] .et-tx .amt.exp,html[data-theme=dark] .rc-a.exp,html[data-theme=dark] .neg,html[data-theme=dark] .et-kpi b.neg,html[data-theme=dark] table.mo .neg{color:#ff8a7a}
/* pills & badges */
html[data-theme=dark] .et-pill.inc,html[data-theme=dark] .rc-ic.inc,html[data-theme=dark] .fx-d.gd,html[data-theme=dark] .fx-st.st-paid{background:#123826;color:#6fe0a3}
html[data-theme=dark] .et-pill.exp,html[data-theme=dark] .rc-ic.exp,html[data-theme=dark] .fx-d.bd,html[data-theme=dark] .fx-st.st-overdue{background:#3d1a1a;color:#ff9b8f}
html[data-theme=dark] :is(.et-pill.rec,.ct-role,.ct-plan,.fx-st,.fx-d.nu,.fx-st.st-unpaid,.fx-st.st-client,.fx-np-ic,.fx-date,.fx-m-rc,.fx-tagc,.fx-rc-i,.imp-ic,.fx-empty-ic,.ct-tid code,.ct-tidbox,.lp-demo code,.au-demo code){background:var(--dk3);color:#c9d6ff}
html[data-theme=dark] .fx-st.st-vendor,html[data-theme=dark] .fx-np-ic.k-budget,html[data-theme=dark] .fx-np-ic.k-limit{background:#3a2a10;color:#ffc46b}
html[data-theme=dark] .fx-cb{background:color-mix(in srgb,var(--c) 22%,#131a2e)}
html[data-theme=dark] .fx-tagc a,html[data-theme=dark] .fx-rc-i a{color:#c9d6ff}
/* banners, notices */
html[data-theme=dark] .ct-info,html[data-theme=dark] .au-invite,html[data-theme=dark] .ct-ann{background:#12263f;border-color:#1f3c62;color:#bcdcff}
html[data-theme=dark] .ct-limit,html[data-theme=dark] #fx-overbudget{background:#3a1717;border-color:#5a2a2a;color:#ffc2b8}
html[data-theme=dark] .ct-demo,html[data-theme=dark] .au-demo{background:#211a3d;border-color:#3d3270;color:#d6ccff}
html[data-theme=dark] .et-banner.ct-off,html[data-theme=dark] .ct-ann.lv-warn,html[data-theme=dark] .fx-rcbox.locked{background:#33270f;border-color:#5a4520;color:#ffd99a}
html[data-theme=dark] .ct-code{background:#123826;color:#bdf0d4}
/* misc */
html[data-theme=dark] :is(.ct-meter,.fx-bar){background:var(--dk3)}
html[data-theme=dark] .fx-fpanel,html[data-theme=dark] .imp-drop,html[data-theme=dark] .ct-plan-card.pro{background:var(--dk2);border-color:var(--dkb)}
html[data-theme=dark] :is(.ct-menu .ct-mi:hover,.ct-menu button:hover,.fx-gs-res button:hover,.fx-gs-res button:focus,.fx-np li button:hover,.fx-cat:hover){background:var(--dk3)}
html[data-theme=dark] .fx-np li button.unread{background:#14243d}
html[data-theme=dark] :is(.fx-icp span,.fx-theme-pick span){border-color:var(--dkb)}
html[data-theme=dark] :is(.fx-icp input:checked+span,.fx-theme-pick input:checked+span){background:#14243d;border-color:var(--blue);color:#fff}
html[data-theme=dark] .fx-sw i{border-color:var(--dk1);box-shadow:0 0 0 1.5px var(--dkb)}
html[data-theme=dark] .fx-sw input:checked+i{box-shadow:0 0 0 2.5px #fff}
html[data-theme=dark] .fx-steps li{border-color:var(--dkb)}html[data-theme=dark] .fx-steps li.on{border-color:var(--blue)}
html[data-theme=dark] .et-bars line,html[data-theme=dark] .fx-ax{stroke:var(--dkb)}
html[data-theme=dark] .et-bars text,html[data-theme=dark] .fx-cfc text,html[data-theme=dark] .et-donut text{fill:var(--muted)}
html[data-theme=dark] .et-bars circle,html[data-theme=dark] .fx-cumd{fill:var(--dk1)}
html[data-theme=dark] .et-bars polyline,html[data-theme=dark] .fx-cum{stroke:#8fb0ff}
html[data-theme=dark] .fx-cumd,html[data-theme=dark] .et-bars circle{stroke:#8fb0ff}
html[data-theme=dark] .et-toast{background:#1f2a48;border:1px solid var(--dkb)}
html[data-theme=dark] a{color:#7fc4ff}
html[data-theme=dark] .sd a{color:inherit}
html[data-theme=dark] ::backdrop{background:rgba(0,0,0,.6)}
html[data-theme=dark] .et-setaside p,html[data-theme=dark] .et-privacy{color:var(--ink)}
html[data-theme=dark] .et-privacy svg,html[data-theme=dark] .ct-code small{color:#4ade80}
html[data-theme=dark] .et-seg input:checked+label.inc{background:var(--dk3);color:#4ade80}
html[data-theme=dark] .au-sso-btn{background:#1b2030;color:#e8ebf3;border-color:#343b52}html[data-theme=dark] .au-sso-btn:hover{background:#232a3e;border-color:#4a5372}html[data-theme=dark] .au-sso-btn:focus-visible{outline-color:#7aa7ff}html[data-theme=dark] .au-or::before,html[data-theme=dark] .au-or::after{background:#2c3347}
html[data-theme=dark] .au-sso-btn svg path[fill=currentColor],html[data-theme=dark] .st-sso svg path[fill=currentColor]{fill:#e8ebf3}