/* =====================================================================
   TUẤN HR V9.1 – Giao diện "Sơn mài – Kim"
   Xanh sơn mài đậm (lá trong logo) + vàng kim (vòng cung trong logo)
   trên nền sứ trắng ngọc. Vàng kim chỉ dùng cho điểm nhấn.
   File này nạp sau styles.css và chỉ ghi đè khi <body class="luxe">.
   ===================================================================== */
body.luxe{
  --lac-950:#0A211B; --lac-900:#0C2620; --lac-800:#12352D; --lac-700:#1A4A3E; --lac-600:#235C4D;
  --jade:#25785D; --jade-soft:#E6F1EC;
  --gold:#C9A23F; --gold-deep:#8F6E1E; --gold-soft:#F3E9C8; --gold-line:rgba(201,162,63,.55);
  --porcelain:#F3F5F0; --paper:#FFFFFF; --ink:#17251F; --ink-2:#56665F; --hair:#E1E5DC;
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Be Vietnam Pro','Segoe UI',Arial,sans-serif;
  --page:var(--porcelain); --text:var(--ink); --muted:var(--ink-2); --line:var(--hair);
  background:var(--porcelain)!important; color:var(--ink)!important; font-family:var(--sans)!important;
}
body.luxe ::selection{background:var(--gold-soft);color:var(--lac-900)}
body.luxe :focus-visible{outline:2px solid var(--gold)!important;outline-offset:2px}

