/* Đọc Luật – chế độ tối (1.28). Tệp public/css/dark.css = phần này + phần tự sinh từ app.css (tools/gen_dark.py).
   Bật bằng html[data-theme=dark]; script nội tuyến trong partials/site-head đặt thuộc tính trước khi vẽ trang. */
html[data-theme=dark]{color-scheme:dark;
  --brand-50:#10304A;--brand-100:#1E4D70;--brand-700:#7CC1F0;--brand-900:#CDE6F8;
  --ink:#E2E9F0;--ink-2:#C0CCD8;--muted:#93A3B3;--paper:#0D141B;--sheet:#141E28;--rule:#2A3846;--rule-2:#1F2C39;
  --seal:#F07B73;--seal-soft:#3A1E1D;--jade:#6CC3AD;--jade-soft:#14302A;--amber:#E2B158;--amber-soft:#33280F;--blue:#86AEE3;--blue-soft:#17263A}
html[data-theme=dark] body{background:var(--paper);color:var(--ink)}
:where(html[data-theme=dark]) a{color:#6DB8EC}
:where(html[data-theme=dark]) .btn{background:var(--sheet);color:var(--ink);border-color:var(--rule)}
:where(html[data-theme=dark]) .btn:hover{background:#1B2834}
:where(html[data-theme=dark]) .btn-primary,:where(html[data-theme=dark]) .btn-primary:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
:where(html[data-theme=dark]) .btn-soft{background:var(--brand-50);color:#9BD0F5;border-color:var(--brand-100)}
:where(html[data-theme=dark]) input,:where(html[data-theme=dark]) select,:where(html[data-theme=dark]) textarea{background:#0F1820;color:var(--ink);border-color:var(--rule)}
:where(html[data-theme=dark]) input::placeholder,:where(html[data-theme=dark]) textarea::placeholder{color:#6F8091}
:where(html[data-theme=dark]) .site-head{background:#111A23;border-color:var(--rule)}
:where(html[data-theme=dark]) .nav a{color:var(--ink-2)}
:where(html[data-theme=dark]) .nav a[aria-current=page]{background:var(--brand-50);color:#9BD0F5}
:where(html[data-theme=dark]) .sheet,:where(html[data-theme=dark]) .panel{background:var(--sheet);border-color:var(--rule)}
:where(html[data-theme=dark]) .legal,:where(html[data-theme=dark]) .doc-title,:where(html[data-theme=dark]) .official-head{color:var(--ink)}
:where(html[data-theme=dark]) .status-gray{background:#1F2B37;color:#A9B7C5}
:where(html[data-theme=dark]) table.table th{background:#18232E}
:where(html[data-theme=dark]) .table td,:where(html[data-theme=dark]) .table th{border-color:var(--rule-2)}
:where(html[data-theme=dark]) dialog{background:var(--sheet);color:var(--ink)}
:where(html[data-theme=dark]) .searchbar{background:var(--sheet)}
:where(html[data-theme=dark]) .hero{background:#0B3D60}
:where(html[data-theme=dark]) img:not([src$=".svg"]){filter:brightness(.92)}
:where(html[data-theme=dark]) .seal{background:var(--sheet)}
:where(html[data-theme=dark]) .qn{background:#1E2A36;color:var(--ink);border-color:var(--rule)}
:where(html[data-theme=dark]) .qn.is-done{background:var(--brand);color:#fff}
:where(html[data-theme=dark]) .quiz-opt{background:var(--sheet)}
:where(html[data-theme=dark]) .nb-day.out{color:#7A8B9B}
:where(html[data-theme=dark]) .site-foot{background:#081019}
:where(html[data-theme=dark]) ::selection{background:#1E4D70;color:#fff}
/* nút sáng/tối */
.theme-toggle{width:34px;height:34px;padding:0;justify-content:center}
.theme-toggle .i-sun{display:none}
html[data-theme=dark] .theme-toggle .i-sun{display:inline}
html[data-theme=dark] .theme-toggle .i-moon{display:none}
/* 1.28: nền tối cố định cho thanh bên/thanh trên quản trị & tài khoản (--brand-900 được đổi thành màu chữ sáng ở chế độ tối) */
html[data-theme=dark] .admin-side,html[data-theme=dark] .admin-bar{background:#0A1622}
:where(html[data-theme=dark]) .ws-top{background:#111B25}
:where(html[data-theme=dark]) .an-period a.on{background:#2B7DBE}
:where(html[data-theme=dark]) .cron-cmd,:where(html[data-theme=dark]) .brand-preview-dark{background:#0A1622}
:where(html[data-theme=dark]) .feat-card,:where(html[data-theme=dark]) .nt-main{background-color:#0A1622}
/* 1.29 */
:where(html[data-theme=dark]) .site-head{background:color-mix(in srgb,#141E28 88%,transparent)}
:where(html[data-theme=dark]) input:hover:not(:focus):not([disabled]),:where(html[data-theme=dark]) select:hover:not(:focus),:where(html[data-theme=dark]) textarea:hover:not(:focus){border-color:#3D5163}
:where(html[data-theme=dark]) .btn:hover{background:#1A2C3D;color:#E2E9F0;border-color:#2F4A63}
:where(html[data-theme=dark]) .btn-primary:hover{background:#2B7DBE;color:#fff}
:where(html[data-theme=dark]) .table tbody tr:hover{background:#16283A}
:where(html[data-theme=dark]) .hero-law{color:rgba(255,255,255,.55)}
/* 1.30: đầu trang điện thoại – nút không viền ở chế độ tối */
@media (max-width:600px){html[data-theme=dark] .head-left .btn,html[data-theme=dark] .head-actions .btn{border-color:transparent;background:none;box-shadow:none}}
:where(html[data-theme=dark]) .icon-nav a,:where(html[data-theme=dark]) .icon-nav .in-home{color:#7CC1F0}
:where(html[data-theme=dark]) .icon-nav a[aria-current=page],:where(html[data-theme=dark]) .icon-nav button.on{background:#10304A}
:where(html[data-theme=dark]) .site-head,:where(html[data-theme=dark]) .icon-nav{border-color:#33475A}
/* 1.31 – Tổng quan tài khoản */
:where(html[data-theme=dark]) .dash-panel .panel-title{border-bottom-color:#3A4654}
:where(html[data-theme=dark]) .dash-list li,:where(html[data-theme=dark]) .dash-pin{border-bottom-color:#2E3946}
:where(html[data-theme=dark]) .mc-legend{border-top-color:#2E3946}
:where(html[data-theme=dark]) .mc-day{border-color:#2E3946}
html[data-theme=dark] body .mc-day.sun .mc-sol,html[data-theme=dark] body .mc-lun.lf,html[data-theme=dark] body .mc-w:last-of-type{color:#FF8787}
html[data-theme=dark] body .dstat,html[data-theme=dark] body .dstat-txt b,html[data-theme=dark] body .dstat-ico .icon{color:#fff}
html[data-theme=dark] body .dash-list li:last-child,html[data-theme=dark] body .dash-pin:last-child{border-bottom:0}
/* 1.31.1 – ô thông tin màu giữ chữ trắng ở giao diện tối */
html[data-theme=dark] body .stat.tc,html[data-theme=dark] body .an-kpi.tc{background:linear-gradient(135deg,var(--t1),var(--t2));border:0}
html[data-theme=dark] body .stat.tc b,html[data-theme=dark] body .an-kpi.tc b,html[data-theme=dark] body .tc-ico .icon{color:#fff}
html[data-theme=dark] body .stat.tc .tc-txt span,html[data-theme=dark] body .an-kpi.tc .tc-txt span{color:rgba(255,255,255,.9)}
/* 1.33 – án lệ */
html[data-theme=dark] body .prec-kpis b,html[data-theme=dark] body .prec-kpis span{color:#fff}
html[data-theme=dark] body .prec-msg.u{color:#fff}
html[data-theme=dark] body .prec-hits mark{background:#8A6D00;color:#fff}

/* 1.34 – rà chế độ tối */
:where(html[data-theme=dark]) .skip{background:var(--brand);color:#fff}
:where(html[data-theme=dark]) .ubadge{color:color-mix(in srgb,var(--bc) 50%,#fff);background:color-mix(in srgb,var(--bc) 22%,#141E28);border-color:color-mix(in srgb,var(--bc) 45%,#141E28)}
/* 1.44: ô tìm kiếm chung */
:where(html[data-theme=dark]) .ssb-bar,:where(html[data-theme=dark]) .ssb-panel{background:#0F1B2A;border-color:#2A3A4E}
:where(html[data-theme=dark]) .ssb-mic,:where(html[data-theme=dark]) .ssb-plus{color:#CBD5E1}
:where(html[data-theme=dark]) .ssb-mic:hover,:where(html[data-theme=dark]) .ssb-plus:hover,:where(html[data-theme=dark]) .ssb-plus[aria-expanded="true"],:where(html[data-theme=dark]) .ssb-mic:focus-visible,:where(html[data-theme=dark]) .ssb-plus:focus-visible{background:#26354A;color:#fff}
:where(html[data-theme=dark]) .ssb-lab{color:#CBD5E1}
html[data-theme=dark] .ssb-ico{background:color-mix(in srgb,currentColor 18%,transparent)}
html[data-theme=dark] .ssb-ico.ssb-c-blue{color:#7DC1EE}html[data-theme=dark] .ssb-ico.ssb-c-teal{color:#5EEAD4}html[data-theme=dark] .ssb-ico.ssb-c-amber{color:#FCD34D}
html[data-theme=dark] .ssb-ico.ssb-c-rose{color:#FDA4AF}html[data-theme=dark] .ssb-ico.ssb-c-indigo{color:#A5B4FC}html[data-theme=dark] .ssb-ico.ssb-c-emerald{color:#6EE7B7}
html[data-theme=dark] .ssb-ico.ssb-c-violet{color:#C4B5FD}html[data-theme=dark] .ssb-ico.ssb-c-orange{color:#FDBA74}html[data-theme=dark] .ssb-ico.ssb-c-slate{color:#CBD5E1}
:where(html[data-theme=dark]) .ssb-chip{background:#13304A;color:#BFE0F7;border-color:#22476A}

/* 1.52: chân trang ở chế độ tối – nền tối dịu (trước dùng --brand-900 vốn được đổi thành màu sáng → chói, chữ mờ) */
html[data-theme=dark] .foot-main{background:linear-gradient(180deg,#0D2133,#081520)}
html[data-theme=dark] .foot-main::before{background:linear-gradient(90deg,#1C6FA5,#3D8FC4,#1C6FA5)}
html[data-theme=dark] .foot-bottom{background:#050E16;color:#9FB1C2}
html[data-theme=dark] .foot-col h3{color:#E8F0F7}
html[data-theme=dark] .foot-col a,html[data-theme=dark] .foot-contact a,html[data-theme=dark] .foot-contact p{color:#C3D1DE}
html[data-theme=dark] .foot-col a:hover,html[data-theme=dark] .foot-contact a:hover{color:#fff}
html[data-theme=dark] .foot-desc{color:#AFC0D0}
html[data-theme=dark] .foot-disclaimer{color:#A3B5C6;border-top-color:rgba(255,255,255,.1)}
html[data-theme=dark] .site-foot .soc{background:rgba(255,255,255,.08);color:#E8F0F7}
html[data-theme=dark] .site-foot .soc:hover{background:#E8F0F7;color:#0D2133}
html[data-theme=dark] .foot-contact .icon{color:#7FC1EA}
html[data-theme=dark] .foot-contact .foot-cta:hover{background:#E8F0F7;color:#0D2133}
html[data-theme=dark] .prec-fieldlist .pbar{background:#22303D}
/* 1.64: mã nhúng giá vàng / chứng khoán của nhà cung cấp được viết cho nền sáng (chữ tối, bảng nền trắng) – ở chế độ tối
   trước đây chữ kế thừa màu sáng của trang → chữ sáng trên nền trắng, hoặc chữ tối trên nền tối. Nay đặt mã nhúng trong một "thẻ sáng"
   riêng: nền sáng, chữ tối, color-scheme light (khung iframe vẽ nền sáng), đường kẻ rõ; chỉ áp cho phần nhúng, phần còn lại vẫn tối. */
html[data-theme=dark] .mw-embed{background:#F5F7FA;color:#1B2430;color-scheme:light;border:1px solid #2C3D4F;border-radius:10px;padding:8px 10px;
  --ink:#1B2430;--muted:#55606E;--rule:#D3DAE2;--rule-2:#E3E8EE}
html[data-theme=dark] .mw-embed :where(table,thead,tbody,tr,th,td,caption,p,li,span,div,strong,b,small,label,font,h1,h2,h3,h4,h5,h6){color:inherit}
html[data-theme=dark] .mw-embed :where(th,td){border-color:#D3DAE2}
html[data-theme=dark] .mw-embed a:not([class]),html[data-theme=dark] .mw-embed a:where([class]){color:#0B5394}
html[data-theme=dark] .mw-embed iframe{background:#FFFFFF;border-radius:6px;color-scheme:light}
html[data-theme=dark] .mw-embed img{background:transparent}
/* 1.64: nhãn kết quả đối chiếu hiệu lực */
html[data-theme=dark] .es-tag{background:#1C2B3A;color:#B9C6D3}
html[data-theme=dark] .es-tag.on{background:#123524;color:#7FD8A5}
html[data-theme=dark] .es-tag.warn{background:#3A2E10;color:#F2C46B}
html[data-theme=dark] .es-tag.err{background:#3D1B1B;color:#FF9A92}
html[data-theme=dark] .es-doc{background:#16222E;border-color:var(--rule)}
/* 1.65: mã nhúng tự đổi giao diện theo tham số "theme" (vd. DNSE) – không cần thẻ nền sáng */
html[data-theme=dark] .mw-embed.is-themed{background:transparent;border:0;padding:0;color:inherit;color-scheme:dark}
html[data-theme=dark] .mw-embed.is-themed iframe{background:transparent;color-scheme:normal}
/* ---- tự sinh từ app.css ---- */
:where(html[data-theme=dark]) a{color:#6DB8EC}
:where(html[data-theme=dark]) .brand b{color:#6DB8EC}
:where(html[data-theme=dark]) .nav a .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .btn-danger{border-color:#513b38}
:where(html[data-theme=dark]) input:not([type]),:where(html[data-theme=dark]) input[type=tel],:where(html[data-theme=dark]) input[type=text],:where(html[data-theme=dark]) input[type=email],:where(html[data-theme=dark]) input[type=password],:where(html[data-theme=dark]) input[type=url],:where(html[data-theme=dark]) input[type=date],:where(html[data-theme=dark]) input[type=datetime-local],:where(html[data-theme=dark]) input[type=time],:where(html[data-theme=dark]) input[type=month],:where(html[data-theme=dark]) input[type=week],:where(html[data-theme=dark]) input[type=number],:where(html[data-theme=dark]) input[type=search],:where(html[data-theme=dark]) select,:where(html[data-theme=dark]) textarea{background:var(--sheet)}
:where(html[data-theme=dark]) .flash-success{border-color:#3d4d48;color:#bdd3cf}
:where(html[data-theme=dark]) .flash-error{border-color:#523a38;color:#d6b0ae}
:where(html[data-theme=dark]) .flash-warning{border-color:#554a35;color:#e1d0b0}
:where(html[data-theme=dark]) .searchbar{background:var(--sheet)}
:where(html[data-theme=dark]) .hero-links a:hover{border-color:#454545}
:where(html[data-theme=dark]) .ask-box textarea{background:var(--sheet)}
:where(html[data-theme=dark]) .legal :target{background:var(--sheet);box-shadow:-10px 0 0 #605329,10px 0 0 #605329}
:where(html[data-theme=dark]) del{background:#371916;color:#d6b0ae}
:where(html[data-theme=dark]) ins{background:#22342c;color:#bdd3cf}
:where(html[data-theme=dark]) .table tr:hover td{background:var(--sheet)}
:where(html[data-theme=dark]) .admin-side .brand-mark{background:var(--sheet);color:#6DB8EC}
:where(html[data-theme=dark]) .admin-side .count{background:#C2362C}
:where(html[data-theme=dark]) .pre{background:var(--sheet)}
:where(html[data-theme=dark]) .diff-add{background:#22342c}
:where(html[data-theme=dark]) .diff-del{background:#371916}
:where(html[data-theme=dark]) .h-icon>.icon,:where(html[data-theme=dark]) .panel-title h2>.icon{color:#6DB8EC}
:where(html[data-theme=dark]) .ico-badge{color:#6DB8EC}
:where(html[data-theme=dark]) .doc-meta .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .taxon-list .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .diagram-core .status{background:var(--sheet)}
:where(html[data-theme=dark]) .dgroup-head .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .dgroup li .walk:hover{color:#6DB8EC}
:where(html[data-theme=dark]) .dgroup details summary{color:#6DB8EC}
:where(html[data-theme=dark]) .htimeline .tone-brand .dot{color:#6DB8EC}
:where(html[data-theme=dark]) .wy{background:var(--sheet)}
:where(html[data-theme=dark]) .streaming .stream-text::after{color:#6DB8EC}
:where(html[data-theme=dark]) .amd-chip-amend{background:#162434;color:#aabbd1}
:where(html[data-theme=dark]) .amd-chip-repeal{color:#d6b0ae}
:where(html[data-theme=dark]) .amd-chip-guide{color:#bdd3cf}
:where(html[data-theme=dark]) .legal .amd-amend{background:linear-gradient(90deg,#152130,transparent 70%)}
:where(html[data-theme=dark]) .legal .amd-repeal{background:linear-gradient(90deg,#311a17,transparent 70%)}
:where(html[data-theme=dark]) .legal .amd-guide{background:linear-gradient(90deg,#202d27,transparent 70%)}
:where(html[data-theme=dark]) .amd-note ul{background:var(--sheet)}
:where(html[data-theme=dark]) mark.amd-mark{background:#554619}
:where(html[data-theme=dark]) ins.amd-ins{background:#162434}
:where(html[data-theme=dark]) .legal .cst-amended,:where(html[data-theme=dark]) .legal .cst-supplemented{background:linear-gradient(90deg,#152130,transparent 70%)}
:where(html[data-theme=dark]) .share-btn{background:var(--sheet)}
:where(html[data-theme=dark]) .sh-print:hover,:where(html[data-theme=dark]) .sh-link:hover,:where(html[data-theme=dark]) .sh-native:hover{color:#6DB8EC}
:where(html[data-theme=dark]) .sh-fb{color:#8ca9ce}
:where(html[data-theme=dark]) .sh-x{color:#d5d5d5}
:where(html[data-theme=dark]) .sh-zalo{color:#8ba8d3}
:where(html[data-theme=dark]) .sh-in{color:#9bb8d5}
:where(html[data-theme=dark]) .sh-zalo:hover .zalo-mark{background:var(--sheet);color:#8ba8d3}
:where(html[data-theme=dark]) .sh-in:hover .in-mark{background:var(--sheet);color:#9bb8d5}
@media (max-width:900px){
:where(html[data-theme=dark]) .admin-bar .brand-mark{background:var(--sheet);color:#6DB8EC}
}
:where(html[data-theme=dark]) .act-btn .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .doc-fields-label .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .contact-list .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .thread .msg-internal{border-color:#554a35}
:where(html[data-theme=dark]) .ubadge{background:color-mix(in srgb,var(--bc) 12%,var(--sheet));border:1px solid color-mix(in srgb,var(--bc) 30%,#454545)}
:where(html[data-theme=dark]) .rel-card img,:where(html[data-theme=dark]) .rel-ph{color:#6DB8EC}
:where(html[data-theme=dark]) .rel-card:hover strong{color:#6DB8EC}
:where(html[data-theme=dark]) .rel-cat{color:#6DB8EC}
:where(html[data-theme=dark]) .feat-tag{color:#e7dec1}
:where(html[data-theme=dark]) .quiz-hero-note{border:1px solid #564a34;color:#dfd0b5}
:where(html[data-theme=dark]) .quiz-go{color:#6DB8EC}
:where(html[data-theme=dark]) .quiz-opt{background:var(--sheet)}
:where(html[data-theme=dark]) .quiz-letter{background:var(--sheet)}
:where(html[data-theme=dark]) .quiz-opt.opt-right .quiz-letter{background:#2F6F62}
:where(html[data-theme=dark]) .quiz-opt.opt-wrong .quiz-letter{background:#C2362C}
:where(html[data-theme=dark]) .quiz-opt.opt-wrong:has(input:checked) .quiz-letter{background:#C2362C}
:where(html[data-theme=dark]) .quiz-opt.opt-right:has(input:checked) .quiz-letter{background:#2F6F62}
:where(html[data-theme=dark]) .quiz-explain .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .quiz-locked{background:linear-gradient(135deg,var(--sheet),#3d3014);color:#e0d3ba}
:where(html[data-theme=dark]) .quiz-admin-q{background:var(--sheet)}
:where(html[data-theme=dark]) .foot-logo .brand-mark{background:var(--sheet)}
:where(html[data-theme=dark]) .foot-logo .brand-logo{background:var(--sheet)}
:where(html[data-theme=dark]) .site-foot .soc:hover{background:var(--sheet)}
:where(html[data-theme=dark]) .foot-contact .foot-cta:hover{background:var(--sheet)}
:where(html[data-theme=dark]) .social-btn{background:var(--sheet)}
:where(html[data-theme=dark]) .social-google{color:#d0d0d0;border-color:#424547}
:where(html[data-theme=dark]) .social-google:hover{background:var(--sheet)}
:where(html[data-theme=dark]) .sl-glyph{background:#212529;color:#d0d0d0}
:where(html[data-theme=dark]) .social-linked-row .icon{color:#8ca9ce}
:where(html[data-theme=dark]) .corner-ic{color:#6DB8EC}
:where(html[data-theme=dark]) .menu-row{background:var(--sheet)}
:where(html[data-theme=dark]) .nt-item:hover strong{color:#6DB8EC}
:where(html[data-theme=dark]) a.nm-item:hover{color:#6DB8EC}
:where(html[data-theme=dark]) .rank-list li:nth-child(-n+3) .rank-n{color:#6DB8EC}
:where(html[data-theme=dark]) .rank-list a:hover{color:#6DB8EC}
:where(html[data-theme=dark]) .mini-news a:hover strong{color:#6DB8EC}
:where(html[data-theme=dark]) .nt-feat{color:#e7dec1}
:where(html[data-theme=dark]) .rx-btn{background:var(--sheet)}
:where(html[data-theme=dark]) .att-list li{background:var(--sheet)}
:where(html[data-theme=dark]) .att-chip{background:var(--sheet)}
:where(html[data-theme=dark]) .att-chip .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .avatar-xl{border:3px solid #454545}
:where(html[data-theme=dark]) .profile-web{background:var(--sheet)}
:where(html[data-theme=dark]) .quiz-card-cat{color:#6DB8EC}
:where(html[data-theme=dark]) .text-group{background:var(--sheet)}
:where(html[data-theme=dark]) .recovery-box{border:1px solid #564a34}
:where(html[data-theme=dark]) .sec-checks .bad{border-color:#513b38}
:where(html[data-theme=dark]) .cron-q li{background:var(--sheet)}
:where(html[data-theme=dark]) .st-btn:hover{color:#6DB8EC}
:where(html[data-theme=dark]) .verify-ic{color:#6DB8EC}
:where(html[data-theme=dark]) .media-drop>.icon{color:#6DB8EC}
:where(html[data-theme=dark]) .media-thumb{background:repeating-conic-gradient(#252822 0 25%,var(--sheet) 0 50%) 0 0/16px 16px}
:where(html[data-theme=dark]) .media-ext.ext-document{background:#172332}
:where(html[data-theme=dark]) .media-ext.ext-archive{background:#362b16;color:#decba8}
:where(html[data-theme=dark]) .media-ext.ext-video,:where(html[data-theme=dark]) .media-ext.ext-audio{background:#211731;color:#b0a6c5}
:where(html[data-theme=dark]) .md-preview{background:repeating-conic-gradient(#272924 0 25%,var(--sheet) 0 50%) 0 0/20px 20px}
:where(html[data-theme=dark]) .wyp-grid button{background:var(--sheet)}
:where(html[data-theme=dark]) .mailtpl-preview{background:var(--sheet)}
:where(html[data-theme=dark]) .cat-list a:hover,:where(html[data-theme=dark]) .cat-list li.active a{color:#6DB8EC}
:where(html[data-theme=dark]) .ml-mock{background:var(--sheet)}
:where(html[data-theme=dark]) .seo-dot{background:#2F6F62}
:where(html[data-theme=dark]) .doc-pop p .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .legal .note-flash{background:#1f302a;box-shadow:-10px 0 0 #3a5048,10px 0 0 #3a5048}
:where(html[data-theme=dark]) .home-item h3 a:hover{color:#6DB8EC}
:where(html[data-theme=dark]) .tag-premium{background:#3f3312;color:#decba8}
:where(html[data-theme=dark]) .mpick-box{background:var(--paper,var(--sheet))}
:where(html[data-theme=dark]) .mpick-x:hover{color:var(--seal,#d0a29f)}
:where(html[data-theme=dark]) .mp-tabs button[aria-selected=true]{color:#6DB8EC}
:where(html[data-theme=dark]) .ico-badge.ico-pdf{background:#331313;color:#d0a29f}
:where(html[data-theme=dark]) .ico-badge.ico-word{background:#132035;color:#95a4cb}
:where(html[data-theme=dark]) .file-flag.on{background:#1e3226;color:#b5d6c4}
:where(html[data-theme=dark]) .fm-menu{background:var(--sheet)}
:where(html[data-theme=dark]) .fm-menu button:hover,:where(html[data-theme=dark]) .fm-menu button.on{background:var(--brand-50,#17262f);color:#6DB8EC}
:where(html[data-theme=dark]) .fm-menu button.danger{color:#d0a29f}
:where(html[data-theme=dark]) .fm-menu button.danger:hover{background:#331313}
:where(html[data-theme=dark]) .fm-crumbs button,:where(html[data-theme=dark]) .fm-crumbs .fm-here{color:#6DB8EC}
:where(html[data-theme=dark]) .fm-crumbs button:hover{background:var(--brand-50,#17262f)}
:where(html[data-theme=dark]) .fm-it{background:var(--sheet)}
:where(html[data-theme=dark]) .fm-it:hover{border-color:#3b454e}
:where(html[data-theme=dark]) .fm-thumb{background:var(--sheet)}
:where(html[data-theme=dark]) .fm-ficon .icon{color:#bbc1c7}
:where(html[data-theme=dark]) .fm-ficon.is-lock .icon{color:#decba8}
:where(html[data-theme=dark]) .fm-check{box-shadow:0 0 0 2px #454545}
:where(html[data-theme=dark]) .fm-ext{background:#172332;color:var(--brand-900,#b3cede)}
:where(html[data-theme=dark]) .fm-ext.ext-archive{background:#362b16;color:#decba8}
:where(html[data-theme=dark]) .fm-ext.ext-video,:where(html[data-theme=dark]) .fm-ext.ext-audio{background:#211731;color:#b0a6c5}
:where(html[data-theme=dark]) .fm-table tr.fm-it:hover td{background:var(--sheet)}
:where(html[data-theme=dark]) .fm-table tr.fm-it.on td{background:var(--brand-50,#17262f)}
:where(html[data-theme=dark]) .fm-lthumb{background:var(--sheet)}
:where(html[data-theme=dark]) .fm-spin{border:3px solid #364753}
:where(html[data-theme=dark]) .fm-drop{color:#6DB8EC}
:where(html[data-theme=dark]) .fm-dph{color:#c4c9d0}
:where(html[data-theme=dark]) .fm-dimg{background:var(--sheet)}
:where(html[data-theme=dark]) .fm-lockinfo{color:#decba8}
:where(html[data-theme=dark]) .fm-mbox{background:var(--sheet)}
:where(html[data-theme=dark]) .fm-tree-it:hover{background:var(--sheet)}
:where(html[data-theme=dark]) .mpk-item{background:var(--sheet)}
:where(html[data-theme=dark]) .mpk-x{color:#c9c9c9}
:where(html[data-theme=dark]) .mpk-x:hover{background:#331313;color:#d0a29f}
:where(html[data-theme=dark]) .mpk-ph{background:#24282b}
:where(html[data-theme=dark]) .ng-grid a{background:#1e2329}
:where(html[data-theme=dark]) .t-star{background:#2c2e32}
:where(html[data-theme=dark]) .t-ava{background:#1f282f}
:where(html[data-theme=dark]) .t-ava-txt{color:#6DB8EC;background:var(--brand-50,#17262f)}
:where(html[data-theme=dark]) .gfollow-btn{background:#222527;color:#c4c5c7}
:where(html[data-theme=dark]) .gfollow-btn:hover{background:#282b2d;color:#cecfd1}
:where(html[data-theme=dark]) .news-tags-l .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .article-toc{background:var(--brand-50,#17262f)}
:where(html[data-theme=dark]) .ngal-thumbs button[aria-selected=true]{border-color:#454545}
:where(html[data-theme=dark]) .ngal-btn{background:var(--sheet)}
:where(html[data-theme=dark]) .ngal-btn:hover{color:#6DB8EC}
:where(html[data-theme=dark]) .seo-count.over,:where(html[data-theme=dark]) .seo-count.over .seo-n{color:#c99b9b}
:where(html[data-theme=dark]) .hn-thumb{background:#20252a}
:where(html[data-theme=dark]) .hn-body h3 a:hover{color:#6DB8EC}
:where(html[data-theme=dark]) .htabs button[aria-selected=true]{color:#6DB8EC}
:where(html[data-theme=dark]) .num-list .ico-badge.num-n{background:var(--brand-50,#182631)}
:where(html[data-theme=dark]) .prec-info-list>div{border-bottom:1px dashed var(--line,#414448)}
:where(html[data-theme=dark]) .prec-info-list dt{color:var(--muted,#afb1b5)}
:where(html[data-theme=dark]) .al-extract-head>.icon{color:#6DB8EC}
:where(html[data-theme=dark]) .al-extract-out{background:var(--surface,var(--sheet));border-left:3px solid var(--line,#454545)}
:where(html[data-theme=dark]) .al-extract-out.err{color:#ce9e9e}
:where(html[data-theme=dark]) .source-html mark,:where(html[data-theme=dark]) .source-html .marker-yellow{background:#554d19}
:where(html[data-theme=dark]) .source-html .marker-green{background:#1e431c}
:where(html[data-theme=dark]) .source-html .marker-pink{background:#3e172c}
:where(html[data-theme=dark]) .source-html .marker-blue{background:#132b42}
:where(html[data-theme=dark]) .source-html .pen-red{color:#c99b9b}
:where(html[data-theme=dark]) .source-html .pen-green{color:#b0cbb1}
:where(html[data-theme=dark]) .art-tools-btn{color:#6DB8EC}
:where(html[data-theme=dark]) .art-menu{background:var(--sheet,var(--sheet))}
:where(html[data-theme=dark]) .art-menu button .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .art-flag-follow{background:var(--sheet,var(--sheet));color:#6DB8EC}
:where(html[data-theme=dark]) .art-pop{background:var(--sheet,var(--sheet));color:var(--ink,#c7ced4)}
:where(html[data-theme=dark]) .art-pop::after{border-top-color:var(--sheet,#454545)}
:where(html[data-theme=dark]) .resume-bar>.icon{color:#6DB8EC}
:where(html[data-theme=dark]) .doc-find{background:var(--sheet,var(--sheet))}
:where(html[data-theme=dark]) mark.find-hit{background:#6f6320}
:where(html[data-theme=dark]) a.lref{color:#6DB8EC}
:where(html[data-theme=dark]) .premium-lock-ic{background:#3f3312}
:where(html[data-theme=dark]) .premium-list .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .df-more>summary{background:var(--sheet,var(--sheet))}
:where(html[data-theme=dark]) .df-more[open]>summary{color:#6DB8EC}
:where(html[data-theme=dark]) .df-more-body{background:var(--sheet,var(--sheet))}
:where(html[data-theme=dark]) mark.hl{background:#534a18}
:where(html[data-theme=dark]) .st-warn .st-error{background:#331313}
:where(html[data-theme=dark]) .st-warn .st-warn{background:var(--sheet)}
:where(html[data-theme=dark]) .st-warn .st-ok{background:#1b3022}
:where(html[data-theme=dark]) .device-list li>.icon{color:#6DB8EC}
:where(html[data-theme=dark]) .qn{background:#212529;color:var(--ink,#c4cbd1)}
:where(html[data-theme=dark]) .qn.is-right{background:#2F6F62}
:where(html[data-theme=dark]) .qn.is-wrong{background:#C2362C}
:where(html[data-theme=dark]) .quiz-nav-timer.is-over{color:var(--seal,#c99b9b)}
:where(html[data-theme=dark]) .chip-check span{background:var(--sheet,var(--sheet))}
:where(html[data-theme=dark]) .nb-folders .facet-list .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .nb-search{background:var(--sheet,var(--sheet))}
:where(html[data-theme=dark]) .nb-note.is-pinned{border-color:#5a4d2f;box-shadow:inset 3px 0 0 #5a4d2f}
:where(html[data-theme=dark]) .nb-progress{background:#22292e}
:where(html[data-theme=dark]) .speak-bar select option{color:#d5d5d5}
:where(html[data-theme=dark]) .news-row .ph,:where(html[data-theme=dark]) .nt-ph,:where(html[data-theme=dark]) .rel-ph,:where(html[data-theme=dark]) .hn-thumb:not(:has(img)){background:#182631 var(--icon-news) center/46% no-repeat}
:where(html[data-theme=dark]) .avatar-default{background:#20313d}
:where(html[data-theme=dark]) .ws-dot{background:#C2362C}
:where(html[data-theme=dark]) .ws-bell-all{color:#6DB8EC !important}
:where(html[data-theme=dark]) .mailtpl-sw .sw::after{background:var(--sheet)}
:where(html[data-theme=dark]) .an-box h3 .icon{color:#6DB8EC}
:where(html[data-theme=dark]) input:not([type]),:where(html[data-theme=dark]) input[type=tel],:where(html[data-theme=dark]) input[type=text],:where(html[data-theme=dark]) input[type=email],:where(html[data-theme=dark]) input[type=password],:where(html[data-theme=dark]) input[type=url],:where(html[data-theme=dark]) input[type=date],:where(html[data-theme=dark]) input[type=datetime-local],:where(html[data-theme=dark]) input[type=time],:where(html[data-theme=dark]) input[type=month],:where(html[data-theme=dark]) input[type=week],:where(html[data-theme=dark]) input[type=number],:where(html[data-theme=dark]) input[type=search],:where(html[data-theme=dark]) select,:where(html[data-theme=dark]) textarea{border-color:#444743}
:where(html[data-theme=dark]) .head-dot{background:#C2362C}
:where(html[data-theme=dark]) .hb-all{color:#6DB8EC !important}
:where(html[data-theme=dark]) .guest-ava{color:#6DB8EC}
@media (max-width:1024px){
:where(html[data-theme=dark]) .icon-nav a,:where(html[data-theme=dark]) .icon-nav button{color:#6DB8EC}
:where(html[data-theme=dark]) .icon-nav a[aria-current=page],:where(html[data-theme=dark]) .icon-nav button.on{color:#6DB8EC}
:where(html[data-theme=dark]) .icon-nav .in-home{color:#6DB8EC}
}
:where(html[data-theme=dark]) .site-head{border-bottom:1px solid #414549}
@media (max-width:1024px){
:where(html[data-theme=dark]) .icon-nav{border-top:1px solid #414549}
:where(html[data-theme=dark]) .head-search:not([hidden]){border-top-color:#414549}
}
:where(html[data-theme=dark]) .dash-panel .panel-title{border-bottom:1px solid #40444a}
:where(html[data-theme=dark]) .dash-list li{border-bottom:1px dashed #3f454b}
:where(html[data-theme=dark]) .dash-list li>.icon{color:#6DB8EC}
:where(html[data-theme=dark]) .dash-pin{border-bottom:1px dashed #3f454b}
:where(html[data-theme=dark]) .mc-head a:hover{color:#6DB8EC}
:where(html[data-theme=dark]) .mc-w:last-of-type{color:#c89a9a}
:where(html[data-theme=dark]) .mc-day{border:1px solid var(--rule-2,#3f454b)}
:where(html[data-theme=dark]) .mc-day.sun .mc-sol{color:#c89a9a}
:where(html[data-theme=dark]) .mc-lun.lf{color:#c89a9a}
:where(html[data-theme=dark]) .mc-dot{box-shadow:0 0 0 1.5px var(--sheet,#454545)}
:where(html[data-theme=dark]) .mc-dot.is-starred{box-shadow:0 0 0 1.5px var(--sheet,#454545),0 0 0 3px var(--c)}
:where(html[data-theme=dark]) .mc-legend{border-top:1px solid #3f454b}
:where(html[data-theme=dark]) .stat.tc.warn::after{background:var(--sheet)}
:where(html[data-theme=dark]) .prec-field-stats li.on a{color:#6DB8EC}
:where(html[data-theme=dark]) .prec-field-stats .bar{background:var(--rule-2,#212529)}
:where(html[data-theme=dark]) .prec-rel a strong{color:#6DB8EC}
:where(html[data-theme=dark]) .prec-law-list li>.icon{color:#6DB8EC}
:where(html[data-theme=dark]) .prec-hits mark{background:#5d4e1b}
:where(html[data-theme=dark]) .prec-hit-part{color:#6DB8EC}
:where(html[data-theme=dark]) .prec-msg.a{background:var(--paper,var(--sheet))}
:where(html[data-theme=dark]) .prec-msg-ico .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .vs-btn:hover,:where(html[data-theme=dark]) .vs-btn:focus-visible{color:var(--ink,#c8cddb);background:#22272c}
:where(html[data-theme=dark]) .ssb-bar{background:var(--sheet,var(--sheet))}
:where(html[data-theme=dark]) .ssb-mic,:where(html[data-theme=dark]) .ssb-plus{color:var(--ink-2,#bdc2ca)}
:where(html[data-theme=dark]) .ssb-mic:hover,:where(html[data-theme=dark]) .ssb-mic:focus-visible,:where(html[data-theme=dark]) .ssb-plus:hover,:where(html[data-theme=dark]) .ssb-plus:focus-visible,:where(html[data-theme=dark]) .ssb-plus[aria-expanded="true"]{background:#22272c;color:var(--ink,#c8cddb)}
:where(html[data-theme=dark]) .ssb-panel{background:var(--sheet,var(--sheet))}
:where(html[data-theme=dark]) .ssb-lab{color:var(--ink-2,#bdc2ca)}
:where(html[data-theme=dark]) .ssb-c-blue{background:#182835;color:#a1c2d7}
:where(html[data-theme=dark]) .ssb-c-teal{background:#1f3531;color:#afd9d5}
:where(html[data-theme=dark]) .ssb-c-amber{background:#3e3115;color:#d6b69e}
:where(html[data-theme=dark]) .ssb-c-rose{background:#36151d;color:#d29ca9}
:where(html[data-theme=dark]) .ssb-c-indigo{background:#161935;color:#9c99c3}
:where(html[data-theme=dark]) .ssb-c-emerald{background:#1d3629;color:#added0}
:where(html[data-theme=dark]) .ssb-c-violet{background:#241635;color:#9f87c8}
:where(html[data-theme=dark]) .ssb-c-orange{background:#3c2514;color:#d4ab9b}
:where(html[data-theme=dark]) .ssb-c-slate{background:#22272d;color:#b7bbc2}
:where(html[data-theme=dark]) .ssb-chip{color:var(--brand-800,#abc9db)}
:where(html[data-theme=dark]) .num-list .ico-badge.num-n,:where(html[data-theme=dark]) .num-list .doc-row:nth-child(n) .ico-badge.num-n{color:#6DB8EC}
:where(html[data-theme=dark]) .home-rank .rank-n,:where(html[data-theme=dark]) .home-rank li:nth-child(n) .rank-n{color:#6DB8EC}
:where(html[data-theme=dark]) .gs-chip .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .gs-chip .n{color:#6DB8EC}
:where(html[data-theme=dark]) .gs-n{color:#6DB8EC}
:where(html[data-theme=dark]) .prec-rel-num{color:#6DB8EC}
:where(html[data-theme=dark]) .prec-fieldlist .pbar{background:var(--rule-2,#24282e)}
:where(html[data-theme=dark]) .lg-log li.warn{color:#decba8}
:where(html[data-theme=dark]) .sh-speak:hover{color:#6DB8EC}
:where(html[data-theme=dark]) .sh-more:hover,:where(html[data-theme=dark]) .share-more[open]>.sh-more{color:#6DB8EC}
:where(html[data-theme=dark]) .share-item .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .share-item.sh-in:hover{background:#182532;color:#9bb8d5}
:where(html[data-theme=dark]) .mw-stock-table tr.st-up .st-chg{color:#add6c2}
:where(html[data-theme=dark]) .mw-stock-table tr.st-down .st-chg{color:#c99b9b}
:where(html[data-theme=dark]) .edit-live-note .icon{color:#6DB8EC}
:where(html[data-theme=dark]) .rel-edit-form{border:1px solid var(--line,#3e444b);background:var(--brand-50,var(--sheet))}
:where(html[data-theme=dark]) .nb-foot.nb-foot3 .nb-act{color:#6DB8EC}
:where(html[data-theme=dark]) .es-tag{background:var(--brand-50,#19232e)}
:where(html[data-theme=dark]) .es-tag.on{background:#1e3226;color:#add6c2}
:where(html[data-theme=dark]) .es-tag.warn{background:#3f3212;color:#decba8}
:where(html[data-theme=dark]) .es-tag.err{background:#351414;color:#d0a29f}
:where(html[data-theme=dark]) .es-doc{background:var(--brand-50,var(--sheet))}
/* 1.90: hộp kiểm/nút chọn tuỳ biến – ghi đè nền chung của ô nhập ở chế độ tối */
html[data-theme=dark] input[type=checkbox]:not([role=switch]),html[data-theme=dark] input[type=radio]{background-color:#0F1820;border-color:#4E687F}
html[data-theme=dark] input[type=checkbox]:not([role=switch]):checked{background:var(--brand) var(--tick) center/12px no-repeat;border-color:var(--brand)}
html[data-theme=dark] input[type=checkbox]:not([role=switch]):indeterminate{background:var(--brand) linear-gradient(#fff,#fff) center/9px 2.5px no-repeat;border-color:var(--brand)}
html[data-theme=dark] input[type=radio]:checked{background-color:var(--brand);border-color:var(--brand);box-shadow:inset 0 0 0 4px #0F1820}
html[data-theme=dark] select:not([multiple]):not([size]){background-image:var(--chev);background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
html[data-theme=dark] input:hover:not(:focus):not([disabled]),html[data-theme=dark] select:hover:not(:focus),html[data-theme=dark] textarea:hover:not(:focus){border-color:var(--ctl-border-hover)}
html[data-theme=dark] .table tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
html[data-theme=dark] .table tbody tr:hover{background:var(--brand-50)}
html[data-theme=dark] fieldset{background:rgba(255,255,255,.02);border-color:var(--rule)}
html[data-theme=dark] .check:hover{background:rgba(124,193,240,.08)}
html[data-theme=dark] .pw-eye:hover{background:var(--brand-50);color:#9BD0F5}