/* ##############################################################
   #                                                            #
   #     FILE TUY CHINH GIAO DIEN  -  theme.css                  #
   #                                                            #
   #  Day la file DUY NHAT ban can sua de doi giao dien.        #
   #  Sua xong: luu file (Ctrl+S) -> bam Ctrl+Shift+R tren web. #
   #  KHONG can restart server (tru khi doi ten App trong .env).#
   #                                                            #
   #  Cach sua: tim dong co chu "<-- SUA O DAY", doi gia tri    #
   #  sau dau hai cham. Vi du doi mau: --mau-chinh: #1f3050;    #
   #  -> doi thanh --mau-chinh: #c0392b;                        #
   #                                                            #
   #  Sai thi xoa file nay di la giao dien quay ve mac dinh.    #
   ############################################################## */

:root {

  /* ==========================================================
     1) BANG MAU  -  doi mau toan bo web
     Lay ma mau: vao google go "color picker", chon mau,
     copy ma dang #xxxxxx dan vao day.
     ========================================================== */

  --mau-nen-trang:      #f4f1ea;   /* <-- SUA O DAY: nen tong the (mau giay) */
  --mau-nen-phu:        #ebe6da;   /* <-- SUA O DAY: nen phu dam hon chut */
  --mau-nen-the:        #fffefb;   /* <-- SUA O DAY: nen cac khung the/card */
  --mau-chu:            #20242e;   /* <-- SUA O DAY: mau chu chinh */
  --mau-chu-phu:        #585e6b;   /* <-- SUA O DAY: mau chu phu (xam nhat) */
  --mau-chinh:          #1f3050;   /* <-- SUA O DAY: mau CHU DAO (sidebar, tieu de) */
  --mau-nhan:           #e0613e;   /* <-- SUA O DAY: mau NHAN MANH (nut chinh, logo) */
  --mau-vien:           #d8d2c4;   /* <-- SUA O DAY: mau duong vien/ke */

  /* Mau trang thai (dat/canh bao) - thuong khong can doi */
  --mau-ok:             #2f7d4f;   /* xanh la: dat/thanh cong */
  --mau-ok-nhat:        #dcefe1;
  --mau-canhbao:        #b07a1a;   /* vang: canh bao */
  --mau-canhbao-nhat:   #f3e7c8;
  --mau-loi-nhat:       #f6e3da;   /* do nhat: loi/loai */


  /* ==========================================================
     2) FONT CHU  -  doi kieu chu
     Mac dinh dung font Google "Space Grotesk" (chu thuong) va
     "Fraunces" (tieu de). Muon doi font khac:
       B1. Vao fonts.google.com chon font, copy ten font.
       B2. Sua link font trong cac file .html (dong <link ...>)
           HOAC giu nguyen va chi doi 2 bien ben duoi neu font
           moi da co san tren may.
     ========================================================== */

  --font-chu-thuong:  'Space Grotesk', -apple-system, sans-serif; /* <-- SUA O DAY */
  --font-tieu-de:     'Fraunces', Georgia, serif;                 /* <-- SUA O DAY */
  --co-chu-co-ban:    15px;   /* <-- SUA O DAY: co chu mac dinh toan web */


  /* ==========================================================
     3) LOGO + TEN APP  o thanh ben trai (sidebar)
     ========================================================== */

  --sidebar-logo-to:  64px;         /* <-- SUA O DAY: kich thuoc logo o sidebar */
  --sidebar-ten-to:   20px;         /* <-- SUA O DAY: co chu ten App o sidebar */
  --sidebar-nen-logo: #ffffff;      /* <-- SUA O DAY: nen sau logo (de logo noi tren sidebar) */
  --sidebar-can-le:   center;       /* <-- SUA O DAY: "center" (giua) / "flex-start" (trai) */
  /* Doi bo cuc logo TREN/ten DUOI <-> logo TRAI/ten PHAI:
     xem khoi huong dan o CUOI file (phan "KIEU HANG").       */


  /* ==========================================================
     4) BO GOC & KHOANG CACH
     ========================================================== */

  --bo-goc:           14px;   /* <-- SUA O DAY: do bo tron goc the/nut (0 = vuong) */
  --be-rong-sidebar:  248px;  /* <-- SUA O DAY: chieu rong thanh ben trai */
}


/* ##############################################################
   #  PHAN DUOI: AP DUNG CAC BIEN TREN VAO GIAO DIEN.           #
   #  Ban KHONG can sua phan nay - chi sua cac bien o tren.     #
   ############################################################## */

/* --- Map bien tieng Viet -> bien he thong (giu tuong thich) --- */
:root {
  --paper:      var(--mau-nen-trang);
  --paper-2:    var(--mau-nen-phu);
  --card:       var(--mau-nen-the);
  --ink:        var(--mau-chu);
  --ink-soft:   var(--mau-chu-phu);
  --navy:       var(--mau-chinh);
  --coral:      var(--mau-nhan);
  --coral-soft: var(--mau-loi-nhat);
  --green:      var(--mau-ok);
  --green-soft: var(--mau-ok-nhat);
  --amber:      var(--mau-canhbao);
  --amber-soft: var(--mau-canhbao-nhat);
  --line:       var(--mau-vien);
  --radius:     var(--bo-goc);
}

/* --- Font & co chu --- */
body {
  font-family: var(--font-chu-thuong) !important;
  font-size: var(--co-chu-co-ban) !important;
}
.brand-name, .lockup-name, .page-head h1, .section-title,
h1, h2, h3, .stat-num, .pl-num, .score-pill {
  font-family: var(--font-tieu-de) !important;
}

/* --- Chieu rong sidebar --- */
.sidebar { width: var(--be-rong-sidebar); }

/* --- Bo cuc logo + ten o sidebar --- */
/* ===== KIEU MAC DINH: COT (logo tren, ten duoi, can giua) =====
   Day la kieu ban dang dung. Neu muon doi sang kieu HANG
   (logo trai, ten phai), xem huong dan o cuoi file.            */
.brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  margin-bottom: 42px;
}
.brand > div { min-width: 0; width: 100%; }
.brand-name {
  font-size: var(--sidebar-ten-to) !important;
  color: #fff;
  line-height: 1.25;
  word-break: break-word;
}
.brand-sub {
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8a93a8;
  margin-top: 4px;
}

/* Logo o sidebar: kich thuoc theo bien, co nen de noi tren navy */
.sidebar .brand-mark,
.sidebar .brand-logo-img {
  width: var(--sidebar-logo-to);
  height: var(--sidebar-logo-to);
  flex-shrink: 0;
  border-radius: 12px;
}
.sidebar .brand-logo-img {
  background: var(--sidebar-nen-logo);
  padding: 6px;
  object-fit: contain;
}

/* Can le noi dung sidebar (center = giua, flex-start = trai) */
.brand { align-items: var(--sidebar-can-le); }
.brand > div { text-align: var(--sidebar-can-le); }


/* ##############################################################
   #  MUON DOI SANG KIEU HANG (logo trai, ten phai)?           #
   #                                                            #
   #  Bo dau /* va *​/ bao quanh khoi ben duoi (tuc la           #
   #  "kich hoat" no len). Khoi nay se ghi de kieu cot o tren.  #
   ############################################################## */
/*
.brand {
  flex-direction: row;
  align-items: flex-start;
  text-align: left;
}
.brand > div { text-align: left; }
.sidebar .brand-mark,
.sidebar .brand-logo-img {
  width: 44px;
  height: 44px;
}
*/



/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */

/* update he thong moi */