/* ---------- Thanh trên cùng ---------- */
body.luxe .topbar{
  background:var(--lac-900)!important; border-bottom:1px solid var(--gold-line)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.25),0 8px 24px rgba(10,33,27,.18)!important; gap:18px!important;
}
body.luxe .brand-logo-box{background:#fff!important;border:1px solid var(--gold-line)!important;border-radius:12px!important;box-shadow:none!important}
body.luxe .brand-name{font-family:var(--serif)!important;font-weight:700!important;letter-spacing:.06em!important;color:#F6EED6!important;font-size:21px!important}
body.luxe .brand-slogan{color:var(--gold)!important;font-weight:500!important;letter-spacing:.01em!important;opacity:.95}
body.luxe .global-search{
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;
  transition:border-color .2s ease,background .2s ease;
}
body.luxe .global-search:focus-within{border-color:var(--gold)!important;background:rgba(255,255,255,.1)!important}
body.luxe .global-search input{color:#F4F1E6!important;font-family:var(--sans)!important}
body.luxe .global-search input::placeholder{color:rgba(244,241,230,.55)!important}
body.luxe .global-search kbd{background:transparent!important;border:1px solid rgba(201,162,63,.5)!important;color:var(--gold)!important;border-radius:6px!important}
body.luxe .top-actions{gap:6px!important;align-items:center}
body.luxe .top-actions>button,body.luxe .more-wrap>button{
  background:transparent!important;border:1px solid transparent!important;color:#E9E4D3!important;
  font-weight:600!important;border-radius:10px!important;padding:8px 12px!important;box-shadow:none!important;
}
body.luxe .top-actions>button:hover,body.luxe .more-wrap>button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:none!important}
body.luxe #accountBtn{display:inline-flex!important;align-items:center;gap:9px;border:1px solid var(--gold-line)!important;padding:5px 12px 5px 5px!important;border-radius:999px!important}
body.luxe #accountBtn.is-guest{padding:8px 16px!important;background:var(--gold)!important;color:var(--lac-950)!important;border-color:var(--gold)!important}
body.luxe #accountBtn.is-guest:hover{background:#D7B252!important}
body.luxe .acct-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--lac-950);font-weight:800;font-size:13px;flex:none}
body.luxe .acct-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
body.luxe .acct-name{font-size:13px;font-weight:700;color:#F6F1E1;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.luxe .acct-role{font-size:11px;font-weight:500;color:var(--gold)}
body.luxe .more-wrap{position:relative}
body.luxe #moreBtn{font-size:20px!important;line-height:1!important;padding:6px 12px!important}
body.luxe .more-menu{
  position:absolute;right:0;top:calc(100% + 10px);min-width:220px;z-index:60;padding:6px;
  background:var(--paper);border:1px solid var(--hair);border-top:2px solid var(--gold);border-radius:12px;
  box-shadow:0 18px 40px rgba(10,33,27,.22);display:flex;flex-direction:column;gap:2px;
}
body.luxe .more-menu.hidden{display:none}
body.luxe .more-menu button{
  all:unset;box-sizing:border-box;cursor:pointer;padding:9px 12px;border-radius:8px;color:var(--ink);font:600 14px var(--sans);
}
body.luxe .more-menu button:hover{background:var(--jade-soft)}
body.luxe .more-menu button.hidden{display:none}
body.luxe .more-row{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 12px;color:var(--ink-2);font:500 13px var(--sans)}
body.luxe .more-row span{flex:1}
body.luxe .more-row button{padding:6px 10px;border:1px solid var(--hair);text-align:center}

/* ---------- Cột trái: sơn mài ---------- */
body.luxe .left-panel{background:var(--lac-900)!important;border-right:1px solid rgba(201,162,63,.18)!important;color:#D9E3DD!important}
body.luxe .panel-cap,body.luxe .tree-head{
  background:transparent!important;border:0!important;color:rgba(233,228,211,.55)!important;
  font:600 12px var(--sans)!important;letter-spacing:.02em!important;text-transform:none!important;padding:14px 16px 6px!important;
}
body.luxe #treeTitle{color:rgba(233,228,211,.6)!important;font-weight:600!important}
body.luxe .module-nav{padding:2px 10px 10px!important;gap:2px!important;background:transparent!important}
body.luxe .module-btn{
  position:relative;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;
  color:rgba(236,240,236,.82)!important;font-weight:500!important;box-shadow:none!important;padding:7px 10px 7px 12px!important;min-height:40px;
}
body.luxe .module-btn::before{content:'';position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:transparent!important;opacity:1!important}
body.luxe .module-btn:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
body.luxe .module-btn.active{background:rgba(201,162,63,.11)!important;color:#FFF8E6!important;font-weight:700!important;border-color:rgba(201,162,63,.22)!important}
body.luxe .module-btn.active::before{background:var(--gold)!important}
body.luxe .module-btn .module-icon{
  background:color-mix(in srgb,var(--m,#25785D) 30%,#0C2620)!important;border:1px solid rgba(255,255,255,.08)!important;
  border-radius:8px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center;font-size:15px;
}
body.luxe .module-btn .module-count{background:transparent!important;color:rgba(233,228,211,.5)!important;border:0!important;font-weight:600!important}
body.luxe .module-btn.active .module-count{color:var(--gold)!important}
body.luxe .module-btn.module-locked{opacity:.55}
body.luxe .module-btn.module-locked:hover{opacity:.85}
body.luxe .tree{background:transparent!important;color:#D9E3DD!important}
body.luxe .tree .empty,body.luxe .tree .news-tree-note,body.luxe .tree .assistant-tree-note,body.luxe .tree .community-tree-note{background:rgba(255,255,255,.04)!important;color:rgba(233,228,211,.7)!important;border-color:rgba(255,255,255,.08)!important}
body.luxe .tree .news-tree-note b{color:#F6EED6!important}
body.luxe .tree-group{background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.06)!important;border-radius:0!important;margin:0!important}
body.luxe .tree-group-title{color:#F1EBD6!important;font-weight:700!important;background:transparent!important}
body.luxe .tree-topic{color:rgba(225,233,228,.78)!important;background:transparent!important;border-radius:8px!important}
body.luxe .tree-topic:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
body.luxe .tree-topic.active{background:rgba(201,162,63,.12)!important;color:#FFF8E6!important;box-shadow:inset 3px 0 0 var(--gold)!important}
body.luxe .tree-topic-count{color:rgba(233,228,211,.45)!important;background:transparent!important}
body.luxe .tree .news-tab,body.luxe .tree .news-action{background:rgba(255,255,255,.04)!important;color:#E9E4D3!important;border-color:rgba(255,255,255,.1)!important}
body.luxe .tree .news-tab.active{background:rgba(201,162,63,.14)!important;border-color:var(--gold-line)!important;color:#FFF8E6!important}
body.luxe .tree-filter-bottom{background:transparent!important;border-top:1px solid rgba(255,255,255,.06)!important}
body.luxe .tree-filter-bottom input{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#F1EBD6!important;border-radius:8px!important}
body.luxe .tree-filter-bottom input::placeholder{color:rgba(233,228,211,.45)!important}

/* ---------- Cột giữa ---------- */
body.luxe .middle-panel{background:var(--paper)!important;border-right:1px solid var(--hair)!important}
body.luxe .middle-head{background:var(--paper)!important;border-bottom:1px solid var(--hair)!important;padding-top:18px!important}
body.luxe .middle-head .eyebrow{display:none!important}
body.luxe #contextTitle{font-family:var(--serif)!important;font-weight:700!important;font-size:22px!important;color:var(--lac-900)!important;letter-spacing:0!important}
body.luxe #contextDesc{color:var(--ink-2)!important}
body.luxe .count-pill{background:var(--gold-soft)!important;color:var(--gold-deep)!important;border:0!important;font-weight:700!important}
body.luxe .toolbar select,body.luxe .toolbar button,body.luxe .ops-view{border-radius:8px!important;border-color:var(--hair)!important;background:#fff!important;color:var(--ink)!important}
body.luxe .ops-view.active,body.luxe .soft-btn:hover{background:var(--lac-900)!important;color:#F6EED6!important;border-color:var(--lac-900)!important}
body.luxe .list{background:var(--porcelain)!important}
body.luxe .card{background:var(--paper)!important;border:1px solid var(--hair)!important;border-radius:10px!important;box-shadow:none!important}
body.luxe .card:hover{border-color:#CFD6CA!important}
body.luxe .card.active{border-color:var(--gold)!important;box-shadow:inset 3px 0 0 var(--gold)!important}
body.luxe .card-title{color:var(--ink)!important}
body.luxe .badge{border-radius:6px!important}

/* Văn bản mới (cột giữa Trang chủ) */
body.luxe .digest{padding:6px 4px}
body.luxe .digest-head{display:flex;justify-content:space-between;align-items:baseline;padding:6px 6px 10px;border-bottom:1px solid var(--hair);margin-bottom:6px}
body.luxe .digest-head h3{margin:0;font:700 17px var(--serif);color:var(--lac-900)}
body.luxe .digest-head span{font-size:12px;color:var(--ink-2)}
body.luxe .digest-item{
  all:unset;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;width:100%;
  padding:11px 10px;border-radius:10px;cursor:pointer;border-bottom:1px solid var(--hair);
}
body.luxe .digest-item:hover{background:var(--paper)}
body.luxe .digest-item[disabled]{cursor:default}
body.luxe .digest-date{grid-row:1/3;align-self:start;font:600 11px var(--sans);color:var(--gold-deep);background:var(--gold-soft);border-radius:6px;padding:3px 6px;white-space:nowrap}
body.luxe .digest-no{font:700 13px var(--sans);color:var(--lac-700)}
body.luxe .digest-title{font-size:13px;color:var(--ink);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.luxe .digest-news{all:unset;box-sizing:border-box;display:block;width:100%;margin-top:12px;padding:11px;text-align:center;border-radius:10px;cursor:pointer;
  background:var(--lac-900);color:#F6EED6;font:600 14px var(--sans);border:1px solid var(--lac-900)}
body.luxe .digest-news:hover{background:var(--lac-800);border-color:var(--gold)}

/* ---------- Cột đọc ---------- */
body.luxe .reader-panel{background:var(--porcelain)!important}
body.luxe .readerbar{background:var(--paper)!important;border-bottom:1px solid var(--hair)!important;color:var(--ink)!important}
body.luxe .breadcrumb{color:var(--ink-2)!important;font-weight:500!important}
body.luxe .reader-actions button,body.luxe .reader-actions a{background:#fff!important;color:var(--lac-800)!important;border:1px solid var(--hair)!important;border-radius:8px!important;box-shadow:none!important}
body.luxe .reader-actions button:hover,body.luxe .reader-actions a:hover{border-color:var(--gold)!important;color:var(--lac-900)!important}
body.luxe .content h1,body.luxe .topic-main h1,body.luxe .news-article h1{font-family:var(--serif)!important;color:var(--lac-900)!important;letter-spacing:0!important}
body.luxe .topic-hero{background:var(--paper)!important;border:1px solid var(--hair)!important;border-top:3px solid var(--gold)!important;box-shadow:none!important}

/* ---------- Trang chủ: khối sơn mài ---------- */
body.luxe .home-hero{
  position:relative;overflow:hidden;
  background:radial-gradient(120% 140% at 100% 0%,#1E5546 0%,var(--lac-900) 55%,var(--lac-950) 100%)!important;
  border:1px solid var(--gold-line)!important;border-radius:18px!important;box-shadow:0 20px 50px rgba(10,33,27,.18)!important;
  padding:34px 38px!important;color:#E9E4D3!important;
}
body.luxe .home-hero::after{ /* đường chỉ kim */
  content:'';position:absolute;inset:10px;border:1px solid rgba(201,162,63,.28);border-radius:12px;pointer-events:none;
}
body.luxe .home-logo{background:#fff!important;border-radius:14px!important;padding:14px 18px!important;border:1px solid var(--gold-line)!important;box-shadow:0 10px 28px rgba(0,0,0,.25)!important}
body.luxe .home-hero h1{font-family:var(--serif)!important;font-size:46px!important;font-weight:700!important;letter-spacing:.04em!important;color:#F6EED6!important;margin:0 0 4px!important;line-height:1.05}
body.luxe .home-slogan{font-family:var(--serif)!important;font-style:italic;font-weight:500!important;font-size:20px!important;color:var(--gold)!important;margin-bottom:12px!important}
body.luxe .home-hero p{color:rgba(233,228,211,.82)!important;max-width:62ch;line-height:1.7}
body.luxe .home-hero p b{color:#F6EED6!important;font-weight:600!important}
body.luxe .home-summary{gap:14px!important}
body.luxe .summary-card{background:var(--paper)!important;border:1px solid var(--hair)!important;border-radius:14px!important;box-shadow:none!important;padding:16px 18px!important}
body.luxe .summary-card b{font-family:var(--serif)!important;font-size:36px!important;font-weight:700!important;color:var(--gold-deep)!important;line-height:1.1}
body.luxe .summary-card span{color:var(--ink-2)!important;font-weight:500!important}
body.luxe .home-grid{gap:14px!important}
body.luxe .home-module{
  background:var(--paper)!important;border:1px solid var(--hair)!important;border-left:1px solid var(--hair)!important;border-radius:14px!important;
  box-shadow:none!important;transition:border-color .2s ease,box-shadow .2s ease;padding:18px!important;
}
body.luxe .home-module::before,body.luxe .home-module::after{display:none!important}
body.luxe .home-module:hover{border-color:var(--gold-line)!important;box-shadow:0 12px 28px rgba(10,33,27,.08)!important;transform:none!important}
body.luxe .home-module .i{
  width:44px!important;height:44px!important;border-radius:12px!important;display:grid!important;place-items:center;font-size:22px!important;
  background:color-mix(in srgb,var(--m,#25785D) 14%,#fff)!important;border:1px solid color-mix(in srgb,var(--m,#25785D) 28%,#fff)!important;
}
body.luxe .home-module b{color:var(--lac-900)!important;font-size:16px!important;font-weight:700!important;margin-top:10px}
body.luxe .home-module p{color:var(--ink-2)!important;line-height:1.55!important}

/* ---------- Thành phần chung ---------- */
body.luxe .modal{border-radius:16px!important;border-top:3px solid var(--gold)!important}
body.luxe .modal-head{background:var(--lac-900)!important;color:#F6EED6!important}
body.luxe .modal-head b{font-family:var(--serif)!important;font-weight:600!important;letter-spacing:.01em}
body.luxe .admin-primary,body.luxe .auth-primary{background:var(--lac-900)!important;color:#F6EED6!important;border:1px solid var(--lac-900)!important}
body.luxe .admin-primary:hover,body.luxe .auth-primary:hover{border-color:var(--gold)!important}
body.luxe .news-summary{border-left-color:var(--gold)!important;background:var(--gold-soft)!important;color:var(--ink)!important}
body.luxe .news-actions .primary{background:var(--lac-900)!important;border-color:var(--lac-900)!important}
body.luxe .news-latest{background:var(--paper)!important}
body.luxe .news-hero{background:var(--paper)!important;border:1px solid var(--hair)!important;border-top:3px solid var(--gold)!important}
body.luxe .news-hero h1{font-family:var(--serif)!important}
body.luxe .toast{background:var(--lac-900)!important;color:#F6EED6!important;border:1px solid var(--gold-line)!important}

/* ---------- Chế độ tối ---------- */
body.luxe.dark{
  --porcelain:#0B1C17; --paper:#11271F; --ink:#E6ECE8; --ink-2:#9DB0A7; --hair:#22392F; --jade-soft:#17332A; --gold-soft:rgba(201,162,63,.14); --gold-deep:#D9B85C;
}
body.luxe.dark .home-module b,body.luxe.dark #contextTitle,body.luxe.dark .digest-head h3,body.luxe.dark .content h1,body.luxe.dark .topic-main h1{color:#F1EBD6!important}
body.luxe.dark .home-module .i{background:color-mix(in srgb,var(--m,#25785D) 25%,#11271F)!important;border-color:rgba(255,255,255,.08)!important}
body.luxe.dark .reader-actions button,body.luxe.dark .reader-actions a,body.luxe.dark .toolbar select,body.luxe.dark .toolbar button,body.luxe.dark .ops-view{background:var(--paper)!important;color:var(--ink)!important}
body.luxe.dark .digest-no{color:#8FD1B5}

/* ---------- Màn hình hẹp ---------- */
@media (max-width:1100px){
  body.luxe .acct-text{display:none}
  body.luxe #accountBtn{padding:4px!important}
  body.luxe .home-hero h1{font-size:36px!important}
}
@media (prefers-reduced-motion:reduce){body.luxe *{transition:none!important}}

/* ---------- Sửa độ ưu tiên: menu Tiện ích nằm trong .top-actions ---------- */
body.luxe .top-actions .more-menu button{
  background:transparent!important;color:var(--ink)!important;border:0!important;box-shadow:none!important;
  border-radius:8px!important;padding:9px 12px!important;font:600 14px var(--sans)!important;text-align:left!important;width:100%;
}
body.luxe .top-actions .more-menu button:hover{background:var(--jade-soft)!important;color:var(--lac-900)!important}
body.luxe .top-actions .more-menu .more-row button{width:auto;border:1px solid var(--hair)!important;padding:6px 12px!important;text-align:center!important}
body.luxe .top-actions .more-menu button.hidden{display:none!important}
body.luxe .count-pill:empty{display:none!important}

/* Nhóm nghiệp vụ trong cây trái */
body.luxe .tree-group-title{
  border:0!important;box-shadow:none!important;border-radius:0!important;padding:12px 10px 6px!important;
  color:var(--gold)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.01em!important;
}
body.luxe .tree-group-title *{color:inherit!important;background:transparent!important}
body.luxe .tree-topic{padding:6px 10px!important;font-size:13px!important}

/* Trang phân hệ */
body.luxe .topic-section h3{font-family:var(--serif)!important;color:var(--lac-900)!important;font-weight:700!important;font-size:19px!important}
body.luxe .topic-icon{background:var(--jade-soft)!important;border:1px solid var(--hair)!important;border-radius:14px!important}
body.luxe.dark .topic-section h3{color:#F1EBD6!important}
body.luxe .content a:not([class]),body.luxe .news-cta a{color:var(--jade)!important;font-weight:600;text-decoration-color:var(--gold-line)}
body.luxe.dark .more-menu{background:#11271F;border-color:#22392F}

/* ---------- V9.2: nhóm menu & bảng các bước ---------- */
body.luxe .nav-section{padding:14px 12px 4px;font:600 11.5px var(--sans);letter-spacing:.02em;color:var(--gold);opacity:.85}
body.luxe .nav-section:first-child{padding-top:4px}
.nav-section{padding:10px 10px 2px;font-size:11px;font-weight:700;color:#7a8a84}
body.luxe .steps-table-wrap{overflow-x:auto;border:1px solid var(--hair);border-radius:12px;background:var(--paper)}
body.luxe .steps-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5;min-width:760px}
body.luxe .steps-table th{background:var(--lac-900);color:#F6EED6;font-weight:600;text-align:left;padding:10px 12px;white-space:nowrap}
body.luxe .steps-table th:first-child{border-top-left-radius:11px}
body.luxe .steps-table th:last-child{border-top-right-radius:11px}
body.luxe .steps-table td{padding:10px 12px;border-top:1px solid var(--hair);vertical-align:top;color:var(--ink)}
body.luxe .steps-table tr:nth-child(even) td{background:color-mix(in srgb,var(--porcelain) 60%,var(--paper))}
body.luxe .steps-table .st-no{width:44px;text-align:center;font:700 16px var(--serif);color:var(--gold-deep)}
body.luxe .steps-table .st-do{font-weight:600;min-width:220px}
body.luxe .steps-table .st-law{color:var(--ink-2);min-width:170px}
body.luxe .step-law{color:var(--jade);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold-line);text-underline-offset:2px}
body.luxe .steps-note{font-size:12.5px;color:var(--ink-2);margin:8px 2px 0}
body.luxe .dossier ol li{padding:3px 0}
body.luxe.dark .steps-table th{background:#0A1A16}

/* ---------- Điều khoản sử dụng ---------- */
.terms-box{max-height:46vh;overflow:auto;text-align:left;border:1px solid #E1E5DC;border-radius:12px;padding:14px 16px;background:#FAFBF8;font-size:13.5px;line-height:1.6;color:#17251F;margin:10px 0}
.terms-box p{margin:0 0 10px}.terms-box ul{margin:0 0 10px 18px;padding:0}
.terms-read{max-height:62vh}
.terms-agree{display:flex;gap:10px;align-items:flex-start;text-align:left;font-size:13.5px;line-height:1.5;margin:6px 0 4px;cursor:pointer}
.terms-agree input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:#25785D}
#termsAccept[disabled]{opacity:.5;cursor:not-allowed}

/* =====================================================================
   V9.6 – Trang chủ gọn, Khóa đào tạo, Thông tin liên hệ cột trái
   ===================================================================== */

/* ---- Khối giới thiệu Trang chủ: thu gọn ---- */
body.luxe .home-hero{padding:16px 24px!important;gap:20px!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(10,33,27,.14)!important}
body.luxe .home-hero::after{inset:6px;border-radius:10px}
body.luxe .home-logo{width:132px!important;max-height:70px!important;padding:8px 12px!important;border-radius:10px!important;box-shadow:0 6px 16px rgba(0,0,0,.22)!important}
body.luxe .home-hero h1{font-size:30px!important;margin:0 0 2px!important}
body.luxe .home-slogan{font-size:15px!important;margin:0 0 6px!important}
body.luxe .home-hero p{font-size:13px!important;line-height:1.55!important;margin:0!important;max-width:none}

/* ---- Ô số liệu: giữ 4 khối số trên – nhãn dưới, chỉ thu nhỏ ---- */
body.luxe .home-summary{margin:12px 0 16px!important;gap:10px!important}
body.luxe .summary-card{padding:10px 14px!important;border-radius:10px!important}
body.luxe .summary-card b{display:block!important;font-size:26px!important;line-height:1.1!important}
body.luxe .summary-card span{display:block;font-size:12px!important;line-height:1.3;margin-top:2px}

/* ---- Trang chủ: dải Khóa đào tạo ---- */
body.luxe .home-courses{margin:0 0 18px}
body.luxe .hc-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}
body.luxe .hc-head h2{margin:0;font:700 20px var(--serif);color:var(--lac-900)}
body.luxe .hc-all{background:none;border:0;color:var(--jade);font:600 13px var(--sans);cursor:pointer;padding:4px 0}
body.luxe .hc-all:hover{text-decoration:underline}
body.luxe .hc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
body.luxe .hc-card{display:flex;gap:12px;align-items:flex-start;text-align:left;background:var(--paper);border:1px solid var(--hair);border-left:3px solid var(--gold);border-radius:10px;padding:12px 14px;cursor:pointer;font-family:var(--sans);color:var(--ink)}
body.luxe .hc-card:hover{border-color:var(--gold-line);border-left-color:var(--gold)}
body.luxe .hc-icon{flex:0 0 36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:18px;background:var(--jade-soft)}
body.luxe .hc-body{display:flex;flex-direction:column;gap:3px;min-width:0}
body.luxe .hc-body b{font-size:14px;color:var(--lac-900);line-height:1.35}
body.luxe .hc-body small{font-size:12px;color:var(--gold-deep);font-weight:600}
body.luxe .hc-body span{font-size:12px;color:var(--ink-2);line-height:1.45}
body.luxe.dark .hc-head h2,body.luxe.dark .hc-body b{color:#F1EBD6}

/* ---- Trang Khóa đào tạo ---- */
body.luxe .course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:16px 0}
body.luxe .course-tile{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--paper);border:1px solid var(--hair);border-radius:12px;padding:16px;cursor:pointer;font-family:var(--sans);color:var(--ink)}
body.luxe .course-tile:hover{border-color:var(--gold-line)}
body.luxe .course-tile .ct-icon{font-size:22px}
body.luxe .course-tile b{font-size:15px;color:var(--lac-900);line-height:1.35}
body.luxe .course-tile small{color:var(--gold-deep);font-weight:600;font-size:12px}
body.luxe .course-tile span{color:var(--ink-2);font-size:13px;line-height:1.5}
body.luxe .course-tile em{margin-top:auto;font-style:normal;font-weight:600;font-size:13px;color:var(--jade)}
body.luxe .course-status{display:inline-block;background:var(--jade-soft);color:var(--jade);font:600 12px var(--sans);border-radius:999px;padding:3px 10px;margin-bottom:6px}
body.luxe .course-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
body.luxe .course-zalo{display:inline-block;background:var(--lac-900);color:#F6EED6!important;border:1px solid var(--lac-900);border-radius:999px;padding:8px 16px;font:600 13px var(--sans);text-decoration:none!important}
body.luxe .course-zalo:hover{border-color:var(--gold)}
body.luxe .course-video{background:var(--paper);color:var(--lac-900);border:1px solid var(--gold-line);border-radius:999px;padding:8px 16px;font:600 13px var(--sans);cursor:pointer}
body.luxe .course-video-note{font-size:12px;color:var(--ink-2)}
body.luxe .course-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}
body.luxe .course-facts div{background:var(--paper);border:1px solid var(--hair);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:2px}
body.luxe .course-facts span{font-size:12px;color:var(--ink-2)}
body.luxe .course-facts b{font-size:15px;color:var(--lac-900)}
body.luxe .course-ul,body.luxe .course-ol{margin:4px 0 0;padding-left:22px;line-height:1.7}
body.luxe .course-ol li::marker{color:var(--gold-deep);font-weight:700}
body.luxe .course-pending{color:var(--ink-2);margin:4px 0 0}
body.luxe .course-contact{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--gold-line);border-radius:12px;padding:12px 16px;margin-top:16px}
body.luxe .course-contact img{width:120px;height:auto}
body.luxe .course-contact div{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}
body.luxe .course-contact b{font-family:var(--serif);color:var(--gold-deep);font-style:italic;font-size:15px}
body.luxe .course-contact span{font-size:13px;color:var(--ink-2)}
body.luxe .course-list-contact{margin:10px 4px;padding:12px;border:1px dashed var(--gold-line);border-radius:10px;display:flex;flex-direction:column;gap:6px;font-size:13px}
body.luxe .course-list-contact .course-zalo{align-self:flex-start}
body.luxe.dark .course-tile b,body.luxe.dark .course-facts b{color:#F1EBD6}
body.luxe.dark .course-video{color:#F1EBD6}
body.luxe.dark .course-contact img{background:#fff;border-radius:8px;padding:4px 6px}

/* ---- Cột trái: Thông tin liên hệ ---- */
body.luxe .side-contact{display:flex;align-items:center;gap:10px;margin:6px 10px 4px;padding:8px 10px;border:1px solid rgba(201,162,63,.28);border-radius:10px;background:rgba(255,255,255,.03);flex:0 0 auto}
body.luxe .sc-logo-box{flex:0 0 auto;background:#fff;border-radius:8px;display:grid;place-items:center;padding:3px}
body.luxe .sc-logo{display:none;width:100%;height:auto}
body.luxe .sc-mark{width:30px;height:30px;object-fit:contain}
body.luxe .sc-text{display:flex;flex-direction:column;gap:2px;min-width:0}
body.luxe .sc-slogan{font:italic 500 12px var(--serif);color:var(--gold);line-height:1.3}
body.luxe .sc-zalo{font:600 12.5px var(--sans);color:#F1EBD6!important;text-decoration:none!important}
body.luxe .sc-zalo:hover{color:#fff!important;text-decoration:underline!important}

/* Trang chủ: bỏ ô "Cấu trúc hệ thống" trống, nhường chỗ cho khối liên hệ đầy đủ */
body.luxe[data-active-module="home"] .tree-head,
body.luxe[data-active-module="home"] .tree{display:none!important}
body.luxe[data-active-module="home"] .side-contact{flex-direction:column;align-items:stretch;text-align:center;gap:8px;padding:10px 12px}
body.luxe[data-active-module="home"] .sc-logo-box{padding:6px 10px}
body.luxe[data-active-module="home"] .sc-logo{display:block;max-width:190px}
body.luxe[data-active-module="home"] .sc-mark{display:none}
body.luxe[data-active-module="home"] .sc-slogan{font-size:13.5px}
body.luxe[data-active-module="home"] .sc-zalo{display:block;background:rgba(201,162,63,.14);border:1px solid var(--gold-line);border-radius:999px;padding:6px 10px;font-size:13.5px}

@media (max-width:1100px){
  body.luxe .home-hero h1{font-size:26px!important}
}

/* ---- Cộng đồng: AI trả lời câu hỏi ---- */
.community-thread{display:flex;flex-direction:column;gap:6px}
.community-ai-hint{font-size:11px;color:#8F6E1E;background:#F3E9C8;border:1px solid rgba(201,162,63,.45);border-radius:999px;padding:2px 10px}
.community-ai-hint.hidden{display:none}
.community-ai-answer{margin-left:43px;max-width:min(82%,760px);padding:10px 12px;border:1px solid rgba(201,162,63,.5);border-left:3px solid #C9A23F;border-radius:4px 12px 12px 12px;background:#FFFCF2}
.community-message.ai .community-ai-answer{margin-left:0}
.community-ai-answer .community-message-text{border:0;background:transparent;padding:0;box-shadow:none;font-size:12.5px}
.community-ai-answer .community-message-meta b{color:#0C2620}
.community-kind.ai{background:#F3E9C8;color:#8F6E1E;border-color:#e2cf98}
.community-ai-quote{font-size:11px;color:#6b7a73;border-left:2px solid #d9cfa8;padding:2px 8px;margin:2px 0 6px;font-style:italic}
.community-ai-note{margin-top:6px;font-size:10px;color:#8a8a72}
.community-ai-status{margin-left:43px;font-size:11px;color:#8F6E1E;font-style:italic}
.community-ai-status.err{color:#9a5a3a}
body.dark .community-ai-answer{background:#1f2a1e;border-color:rgba(201,162,63,.4)}
body.dark .community-ai-answer .community-message-meta b{color:#F1EBD6}
body.dark .community-ai-note,body.dark .community-ai-quote{color:#b5b39a}
@media(max-width:900px){.community-ai-answer,.community-ai-status{margin-left:0;max-width:100%}}

.community-kind-row .kind-locked{opacity:.55;cursor:not-allowed}
.community-ai-hint.locked{background:#f1f3ef;color:#5f6b65;border-color:#d9ded8}
.community-ai-hint.locked a{color:#8F6E1E;font-weight:700}

/* Bấm logo về Trang chủ */
#brandHome{cursor:pointer}
#brandHome:hover .brand-name{color:#fff!important}

/* =====================================================================
   V9.6 – Banner Trang chủ chuyên nghiệp
   ===================================================================== */
body.luxe .hb{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;
  padding:26px 34px 24px;border-radius:16px;border:1px solid var(--gold-line);
  background:linear-gradient(115deg,#0A211B 0%,#0C2620 45%,#12352D 75%,#1A4A3E 100%);color:#E9E4D3;
  box-shadow:0 14px 34px rgba(10,33,27,.16)}
body.luxe .hb::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#E3C46E,#C9A23F 50%,#8F6E1E)}
body.luxe .hb-arcs{position:absolute;right:0;top:0;height:100%;width:62%;pointer-events:none}
body.luxe .hb-text{position:relative;min-width:0}
body.luxe .hb-brand{font:600 13px var(--sans);letter-spacing:.08em;color:var(--gold);margin-bottom:6px}
body.luxe .content .hb .hb-title,body.luxe.dark .content .hb .hb-title{font:700 30px/1.15 var(--serif)!important;color:#F6EED6!important;margin:0!important;letter-spacing:0!important}
body.luxe .hb-slogan{font:italic 500 17px var(--serif);color:#E3C46E;margin:6px 0 10px}
body.luxe .hb-desc{margin:0 0 14px;max-width:60ch;font-size:14px;line-height:1.6;color:rgba(233,228,211,.85)}
body.luxe .hb-chain{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:6px 0;font-size:12.5px;color:rgba(246,238,214,.92)}
body.luxe .hb-chain li{display:flex;align-items:center}
body.luxe .hb-chain li:not(:last-child)::after{content:'';width:14px;height:1px;background:rgba(201,162,63,.7);margin:0 7px}
body.luxe .hb-chain li{padding:0}
body.luxe .hb-actions{display:flex;flex-wrap:wrap;gap:10px}
body.luxe .hb-btn{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:999px;font:600 13.5px var(--sans);cursor:pointer;text-decoration:none!important;
  border:1px solid rgba(233,228,211,.35);background:transparent;color:#F6EED6!important;transition:background .2s ease,border-color .2s ease}
body.luxe .hb-btn:hover{border-color:#E3C46E;background:rgba(201,162,63,.12)}
body.luxe .hb-btn.primary{background:#C9A23F;border-color:#C9A23F;color:#0C2620!important}
body.luxe .hb-btn.primary:hover{background:#E3C46E;border-color:#E3C46E}
body.luxe .hb-btn.ghost{border-color:transparent;color:#E3C46E!important;padding:0 6px}
body.luxe .hb-btn.ghost:hover{background:transparent;text-decoration:underline!important}
body.luxe .hb-emblem{position:relative;width:150px;height:150px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;
  box-shadow:0 0 0 6px rgba(201,162,63,.18),0 0 0 7px rgba(201,162,63,.55),0 16px 36px rgba(0,0,0,.35);margin-right:12px}
body.luxe .hb-emblem img{width:80%;height:80%;object-fit:contain;border-radius:50%;background:#fff;display:block}
@media (max-width:1250px){body.luxe .hb-emblem{width:118px;height:118px}body.luxe .content .hb .hb-title{font-size:26px!important}}
@media (max-width:900px){body.luxe .hb{grid-template-columns:1fr;padding:22px}body.luxe .hb-emblem{display:none}body.luxe .hb-arcs{width:100%;opacity:.6}}
/* Banner co giãn theo bề rộng vùng nội dung (cột đọc hẹp trên laptop) */
body.luxe .home{container-type:inline-size;container-name:home}
@container home (max-width:760px){
  body.luxe .hb{grid-template-columns:1fr;padding:20px 22px}
  body.luxe .hb-emblem{display:none}
  body.luxe .hb-arcs{width:100%;opacity:.5}
  body.luxe .content .hb .hb-title{font-size:23px!important}
  body.luxe .hb-slogan{font-size:15px}
  body.luxe .hb-desc{font-size:13px;margin-bottom:10px}
  body.luxe .hb-chain{font-size:11.5px;margin-bottom:12px}
  body.luxe .hb-btn{height:34px;padding:0 14px;font-size:12.5px}
}

/* =====================================================================
   V9.6 – Menu chính trên thanh trên cùng
   ===================================================================== */
body.luxe .topbar{position:relative;gap:14px!important}
body.luxe .main-nav{display:flex;align-items:center;gap:2px;flex:1;min-width:0;justify-content:center}
body.luxe .mn-item{background:transparent;border:0;color:rgba(236,240,236,.86);font:600 14.5px var(--sans);padding:0 13px;height:40px;border-radius:999px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
body.luxe .mn-item:hover{background:rgba(255,255,255,.07);color:#fff}
body.luxe .mn-item[aria-expanded="true"]{background:rgba(201,162,63,.14);color:#FFF8E6}
body.luxe .mn-caret{font-size:11px;opacity:.75}
/* Mục đang mở */
body.luxe[data-active-module="home"] [data-nav="home"],
body.luxe[data-active-module="law"] [data-nav="law"],
body.luxe[data-active-module="community"] [data-nav="community"],
body.luxe[data-active-module="org"] [data-nav="ops"],body.luxe[data-active-module="hr"] [data-nav="ops"],body.luxe[data-active-module="dev"] [data-nav="ops"],
body.luxe[data-active-module="cb"] [data-nav="ops"],body.luxe[data-active-module="ins"] [data-nav="ops"],body.luxe[data-active-module="pit"] [data-nav="ops"],
body.luxe[data-active-module="ir"] [data-nav="ops"],body.luxe[data-active-module="foreign"] [data-nav="ops"],
body.luxe[data-active-module="admin"] [data-nav="ops"],body.luxe[data-active-module="corp"] [data-nav="ops"],
body.luxe[data-active-module="hse"] [data-nav="ops"]{color:#FFF8E6;box-shadow:inset 0 -2px 0 var(--gold);border-radius:0}

/* Thả xuống: 9 mảng nghiệp vụ */
body.luxe .mn-drop{position:relative}
body.luxe .mn-panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:60;width:560px;max-width:90vw;
  background:var(--paper);border:1px solid var(--hair);border-top:3px solid var(--gold);border-radius:14px;box-shadow:0 22px 50px rgba(10,33,27,.22);
  padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
body.luxe .mn-panel.hidden{display:none}
body.luxe .mn-op{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:0;border-radius:10px;padding:10px 12px;cursor:pointer;font-family:var(--sans);color:var(--ink)}
body.luxe .mn-op:hover,body.luxe .mn-op:focus-visible{background:var(--jade-soft)}
body.luxe .mn-op-i{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;background:var(--jade-soft);font-size:17px}
body.luxe .mn-op-t{display:flex;flex-direction:column;min-width:0}
body.luxe .mn-op-t b{font-size:14px;color:var(--lac-900);font-weight:600}
body.luxe .mn-op-t small{font-size:12px;color:var(--ink-2)}
body.luxe .mn-op.locked{opacity:.7}
body.luxe .mn-op-lock{margin-left:auto;font-size:12px}
body.luxe.dark .mn-op-t b{color:#F1EBD6}

/* Tìm kiếm: ô mở ra dưới thanh menu */
body.luxe #searchPanel{display:none!important;position:absolute;top:calc(100% + 8px);right:16px;width:min(620px,92vw);height:46px!important;z-index:60;
  background:var(--lac-900)!important;border:1px solid var(--gold-line)!important;box-shadow:0 18px 40px rgba(10,33,27,.3);max-width:none!important}
body.luxe #searchPanel.open{display:flex!important}

/* Liên hệ */
.contact-modal{text-align:center;padding:6px 4px 4px}
.contact-modal img{width:230px;max-width:80%;height:auto}
.contact-modal .cm-slogan{font:italic 500 17px 'Playfair Display',Georgia,serif;color:#8F6E1E;margin:6px 0 10px}
.contact-modal p{margin:0 0 14px;color:#56665F;line-height:1.6}
.contact-modal .cm-zalo{display:inline-block;background:#0C2620;color:#F6EED6!important;border-radius:999px;padding:10px 22px;font-weight:700;text-decoration:none}

/* Màn hình hẹp */
@media (max-width:1280px){body.luxe .brand-copy{display:none}body.luxe .mn-item{padding:0 10px;font-size:14px}}
@media (max-width:1100px){body.luxe .main-nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}body.luxe .main-nav::-webkit-scrollbar{display:none}body.luxe .mn-panel{position:fixed;top:64px;left:50%}}
body.luxe #searchPanel input:focus-visible{outline:none!important}

/* V9.6 – Nút tài khoản: Đăng nhập / Đăng ký */
body.luxe #accountBtn,body.luxe #accountBtn.is-guest{display:inline-flex!important;align-items:center;gap:9px;background:rgba(255,255,255,.04)!important;color:#F6F1E1!important;
  border:1px solid var(--gold-line)!important;padding:5px 10px 5px 5px!important;border-radius:999px!important;min-height:44px}
body.luxe #accountBtn:hover{background:rgba(255,255,255,.09)!important;border-color:var(--gold)!important}
body.luxe .acct-av{width:32px!important;height:32px!important}
body.luxe .acct-av.guest{background:#2E6FA8;color:#FFFFFF}
body.luxe #accountBtn .acct-name{font-size:14px;font-weight:700;color:#FFFFFF}
body.luxe #accountBtn .acct-role{font-size:12px;color:rgba(233,228,211,.75)}
body.luxe #accountBtn:not(.is-guest) .acct-role{color:var(--gold)}
body.luxe .acct-caret{display:inline-flex;color:rgba(233,228,211,.75);margin-left:2px}
body.luxe[data-active-module="courses"] [data-nav="courses"]{color:#FFF8E6;box-shadow:inset 0 -2px 0 var(--gold);border-radius:0}

/* V9.6 – Ô tìm kiếm cố định trên thanh, bên phải menu (thay vị trí Trang chủ / Người dùng cũ) */
body.luxe #searchPanel{display:flex!important;position:static!important;width:300px!important;flex:0 1 300px;height:40px!important;box-shadow:none!important;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;margin-left:auto}
body.luxe #searchPanel:focus-within{border-color:var(--gold)!important;background:rgba(255,255,255,.1)!important}
body.luxe #searchPanel input{min-width:0}
body.luxe .main-nav{flex:0 1 auto;margin-left:auto}
@media (max-width:1500px){body.luxe #searchPanel{width:220px!important;flex-basis:220px}body.luxe #searchPanel kbd{display:none}}
@media (max-width:1280px){body.luxe #searchPanel{width:170px!important;flex-basis:170px}}

/* V9.6 – Khi vào phân hệ: danh sách PHÂN HỆ cao hơn, cây danh mục (VD: Nhóm pháp luật) bắt đầu thấp xuống */
body.luxe:not([data-active-module="home"]) .module-nav{flex:0 0 auto!important;max-height:58%!important}
body.luxe:not([data-active-module="home"]) .tree{flex:1 1 auto!important;min-height:120px!important}

/* V9.6 – Trang chủ: bỏ thanh "Trang chủ / in" phía trên, banner xanh tràn hết bề rộng và sát mép trên */
body.luxe[data-active-module="home"] .readerbar{display:none!important}
body.luxe[data-active-module="home"] .content{padding-top:0!important}
body.luxe[data-active-module="home"] .home{max-width:none!important}
body.luxe[data-active-module="home"] .hb{margin:0 -28px!important;border-radius:0!important;border-width:0 0 1px 0!important;box-shadow:none!important;padding:28px 40px 26px!important}

/* =====================================================================
   V9.6 – BẢNG MÀU "NGỌC LỤC BẢO – KIM"
   Tươi hơn, sáng hơn bản Sơn mài: xanh ngọc lục bảo chuyển xanh mòng két,
   vàng kim sáng làm điểm nhấn, nền trắng ngọc mát. Ghi đè biến của theme.
   ===================================================================== */
body.luxe{
  --lac-950:#0A3A2F; --lac-900:#0D4739; --lac-800:#115747; --lac-700:#176C59; --lac-600:#1E8269;
  --jade:#12876A; --jade-soft:#E2F3EB;
  --gold:#D4AF4F; --gold-deep:#94701F; --gold-soft:#F8EFD2; --gold-line:rgba(212,175,79,.6);
  --porcelain:#F1F7F4; --paper:#FFFFFF; --ink:#12302A; --ink-2:#4C665F; --hair:#D9E7E0;
  --teal:#0F6E73;
  background:var(--porcelain)!important;
}
/* Thanh trên cùng: ngọc lục bảo → mòng két, chỉ kim mảnh */
body.luxe .topbar{background:linear-gradient(90deg,#0A3A2F 0%,#0D4739 38%,#0E5B57 100%)!important;border-bottom:1px solid rgba(212,175,79,.55)!important;box-shadow:0 6px 20px rgba(10,58,47,.18)!important}
/* Cột trái */
body.luxe .left-panel{background:linear-gradient(180deg,#0D4739 0%,#0B3D31 60%,#0A3A2F 100%)!important;border-right:1px solid rgba(212,175,79,.22)!important}
body.luxe .module-btn.active{background:rgba(212,175,79,.16)!important;border-color:rgba(212,175,79,.35)!important}
body.luxe .module-btn .module-icon{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important}
body.luxe .nav-section{color:#E9C96F!important}
body.luxe .side-contact{background:rgba(255,255,255,.05)!important;border-color:rgba(212,175,79,.4)!important}
/* Cột giữa và vùng đọc: trắng sạch, đường kẻ mát */
body.luxe .middle-panel{background:#FFFFFF!important}
body.luxe .reader-panel{background:var(--porcelain)!important}
body.luxe .content{background:var(--porcelain)}
body.luxe .digest-date{background:var(--gold-soft)!important;color:var(--gold-deep)!important;border-color:rgba(212,175,79,.45)!important}
body.luxe .digest-no{color:var(--teal)!important}
body.luxe .digest-news{background:linear-gradient(90deg,#0D4739,#0E5B57)!important;border:0!important}
/* Banner Trang chủ */
body.luxe .hb{background:
   radial-gradient(90% 140% at 100% 0%,rgba(30,130,105,.55) 0%,rgba(30,130,105,0) 60%),
   linear-gradient(115deg,#0A3A2F 0%,#0D4739 42%,#10605A 78%,#137067 100%)!important}
body.luxe .hb::before{background:linear-gradient(180deg,#F1D58A,#D4AF4F 50%,#94701F)!important}
body.luxe .hb-btn.primary{background:#D4AF4F!important;border-color:#D4AF4F!important;color:#0A3A2F!important}
body.luxe .hb-btn.primary:hover{background:#E6C46A!important}
/* Thẻ số liệu, khóa học, phân hệ: trắng nổi nhẹ */
body.luxe .summary-card,body.luxe .hc-card,body.luxe .home-module,body.luxe .course-tile,body.luxe .course-facts div{
  border-color:var(--hair)!important;box-shadow:0 1px 2px rgba(10,58,47,.04),0 8px 22px rgba(10,58,47,.05)!important}
body.luxe .summary-card b{color:var(--gold-deep)!important}
body.luxe .home-module:hover,body.luxe .hc-card:hover,body.luxe .course-tile:hover{border-color:var(--gold-line)!important;box-shadow:0 14px 32px rgba(10,58,47,.10)!important}
body.luxe .hc-icon{background:var(--jade-soft)!important}
body.luxe .hc-all{color:var(--teal)!important}
/* Nút, liên kết, tiêu đề phụ */
body.luxe .course-zalo,body.luxe .contact-modal .cm-zalo{background:linear-gradient(90deg,#0D4739,#0E5B57)!important;border-color:#0D4739!important}
body.luxe .course-ol li::marker{color:var(--gold-deep)}
body.luxe .topic-hero{border-top-color:var(--gold)!important}
body.luxe .steps-table thead tr,body.luxe .steps-table th{background:#0D4739!important}
body.luxe .community-ai-answer .community-message-meta b{color:#0D4739}
/* Chế độ tối giữ tông rừng sâu */
body.luxe.dark{--porcelain:#08201A;--paper:#0E2C24;--hair:#1F4237;--jade-soft:#15392F}
body.luxe.dark .middle-panel{background:var(--paper)!important}

/* =====================================================================
   V9.6 – BẢNG MÀU "XANH DƯƠNG – CAM" (theo tông ảnh bìa Tuấn HR)
   Xanh navy đậm cho khung, xanh dương tươi làm màu chính, cam làm điểm nhấn,
   xanh lá cho trạng thái tích cực, nền trắng ánh xanh nhạt.
   Khối này đặt cuối file nên ghi đè bảng màu Ngọc lục bảo phía trên.
   ===================================================================== */
body.luxe{
  --lac-950:#0A2A5E; --lac-900:#0F3A7D; --lac-800:#144A9C; --lac-700:#1A5BB8; --lac-600:#2470D3;
  --jade:#1F6FD1; --jade-soft:#E7F0FC;
  --gold:#F39A1E; --gold-deep:#B85F00; --gold-soft:#FFF1DC; --gold-line:rgba(243,154,30,.55);
  --porcelain:#F2F7FD; --paper:#FFFFFF; --ink:#0F2A52; --ink-2:#4A5F7E; --hair:#D6E3F3;
  --teal:#1F6FD1; --green:#2E9E5B;
  background:var(--porcelain)!important;
}
body.luxe .topbar{background:linear-gradient(90deg,#0A2A5E 0%,#0F3A7D 40%,#1656B8 100%)!important;border-bottom:3px solid #F39A1E!important;box-shadow:0 6px 20px rgba(10,42,94,.22)!important}
body.luxe .brand-slogan{color:#FFC266!important}
body.luxe .left-panel{background:linear-gradient(180deg,#0F3A7D 0%,#0C3270 55%,#0A2A5E 100%)!important;border-right:1px solid rgba(255,255,255,.08)!important}
body.luxe .module-btn.active{background:rgba(255,255,255,.12)!important;border-color:rgba(243,154,30,.55)!important}
body.luxe .module-btn.active::before{background:#F39A1E!important}
body.luxe .nav-section{color:#FFC266!important}
body.luxe .side-contact{background:rgba(255,255,255,.06)!important;border-color:rgba(243,154,30,.45)!important}
body.luxe .sc-slogan{color:#FFC266!important}
body.luxe[data-active-module="home"] .sc-zalo{background:#F39A1E!important;border-color:#F39A1E!important;color:#0A2A5E!important}
/* Menu chính: mục đang mở gạch chân cam */
body.luxe .mn-item[aria-expanded="true"]{background:rgba(255,255,255,.12);color:#fff}
body.luxe[data-active-module="home"] [data-nav="home"],body.luxe[data-active-module="law"] [data-nav="law"],
body.luxe[data-active-module="community"] [data-nav="community"],body.luxe[data-active-module="courses"] [data-nav="courses"]{box-shadow:inset 0 -3px 0 #F39A1E!important;color:#fff!important}
body.luxe #searchPanel{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.28)!important}
body.luxe #searchPanel:focus-within{border-color:#FFC266!important;background:rgba(255,255,255,.18)!important}
body.luxe .acct-av.guest{background:#F39A1E!important;color:#0A2A5E!important}
/* Vùng nội dung */
body.luxe .reader-panel,body.luxe .content{background:var(--porcelain)!important}
body.luxe .digest-date{background:#E7F0FC!important;color:#1A5BB8!important;border-color:#C9DBF4!important}
body.luxe .digest-no{color:#C26A00!important}
body.luxe .digest-news{background:linear-gradient(90deg,#0F3A7D,#1F6FD1)!important}
/* Banner Trang chủ: navy → xanh dương sáng, điểm cam */
body.luxe .hb{background:
   radial-gradient(70% 120% at 100% 0%,rgba(90,160,255,.45) 0%,rgba(90,160,255,0) 60%),
   linear-gradient(115deg,#0A2A5E 0%,#0F3A7D 40%,#1656B8 80%,#1F6FD1 100%)!important}
body.luxe .hb::before{background:linear-gradient(180deg,#FFC266,#F39A1E 50%,#C26A00)!important}
body.luxe .hb-brand{color:#FFC266!important}
body.luxe .hb-slogan{color:#FFD08A!important}
body.luxe .hb-chain li:not(:last-child)::after{background:rgba(255,194,102,.8)!important}
body.luxe .hb-btn.primary{background:#F39A1E!important;border-color:#F39A1E!important;color:#0A2A5E!important}
body.luxe .hb-btn.primary:hover{background:#FFB347!important;border-color:#FFB347!important}
body.luxe .hb-btn.ghost{color:#FFD08A!important}
body.luxe .hb-arcs circle,body.luxe .hb-arcs path{stroke:#FFC266}
body.luxe .hb-emblem{box-shadow:0 0 0 6px rgba(255,194,102,.18),0 0 0 7px rgba(243,154,30,.6),0 16px 36px rgba(0,0,0,.35)!important}
/* Thẻ */
body.luxe .summary-card b{color:#1A5BB8!important}
body.luxe .summary-card,body.luxe .hc-card,body.luxe .home-module,body.luxe .course-tile,body.luxe .course-facts div{border-color:var(--hair)!important;box-shadow:0 1px 2px rgba(15,58,125,.05),0 8px 22px rgba(15,58,125,.06)!important}
body.luxe .hc-card{border-left-color:#F39A1E!important}
body.luxe .hc-body small{color:#C26A00!important}
body.luxe .home-module:hover,body.luxe .hc-card:hover,body.luxe .course-tile:hover{border-color:rgba(31,111,209,.5)!important;box-shadow:0 14px 32px rgba(15,58,125,.12)!important}
body.luxe .hc-head h2,body.luxe .home-module b,body.luxe #contextTitle,body.luxe .content h1,body.luxe .topic-main h1{color:#0F2A52!important}
body.luxe .hc-all{color:#1F6FD1!important}
/* Trang nghiệp vụ */
body.luxe .topic-hero{border-top-color:#F39A1E!important}
body.luxe .steps-table thead tr,body.luxe .steps-table th{background:#0F3A7D!important;color:#fff!important}
body.luxe .topic-tab.active{background:#1F6FD1!important;border-color:#1F6FD1!important;color:#fff!important}
body.luxe .step-law{color:#1F6FD1!important}
body.luxe .course-zalo,body.luxe .contact-modal .cm-zalo{background:linear-gradient(90deg,#0F3A7D,#1F6FD1)!important;border-color:#0F3A7D!important}
body.luxe .course-status{background:#E5F5EC!important;color:#2E9E5B!important}
body.luxe .community-ai-answer{border-color:rgba(243,154,30,.5)!important;border-left-color:#F39A1E!important;background:#FFF8EE!important}
body.luxe .community-ai-answer .community-message-meta b{color:#0F3A7D}
body.luxe .modal-head{background:#0F3A7D!important}
body.luxe .modal{border-top-color:#F39A1E!important}
body.luxe .toast{background:#0F3A7D!important;border-color:#F39A1E!important}
/* Chế độ tối */
body.luxe.dark{--porcelain:#081A36;--paper:#0D2348;--hair:#1C365F;--jade-soft:#13305C;--ink:#E4ECF8;--ink-2:#9FB2CF}
body.luxe.dark .hc-head h2,body.luxe.dark .home-module b,body.luxe.dark #contextTitle,body.luxe.dark .content h1,body.luxe.dark .topic-main h1{color:#E4ECF8!important}

/* =====================================================================
   V9.6 – CỘT TRÁI SÁNG (giống khung "NỘP ONLINE" trên ảnh bìa)
   Nền trắng ánh xanh, thanh tiêu đề xanh dương chữ trắng, chữ navy,
   mục đang chọn nền trắng viền xanh, vạch cam bên trái.
   ===================================================================== */
body.luxe .left-panel{background:linear-gradient(180deg,#F3F8FE 0%,#EAF2FC 100%)!important;color:#0F2A52!important;border-right:1px solid #CFE0F5!important}
body.luxe.dark .left-panel{background:#0D2348!important;color:#E4ECF8!important}
/* Thanh tiêu đề "PHÂN HỆ", "NHÓM PHÁP LUẬT"… */
body.luxe .panel-cap,body.luxe .tree-head{background:linear-gradient(90deg,#1656B8,#2B7DE0)!important;color:#FFFFFF!important;
  margin:8px 10px 4px!important;border-radius:9px!important;padding:8px 12px!important;font:700 12.5px var(--sans)!important;letter-spacing:.02em!important;box-shadow:0 4px 12px rgba(22,86,184,.18)}
body.luxe #treeTitle,body.luxe .tree-head b{color:#FFFFFF!important;margin:0!important;font-weight:700!important}
body.luxe .nav-section{color:#1656B8!important;opacity:1!important;font-weight:700!important}
/* Danh sách phân hệ */
body.luxe .module-nav{border-bottom:1px solid #D6E3F3!important}
body.luxe .module-btn{color:#17325C!important;font-weight:600!important}
body.luxe .module-btn:hover{background:#DCEAFB!important;color:#0F3A7D!important}
body.luxe .module-btn.active{background:#FFFFFF!important;color:#0F3A7D!important;border-color:#A9C8F0!important;box-shadow:0 4px 12px rgba(15,58,125,.08)!important}
body.luxe .module-btn.active::before{background:#F39A1E!important}
body.luxe .module-btn .module-icon{background:#FFFFFF!important;border:1px solid #CFE0F5!important}
body.luxe .module-btn .module-count{color:#5A6F8F!important}
body.luxe .module-btn.active .module-count{color:#1F6FD1!important}
/* Cây danh mục */
body.luxe .tree{color:#17325C!important}
body.luxe .tree-group{border-top-color:#D6E3F3!important}
body.luxe .tree-group-title,body.luxe .tree-group-title *{color:#1656B8!important}
body.luxe .tree-topic{color:#24406B!important}
body.luxe .tree-topic:hover{background:#DCEAFB!important;color:#0F3A7D!important}
body.luxe .tree-topic.active{background:#FFFFFF!important;color:#0F3A7D!important;font-weight:600;box-shadow:inset 3px 0 0 #F39A1E,0 3px 10px rgba(15,58,125,.08)!important}
body.luxe .tree-topic-count{color:#7C8FAB!important}
body.luxe .tree .empty,body.luxe .tree .news-tree-note,body.luxe .tree .assistant-tree-note,body.luxe .tree .community-tree-note{background:#FFFFFF!important;color:#4A5F7E!important;border:1px solid #D6E3F3!important}
body.luxe .tree .news-tree-note b{color:#0F3A7D!important}
body.luxe .tree .news-tab,body.luxe .tree .news-action{background:#FFFFFF!important;color:#17325C!important;border-color:#CFE0F5!important}
body.luxe .tree .news-tab.active{background:#E7F0FC!important;border-color:#1F6FD1!important;color:#0F3A7D!important}
body.luxe .tree::-webkit-scrollbar-thumb,body.luxe .module-nav::-webkit-scrollbar-thumb{background:#B9CDE8!important}
/* Khối liên hệ, ô lọc */
body.luxe .side-contact{background:#FFFFFF!important;border-color:#CFE0F5!important;box-shadow:0 4px 14px rgba(15,58,125,.06)}
body.luxe .sc-logo-box{border:1px solid #E1EBF7}
body.luxe .sc-slogan{color:#B85F00!important}
body.luxe .sc-zalo{color:#0F3A7D!important}
body.luxe[data-active-module="home"] .sc-zalo{background:#F39A1E!important;border-color:#F39A1E!important;color:#0A2A5E!important}
body.luxe .tree-filter-bottom{border-top-color:#D6E3F3!important}
body.luxe .tree-filter-bottom input{background:#FFFFFF!important;border:1px solid #CFE0F5!important;color:#0F2A52!important}
body.luxe .tree-filter-bottom input::placeholder{color:#7C8FAB!important}

/* V9.6 – Nút Zalo dùng biểu tượng, có viền như nút bên cạnh */
body.luxe .zalo-ic{flex:0 0 auto;display:block;border-radius:6px}
body.luxe .hb-btn.zalo{gap:8px;padding:0 16px 0 8px;border:1px solid rgba(255,255,255,.45)!important;color:#FFFFFF!important;background:rgba(255,255,255,.06)!important}
body.luxe .hb-btn.zalo:hover{border-color:#FFC266!important;background:rgba(255,255,255,.12)!important}
body.luxe .sc-zalo{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border:1px solid #A9C8F0;border-radius:999px;padding:4px 12px 4px 5px;background:#FFFFFF;color:#0F3A7D!important;font-weight:700}
body.luxe .sc-zalo:hover{border-color:#1F6FD1;text-decoration:none!important}
body.luxe[data-active-module="home"] .sc-zalo{display:flex!important;background:#FFFFFF!important;border:1px solid #1F6FD1!important;color:#0F3A7D!important;padding:6px 12px!important}
body.luxe[data-active-module="home"] .sc-zalo:hover{background:#E7F0FC!important}

/* =====================================================================
   V9.6 – BANNER SÁNG kiểu khung "NỘP OFFLINE": nền trắng ánh xanh ngọc,
   dải xanh ngọc bên trái, chữ navy, điểm nhấn cam. Xóa khối này để quay
   lại banner xanh navy.
   ===================================================================== */
body.luxe .hb{background:
   radial-gradient(60% 120% at 100% 0%,rgba(43,181,160,.18) 0%,rgba(43,181,160,0) 65%),
   linear-gradient(115deg,#FFFFFF 0%,#F1FAF8 45%,#E3F2FB 100%)!important;color:#0F2A52!important;
   border-bottom:1px solid #CFE6E8!important}
body.luxe .hb::before{width:6px!important;background:linear-gradient(180deg,#2BB5A0,#159A8C 55%,#0E7E73)!important}
body.luxe .hb-brand{color:#12927F!important}
body.luxe .content .hb .hb-title,body.luxe.dark .content .hb .hb-title{color:#0F3A7D!important}
body.luxe .hb-slogan{color:#C26A00!important}
body.luxe .hb-desc{color:#3E5674!important}
body.luxe .hb-chain{color:#24406B!important;font-weight:500}
body.luxe .hb-chain li:not(:last-child)::after{background:#2BB5A0!important}
body.luxe .hb-arcs circle,body.luxe .hb-arcs path{stroke:#2BB5A0}
body.luxe .hb-arcs circle[fill="#C9A23F"]{fill:#2BB5A0}
body.luxe .hb-btn{border-color:#9FBDE3!important;color:#0F3A7D!important;background:#FFFFFF!important}
body.luxe .hb-btn:hover{border-color:#1F6FD1!important;background:#F0F6FE!important}
body.luxe .hb-btn.primary{background:#F39A1E!important;border-color:#F39A1E!important;color:#FFFFFF!important}
body.luxe .hb-btn.primary:hover{background:#E08A0E!important;border-color:#E08A0E!important}
body.luxe .hb-btn.zalo{color:#0F3A7D!important;background:#FFFFFF!important;border-color:#9FBDE3!important}
body.luxe .hb-btn.zalo:hover{border-color:#1F6FD1!important;background:#F0F6FE!important}
body.luxe .hb-emblem{box-shadow:0 0 0 6px rgba(43,181,160,.14),0 0 0 7px rgba(21,154,140,.55),0 14px 30px rgba(15,58,125,.16)!important}
body.luxe.dark .hb{background:linear-gradient(115deg,#0D2348 0%,#0F3A4F 100%)!important}

/* V9.6 – Ảnh chân dung trên banner (thay vòng logo) */
body.luxe .hb-portrait{position:relative;margin:0 14px 0 0;width:230px;flex:0 0 230px;border-radius:120px 120px 18px 18px;padding:6px;
  background:linear-gradient(160deg,#2BB5A0,#1F6FD1 55%,#F39A1E);box-shadow:0 18px 40px rgba(15,58,125,.28)}
body.luxe .hb-portrait>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%;border-radius:114px 114px 13px 13px}
body.luxe .hb-portrait figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:8px 10px;border-radius:10px;text-align:center;
  background:rgba(8,34,78,.78);backdrop-filter:blur(4px);color:#fff;line-height:1.25}
body.luxe .hb-portrait figcaption b{display:block;font:700 14px var(--sans)}
body.luxe .hb-portrait figcaption span{display:block;font-size:11.5px;color:#FFD08A}
body.luxe .hb-badge{position:absolute;top:10px;right:-6px;width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;
  border:2px solid #F39A1E;box-shadow:0 6px 16px rgba(0,0,0,.2)}
body.luxe .hb-badge img{width:36px;height:36px;object-fit:contain}
@media (max-width:1250px){body.luxe .hb-portrait{width:190px;flex-basis:190px}}
@container home (max-width:760px){body.luxe .hb-portrait{display:none}}
body.luxe .hb-portrait figcaption{left:50%!important;right:auto!important;transform:translateX(-50%);bottom:12px!important;padding:5px 14px!important;border-radius:999px!important;white-space:nowrap}


/* =====================================================================
   V9.6 – HERO khớp ảnh mẫu người dùng (03/10/2026)
   Giữ nguyên banner như ảnh tham chiếu, đồng thời các vùng nút vẫn bấm được.
   ===================================================================== */
body.luxe .hb.hb-ref-banner{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:2048 / 682!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#f7fbfd!important;
  box-shadow:none!important;
  color:inherit!important;
}
body.luxe .hb.hb-ref-banner::before{display:none!important}
body.luxe .hb-ref-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  user-select:none;
  -webkit-user-drag:none;
}
body.luxe .hb-ref-hotspot{
  position:absolute;
  z-index:4;
  display:block;
  border:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  cursor:pointer;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
}
body.luxe .hb-ref-hotspot:focus-visible{
  outline:3px solid rgba(31,111,209,.45)!important;
  outline-offset:2px;
  border-radius:999px;
}
body.luxe .hb-ref-courses{left:2.35%;top:70.05%;width:15.55%;height:10.2%}
body.luxe .hb-ref-law{left:18.65%;top:70.05%;width:13.45%;height:10.2%}
body.luxe .hb-ref-zalo{left:32.75%;top:70.05%;width:13.85%;height:10.2%}

/* Ảnh mẫu đã chứa toàn bộ typography/màu sắc nên ẩn các lớp hero cũ nếu còn sót. */
body.luxe .hb-ref-banner .hb-arcs,
body.luxe .hb-ref-banner .hb-text,
body.luxe .hb-ref-banner .hb-portrait,
body.luxe .hb-ref-banner .hb-emblem{display:none!important}

/* Trên màn hình hẹp vẫn giữ đúng ảnh, cho phép xem toàn bộ banner thay vì cắt chân dung. */
@media (max-width:900px){
  body.luxe .hb.hb-ref-banner{aspect-ratio:2048 / 682!important;min-height:0!important}
  body.luxe .hb-ref-art{object-fit:contain;background:#f7fbfd}
}


/* =====================================================================
   V9.6 – Banner ảnh: tràn sát mép + bản chữ thật khi vùng nội dung hẹp
   - Vùng nội dung ≥ 1000px: giữ nguyên ảnh banner, nút là vùng bấm trên ảnh.
   - Hẹp hơn (laptop 1366, máy tính bảng, điện thoại): ảnh cắt lấy phần chân dung
     bên phải, chữ và nút viết bằng HTML đè lên, luôn đọc rõ.
   ===================================================================== */
body.luxe[data-active-module="home"] .hb.hb-ref-banner{margin:0 -28px!important;width:calc(100% + 56px)!important}
body.luxe .hb-live{display:none}
@container home (max-width:999px){
  body.luxe .hb.hb-ref-banner{aspect-ratio:auto!important;min-height:300px!important;display:flex!important;align-items:center}
  body.luxe .hb-ref-art{object-fit:cover!important;object-position:86% center!important;background:none!important}
  body.luxe .hb.hb-ref-banner::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,#F7FBFD 0%,#F7FBFD 61%,rgba(247,251,253,.75) 65%,rgba(247,251,253,0) 71%)}
  body.luxe .hb-ref-hotspot{display:none!important}
  body.luxe .hb-live{display:flex;flex-direction:column;position:relative;z-index:2;max-width:min(470px,62%);padding:26px 0 26px 32px}
  body.luxe .hb-live-brand{font:700 12.5px var(--sans);letter-spacing:.06em;color:#12927F;margin-bottom:6px}
  body.luxe .content .hb-live-title{font:700 26px/1.15 var(--serif)!important;color:#0F3A7D!important;margin:0!important}
  body.luxe .hb-live-slogan{font:italic 600 16px var(--serif);color:#E08A0E;margin:6px 0 8px}
  body.luxe .hb-live-desc{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:#3E5674}
  body.luxe .hb-live-actions{display:flex;flex-wrap:wrap;gap:8px}
  body.luxe .hb-live-btn{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 15px;border-radius:999px;border:1px solid #9FBDE3;background:#FFFFFF;
    color:#0F3A7D!important;font:600 13px var(--sans);cursor:pointer;text-decoration:none!important}
  body.luxe .hb-live-btn:hover{border-color:#1F6FD1;background:#F0F6FE}
  body.luxe .hb-live-btn.primary{background:#F39A1E;border-color:#F39A1E;color:#FFFFFF!important}
  body.luxe .hb-live-btn.primary:hover{background:#E08A0E}
  body.luxe .hb-live-btn .zalo-ic{width:20px;height:20px}
}
@container home (max-width:560px){
  body.luxe .hb.hb-ref-banner::after{background:linear-gradient(90deg,rgba(247,251,253,.97) 0%,rgba(247,251,253,.9) 70%,rgba(247,251,253,.55) 100%)}
  body.luxe .hb-live{max-width:100%;padding:22px 20px}
}

/* V9.6 – Lộ trình khóa học theo tầng */
body.luxe .course-tier{margin-top:22px}
body.luxe .course-tier-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;border-bottom:2px solid #E3ECF7;padding-bottom:6px}
body.luxe .course-tier-title h2{margin:0;font:700 19px var(--serif);color:#0F3A7D}
body.luxe .course-tier-title p{margin:0;font-size:13px;color:#4A5F7E}
body.luxe .course-tier .course-grid{margin-top:12px}
body.luxe .course-tile .course-status{align-self:flex-start;margin:0}
body.luxe .ct-prereq{font-style:normal;font-size:12px;color:#B85F00}
body.luxe .course-tier-head{margin:14px 6px 6px;font:700 12.5px var(--sans);color:#1656B8;letter-spacing:.02em}

/* V9.6 – Tiêu đề học phần trong danh sách video */
body.luxe .lesson-part{grid-column:1/-1;margin:14px 0 4px;padding:8px 12px;border-radius:9px;background:linear-gradient(90deg,#1656B8,#2B7DE0);color:#fff;font:700 13.5px var(--sans)}
body.luxe .lesson-part:first-child{margin-top:0}
body.luxe .lesson-output{display:block;font-size:12.5px;color:#B85F00;font-weight:600;margin:2px 0}

/* V9.6 – Quy trình & căn cứ trong bài học */
body.luxe .lesson-refs{display:flex;flex-direction:column;gap:5px;margin:6px 0 4px}
body.luxe .lr-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
body.luxe .lr-k{font-size:12px;font-weight:700;color:#0F3A7D;margin-right:2px}
body.luxe .lr-topic{border:1px solid #BFD3EE;background:#F0F6FE;color:#0F3A7D;border-radius:999px;padding:2px 10px;font:600 12px var(--sans);cursor:pointer}
body.luxe .lr-topic:hover{border-color:#1F6FD1;background:#E3EEFC}
body.luxe .lr-law{border:1px solid #E6D3B0;background:#FFF7EA;color:#9A5A00!important;border-radius:6px;padding:1px 8px;font:600 12px var(--sans);text-decoration:none!important}
body.luxe a.lr-law:hover{border-color:#F39A1E;background:#FFEFD5}
body.luxe .course-part-refs{padding:10px 0;border-bottom:1px dashed #D6E3F3}
body.luxe .course-part-refs>b{display:block;color:#0F3A7D;margin-bottom:4px}
body.luxe .course-refs-note{font-size:13px;color:#4A5F7E;margin:0 0 6px}

/* V9.6 – Bảng quy trình & căn cứ theo học phần */
body.luxe details.cpr{border:1px solid #D6E3F3;border-radius:12px;background:#fff;margin:10px 0;overflow:hidden}
body.luxe details.cpr>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:11px 16px;background:linear-gradient(90deg,#F0F6FE,#FFFFFF)}
body.luxe details.cpr>summary::-webkit-details-marker{display:none}
body.luxe details.cpr>summary b{color:#0F3A7D;font-size:15px}
body.luxe details.cpr>summary b::before{content:'▸';display:inline-block;margin-right:8px;color:#1F6FD1;transition:transform .15s}
body.luxe details.cpr[open]>summary b::before{transform:rotate(90deg)}
body.luxe details.cpr>summary span{font-size:12.5px;color:#4A5F7E;background:#E7F0FC;border-radius:999px;padding:2px 10px}
body.luxe .cpr-wrap{overflow-x:auto}
body.luxe .cpr-table{width:100%;border-collapse:collapse;font-size:13px}
body.luxe .cpr-table th{background:#0F3A7D;color:#fff;text-align:left;padding:8px 12px;font-weight:600}
body.luxe .cpr-table td{padding:9px 12px;border-top:1px solid #E3ECF7;vertical-align:top}
body.luxe .cpr-table tr:nth-child(even) td{background:#F8FBFF}
body.luxe .cpr-topic{width:34%}
body.luxe .cpr-topic button{background:none;border:0;padding:0;text-align:left;font:600 13.5px var(--sans);color:#0F3A7D;cursor:pointer}
body.luxe .cpr-topic button:hover{color:#1F6FD1;text-decoration:underline}
body.luxe .cpr-topic small{display:block;color:#7C8FAB;font-size:11.5px;margin-top:2px}
body.luxe .cpr-laws{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
body.luxe .cpr-laws li{display:flex;gap:8px;align-items:baseline;min-width:0}
body.luxe .cpr-law{flex:0 0 auto;font-weight:700;color:#B85F00!important;text-decoration:none!important;white-space:nowrap}
body.luxe a.cpr-law:hover{text-decoration:underline!important}
body.luxe .cpr-laws li span{color:#3E5674;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
body.luxe .cpr-none{color:#7C8FAB;font-style:italic}
body.luxe .cpr-table{table-layout:fixed}body.luxe .cpr-table th:first-child,body.luxe .cpr-table td:first-child{width:32%}

.perm-sep{grid-column:1/-1;margin:10px 0 2px;padding-top:8px;border-top:1px dashed #C9D8EE;font-weight:700;color:#0F3A7D;font-size:13px}
body.luxe .course-ul li.sub{margin-left:22px;list-style:circle}

/* V9.6 – Biểu tượng Zalo thay cho chữ "Zalo" */
.zalo-ic.zi{display:inline-block!important;vertical-align:-5px;width:20px;height:20px;border-radius:5px;margin:0 2px}
.course-zalo,.contact-modal .cm-zalo{display:inline-flex!important;align-items:center;gap:6px}
.course-zalo .zalo-ic.zi,.cm-zalo .zalo-ic.zi{background:#fff;border-radius:6px;padding:1px}
.community-link-icon.zl{background:transparent!important;padding:0!important}
.community-link-icon.zl .zalo-ic{width:34px;height:34px;vertical-align:middle}
.social-row{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px}.social-row .zalo-ic.zi{width:24px;height:24px;margin:0}.social-row small{flex-basis:100%;color:#6B7F9C;font-size:11.5px}

/* V9.6 – Cộng đồng: gộp thanh liên kết vào phần đầu, khung chat được kéo lên */
body.luxe .community-hero.ch-compact{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:14px 18px!important;margin-bottom:12px}
body.luxe .ch-compact .community-hero-icon{width:52px;height:52px;font-size:26px;flex:0 0 52px}
body.luxe .ch-compact .ch-text{flex:1 1 360px;min-width:0}
body.luxe .ch-compact h1{font-size:22px!important;margin:2px 0!important;line-height:1.25}
body.luxe .ch-compact p{margin:2px 0 0;font-size:13px}
body.luxe .community-links.ch-links{display:flex!important;flex-wrap:wrap;gap:8px;margin:0!important;grid-template-columns:none!important}
body.luxe .cl-pill{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px 0 8px;border:1px solid #CFE0F5;border-radius:999px;background:#fff;color:#0F3A7D;font:600 13px var(--sans);cursor:pointer}
body.luxe .cl-pill:hover{border-color:#1F6FD1;background:#F0F6FE}
body.luxe .cl-pill .zalo-ic.zi{width:24px;height:24px;margin:0}
body.luxe .cl-pill.not-ready{opacity:.75}
body.luxe .cl-pill i{font-style:normal;font-size:10.5px;font-weight:800;color:#12927F;background:#E2F5EF;border-radius:999px;padding:1px 6px}

/* V9.6 – Tự viết bài Tin tức */
body.luxe .news-action.primary{background:linear-gradient(90deg,#1656B8,#2B7DE0)!important;color:#fff!important;border-color:#1656B8!important}
.news-write textarea{font-family:inherit}
.news-write-hint{font-size:12px;color:#5A6F8F;margin:4px 0 8px;line-height:1.5}
.news-write-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}
.admin-secondary{border:1px solid #9FBDE3;background:#fff;color:#0F3A7D;border-radius:10px;padding:10px 18px;font-weight:700;cursor:pointer}
.news-write textarea,.news-write input{width:100%;box-sizing:border-box}.news-write #nwBody{min-height:300px}

/* V9.6 – Ảnh & video trong bài Tin tức */
.news-media-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:2px 0 6px}
.news-media-bar .admin-secondary{padding:6px 12px;font-size:12.5px;border-radius:8px}
.news-media-status{font-size:12px;color:#12927F}
.news-fig{margin:14px 0;text-align:center}
.news-fig img{max-width:100%;height:auto;border-radius:12px;border:1px solid #E3ECF7}
.news-fig figcaption{font-size:12.5px;color:#5A6F8F;margin-top:6px;font-style:italic}
.news-video{position:relative;width:100%;aspect-ratio:16/9;margin:14px 0;border-radius:12px;overflow:hidden;background:#000}
.news-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.news-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin:4px 0 6px;display:block}

/* V9.6 – Bộ văn bản mẫu tải về */
body.luxe .dl-section h3 small{font:500 12.5px var(--sans);color:#5A6F8F}
body.luxe .dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
body.luxe .dl-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #CFE0F5;border-left:4px solid #2B7DE0;border-radius:12px;background:#fff;text-decoration:none!important;color:#0F2A52!important}
body.luxe .dl-card:hover{border-color:#1F6FD1;background:#F0F6FE}
body.luxe .dl-ic{font-size:24px;flex:0 0 auto}
body.luxe .dl-tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
body.luxe .dl-tx small{font-size:11px;font-weight:700;color:#12927F;text-transform:uppercase;letter-spacing:.03em}
body.luxe .dl-tx b{font-size:14px;line-height:1.35}
body.luxe .dl-tx i{font-style:normal;font-size:12px;color:#5A6F8F}
body.luxe .dl-go{flex:0 0 auto;font:700 12px var(--sans);color:#fff;background:#F39A1E;border-radius:999px;padding:5px 10px;white-space:nowrap}

/* V9.6 – Xem văn bản mẫu (PDF) và tải Word/PDF */
button.doc-item.doc-open{text-align:left;cursor:pointer;font:inherit;border:1px solid #BFD3EE;background:#F7FBFF;position:relative}
button.doc-item.doc-open:hover{border-color:#1F6FD1;background:#EAF3FE;box-shadow:0 6px 16px rgba(15,58,125,.10)}
.doc-hint{display:block;margin-top:4px;font-size:11.5px;font-weight:700;color:#1F6FD1}
a.doc-link{font-weight:700;color:#1F6FD1!important;text-decoration:underline dotted}
a.dossier-doc{color:#0F3A7D!important;text-decoration:none!important;border-bottom:1px dashed #9FBDE3}
a.dossier-doc span{display:inline-block;margin-left:6px;font-size:11.5px;font-weight:700;color:#fff;background:#1F6FD1;border-radius:999px;padding:1px 8px}
a.dossier-doc:hover{color:#1F6FD1!important}
.doc-viewer{position:fixed;inset:0;z-index:9999;background:rgba(10,30,60,.55);display:flex;align-items:center;justify-content:center;padding:18px}
.dv-box{width:min(1100px,100%);height:min(94vh,100%);background:#fff;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.dv-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:linear-gradient(90deg,#0F3A7D,#1F6FD1);color:#fff}
.dv-title{display:flex;flex-direction:column;min-width:0}.dv-title small{font-size:11.5px;opacity:.85;letter-spacing:.03em}.dv-title b{font-size:16px}
.dv-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dv-btn{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.55);color:#fff!important;text-decoration:none!important;font:600 13px var(--sans,inherit);background:rgba(255,255,255,.08)}
.dv-btn:hover{background:rgba(255,255,255,.2)}.dv-btn.primary{background:#F39A1E;border-color:#F39A1E}
.dv-close{width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:16px;cursor:pointer}
.dv-frame{flex:1;width:100%;border:0;background:#E8EEF6}
.dv-pages{flex:1;overflow:auto;background:#E8EEF6;padding:16px;display:flex;flex-direction:column;align-items:center;gap:14px}
.dv-pages img{width:min(820px,100%);height:auto;background:#fff;box-shadow:0 4px 18px rgba(15,58,125,.18);border-radius:4px}

/* V9.6 – Ô số liệu tổng quan bấm được */
button.overview-stat.stat-go{cursor:pointer;text-align:left;font:inherit;display:flex;flex-direction:column;gap:2px}
button.overview-stat.stat-go:hover{border-color:#1F6FD1!important;background:#EAF3FE!important;box-shadow:0 6px 16px rgba(15,58,125,.10)}
button.overview-stat.stat-go i{font-style:normal;font-size:11.5px;font-weight:700;color:#1F6FD1;margin-top:2px}