/* ════════════════════════════════════════════════════════════════════════════
   uk-admin-chung.css — KHUÔN CHUNG cho mọi trang quản trị con (/admin-*.html, brand-radar), 16/10/2026.
   Thầy chốt mẫu A cho /admin: tiêu đề Noto Serif, chữ thân và số Be Vietnam Pro (chữ số thẳng hàng),
   hai cỡ chữ Vừa (Giấy Dịu) và Lớn (Rõ Nét, Lexend) như La Bàn Pro.
   Thầy chốt tiếp: dải đầu mọi trang con đổi sang ĐỎ SON và dùng CHUNG LOGO với /admin.
   Trang con nạp tệp này SAU khối <style> riêng của trang, nên chỉ đè phông chữ, cỡ chữ và dải đầu,
   không đụng bố cục riêng của từng trang.
   Đi kèm /assets/js/uk-admin-trang.js (dựng dải đầu, logo, nút cỡ chữ).
   Hai kiểu dải đầu:
   • .uka-dau-gop  trang đã có dải đầu màu sẵn (đánh dấu data-uka-dau trong HTML): tô lại đỏ son, gắn logo vào.
   • .uka-dau-moi  trang chưa có dải màu: JS chèn một dải mới lên đầu trang.
   ════════════════════════════════════════════════════════════════════════════ */
:root {
  --uka-than: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --uka-hien: "Noto Serif", Georgia, serif;
  --uka-son: #6E0E0A;
  --uka-son-dam: #4a0808;
  --uka-kem: #FBEFD5;
  --uka-vang: #F6E3A8;
}
body { font-family: var(--uka-than) !important; }
h1, h2, h3, .uka-hien { font-family: var(--uka-hien) !important; }
input, select, textarea, button { font-family: inherit; }
td, .so, [class*="dem"], [class*="badge"] { font-variant-numeric: lining-nums tabular-nums; }

/* Điện thoại: ô nhập 16px để iPhone không tự phóng to khi chạm */
@media (max-width: 900px) {
  input, select, textarea { font-size: 16px !important; }
}

/* Chữ lớn, Rõ Nét: cùng một lựa chọn với /admin (localStorage uka_gd) */
html[data-gd="ro"] body { font-family: "Lexend", system-ui, sans-serif !important; zoom: 1.12; }
html[data-gd="ro"] h1, html[data-gd="ro"] h2, html[data-gd="ro"] h3 { font-family: "Lexend", system-ui, sans-serif !important; }

/* ───────── Dải đầu đỏ son ───────── */
.uka-dau-moi {
  display: flex; align-items: center; gap: 10px; min-height: 54px; box-sizing: border-box;
  padding: calc(8px + env(safe-area-inset-top)) 18px 8px;
  background: linear-gradient(135deg, var(--uka-son), var(--uka-son-dam)); color: var(--uka-kem);
  font: 500 14px/1.3 var(--uka-than); position: relative; z-index: 60;
  box-shadow: 0 2px 10px rgba(74, 8, 8, .25);
}
.uka-dau-gop {
  background: linear-gradient(135deg, var(--uka-son), var(--uka-son-dam)) !important;
  color: var(--uka-kem) !important; border-bottom: 0 !important;
}
.uka-dau-gop h1, .uka-dau-gop > b { color: var(--uka-kem) !important; }
/* chỉ link trơn; link có kiểu nút riêng (nền trắng) giữ nguyên màu của trang */
.uka-dau-gop a:not([class]) { color: var(--uka-vang) !important; border-color: rgba(246, 227, 168, .4) !important; }

/* Logo chung, giống /admin: ấn UK MASTER CORP tròn viền vàng, chữ UK Admin, bấm là về /admin */
.uka-logo {
  display: inline-flex !important; align-items: center; gap: 9px; flex: none;
  text-decoration: none !important; color: var(--uka-kem) !important;
  border: 0 !important; background: none !important; padding: 0 !important; margin: 0 !important;
}
.uka-logo img {
  width: 32px; height: 32px; border-radius: 50%; object-fit: cover; background: #fff; flex: none;
  box-shadow: 0 0 0 1.5px rgba(212, 175, 55, .65), 0 3px 10px rgba(0, 0, 0, .3);
}
.uka-logo b { font: 700 16px/1 var(--uka-hien); white-space: nowrap; color: var(--uka-kem); }
.uka-dau-gop .uka-logo { padding-right: 12px !important; border-right: 1px solid rgba(255, 255, 255, .22) !important; }
.uka-dau-sep { opacity: .5; flex: none; }
.uka-dau-ten { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--uka-vang); font-size: 14.5px; }

/* Nút gạt cỡ chữ Vừa | Lớn, cùng kiểu với /admin */
.uka-gd {
  display: inline-grid; grid-template-columns: 1fr 1fr; flex: none; margin-left: auto;
  width: 68px; height: 34px; padding: 2px; box-sizing: border-box; border-radius: 17px;
  background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .3);
}
.uka-gd button {
  border: 0 !important; background: transparent !important; border-radius: 15px; line-height: 1; color: var(--uka-vang) !important;
  cursor: pointer; padding: 0 !important; margin: 0; min-height: 0 !important; height: 100%; width: 100%;
  display: flex; align-items: center; justify-content: center; box-shadow: none;
}
.uka-gd button[data-gd="giay"] { font: 500 15px/1 "Noto Serif", Georgia, serif !important; }
.uka-gd button[data-gd="ro"] { font: 800 16px/1 "Lexend", system-ui, sans-serif !important; }
.uka-gd button[aria-pressed="true"] { background: #FBF9F5 !important; color: #9E2B20 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); }
html[data-gd="ro"] .uka-gd button[aria-pressed="true"] { background: #111 !important; color: #fff !important; }

@media (max-width: 600px) {
  .uka-dau-moi { padding-left: 12px; padding-right: 12px; gap: 8px; }
  .uka-dau-gop .uka-logo b { display: none; }
  .uka-dau-gop .uka-logo { padding-right: 8px !important; }
}