/* t159 — THEME BE CỔ ĐIỂN. Chỉnh màu tại :root. Chỉ áp dụng màn hình; bản in/PDF/Zalo giữ nền trắng. */
:root{
 --be-bg:#F5EFE3; --be-bg2:#FAF6EE; --be-panel:#FFFDF8; --be-border:#D9CBB0; --be-border2:#E8DDC8;
 --be-dark:#3E2F23; --be-dark2:#54412F; --be-text:#2E2A24; --be-muted:#6E6352;
 --be-accent:#8B6B3E; --be-accent-h:#74582F; --be-gold:#B08D57;
 --be-th:#EADFC8; --be-zebra:#FBF7EE; --be-hover:#F1E6D0; --be-sel:#F6E7B8;
 --be-ok:#6B7A3A; --be-danger:#A23B2A; --be-radius:8px; --be-shadow:0 1px 3px rgba(62,47,35,.10),0 1px 1px rgba(62,47,35,.06);
 --be-font:"Roboto","Segoe UI",Tahoma,Arial,sans-serif;
}
@media screen{
html body{background:var(--be-bg)!important;color:var(--be-text)!important;font-family:var(--be-font)!important}
html body .main,html body .content,html body #content{background:var(--be-bg)!important;color:var(--be-text)}
/* thanh trên + sidebar */
html body .topbar{background:var(--be-dark)!important;color:#F5EFE3!important;border-bottom:2px solid var(--be-gold)!important;box-shadow:var(--be-shadow)}
html body .topbar *{color:#F5EFE3!important}
html body .topbar .btn,html body .topbar button{background:transparent!important;border-color:rgba(245,239,227,.35)!important}
html body .topbar .btn:hover,html body .topbar button:hover{background:var(--be-dark2)!important}
html body .sidebar{background:var(--be-bg2)!important;border-right:1px solid var(--be-border)!important}
html body .sidebar .sidebar-header{background:var(--be-dark)!important;border-bottom:2px solid var(--be-gold)!important}
html body .sidebar .sidebar-header *{color:#F5EFE3!important}
html body .sidebar .nav-group-label{color:var(--be-muted)!important}
html body .sidebar .nav-item{background:var(--be-panel)!important;filter:saturate(.55) brightness(.97);border-radius:var(--be-radius)!important}
html body .sidebar .nav-item:hover{background:var(--be-hover)!important}
html body .sidebar .nav-item.active{filter:saturate(.6);color:#fff!important}
html body .sidebar .kt-home{background:var(--be-panel)!important;border-color:var(--be-accent)!important;color:var(--be-dark)!important;border-radius:var(--be-radius)!important}
/* thẻ, panel, modal */
html body .card,html body .kpi,html body .home-card,html body .mod,html body .hub-card,html body .tile,html body .login-card,html body .modal{background:var(--be-panel)!important;border:1px solid var(--be-border)!important;border-radius:var(--be-radius)!important;box-shadow:var(--be-shadow)!important;color:var(--be-text)}
html body .mod:hover,html body .home-card:hover{background:var(--be-hover)!important;border-color:var(--be-accent)!important}
html body .modal-header{background:var(--be-th)!important;border-bottom:1px solid var(--be-border)!important}
html body .modal-header *{color:var(--be-dark)!important}
html body .modal-overlay{background:rgba(46,42,36,.45)!important}
html body .home-wrap{background:var(--be-bg)!important}
/* nút */
html body .btn{border-radius:6px!important;border:1px solid var(--be-border)!important;background:var(--be-panel)!important;color:var(--be-dark)!important;box-shadow:none}
html body .btn:hover{background:var(--be-hover)!important}
html body .btn-primary,html body #content .btn.on,html body #content .btn.active{background:var(--be-accent)!important;border-color:var(--be-accent-h)!important;color:#fff!important}
html body .btn-primary:hover{background:var(--be-accent-h)!important}
html body .btn-success,html body .btn-ok{background:var(--be-ok)!important;border-color:var(--be-ok)!important;color:#fff!important}
html body .btn-danger{background:var(--be-danger)!important;border-color:var(--be-danger)!important;color:#fff!important}
html body .sl-chip{background:var(--be-panel)!important;border-color:var(--be-border)!important;color:var(--be-dark)!important;border-radius:14px!important}
html body .sl-chip:hover{background:var(--be-hover)!important}
html body .sl-chip.on{background:var(--be-dark)!important;color:#FFF8EA!important;border-color:var(--be-dark)!important}
/* ô nhập */
html body input:not([type=checkbox]):not([type=radio]),html body select,html body textarea{background:#FFFEFA!important;border:1px solid var(--be-border)!important;color:var(--be-text)!important;border-radius:5px!important}
html body input:focus,html body select:focus,html body textarea:focus{outline:none!important;border-color:var(--be-accent)!important;box-shadow:0 0 0 2px rgba(139,107,62,.18)!important}
/* thanh công cụ + status bar kiểu kế toán */
html body #kt-sb{background:var(--be-th)!important;color:var(--be-dark)!important;border-top:1px solid var(--be-border)!important}
html body .home-head{padding:14px 16px 4px!important}
html body #kt-tb{background:linear-gradient(#FBF7EE,#EFE5D2)!important;border:1px solid var(--be-border)!important;border-radius:var(--be-radius)!important}
html body #kt-tb button{color:var(--be-dark)!important;background:transparent!important}
html body #kt-tb button:hover:not(:disabled){background:var(--be-hover)!important}

/* lưới dữ liệu (không đụng bảng trong mẫu in .cn-cho/.cn-a4/.print-box) */
html body .tbl{background:var(--be-panel)!important;border-color:var(--be-border)!important;border-radius:var(--be-radius)}
html body .tbl th{background:var(--be-th)!important;color:var(--be-dark)!important;border-color:var(--be-border)!important}
html body .tbl td{border-color:var(--be-border2)!important;color:var(--be-text)}
html body .tbl tbody tr:nth-child(even) td{background-color:var(--be-zebra)}
html body .tbl tbody tr:hover td{background-color:var(--be-hover)!important}
html body .tbl tbody tr.kt-sel td,html body .tbl tbody tr.sel td,html body .tbl tbody tr.selected td{background-color:var(--be-sel)!important}
html body #content a{color:var(--be-accent-h)}
html body .badge,html body .pill{border-color:var(--be-border)!important}
/* giữ tài liệu in trên nền trắng trong màn hình xem trước */
html body .cn-cho,html body .cn-a4,html body .print-box,html body .sl-doc,html body .cn-cho *,html body .cn-a4 td,html body .cn-a4 th{--be-zebra:transparent}
html body .cn-cho,html body .cn-a4,html body .print-box{background:#fff!important;color:#000}
/* hàng tô màu THU HÔM NAY: giữ chữ đậm dễ đọc */
html body .cn-pl tr td,html body .cn-pl select{color:var(--be-text)!important}
}