/* Khung giao diện chung: menu trái + tiêu đề trang sáng, đồng nhất với Trang chính */
body.co-khung { margin:0; background:#f3f5f9; }
.khung { display:flex; min-height:100vh; }
.khung-nd { flex:1; min-width:0; }
.khung > nav { width:236px; flex:none; background:#fff; border-right:1px solid #e3e8ef; position:sticky; top:0; height:100vh; overflow-y:auto; padding:14px 0 24px; font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; color:#1d2733; text-transform:none; letter-spacing:0; }
.khung > nav .logo { display:flex; align-items:center; gap:10px; padding:0 18px 14px; border-bottom:3px solid #FDB813; margin-bottom:6px; }
.khung > nav .logo b { font-size:15px; color:#003B7A; letter-spacing:.3px; }
.khung > nav .logo small { display:block; font-size:11.5px; color:#6b7684; }
.khung > nav .nhom { font-size:11px; font-weight:700; color:#9aa5b1; letter-spacing:.6px; text-transform:uppercase; padding:14px 18px 4px; }
.khung > nav a, .khung > nav button { display:flex; align-items:center; gap:10px; width:100%; padding:8px 18px; color:#2b3642; text-decoration:none; font:inherit; font-size:13.5px; background:none; border:0; border-radius:0; cursor:pointer; text-align:left; }
.khung > nav a:hover, .khung > nav button:hover { background:#f4f7fb; }
.khung > nav a.on { background:#FFF4D6; color:#003B7A; font-weight:600; box-shadow:inset 4px 0 0 #FDB813; }
.khung > nav .ic { width:20px; text-align:center; flex:none; }
/* tiêu đề trang: nền trắng thay cho thanh vàng/xanh cũ */
body.co-khung header { position:sticky !important; top:0; z-index:20; background:#fff !important; color:#1d2733 !important; border-bottom:1px solid #e3e8ef !important; box-shadow:0 1px 4px rgba(16,40,70,.05); padding:12px 22px !important; display:flex; align-items:center; gap:10px 14px; flex-wrap:wrap; }
body.co-khung header h1 { margin:0; font-size:20px !important; font-weight:700; color:#1d2733 !important; text-transform:none !important; letter-spacing:0 !important; }
body.co-khung header small, body.co-khung header .sub { color:#6b7684 !important; font-size:13px; font-weight:400; }
body.co-khung header a, body.co-khung header label { color:#1d2733 !important; }
body.co-khung header button { color:#2b3642 !important; background:#fff !important; border:1px solid #e3e8ef !important; border-radius:7px; }
body.co-khung header button:hover { background:#f4f7fb !important; }
body.co-khung header input, body.co-khung header select { color:#1d2733 !important; background:#fff; border:1px solid #e3e8ef !important; border-radius:7px; }
body.co-khung header #btnVe, body.co-khung header #btnTrangChinh, body.co-khung header #btnPhanTich { display:none !important; }
body.co-khung h2, body.co-khung th { text-transform:none; letter-spacing:0; }
.khung-menu { display:none; font:inherit; font-size:18px; background:#fff !important; border:1px solid #e3e8ef !important; border-radius:8px !important; padding:3px 10px; cursor:pointer; color:#1d2733 !important; }
@media (max-width: 900px) {
  .khung > nav { position:fixed; left:0; top:0; z-index:40; transform:translateX(-100%); transition:transform .2s; box-shadow:4px 0 20px rgba(0,0,0,.15); }
  .khung > nav.mo { transform:none; }
  .khung-menu { display:inline-block; }
  body.co-khung header { padding:10px 12px !important; }
}