/* GENERATED by build_dark.js from admin.css + app.css - do not edit by hand */
/* ---- frontend/admin.css ---- */
html:where([data-theme=dark]) input,html:where([data-theme=dark]) select{background:#191b22}
html:where([data-theme=dark]) .btn{background:#191b22}
html:where([data-theme=dark]) .btn.danger{border-color:#5b2b2b}
html:where([data-theme=dark]) .btn.danger:hover{background:#1d0c0c}
html:where([data-theme=dark]) .err{background:#1d0c0c}
html:where([data-theme=dark]) .lang{border:2px solid #434b5d;background:#191b22}
html:where([data-theme=dark]) .login-card{background:rgba(23,27,36,0.90)}
html:where([data-theme=dark]) .field input{background:#1e2129}
html:where([data-theme=dark]) .field input:focus{background:#191b22}
html:where([data-theme=dark]) .stepper li.s2 .st-h .num{background:#393f4e}
html:where([data-theme=dark]) .btn.loading::after{border:2px solid #1e2129}
html:where([data-theme=dark]) .nav-label{color:#9da6b1}
html:where([data-theme=dark]) .sidebar nav a:hover{background:rgba(23,27,36,0.06)}
html:where([data-theme=dark]) .side-foot{border-top:1px solid rgba(255,255,255,0.02)}
html:where([data-theme=dark]) .sidebar .btn.ghost{border-color:rgba(255,255,255,0.04)}
html:where([data-theme=dark]) .sidebar .btn.ghost:hover{background:rgba(23,27,36,0.07)}
html:where([data-theme=dark]) .topbar{background:rgba(23,27,36,0.88)}
html:where([data-theme=dark]) .burger{background:#191b22}
html:where([data-theme=dark]) .tablewrap{background:#191b22}
html:where([data-theme=dark]) th{background:#13151a}
html:where([data-theme=dark]) tbody tr:hover{background:#13151a}
html:where([data-theme=dark]) .pill.off{background:#1c1e22}
html:where([data-theme=dark]) .badge.active{background:#1d3428}
html:where([data-theme=dark]) .badge.archived{background:#240e0e}
html:where([data-theme=dark]) .badge.prot{background:#101321;color:#979cd8}
html:where([data-theme=dark]) .bars div{background:linear-gradient(180deg,#383f4e,var(--pri-d))}
html:where([data-theme=dark]) .drawer-panel{background:#191b22}
html:where([data-theme=dark]) .modal-box{background:#191b22}
html:where([data-theme=dark]) .tab{background:#191b22}
html:where([data-theme=dark]) .perm:hover{background:#13151a}
html:where([data-theme=dark]) .decor .chip2{background:#191b22}
html:where([data-theme=dark]) .decor .c3{color:#64d9aa}
html:where([data-theme=dark]) .decor .mock{background:#191b22}
html:where([data-theme=dark]) .decor .mock b{background:#2a2e3a}
html:where([data-theme=dark]) .decor .mock b:nth-child(3){background:#303643}
html:where([data-theme=dark]) .sk i{background:#1e242d}
html:where([data-theme=dark]) .sk::after{background:linear-gradient(100deg,transparent 30%,rgba(23,27,36,0.85) 50%,transparent 70%)}
/* ---- frontend/app.css ---- */
html:where([data-theme=dark]) body{background:#15171d}
html:where([data-theme=dark]) .rail{background:#191b22}
html:where([data-theme=dark]) .rail-out:hover{background:#29120f}
html:where([data-theme=dark]) .panel{background:#191b22}
html:where([data-theme=dark]) .search{background:#131518}
html:where([data-theme=dark]) .search:focus-within{background:#191b22}
html:where([data-theme=dark]) .me .avatar{background:#1e2129}
html:where([data-theme=dark]) .ring{background:conic-gradient(var(--c) calc(var(--p)*1%),var(--rest,#252932) 0)}
html:where([data-theme=dark]) .ring::before{background:#191b22}
html:where([data-theme=dark]) .ring.big::before{background:#1f232b}
html:where([data-theme=dark]) .stat{background:#191b22}
html:where([data-theme=dark]) .fchip{background:#212329;color:#98a1b5}
html:where([data-theme=dark]) .fchip:hover{background:#272c36}
html:where([data-theme=dark]) .fchip.on{background:#191b22}
html:where([data-theme=dark]) .scard{background:#191b22}
html:where([data-theme=dark]) .scard .tag2{background:#11151a}
html:where([data-theme=dark]) .pcard{background:#191b22}
html:where([data-theme=dark]) .drawer-panel{background:#191b22}
html:where([data-theme=dark]) .dh .x{background:#15171d}
html:where([data-theme=dark]) .dh .x:hover{background:#222932}
html:where([data-theme=dark]) .df{background:#15181d}
html:where([data-theme=dark]) .fld input{background:#121419}
html:where([data-theme=dark]) .fld input:focus{background:#191b22}
html:where([data-theme=dark]) .syscard{background:#191b22}
html:where([data-theme=dark]) .syscard::before{border:2px solid #434b5d}
html:where([data-theme=dark]) .syscard::after{border:solid #1e2129}
html:where([data-theme=dark]) .okmark{background:#1d3428}
html:where([data-theme=dark]) body{background:#14161d}
html:where([data-theme=dark]) .rail nav a.active::after{background:linear-gradient(135deg,#24282c,#2a2e3a)}
html:where([data-theme=dark]) .panel{background:linear-gradient(180deg,#191b22 0,#191b22 70%,#0c0c29)}
html:where([data-theme=dark]) .stat:nth-of-type(3){border-top:3px solid #a32934}
html:where([data-theme=dark]) .stat:nth-of-type(4){border-top:3px solid #442ca0}
html:where([data-theme=dark]) body{background:#1b1e26}
html:where([data-theme=dark]) .scard h4{color:#ccd0da}
html:where([data-theme=dark]) .fchip{background:#24282c;color:#a3abbc}
html:where([data-theme=dark]) .fchip:hover{background:#2a2e3a}
html:where([data-theme=dark]) .stat:nth-of-type(3){border-top:3px solid #a32934}
html:where([data-theme=dark]) .stat:nth-of-type(4){border-top:3px solid #442ca0}
html:where([data-theme=dark]) .badge.active{background:#1d403a;color:#2ef4dd}
html:where([data-theme=dark]) .badge.archived{background:#391115;color:#e98e99}
html:where([data-theme=dark]) .pill.on{background:#24282c;color:#acb3c3}
html:where([data-theme=dark]) tbody tr:hover{background:#111318}
html:where([data-theme=dark]) .login-head h1{color:#acb3c3}
html:where([data-theme=dark]) .rail nav a.active,html:where([data-theme=dark]) .rail nav a:hover{color:#acb3c3}
html:where([data-theme=dark]) .stat .n{color:#acb3c3}
html:where([data-theme=dark]) .ring span{color:#ccd0da}
html:where([data-theme=dark]) .scard{background:linear-gradient(160deg,#191b22 55%,color-mix(in srgb,var(--sc) 9%,#191b22))}
html:where([data-theme=dark]) .scard .tag2{background:color-mix(in srgb,var(--sc) 16%,#191b22);color:#ccd0da}
html:where([data-theme=dark]) .stat:nth-of-type(1){background:linear-gradient(160deg,#191b22 50%,#1f2228)}
html:where([data-theme=dark]) .stat:nth-of-type(2){background:linear-gradient(160deg,#191b22 50%,#1b3934)}
html:where([data-theme=dark]) .stat:nth-of-type(3){border-top:4px solid #a32934;background:linear-gradient(160deg,#191b22 50%,#290c10)}
html:where([data-theme=dark]) .stat:nth-of-type(4){border-top:4px solid #442ca0;background:linear-gradient(160deg,#191b22 50%,#160e30)}
html:where([data-theme=dark]) .stat:nth-of-type(1) .n{color:#b8becc}
html:where([data-theme=dark]) .stat:nth-of-type(2) .n{color:#2ef4dd}
html:where([data-theme=dark]) .stat:nth-of-type(3) .n{color:#e98e99}
html:where([data-theme=dark]) .stat:nth-of-type(4) .n{color:#a591e8}
html:where([data-theme=dark]) .badge.active{background:#1d403a;color:#25f4d8}
html:where([data-theme=dark]) .badge.archived{background:#391115;color:#df8590}
html:where([data-theme=dark]) .pill.on{background:#282b32;color:#c1c6d2}
html:where([data-theme=dark]) .dh .x{background:rgba(23,27,36,0.16)}
html:where([data-theme=dark]) .dh .x:hover{background:rgba(23,27,36,0.30)}
html:where([data-theme=dark]) .db{background:linear-gradient(180deg,#13151b,#191b22 120px)}
html:where([data-theme=dark]) .sec{color:#c1c6d2}
html:where([data-theme=dark]) .fld input{background:#191b22;border:1.5px solid #303643}
html:where([data-theme=dark]) .fld input:focus{border-color:#442ca0}
html:where([data-theme=dark]) .syscard{background:#191b22}
html:where([data-theme=dark]) .syscard{border-color:color-mix(in srgb,var(--c,#6B7587) 35%,#1e2129)}
html:where([data-theme=dark]) .syscard:has(input:checked){background:color-mix(in srgb,var(--c) 14%,#191b22)}
html:where([data-theme=dark]) .tab{border-color:#383e4d}
html:where([data-theme=dark]) .perm:hover{background:#10211d}
html:where([data-theme=dark]) .df{background:#13151b}
html:where([data-theme=dark]) .btn.danger{border-color:#a32934;color:#e98e99}
html:where([data-theme=dark]) .btn.danger:hover{background:#290c10}
html:where([data-theme=dark]) .pwbox{background:linear-gradient(135deg,#1b3934,#160e30);border:1.5px dashed #442ca0;color:#857ad3}
html:where([data-theme=dark]) .scard{background:linear-gradient(165deg,#191b22 35%,var(--tl))}
html:where([data-theme=dark]) .shead::before{background:rgba(23,27,36,0.10)}
html:where([data-theme=dark]) .shead img{background:#191b22}
html:where([data-theme=dark]) .scard .shead .tag2{background:rgba(23,27,36,0.22)}
html:where([data-theme=dark]) .pill[data-k]{border:1px solid color-mix(in srgb,var(--t) 40%,#1e2129)}
html:where([data-theme=dark]) .pill[data-k=cms]{color:#d5d8e1}
html:where([data-theme=dark]) .pill[data-k].off{background:#191c22;border-color:#313744}
html:where([data-theme=dark]) .tab[data-k]:not(.active){border-color:color-mix(in srgb,var(--t) 35%,#1e2129)}
html:where([data-theme=dark]) thead th{background:linear-gradient(180deg,#121419,#1f2228);color:#aeb4c4;border-bottom:2px solid #303643}
html:where([data-theme=dark]) tbody tr:hover{background:linear-gradient(90deg,#111319,#191b22 70%)}
html:where([data-theme=dark]) .badge.prot{background:#160e30;color:#a591e8}
html:where([data-theme=dark]) #bArchive:not([disabled]){background:#290c10;border-color:#a32934;color:#e98e99}
html:where([data-theme=dark]) #bRestore:not([disabled]){background:#1d403a;color:#25f4d8}
html:where([data-theme=dark]) .login{background:radial-gradient(900px 500px at 8% 12%,rgba(240,188,78,.20),transparent 60%),radial-gradient(800px 520px at 92% 18%,rgba(240,139,75,.18),transparent 60%),radial-gradient(900px 600px at 85% 95%,rgba(52,103,155,.20),transparent 60%),radial-gradient(800px 500px at 10% 92%,rgba(255,255,255,0.14),transparent 60%),radial-gradient(600px 400px at 50% 55%,rgba(197,165,115,.16),transparent 65%),#16171c}
html:where([data-theme=dark]) .dl span{background:rgba(23,27,36,0.75)}
html:where([data-theme=dark]) .dl em{color:#9ba3b6}
html:where([data-theme=dark]) .login-head p{color:#aeb4c4}
html:where([data-theme=dark]) .c-t{color:#3af5db}
html:where([data-theme=dark]) .c-o{color:#ebad85}
html:where([data-theme=dark]) .login-card{box-shadow:0 30px 80px rgba(62,71,87,.18),0 0 0 1px rgba(255,255,255,0.060) inset}
html:where([data-theme=dark]) .st-t{color:#ccd0da}
html:where([data-theme=dark]) .chip{background:#160e30;color:#a591e8}
html:where([data-theme=dark]) .sysrow{color:#9ba3b6}
html:where([data-theme=dark]) .login-foot{color:#9ba3b6}
html:where([data-theme=dark]) .login-foot b{color:#acb3c3}
html:where([data-theme=dark]) .login{background-image:url(assets/img/bg-waves.svg),radial-gradient(900px 500px at 8% 12%,rgba(240,188,78,.20),transparent 60%),radial-gradient(800px 520px at 92% 18%,rgba(240,139,75,.18),transparent 60%),radial-gradient(900px 600px at 85% 95%,rgba(52,103,155,.20),transparent 60%),radial-gradient(800px 500px at 10% 92%,rgba(255,255,255,0.14),transparent 60%),radial-gradient(600px 400px at 50% 55%,rgba(197,165,115,.16),transparent 65%)}
html:where([data-theme=dark]) .login{background:linear-gradient(180deg,#121419,#21232a)}
html:where([data-theme=dark]) .decor::after{background:radial-gradient(ellipse 52% 60% at 50% 48%,rgba(23,27,36,0.97) 0,rgba(23,27,36,0.85) 45%,rgba(23,27,36,0.00) 100%)}
html:where([data-theme=dark]) .login-head p b,html:where([data-theme=dark]) .c-v,html:where([data-theme=dark]) .c-t,html:where([data-theme=dark]) .c-o{color:#c1c6d2}
html:where([data-theme=dark]) .field .ic{color:#a3abbc}
html:where([data-theme=dark]) .chip{background:#22242a;color:#c1c6d2}
html:where([data-theme=dark]) .login-card{border:1px solid rgba(255,255,255,0.14)}
html:where([data-theme=dark]) .decor::after{background:radial-gradient(ellipse 50% 58% at 50% 48%,rgba(23,27,36,0.96) 0,rgba(23,27,36,0.80) 45%,rgba(23,27,36,0.00) 100%)}
html:where([data-theme=dark]) .langbtn2{background:#191b22}
html:where([data-theme=dark]) .langbtn2:hover{border-color:#442ca0}
html:where([data-theme=dark])[dir=rtl] tbody tr:hover{background:linear-gradient(270deg,#111319,#191b22 70%)}
html:where([data-theme=dark]) .pill.usage.over{background:#350f13;border-color:#a32934;color:#dd7f8a}
html:where([data-theme=dark]) .subrow{border:1px solid #2f343d;background:#191b22}
html:where([data-theme=dark]) .subrow label{color:#a3abbc}
html:where([data-theme=dark]) .subrow .chk{color:#d4d8dd}
html:where([data-theme=dark]) .fld textarea{border:1.5px solid #303643;background:#191b22}
html:where([data-theme=dark]) .invbody iframe{background:#191b22}
html:where([data-theme=dark]) .subinfo.over b{color:#e98e99}
html:where([data-theme=dark]) .teamlink{border:1px solid #383e4d;background:rgba(23,27,36,0.85);color:#c1c6d2}
html:where([data-theme=dark]) .teamlink .ic{color:#a3abbc}
html:where([data-theme=dark]) .fld select{border:1.5px solid #303643;background:#191b22}
html:where([data-theme=dark]) .fld select:focus{border-color:#442ca0}
html:where([data-theme=dark]) .decor::after{background:radial-gradient(ellipse 46% 56% at 50% 48%,rgba(23,27,36,0.95) 0,rgba(23,27,36,0.72) 48%,rgba(23,27,36,0.00) 100%)}
html:where([data-theme=dark]) .lg-sweep{background:linear-gradient(115deg,transparent 38%,rgba(23,27,36,0.70) 50%,transparent 62%)}
html:where([data-theme=dark]) .login-foot{background:rgba(23,27,36,0.74)}
html:where([data-theme=dark]) .field .eye:hover{color:#c1c6d2}
html:where([data-theme=dark]) .caps{color:#dfb16d}
html:where([data-theme=dark]) .decor::after{background:radial-gradient(ellipse 64% 70% at 50% 50%,rgba(23,27,36,0.98) 0,rgba(23,27,36,0.93) 42%,rgba(23,27,36,0.62) 68%,rgba(23,27,36,0.18) 88%,rgba(23,27,36,0.00) 100%)}
@media(max-width:700px){
html:where([data-theme=dark]) .decor::after{background:radial-gradient(ellipse 90% 62% at 50% 52%,rgba(23,27,36,0.98) 0,rgba(23,27,36,0.90) 50%,rgba(23,27,36,0.50) 78%,rgba(23,27,36,0.12) 100%)}
}
html:where([data-theme=dark]) .login-card{border:1px solid rgba(255,255,255,0.14)}
html:where([data-theme=dark]) .subrow.nc .subx{border-top:1px dashed #2f343d}
html:where([data-theme=dark]) #n-codehint.good{color:#5ed59e}
html:where([data-theme=dark]) #n-codehint.bad{color:#db8c80}
html:where([data-theme=dark]) .btn.okb{background:#1d3428;color:#5ed59e;border-color:#345d47}
html:where([data-theme=dark]) .addsys{border:1px dashed #424853}
html:where([data-theme=dark]) .admlist .admrow{border:1px solid #2f343d;background:#191b22}
html:where([data-theme=dark]) .admform{border:1px solid #2f343d;background:#13171f}
html:where([data-theme=dark]) .pv-kpi{background:#191b22;border:1px solid #2f343d}
html:where([data-theme=dark]) .pv-kpi::before{background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 45%,#191b22))}
html:where([data-theme=dark]) .pv-ico{background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 62%,#191b22))}
html:where([data-theme=dark]) .pv-txt span{color:#a3abbc}
html:where([data-theme=dark]) .pv-txt b{color:#d4d8dd}
html:where([data-theme=dark]) .pv-kpi.warn .pv-txt b{color:#df8590}
html:where([data-theme=dark]) .pv-kpi.hot .pv-txt b{color:#a591e8}
html:where([data-theme=dark]) .pv-card{background:#191b22;border:1px solid #2f343d}
html:where([data-theme=dark]) .pv-card h4{color:#d4d8dd}
html:where([data-theme=dark]) .pv-sum span{background:#101318;color:#b7bdcb}
html:where([data-theme=dark]) .pv-sum b{color:#d4d8dd}
html:where([data-theme=dark]) .pv-gl{border-top:1px dashed #2f353f}
html:where([data-theme=dark]) .pv-bar>i{color:#b7bdcb}
html:where([data-theme=dark]) .pv-m{color:#a3abbc}
html:where([data-theme=dark]) .pv-col.cur .pv-m{color:#d4d8dd}
html:where([data-theme=dark]) .pv-top{border-bottom:1px solid #292e36}
html:where([data-theme=dark]) .pv-top:hover{background:#11161d}
html:where([data-theme=dark]) .pv-top .bar{background:#1b1f26}
html:where([data-theme=dark]) .bulkbar{background:#101318;border:1px solid #2f343d}
html:where([data-theme=dark]) .bulkbar .bc{color:#b7bdcb}
html:where([data-theme=dark]) tr.picked{background:#121922}
html:where([data-theme=dark]) .btn.pdfb{background:#2d1113;color:#de7886;border-color:#5c242c}
html:where([data-theme=dark]) .hq{color:#aeb4c4;background:#20252e;border:1px solid #383f4b}
html:where([data-theme=dark]) .fchip.on .hq{background:rgba(23,27,36,0.22);border-color:rgba(255,255,255,0.10)}
html:where([data-theme=dark]) th .hq{background:rgba(23,27,36,0.18);border-color:rgba(255,255,255,0.09)}
html:where([data-theme=dark]) th .hq:hover{background:#191b22;color:#c1c6d2}
html:where([data-theme=dark]) body.helpmode .hq{color:#ced1d7}
html:where([data-theme=dark]) .helpbtn.on{color:#ced1d7!important}
html:where([data-theme=dark]) #hpop .hx{background:rgba(23,27,36,0.10)}
html:where([data-theme=dark]) #hpop .hx:hover{background:rgba(23,27,36,0.22)}
html:where([data-theme=dark]) #ctip i{box-shadow:0 0 0 2px rgba(255,255,255,0.025)}
html:where([data-theme=dark]) .ring>.hq{background:#191b22}
html:where([data-theme=dark]) .pcb{background:rgba(255,255,255,0.07)}
html:where([data-theme=dark]) .fbar{background:#191b22;border:1px solid #2f343d}
html:where([data-theme=dark]) .fbar .fsel span{color:#a3abbc}
html:where([data-theme=dark]) .fbar .fcount{color:#b7bdcb}
html:where([data-theme=dark]) .tswitch .tsw{background:#2a2f37;border:1px solid #404753}
html:where([data-theme=dark]) .tswitch .moon{color:#97a0b4}
html:where([data-theme=dark]) .tswitch .knob{background:#191b22}
html:where([data-theme=dark]) .tswitch:not(.on) .sun{color:#e7c782}
html:where([data-theme=dark]) .tswitch.on .moon{color:#e5e7eb}
html:where([data-theme=dark]) .tswitch.on .sun{color:#adb4c4}
html:where([data-theme=dark]) .prayer{border:1px solid #313640;background:#191b22;color:#ccd0da}
html:where([data-theme=dark]) .prayer:hover{border-color:#404753}
html:where([data-theme=dark]) .prayer .pr-t small{color:#a3abbc}
html:where([data-theme=dark]) #prayerPop{background:#191b22;color:#ccd0da;border:1px solid #313640}
html:where([data-theme=dark]) #prayerPop .hx{background:#1b1f26;color:#b7bdcb}
html:where([data-theme=dark]) #prayerPop .prd{background:linear-gradient(135deg,#1d2d29,#1a222f)}
html:where([data-theme=dark]) #prayerPop .prd small{color:#a3abbc}
html:where([data-theme=dark]) #prayerPop .prc{color:#a3abbc}
html:where([data-theme=dark]) .ann{border:1px solid #27374c;background:linear-gradient(135deg,#0e1620,#0e1723);color:#cad1d9}
html:where([data-theme=dark]) .ann p{color:#b7bdcb}
html:where([data-theme=dark]) .ann .ax{background:rgba(255,255,255,0.07);color:#b7bdcb}
html:where([data-theme=dark]) .ann.success{border-color:#345d47;background:linear-gradient(135deg,#1b2f25,#101b15)}
html:where([data-theme=dark]) .ann.warning{border-color:#735d2b;background:linear-gradient(135deg,#3a2f11,#211b0a)}
html:where([data-theme=dark]) .ann.critical{border-color:#642930;background:linear-gradient(135deg,#2d1113,#240a0d)}
html:where([data-theme=dark]) .cmdbtn{border:1px solid #313640;background:#191b22;color:#b7bdcb}
html:where([data-theme=dark]) .cmdbtn kbd{background:#1b1f26;color:#a3abbc}
html:where([data-theme=dark]) #cmdk .cbox{background:#191b22;color:#ccd0da}
html:where([data-theme=dark]) #cmdk .cin{border-bottom:1px solid #2f343d}
html:where([data-theme=dark]) #cmdk .ci .ic{color:#a3abbc}
html:where([data-theme=dark]) #cmdk .ci.sel{background:#121922}
html:where([data-theme=dark]) #cmdk .chint{border-top:1px solid #2f343d}
html:where([data-theme=dark]) .at{background:#11161d}
html:where([data-theme=dark]) .at:hover{border-color:#383f4b}
html:where([data-theme=dark]) .acc-box dt{color:#a3abbc}
html:where([data-theme=dark]) .badge.warn{background:#3d2f12;color:#ebb34c}
html:where([data-theme=dark]) .prtabs{background:#1b1f26}
html:where([data-theme=dark]) .prtabs button{color:#aeb4c4}
html:where([data-theme=dark]) .prtabs button.on{background:#191b22;color:#ccd0da}
html:where([data-theme=dark]) .proc{background:#11161d}
html:where([data-theme=dark]) .proc>b{color:#a3abbc}
html:where([data-theme=dark]) .occ-i{background:#1b1f26;color:#c1c6d2}
html:where([data-theme=dark]) .occ-i.friday{background:#1d3428;color:#5ed59e}
html:where([data-theme=dark]) .occ-i.ramadan{background:#3d2f12;color:#ebb34c}
html:where([data-theme=dark]) .occ-i.fitr,html:where([data-theme=dark]) .occ-i.adha{background:#130e30;color:#9f90de}
html:where([data-theme=dark]) .occ-i.arafah{background:#2d1113;color:#de7886}
html:where([data-theme=dark]) .occ-i.newyear{background:#1a2431;color:#719dce}
html:where([data-theme=dark]) .dcard{border:1px solid #2f343d;background:#191b22}
html:where([data-theme=dark]) .dcard .dlabel{color:#a3abbc}
html:where([data-theme=dark]) .sp-ar{color:#d4d8dd}
html:where([data-theme=dark]) .sp-en{color:#b7bdcb}
html:where([data-theme=dark]) .qn{fill:#a3abbc}
html:where([data-theme=dark]) .tdone{background:#1d3428;color:#5ed59e}
html:where([data-theme=dark]) .tsteps i{background:#282c33}
html:where([data-theme=dark]) .tf-box{border:1px solid #2f343d;background:#13171f}
html:where([data-theme=dark]) .tf-key{background:#191b22;border:1px dashed #404753}
html:where([data-theme=dark]) .tf-codes code{background:#191b22;border:1px solid #313640}
html:where([data-theme=dark]) .tf-warn{background:#3d2f12;color:#f3af22}
html:where([data-theme=dark]) .ss-row{border:1px solid #2f343d}
html:where([data-theme=dark]) .dhead b{color:#ccd0da}
html:where([data-theme=dark]) .dtog{background:#1b1f26;color:#b7bdcb}
html:where([data-theme=dark]) .dtog:hover{background:#252a34}
html:where([data-theme=dark]) .hbtn{border:1px solid #313640;background:#191b22;color:#b7bdcb}
html:where([data-theme=dark]) .hbtn:hover{border-color:#404753}
html:where([data-theme=dark]) .hbtn.on{color:#7ba4cd}
html:where([data-theme=dark]) .hbtn .bdg{box-shadow:0 0 0 3px rgba(255,255,255,.06)}
html:where([data-theme=dark]) .hbtn .wtemp{color:#ccd0da}
html:where([data-theme=dark]) .hpanel{background:#191b22;color:#ccd0da;border:1px solid #313640}
html:where([data-theme=dark]) .hpanel .hx{background:#1b1f26;color:#b7bdcb}
html:where([data-theme=dark]) .lg-i{border:1px solid #2f343d;background:#13171f;color:#ccd0da}
html:where([data-theme=dark]) .lg-i:hover{border-color:var(--t,#404753)}
html:where([data-theme=dark]) .nt:hover{background:#101318}
html:where([data-theme=dark]) .nt.unread{background:#0b131f}
html:where([data-theme=dark]) .tltabs{background:#1b1f26}
html:where([data-theme=dark]) .tltabs button{color:#aeb4c4}
html:where([data-theme=dark]) .tltabs button.on{background:#191b22;color:#ccd0da}
html:where([data-theme=dark]) .td:hover{background:#101318}
html:where([data-theme=dark]) .td button:hover{background:#2d1113;color:#de7886}
html:where([data-theme=dark]) .clk{background:#11161d}
html:where([data-theme=dark]) .wx{background:linear-gradient(135deg,#0b1826,#0b1525)}
html:where([data-theme=dark]) .wx small{color:#aeb4c4}
html:where([data-theme=dark]) .wxd div{background:#11161d}
html:where([data-theme=dark]) .rt:nth-child(odd){background:#11161d}
html:where([data-theme=dark]) .fvmenu{background:#191b22;border:1px solid #313640}
html:where([data-theme=dark]) .fvmenu .fvi:hover{background:#101318}
html:where([data-theme=dark]) .wz-drop{border:2px dashed #404753;background:#13171f}
html:where([data-theme=dark]) .wz-drop:hover,html:where([data-theme=dark]) .wz-drop.drag{background:#0b131f}
html:where([data-theme=dark]) .wz-drop .ic{color:#a3abbc}
html:where([data-theme=dark]) .wz-sum .okc{background:#1d3428;color:#5ed59e}
html:where([data-theme=dark]) .wz-sum .kc{background:#2d1113;color:#de7886}
html:where([data-theme=dark]) .wz-tbl{border:1px solid #2f343d}
html:where([data-theme=dark]) .wz-tbl tr.bad td{background:#240a0d}
html:where([data-theme=dark]) .wz-tbl .err{color:#de7886}
html:where([data-theme=dark]) .progress{background:#20252e}
html:where([data-theme=dark]) .bub.company{background:#1a2431;color:#cad1d9}
html:where([data-theme=dark]) .bub.ixora{background:#13161b}
html:where([data-theme=dark]) .g360 .card360{border:1px solid #2f343d;background:#191b22}
html:where([data-theme=dark]) .mini{border-bottom:1px solid #292e36}
html:where([data-theme=dark]) .note360{background:#30260e}
html:where([data-theme=dark]) .k360 div{background:#101318}
html:where([data-theme=dark]) .k360 small{color:#a3abbc}
html:where([data-theme=dark]) .hbar .t{background:#1b1f26}
html:where([data-theme=dark]) .badge.ro{background:#130e30;color:#9f90de}
html:where([data-theme=dark]) .wnbox .wnc{background:#191b22;color:#ccd0da}
html:where([data-theme=dark]) .langmenu{background:#191b22;border:1px solid var(--line,#31363e)}
html:where([data-theme=dark]) .hscore.good{background:#1d3428;color:#48d698}
html:where([data-theme=dark]) .hscore.watch{background:#413213;color:#f4ae2b}
html:where([data-theme=dark]) .hscore.risk{background:#371313;color:#d66f6f}
html:where([data-theme=dark]) .gcard{background:#191b22}
html:where([data-theme=dark]) .gprog{background:#1f232b}
html:where([data-theme=dark]) .gsmall{color:#b1b8c7}
html:where([data-theme=dark]) .adm{color:#e4b86c}
html:where([data-theme=dark]) .deprt{border:1px solid #9a7832;background:#30260e}
html:where([data-theme=dark]) .badge.warn{background:#413213;color:#f4ae2b}
html:where([data-theme=dark]) .hs-sum{border:1px solid #365d49;background:linear-gradient(135deg,#1a2d24,#0e1a15)}
html:where([data-theme=dark]) .hs-sum b{color:#48d698}
html:where([data-theme=dark]) .hs-sum small{color:#b4c4bc}
html:where([data-theme=dark]) .hs-sum.warn{border-color:#775f2b;background:linear-gradient(135deg,#372b10,#21190a)}
html:where([data-theme=dark]) .hs-sum.warn b{color:#f4ae2b}
html:where([data-theme=dark]) .hs-sum.warn small{color:#c9ac72}
html:where([data-theme=dark]) .hs-sum.down{border-color:#692b2b;background:linear-gradient(135deg,#240e0e,#250b0b)}
html:where([data-theme=dark]) .hs-sum.down b{color:#d66f6f}
html:where([data-theme=dark]) .hs-sum.down small{color:#c59090}
html:where([data-theme=dark]) .hs-meta small{color:#a3abbc}
html:where([data-theme=dark]) .hs-cards .scard.down .legend2 em,html:where([data-theme=dark]) .hs-cards .scard.down .foot .ic{color:#de7886}
html:where([data-theme=dark]) .ins{background:#191b22}
html:where([data-theme=dark]) .ins-t{color:#a3abbc}
html:where([data-theme=dark]) .ins-an{background:#11161d}
html:where([data-theme=dark]) .ins-an:hover{background:#171c24}
html:where([data-theme=dark]) .ins-risk:hover{background:#0f1319}
html:where([data-theme=dark]) .ins-risk small{color:#a3abbc}
html:where([data-theme=dark]) .ins-risk em{color:#48d698}
html:where([data-theme=dark]) .smartbar{background:#191b22;border:1px dashed #2d1d74}
html:where([data-theme=dark]) .smchip{background:#100a24;color:#938ad4}
html:where([data-theme=dark]) .smchip.hi{background:#371313;color:#d66f6f}
html:where([data-theme=dark]) .sugbox{background:#0f0a22;border:1px solid #24175c}
html:where([data-theme=dark]) .triage{background:#0f0a22;border:1px solid #24175c}
html:where([data-theme=dark]) .trrow small{color:#a3abbc}
html:where([data-theme=dark]) .trbar{background:#1f232b}
html:where([data-theme=dark]) .trbar i{background:#1f164c}
html:where([data-theme=dark]) .trbar b{border:2px solid #1e2129}
html:where([data-theme=dark]) .sxa{background:#11161d}
html:where([data-theme=dark]) .sxa.critical{background:#1f0c0c}
html:where([data-theme=dark]) .sxa.warning{background:#2b220d}
html:where([data-theme=dark]) .sxa small{color:#a3abbc}
html:where([data-theme=dark]) .sxg{background:#191b22}
html:where([data-theme=dark]) .sxg-l small{color:#a3abbc}
html:where([data-theme=dark]) .sxbar{background:#1f232b}
html:where([data-theme=dark]) .sxbad{color:#de7886}
html:where([data-theme=dark]) .fl-note{background:#0f0a22;border:1px solid #24175c}
html:where([data-theme=dark]) .fl-note.bad{background:#1f0c0c;border-color:#692b2b}
html:where([data-theme=dark]) .fl-note.warn{background:#2b220d;border-color:#775f2b}
html:where([data-theme=dark]) .flc{background:#191b22}
html:where([data-theme=dark]) .flc-h::before{background:rgba(23,27,36,0.12)}
html:where([data-theme=dark]) .fchp{background:#1b1f26;color:#c1c6d2}
html:where([data-theme=dark]) .fchp.st.active{background:#1d3428;color:#48d698}
html:where([data-theme=dark]) .fchp.st.error{background:#371313;color:#d66f6f}
html:where([data-theme=dark]) .fchp.st.processing{background:#100a24;color:#938ad4}
html:where([data-theme=dark]) .fchp.st.deleted,html:where([data-theme=dark]) .fchp.st.expired{background:#1b1f26;color:#a3abbc}
html:where([data-theme=dark]) .fchp.lv.warn{background:#413213;color:#f4ae2b}
html:where([data-theme=dark]) .fchp.lv.crit{background:#371313;color:#d66f6f}
html:where([data-theme=dark]) .fli span{color:#a3abbc}
html:where([data-theme=dark]) .fli small{color:#a3abbc}
html:where([data-theme=dark]) .flb{color:#a3abbc}
html:where([data-theme=dark]) .flb-t{background:#1f232b}
html:where([data-theme=dark]) .flc-inc{background:#240e10;border:1px solid #672931;color:#d8596b}
html:where([data-theme=dark]) .ox-inc{background:#240e10;border:1px solid #672931;color:#d8596b}
html:where([data-theme=dark]) .ox-bar select{border:1px solid var(--line,#373c46)}
html:where([data-theme=dark]) .ox-note{background:#121822;color:#c8ced7}
html:where([data-theme=dark]) .ox-note.warn{background:#3c2e11;color:#e3ac39}
html:where([data-theme=dark]) .ox-note.ok{background:#1d3428;color:#44d18f}
html:where([data-theme=dark]) .ox-note.bad{background:#240e10;color:#d8596b}
html:where([data-theme=dark]) .ox-sum.ok{background:#1d3428;color:#44d18f}
html:where([data-theme=dark]) .ox-sum.bad{background:#240e10;color:#d8596b}
html:where([data-theme=dark]) .ox-f{border:1px solid var(--line,#2f3440);background:rgba(23,27,36,0.50)}
html:where([data-theme=dark]) .ox-chip{background:#121822}
html:where([data-theme=dark]) .ox-chip.ok{background:#1d3428;color:#44d18f}
html:where([data-theme=dark]) .ox-chip.bad{background:#240e10;color:#d8596b}
html:where([data-theme=dark]) .ox-live{color:#de7886}
html:where([data-theme=dark]) .mg-up{color:#5ed59e}
html:where([data-theme=dark]) .mg-down{color:#de7886}
/* ---- hand-tuned part of the dark theme (appended by build_dark.js) ---- */
html[data-theme=dark]{color-scheme:dark;--canvas:#0E1118;--card:#171B24;--text:#E6E9F0;--text2:#AAB3C4;--text3:#7C879B;--line:#262C39;--line2:#1F2530;--pri-l:#1C2230;--navy:#2A3140;--navy2:#333B4C;--soft:#1C2230;--pri-soft:#1E2431;--ok:#3FC38A;--bad:#F0707F;--warn:#E3A93C;--sh:0 1px 2px rgba(0,0,0,.5),0 10px 30px rgba(0,0,0,.35);--rest:#2A3140}
html[data-theme=dark],html[data-theme=dark] body{background:#0E1118;color:#E6E9F0}
html[data-theme=dark] ::placeholder{color:#6B7589;opacity:1}
html[data-theme=dark] ::selection{background:rgba(108,147,196,.38);color:#fff}
html[data-theme=dark] ::-webkit-scrollbar{width:11px;height:11px}
html[data-theme=dark] ::-webkit-scrollbar-track{background:#0E1118}
html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#2A3243;border-radius:99px;border:3px solid #0E1118}
html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#39445A}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{color:#E6E9F0}
html[data-theme=dark] select option{background:#171B24;color:#E6E9F0}
html[data-theme=dark] input[type=checkbox]{accent-color:#6C93C4}
html[data-theme=dark] .ring{--rest:#2A3140}
html[data-theme=dark] .scard .ring{--rest:rgba(255,255,255,.09)}
html[data-theme=dark] .ring span,html[data-theme=dark] .ring b{color:#E6E9F0}
html[data-theme=dark] .donut{filter:saturate(.95) brightness(.95)}
html[data-theme=dark] .pv-kpi,html[data-theme=dark] .pv-card,html[data-theme=dark] .fbar,html[data-theme=dark] .tablewrap{box-shadow:0 10px 30px rgba(0,0,0,.35)}
html[data-theme=dark] .pv-top:hover{background:#1C2230}
html[data-theme=dark] .hq{background:#222939;color:#AAB3C4;border-color:#323B4F}
html[data-theme=dark] .hq:hover,html[data-theme=dark] .hq:focus-visible{background:#6C93C4;color:#0E1118;border-color:#6C93C4;box-shadow:0 0 0 4px rgba(108,147,196,.25)}
html[data-theme=dark] .fchip.on .hq{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.35)}
html[data-theme=dark] #hpop,html[data-theme=dark] #ctip{background:#2B3345;box-shadow:0 18px 44px rgba(0,0,0,.6);border:1px solid #3A455B}
html[data-theme=dark] #hpop::before{background:#2B3345;border-left:1px solid #3A455B;border-top:1px solid #3A455B}
html[data-theme=dark] .btn.okb{background:#12291F;color:#52C48B;border-color:#1E4A36}
html[data-theme=dark] .btn.pdfb{background:#2D1519;color:#F0707F;border-color:#59262D}
html[data-theme=dark] .btn.danger{background:#2D1519;color:#F0707F;border-color:#59262D}
html[data-theme=dark] tr.picked,html[data-theme=dark] tr.picked td{background:#1D2740!important}
html[data-theme=dark] .bulkbar{background:#141922;border-color:#262C39}
html[data-theme=dark] #inv-frame{background:#fff;border-radius:10px}
html[data-theme=dark] img.rail-logo,html[data-theme=dark] .rail-logo{filter:none}
html[data-theme=dark] .drawer-bg{background:rgba(3,6,12,.62)!important}
/* smooth switch */
html.theme-anim,html.theme-anim *{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease!important}
/* theme button in the rail */
.themebtn{display:grid;place-items:center}.themebtn .ic{width:19px;height:19px}
html[data-theme=dark]{--pri-d:#8E9AB0}
html[data-theme=dark] [data-k=cms],html[data-theme=dark] [data-f=cms]{--t2l:#C7D0E4;--tl:#171D2E}
html[data-theme=dark] [data-k=hr],html[data-theme=dark] [data-f=hr]{--t2l:#E8B450;--tl:#2A2415}
html[data-theme=dark] [data-k=mms],html[data-theme=dark] [data-f=mms]{--t2l:#F29A63;--tl:#2B1E15}
html[data-theme=dark] [data-k=law],html[data-theme=dark] [data-f=law]{--t2l:#D5B685;--tl:#262016}
html[data-theme=dark] [data-k=pmp],html[data-theme=dark] [data-f=pmp]{--t2l:#7FA6D6;--tl:#15202F}
html[data-theme=dark] .scard .foot .ic,html[data-theme=dark] .scard .legend2 em,html[data-theme=dark] .pill[data-k],html[data-theme=dark] .tab[data-k]:not(.active),html[data-theme=dark] .fchip[data-f]:not([data-f=""]):hover{color:var(--t2l)}
html[data-theme=dark] .legend2 i[style*="E6E8EC"],html[data-theme=dark] .legend2 i[style*="e6e8ec"]{background:#3A4458!important}
html[data-theme=dark] .legend span i[style*="CBD3DE"],html[data-theme=dark] .legend span i[style*="cbd3de"]{background:#6B7589!important}