/* cs_pages.css — member pages in the unified design (SEO-FIX-261) · loaded by dashboard_shell.php after cs_ui.css + cs_shell.css, only in the new design
   each page keeps its own CSS; here its local colour variables are pointed at the tokens and its loud rules quieted.
   selectors start with "body " so they outrank the page's own rules (which come later in the page) without !important */
.ui-ic{display:inline-block;vertical-align:middle;flex:none}
.ui-lock{display:inline-flex;vertical-align:middle;color:var(--ui-tx3)}

/* ── Dashboard_v2.php (.db) ─────────────────────────────────────────── */
body .db{--ac:var(--ui-ac);--up:var(--ui-up);--dn:var(--ui-dn);--am:var(--ui-warn);--bd:var(--ui-hl);--c:var(--ui-card);--c2:var(--ui-raise);--t1:var(--ui-tx);--t2:var(--ui-tx2);--t3:var(--ui-tx3)}
body .db .n{font-family:var(--ui-mono);font-weight:500}
body .db .hd h1{font-weight:600;font-size:1.5rem}
body .db .st{font-weight:500}
body .db .cd{border-radius:14px}
body .db .cd h2{font-weight:600;font-size:15px}
body .db .ch a.more{font-weight:500}
body .db .ik{border-radius:14px}body .db .ik:hover{border-color:var(--ui-hl2)}
body .db .ik .l{font-weight:500}body .db .ik .v{font-weight:500;font-family:var(--ui-mono)}
body .db .kp .l{font-weight:400}body .db .kp .v{font-weight:500}
body .db .mv{border-bottom-color:var(--ui-hl)}body .db .mv:hover{background:var(--ui-raise)}
body .db .ph{background:var(--ui-raise)!important;color:var(--ui-tx2);font-weight:500}
body .db .tabs{background:var(--ui-bg0)}body .db .tabs button{font-weight:500}body .db .tabs button.on{color:var(--ui-tx)}
body .db .nw{border-bottom-color:var(--ui-hl)}body .db .nw b{font-weight:500}
body .db .nw .tg{font-weight:500;font-family:var(--ui-mono);background:none;padding:0;color:var(--ui-ac)}
body .db .tl a{font-weight:500;border-radius:12px}body .db .tl a:hover{border-color:var(--ui-hl2)}
body .db .tl a i{color:var(--ui-tx3);line-height:0;margin-bottom:8px}body .db .tl a:hover i{color:var(--ui-ac)}
body .db .tl a.lk:after{content:'';width:10px;height:10px;top:8px;background:var(--ui-tx3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat}
body .db .emp b{color:var(--ui-tx);font-weight:600}
body .db .btn{background:var(--ui-tx);color:var(--ui-on-tx)!important;font-weight:500;box-shadow:var(--ui-btn-hl)}body .db .btn:hover{background:var(--ui-tx-hi)}
body .db .hl{border-bottom-color:var(--ui-hl)}
body .db .pill{font-weight:500}
body .db .sbig b{font-weight:500;font-family:var(--ui-mono)}body .db .sbig span{font-weight:500}
body .db .seg button{font-weight:500}body .db .seg button.on{color:var(--ui-tx);border-color:var(--ui-hl2)}
body .db .sk{background:var(--ui-card)}body .db .sk:hover{border-color:var(--ui-hl2)}body .db .sk .n{font-weight:500}
body .db .skg .all{font-weight:500}
body .db .ht>.n{font-weight:500}
body .db .mrc{background:var(--ui-card)}body .db .mrc .l{font-weight:500}body .db .mrc .v{font-weight:500}body .db .mrc .rw{border-bottom-color:var(--ui-hl)}
body .db .wla input{background:var(--ui-bg0);color:var(--ui-tx)}
body .db .wla button{background:var(--ui-tx);color:var(--ui-on-tx);font-weight:500}
body .db #msb-section .msb-card{background:var(--ui-card);border-color:var(--ui-hl)}

/* ── news.php (.nw) — SEO-FIX-262 ───────────────────────────────────── */
body .nw{--ac:var(--ui-ac);--up:var(--ui-up);--dn:var(--ui-dn);--bd:var(--ui-hl);--c:var(--ui-card);--t2:var(--ui-tx2);--t3:var(--ui-tx3);color:var(--ui-tx)}
body .nw .num{font-family:var(--ui-mono)}
body .nw .nw-hd h1{font-weight:600}
body .nw .nw-search input{background:var(--ui-card);color:var(--ui-tx);border-color:var(--ui-hl2)}body .nw .nw-search input:focus{border-color:var(--ui-ac)}
body .nw .nw-search button{background:var(--ui-tx);color:var(--ui-on-tx);font-weight:500}
body .nw .nw-tabs a{font-weight:500}body .nw .nw-tabs a.on{background:var(--ui-raise);color:var(--ui-tx);border-color:var(--ui-hl2)}
body .nw .nw-active a{background:var(--ui-raise);border-color:var(--ui-hl2);color:var(--ui-tx)}
body .nw .nw-day{font-weight:500;letter-spacing:0}
body .nw .nw-item:hover{border-color:var(--ui-hl2);background:var(--ui-card)}
body .nw .nw-meta b{font-weight:500}
body .nw .nw-kind{font-weight:500;background:none;padding:0;font-family:var(--ui-mono)}body .nw .nw-kind.stock{color:var(--ui-up)}body .nw .nw-kind.market{color:var(--ui-ac)}
body .nw .nw-title{color:var(--ui-tx);font-weight:500}body .nw .nw-title:hover{color:var(--ui-ac)}
body .nw .nw-sym{color:var(--ui-tx);background:var(--ui-raise);font-family:var(--ui-mono)}
body .nw .nw-sym.up{border-color:color-mix(in srgb,var(--ui-up) 35%,transparent)}body .nw .nw-sym.dn{border-color:color-mix(in srgb,var(--ui-dn) 35%,transparent)}
body .nw .nw-img{background:var(--ui-raise)}
body .nw .nw-more a:hover{color:var(--ui-tx)}
body .nw .nw-card h3{color:var(--ui-tx);font-weight:600}
body .nw .nw-tr{color:var(--ui-tx);border-bottom-color:var(--ui-hl)}body .nw .nw-tr.on{color:var(--ui-ac)}
body .nw .nw-sel{background:var(--ui-card);color:var(--ui-tx);border-color:var(--ui-hl2)}
body .nw .nw-pg span{background:var(--ui-raise);color:var(--ui-tx);border-color:var(--ui-hl2);font-weight:500}
body .nw .nw-tp{background:var(--ui-bg0)}body .nw .nw-tp button.on{background:var(--ui-raise);color:var(--ui-tx);font-weight:500}
body .nw .nw-tabs a .num{margin-inline-start:6px}

/* ── public pages rendered by cs_pub_render() (.csx: stocks list, stock pages, market, dividends …) — SEO-FIX-263 ── */
body .csx{--x-card:var(--ui-card);--x-border:var(--ui-hl);--x-text:var(--ui-tx);--x-text2:var(--ui-tx2);--x-accent:var(--ui-ac);--x-up:var(--ui-up);--x-down:var(--ui-dn);font-family:var(--ui-font)}
body .csx a:hover{text-decoration:none;color:var(--ui-ac2)}
body .csx h1{font-weight:600;font-size:26px}
body .csx h2{font-weight:600;border-bottom-color:var(--ui-hl)}
body .csx .price .p{font-weight:500;font-family:var(--ui-mono)}body .csx .price .c{font-weight:500;font-family:var(--ui-mono)}
body .csx .kpi b{font-family:var(--ui-mono);font-weight:500}
body .csx td{font-variant-numeric:tabular-nums}body .csx td b{font-family:var(--ui-mono);font-weight:500}
body .csx th{font-weight:500}
body .csx tbody tr{transition:background-color .15s var(--ui-ease)}body .csx tbody tr:hover{background:var(--ui-card)}
body .csx .cta{background:var(--ui-card);border-color:var(--ui-hl2)}
body .csx .btn{background:var(--ui-tx);color:var(--ui-on-tx);font-weight:500;box-shadow:var(--ui-btn-hl)}body .csx .btn:hover{background:var(--ui-tx-hi);opacity:1}
body .csx .chips a{color:var(--ui-tx)}body .csx .chips a:hover{border-color:var(--ui-hl2)}
body .csx summary{font-weight:500}
body .csx .stk{color:var(--ui-tx)}body .csx .stk:hover .stk-n{color:var(--ui-ac)}
body .csx .stk .stk-i{background:var(--ui-raise);font-weight:500}
body .csx .stk .stk-s{font-family:var(--ui-mono);font-weight:400;background:none;padding:0;color:var(--ui-tx3)}
/* section tabs (lib/hub_tabs.php) — its own inline style uses !important */
body .hbt{border-bottom-color:var(--ui-hl)}
body .hbt a{font:500 14px var(--ui-font)!important;color:var(--ui-tx3)!important}
body .hbt a:hover,body .hbt a.on{color:var(--ui-tx)!important}body .hbt a.on{border-bottom-color:var(--ui-ac)!important}
body .hbt span:empty{display:none}

/* ── articles.php (.art-wrap) — SEO-FIX-264 · the featured article keeps a dark veil over its image in both themes (text sits on the photo) ── */
body .art-wrap .art-hero{background:#1a1917;border-radius:16px;transition:none}body .art-wrap .art-hero:hover{transform:none}
body .art-wrap .art-hero-placeholder{background:#1a1917}
body .art-wrap .art-hero-overlay{background:linear-gradient(to top,rgba(14,13,12,.92) 0%,rgba(14,13,12,.45) 60%,transparent 100%)}
body .art-wrap .art-hero-badge{font-weight:500;letter-spacing:0;text-transform:none}
body .art-wrap .art-hero-title{font-weight:600;color:#efe9de}
body .art-wrap .art-hero-hook{color:#c9c1b4}body .art-wrap .art-hero-meta{color:#a49c90}
body .art-wrap .art-hero-btn{background:#efe9de;color:#161513;font-weight:500;border-radius:10px}body .art-wrap .art-hero-btn:hover{background:#fff}
body .art-wrap .art-toolbar-title{font-weight:600;color:var(--ui-tx)}
body .art-wrap .art-filter-btn{font-weight:500;border-color:var(--ui-hl);background:none;color:var(--ui-tx2);transition:color .15s var(--ui-ease),border-color .15s var(--ui-ease)}
body .art-wrap .art-filter-btn:hover,body .art-wrap .art-filter-btn.active{background:var(--ui-raise)!important;color:var(--ui-tx)!important;border-color:var(--ui-hl2)!important}
body .art-wrap .art-search{background:var(--ui-card);border-color:var(--ui-hl2);border-radius:10px}
body .art-wrap .art-search input{color:var(--ui-tx)}body .art-wrap .art-search input::placeholder{color:var(--ui-tx3)}
body .art-wrap .art-card{background:var(--ui-card);border-color:var(--ui-hl);border-radius:14px;transition:border-color .15s var(--ui-ease)}
body .art-wrap .art-card:hover{border-color:var(--ui-hl2);transform:none;box-shadow:none}
body .art-wrap .art-card-placeholder{background:var(--ui-raise);color:var(--ui-tx3)}
body .art-wrap .art-card-badge{font-weight:500;letter-spacing:0;text-transform:none;background:none!important;padding:0}
body .art-wrap .art-card-title{font-weight:600;color:var(--ui-tx)}
body .art-wrap .art-card-hook{color:var(--ui-tx2)}
body .art-wrap .art-card-footer{color:var(--ui-tx3);border-top-color:var(--ui-hl);font-family:var(--ui-mono);font-size:11.5px}
body .art-wrap .art-card-readmore{color:var(--ui-ac);font-weight:500;font-family:var(--ui-font)}
body .art-wrap .art-empty{color:var(--ui-tx3)}
body .art-wrap .art-page-btn{background:none;border-color:var(--ui-hl);color:var(--ui-tx2);font-weight:500;font-family:var(--ui-mono)}
body .art-wrap .art-page-btn:hover,body .art-wrap .art-page-btn.active{background:var(--ui-raise);color:var(--ui-tx);border-color:var(--ui-hl2)}
body .art-wrap .art-toolbar-title span{color:var(--ui-tx3)!important;font-family:var(--ui-mono)}

/* ── portfolio.php (.pf + side drawers .dw) — SEO-FIX-265 ───────────── */
body .pf,body .dw{--ac:var(--ui-ac);--up:var(--ui-up);--dn:var(--ui-dn);--am:var(--ui-warn);--vi:#9b8ad8;--bd:var(--ui-hl);--c:var(--ui-card);--c2:var(--ui-raise);--t1:var(--ui-tx);--t2:var(--ui-tx2);--t3:var(--ui-tx3)}
body .pf .n,body .dw .n{font-family:var(--ui-mono);font-weight:500}
body .pf .pf-hd h1{font-weight:600}
body .pf .b,body .dw .b{font-weight:500;transition:border-color .15s var(--ui-ease),background-color .15s var(--ui-ease)}
body .pf .b:hover,body .dw .b:hover{border-color:var(--ui-hl2)}
body .pf .b.pri,body .dw .b.pri,body .pf .b.buy,body .dw .b.buy{background:var(--ui-tx);color:var(--ui-on-tx);box-shadow:var(--ui-btn-hl)}
body .pf .b.pri:hover,body .dw .b.pri:hover,body .pf .b.buy:hover,body .dw .b.buy:hover{background:var(--ui-tx-hi)}
body .pf .b.sell,body .dw .b.sell{background:none;border:1px solid color-mix(in srgb,var(--ui-dn) 45%,transparent);color:var(--ui-dn)}
body .pf .b.sell:hover,body .dw .b.sell:hover{background:color-mix(in srgb,var(--ui-dn) 10%,transparent)}
body .pf .k{border-radius:14px}body .pf .k .l{font-weight:500}body .pf .k .v{font-weight:500;font-family:var(--ui-mono);font-size:clamp(14px,1.3vw,19px);overflow:visible}
body .pf .k.hero{background:var(--ui-raise)}
body .pf .cd{border-radius:14px}body .pf .cd h2{font-weight:600}
body .pf .seg,body .dw .seg{background:var(--ui-bg0)}body .pf .seg button,body .dw .seg button{font-weight:500}body .pf .seg button.on,body .dw .seg button.on{color:var(--ui-tx)}
body .pf .st b{font-family:var(--ui-mono);font-weight:500}
body .pf table.t th{font-weight:500}body .pf table.t td{border-bottom-color:var(--ui-hl)}body .pf table.t tr:hover td{background:var(--ui-raise)}body .pf table.t tfoot td{font-weight:600}
body .pf .stk .ph{background:var(--ui-raise);color:var(--ui-tx2);font-weight:500}
body .pf .wb i{background:var(--ui-tx3)}
body .pf .tg{font-weight:500;background:none;padding:0;color:var(--ui-tx3);font-family:var(--ui-mono)}
body .pf .pcard .gr b{font-family:var(--ui-mono);font-weight:500}
body .pf .warn,body .pf .aino,body .dw .aino{background:color-mix(in srgb,var(--ui-warn) 8%,transparent);border-color:color-mix(in srgb,var(--ui-warn) 30%,transparent);color:var(--ui-tx)}
body .pf .emp b{color:var(--ui-tx);font-weight:600}
body .ov{background:rgba(0,0,0,.45);backdrop-filter:none}
body .dw{background:var(--ui-card);border-inline-start-color:var(--ui-hl2);box-shadow:var(--ui-shadow)}
body .dw .dw-h h3{font-weight:600;color:var(--ui-tx)}
body .dw .f label{font-weight:500}
body .dw .f input,body .dw .f select{background:var(--ui-bg);color:var(--ui-tx);border-color:var(--ui-hl2)}body .dw .f input:focus{border-color:var(--ui-ac)}
body .dw .chips button{font-weight:500}
body .dw .sr .dd{background:var(--ui-card);border-color:var(--ui-hl2);box-shadow:var(--ui-shadow)}body .dw .sr .dd a:hover,body .dw .sr .dd a.on{background:var(--ui-raise)}
body .dw .pv{background:var(--ui-bg)}body .dw .pv .tot{font-weight:600}
body .dw .ai h3,body .dw .ai h4,body .dw .ai strong{color:var(--ui-tx)}
body .toast{background:var(--ui-card);color:var(--ui-tx);border-color:var(--ui-hl2);font-weight:500;box-shadow:var(--ui-shadow)}
body .pf .sk,body .dw .sk{background:linear-gradient(90deg,var(--ui-raise),var(--ui-card),var(--ui-raise));background-size:200% 100%}

/* ── stock pages: lib/stock_view.php (.sx) — public /sahm/XXX and the technical analysis page — SEO-FIX-266 ── */
body .sx{--bd:var(--ui-hl);--c:var(--ui-card);--t2:var(--ui-tx2);--ac:var(--ui-ac)}
body .sx .hdr .lgi{background:var(--ui-card);font-weight:600;color:var(--ui-tx)}
body .sx .tk{font-family:var(--ui-mono);font-weight:600}
body .sx .acts a, body .sx .acts button{color:var(--ui-tx);font-weight:500}
body .sx .acts .pri{background:var(--ui-tx);color:var(--ui-on-tx)}
body .sx .acts .on{border-color:color-mix(in srgb,var(--ui-warn) 40%,transparent);color:var(--ui-warn)}
body .sx .quote .p{font:600 38px var(--ui-mono)}
body .sx .quote .c{font:500 18px var(--ui-mono)}
body .sx .live{color:var(--ui-up)}
body .sx .pre{color:var(--ui-warn)}
body .sx .nav{background:var(--ui-card)}
body .sx .nav a{font-weight:500}
body .sx .nav a:hover, body .sx .nav a.on{color:var(--ui-tx)}
body .sx dl div{border-bottom:1px solid var(--ui-hl)}
body .sx dd{font-family:var(--ui-mono);font-weight:500}
body .sx .rg .lb b{color:var(--ui-tx);font-family:var(--ui-mono)}
body .sx .rg .tr{background:var(--ui-raise)}
body .sx .rg .tr i{box-shadow:none}
body .sx .tabs{background:var(--ui-card)}
body .sx .tabs button{font-weight:500}
body .sx .tabs button.on{color:var(--ui-tx)}
body .sx .kc div{background:var(--ui-card)}
body .sx .kc b{font:600 17px var(--ui-mono)}
body .sx .lv li{border-bottom:1px solid var(--ui-hl)}
body .sx .lv li b{font-family:var(--ui-mono)}
body .sx .an:not(.open):after{background:var(--ui-raise)}
body .sx .more{background:var(--ui-card);font-weight:500}
body .sx .bars i{background:var(--ui-raise)}
body .sx .bars span{font-family:var(--ui-mono)}
body .sx .bars b{font:500 10.5px var(--ui-mono)}
body .sx .nws a{border-bottom:1px solid var(--ui-hl);color:var(--ui-tx)}
body .sx tr.me td{background:color-mix(in srgb,var(--ui-raise) 100%,transparent)}
body .csx a.ci-cta{color:var(--ui-on-tx)}

/* ── chart UI (casa_chart.js + casa_chart_ui.js: toolbar, menus, indicator library, settings) — SEO-FIX-268 · generated from the live styles, then pointed at the tokens ── */
body .cu-root{--cu-bg:var(--ui-bg);--cu-card:var(--ui-card);--cu-card3:var(--ui-raise);--cu-bd:var(--ui-hl);--cu-tx:var(--ui-tx);--cu-t2:var(--ui-tx2);--cu-ac:var(--ui-ac)}
body .csx .livechart{background:var(--ui-bg)}
html[data-theme="light"] .casa-brand{color:var(--ui-tx)!important;text-shadow:none!important}
body .cu-b{font-weight:600}
body .cu-b.on{background:color-mix(in srgb,var(--ui-raise) 100%,transparent)}
body .cu-pill{font-weight:600}
body .cu-pill.on{background:color-mix(in srgb,var(--ui-raise) 100%,transparent)}
body .cu-share{background:color-mix(in srgb,var(--ui-raise) 100%,transparent);font-weight:600}
body .cu-share:hover{color:var(--ui-on-tx)}
body .cu-cmpb{font-weight:600}
body .cu-cmpb.on{background:var(--ui-raise);border-color:var(--ui-hl2);color:var(--ui-tx)}
body .cu-menu{background:var(--ui-card)}
body .cu-opt{font-weight:500}
body .cu-cfg:hover{background:var(--ui-card)}
body .cu-opt.on .cu-chk{color:var(--ui-on-tx)}
body .cu-t.on{background:color-mix(in srgb,var(--ui-raise) 100%,transparent)}
body .cu-t[data-tip]:hover::after{background:var(--ui-bg0);color:var(--ui-tx);font-weight:500}
body .cu-snap button{font-weight:600}
body .cu-toast{background:var(--ui-card);color:var(--ui-tx);font-weight:600}
body .cu-modal{background:var(--ui-card)}
body .cu-box{background:var(--ui-card);border:1px solid var(--cu-bd,var(--ui-hl));color:var(--ui-tx)}
body .cu-mh{font-weight:600}
body .cu-x{color:var(--ui-tx)}
body .cu-prev{border:1px solid var(--ui-hl);background:var(--ui-card)}
body .cu-box label.l{font-weight:600;color:var(--ui-tx)}
body .cu-box input[type=text], body .cu-box textarea{background:var(--ui-card);border:1px solid var(--ui-hl);color:var(--ui-tx)}
body .cu-box input[type=text]:focus, body .cu-box textarea:focus{border-color:var(--ui-hl2)}
body .cu-dir{border:1px solid var(--ui-hl);background:var(--ui-card);color:var(--ui-tx);font-weight:600}
body .cu-dir.on[data-dir=bullish]{background:color-mix(in srgb,var(--ui-up) 16%,transparent);border-color:color-mix(in srgb,var(--ui-up) 40%,transparent);color:var(--ui-up)}
body .cu-dir.on[data-dir=bearish]{background:color-mix(in srgb,var(--ui-dn) 16%,transparent);border-color:color-mix(in srgb,var(--ui-dn) 40%,transparent);color:var(--ui-dn)}
body .cu-dir.on[data-dir=neutral]{background:var(--ui-raise);border-color:var(--ui-hl2);color:var(--ui-tx)}
body .cu-ack{color:var(--ui-tx);background:color-mix(in srgb,var(--ui-warn) 6%,transparent);border:1px solid color-mix(in srgb,var(--ui-warn) 40%,transparent)}
body .cu-err{color:var(--ui-warn);font-weight:600}
body .cu-acts button, body .cu-done a, body .cu-done button{border:1px solid var(--ui-hl);background:var(--ui-card);color:var(--ui-tx);font-weight:600}
body .cu-acts .pub, body .cu-done .pri{background:var(--ui-tx);border-color:var(--ui-hl2);color:var(--ui-on-tx)}
body .cu-done h3{font-weight:600}
body .cu-done input{background:var(--ui-card);border:1px solid var(--ui-hl);color:var(--ui-tx)}
body .casa-sc button.on{background:var(--ui-tx);border-color:var(--ui-hl2);color:var(--ui-on-tx)}
body .casa-po button{border:1px solid var(--ui-hl2);background:var(--ui-card);color:var(--ui-tx)}
body .casa-po button:hover{border-color:var(--ui-hl2);background:var(--ui-tx);color:var(--ui-on-tx)}
body .cds-bar{background:var(--ui-card);border:1px solid var(--ui-hl)}
body .cds-b{color:var(--ui-tx);font:500 12px Outfit,Cairo,sans-serif}
body .cds-b:hover, body .cds-b.open{background:var(--ui-card);color:var(--ui-tx)}
body .cds-b.on{color:var(--ui-ac)}
body .cds-h{color:var(--ui-tx2)}
body .cds-h:hover{color:var(--ui-tx)}
body .cds-sep{background:var(--ui-card)}
body .cds-lnp{border-top:2px solid var(--ui-hl2)}
body .cds-pop{background:var(--ui-card);border:1px solid var(--ui-hl);color:var(--ui-tx)}
body .cds-sw{border:1px solid var(--ui-hl)}
body .cds-prow{font-weight:500}
body .cds-cust{font-weight:500;color:var(--ui-tx)}
body .cds-li{color:var(--ui-tx);font:500 12px Outfit,Cairo,sans-serif}
body .cds-li:hover{background:var(--ui-card)}
body .cds-li.on{color:var(--ui-ac)}
body .cds-ov{background:var(--ui-bg0)}
body .cds-dlg{background:var(--ui-card);border:1px solid var(--ui-hl);color:var(--ui-tx)}
body .cds-dh{font-weight:600;color:var(--ui-tx)}
body .cds-x{color:var(--ui-tx2)}
body .cds-tabs{border-bottom:1px solid var(--ui-hl)}
body .cds-tab{color:var(--ui-tx2);font:600 13px Cairo,system-ui,sans-serif}
body .cds-tab.on{color:var(--ui-tx);border-bottom-color:var(--ui-hl2)}
body .cds-row{font-weight:500}
body .cds-ck{font-weight:500}
body .cds-swb{border:1px solid var(--ui-hl2);background:var(--ui-card)}
body .cds-sel, body .cds-in, body .cds-ta{background:var(--ui-card);border:1px solid var(--ui-hl2);color:var(--ui-tx);font:500 12.5px Outfit,Cairo,sans-serif}
body .cds-sel:focus, body .cds-in:focus, body .cds-ta:focus{border-color:var(--ui-hl2)}
body .cds-sec{font-weight:600;color:var(--ui-tx2);text-transform:none}
body .cds-ft{border-top:1px solid var(--ui-hl)}
body .cds-btn{border:1px solid var(--ui-hl2);color:var(--ui-tx);font:600 13px Cairo,system-ui,sans-serif}
body .cds-btn:hover{background:var(--ui-card)}
body .cds-btn.pri{background:var(--ui-tx);border-color:var(--ui-hl2);color:var(--ui-on-tx)}
body .cds-btn.pri:hover{background:var(--ui-tx);color:var(--ui-on-tx)}
body .cds-tplm{background:var(--ui-card);border:1px solid var(--ui-hl)}
body .cds-pt{font-weight:500}
body .cds-toast{background:var(--ui-bg0);color:var(--ui-tx);font:600 12.5px Cairo,system-ui,sans-serif}
body .cil-bg{background:var(--ui-bg0)}
body .cil{background:var(--ui-card);border:1px solid var(--ui-hl);color:var(--ui-tx)}
body .cil-hd{font-weight:600}
body .cil-x{color:var(--ui-tx)}
body .cil-q{border:1px solid var(--ui-hl);background:var(--ui-card);color:var(--ui-tx)}
body .cil-q:focus{border-color:var(--ui-hl2)}
body .cil-cat{font-weight:600;color:var(--ui-tx3);text-transform:none;letter-spacing:0}
body .cil-row:hover{background:var(--ui-card)}
body .cil-n{color:var(--ui-tx);font-weight:600}
body .cil-d{color:var(--ui-tx2)}
body .cil-sw{background:var(--ui-raise)}
body .cil-sw::after{background:var(--ui-tx)}
body .cil-row.on .cil-sw{background:var(--ui-tx);color:var(--ui-on-tx)}
body .cil-g{color:var(--ui-tx2)}
body .cil-g:hover{color:var(--ui-tx);background:var(--ui-card)}
body .cil-set{background:var(--ui-card);border:1px solid var(--ui-hl)}
body .cil-ps label, body .cil-cs label{color:var(--ui-tx)}
body .cil-ps input{border:1px solid var(--ui-hl2);background:var(--ui-card);color:var(--ui-tx)}
body .cil-cs input{border:1px solid var(--ui-hl2)}
body .cil-tbb{border:1px solid var(--ui-hl2);color:var(--ui-tx)}
body .cil-tbb:hover{color:var(--ui-tx)}
body .cil-tm{background:var(--ui-card);border:1px solid var(--ui-hl2)}
body .cil-ti:hover{background:var(--ui-card)}
body .cil-ti button{color:var(--ui-dn)}
body .cil-ts{border-top:1px solid var(--ui-hl2)}
body .cil-ts input{border:1px solid var(--ui-hl2);background:var(--ui-card);color:var(--ui-tx)}
body .cil-ts button{background:var(--ui-tx);color:var(--ui-on-tx)}
body .cil-tn{color:var(--ui-tx2)}
body .cil-rs{border:1px solid var(--ui-hl2);color:var(--ui-tx)}
body .cil-rs:hover{color:var(--ui-tx)}
body .cil-hint{color:var(--ui-tx2)}
body .cil-po{border-bottom:1px solid var(--ui-hl)}
body .cil-por:hover{background:var(--ui-card)}
body .cil-por span{color:var(--ui-tx);font-weight:500}
body .cil-por button{border:1px solid var(--ui-hl2);color:var(--ui-tx)}
body .cil-por button:hover{border-color:var(--ui-hl2);color:var(--ui-tx)}
body .cil-tabs{border-bottom:1px solid var(--ui-hl)}
body .cil-tabs button{color:var(--ui-tx);font-weight:600}
body .cil-tabs button:hover{color:var(--ui-tx)}
body .cil-tabs button.on{color:var(--ui-tx);border-bottom-color:var(--ui-hl2)}
body .cil-tc{font:500 11px Outfit,system-ui,sans-serif;color:var(--ui-tx3);background:var(--ui-card)}
body .cil-tabs button.on .cil-tc{color:var(--ui-tx);background:var(--ui-card)}
body .cil-cat.mix .cil-tt{color:var(--ui-tx3)}
body .cil-empty{color:var(--ui-tx2)}
body .cil-tf{border-bottom:1px dashed var(--ui-hl);color:var(--ui-tx)}
body .cil-tfn b{color:var(--ui-tx)}
body .cil-grp{border:1px solid var(--ui-hl)}
body .cil-grp.cur{border-color:var(--ui-hl2);background:color-mix(in srgb,var(--ui-raise) 100%,transparent)}
body .cil-gh{font-weight:600;color:var(--ui-tx)}
body .cil-now{font-weight:500;color:var(--ui-ac);background:color-mix(in srgb,var(--ui-raise) 100%,transparent)}
body .cil-cp{border:1px solid var(--ui-hl2);color:var(--ui-tx)}
body .cil-cp:hover{color:var(--ui-tx)}
body .cil-cl{color:var(--ui-tx2)}
body #cuChart .cu-b.cu-tfb{font-family:var(--ui-mono)}
body .pk input{border:1px solid var(--ui-hl);background:var(--ui-card);color:var(--ui-tx)}
body .pk .dd{background:var(--ui-card);border:1px solid var(--ui-hl)}
body .pk .dd a{color:var(--ui-tx)}
body .pk .dd a:hover, body .pk .dd a.k{background:var(--ui-card)}
body .pk .dd a b{font-family:var(--ui-mono)}
body .pk .ch span{color:var(--ui-tx);font-weight:500}
body .pk .ch a{font:500 12px var(--ui-mono);border:1px solid var(--ui-hl);background:var(--ui-card);color:var(--ui-tx)}
body .pk .ch a.on{border-color:var(--ui-hl2);color:var(--ui-ac)}
body .sx .an-ft{border-top:1px solid var(--ui-hl)}
body .sx .pill-b{border:1px solid var(--ui-hl2);background:color-mix(in srgb,var(--ui-raise) 100%,transparent);color:var(--ui-tx);font-weight:500}
body .sx .pill-b.on{border-color:color-mix(in srgb,var(--ui-dn) 40%,transparent);background:color-mix(in srgb,var(--ui-dn) 15%,transparent)}
body .sx .an-legal{background:color-mix(in srgb,var(--ui-warn) 6%,transparent);border:1px solid color-mix(in srgb,var(--ui-warn) 40%,transparent);color:var(--ui-warn)}
body .ol>div{background:var(--ui-card);border:1px solid var(--ui-hl)}
body .ol small{color:var(--ui-tx)}
body .ol b{font-family:var(--ui-mono)}
body .zoom-bg{background:var(--ui-bg0)}
/* hand-tuned after the generated block */
body .casa-sc button{background:var(--ui-card)!important;border-color:var(--ui-hl2)!important;color:var(--ui-tx2)!important;font-weight:500!important}
body .casa-sc button.on{background:var(--ui-tx)!important;border-color:var(--ui-tx)!important;color:var(--ui-on-tx)!important}
body .casa-po button{background:var(--ui-card);border-color:var(--ui-hl2);color:var(--ui-tx2)}body .casa-po button:hover{background:var(--ui-raise);border-color:var(--ui-hl2);color:var(--ui-tx)}
body .cil-sw{background:var(--ui-raise);box-shadow:inset 0 0 0 1px var(--ui-hl2)}
body .cil-sw::after{background:var(--ui-tx2)}
body .cil-row.on .cil-sw{background:var(--ui-ac);box-shadow:none}
body .cil-row.on .cil-sw::after{background:var(--ui-card)}
body .sx .rg .tr i{background:var(--ui-tx);box-shadow:0 0 0 2px var(--ui-card)}