/* ##############################################################
   #   FILE TUY CHINH GIAO DIEN  -  theme.local.css             #
   #                                                            #
   #   >>> FILE NAY LA CUA RIENG BAN. Ban cap nhat (zip moi)     #
   #   KHONG chua file nay -> giai nen/CAP_NHAT.bat bao nhieu    #
   #   lan cung KHONG mat tuy chinh trong day.                   #
   #                                                            #
   #   Sua xong: luu (Ctrl+S) -> web bam Ctrl+Shift+R.          #
   #                                                            #
   #   BO CUC FILE NAY (doc de biet sua o dau):                  #
   #     [1] BANG MAU            - mau toan he thong             #
   #     [2] CO CHU & FONT        - kich thuoc + kieu chu        #
   #     [3] SIDEBAR (panel TRAI) - menu ben trai                #
   #     [4] TOPBAR (thanh TREN)  - search, tai khoan            #
   #     [5] KHUNG HRMS           - nen vung noi dung GIUA       #
   #     [6] TUY CHINH THEM CUA BAN                              #
   ############################################################## */

:root {

  /* =========================================================
     [1] BANG MAU  -  XANH LA MDS (ap dung TOAN he thong)
     Module nao cung dung bang mau nay. Doi mau: sua ma
     #xxxxxx ben duoi (dung cong cu chon mau de lay ma).
     ========================================================= */

  --mau-nen-trang:  #f4f8f6;   /* nen tong the (phia sau) */
  --mau-nen-phu:    #e7f1ec;   /* nen phu (vung nhe) */
  --mau-nen-the:    #ffffff;   /* nen the / card / o noi dung */
  --mau-chu:        #18241f;   /* chu chinh (xanh gan den) */
  --mau-chu-phu:    #566660;   /* chu phu (xam xanh, ghi chu) */
  --mau-chinh:      #0c5d49;   /* CHU DAO: tieu de, nut, ma ID */
  --mau-nhan:       #14855f;   /* NHAN MANH: nut chinh, link */
  --mau-vien:       #d3e6df;   /* duong vien / ke bang */

  /* Map ten cu -> mau moi (chong cascade ghi de). KHONG xoa */
  --navy:           #0c5d49;   /* (ten cu "navy" -> xanh la) */
  --coral:          #14855f;   /* (ten cu "coral" -> xanh la) */
  --green:          #0c5d49;
  --paper:          #f4f8f6;
  --paper-2:        #e7f1ec;
  --card:           #ffffff;
  --ink:            #18241f;
  --ink-soft:       #566660;
  --line:           #d3e6df;

  /* =========================================================
     [2] CO CHU & FONT  -  ap dung TOAN he thong
     ========================================================= */

  --co-chu-co-ban:  16px;   /* co chu mac dinh ca web.
                               Muon to hon: 16px -> 17px */

  /* KIEU CHU (font) - dang dung Arial. Doi font: thay 'Arial'
     ben duoi bang ten font khac, vi du:
       'Times New Roman'  (chu co chan, trang trong)
       'Calibri'          (hien dai, mem)
       'Tahoma'           (ro, de doc)
       'Segoe UI'         (font he thong Windows)
     Sua xong: luu -> web Ctrl+Shift+R. */
  --font-chu: Arial, Helvetica, sans-serif;

  /* =========================================================
     [3] SIDEBAR  (PANEL BEN TRAI - khu vuc menu)
     ========================================================= */

  --sidebar-ten-to:    15px;  /* co chu TEN APP (tren cung).
                                 De 15px de ten dai nhu
                                 "MDS People Management" hien
                                 gon 2 dong, khong bi vo xau.
                                 Muon to hon thi tang dan, vd
                                 16px - nhung ten dai se de bi
                                 tran/xuong nhieu dong. */
  --sidebar-muc-chinh: 15px;  /* co chu MUC MENU CHINH
                                 (Dashboard, Employee...).
                                 Truoc nho qua -> tang len */
  --sidebar-nhom-tieu: 12px;  /* tieu de NHOM (chu in hoa
                                 nho phia tren moi nhom) */

  /* =========================================================
     [4] TOPBAR  (THANH TREN CUNG - search, tai khoan)
     ========================================================= */

  --topbar-chu:   13px;

  /* =========================================================
     [5] KHUNG HRMS (mau accent, nen vung noi dung GIUA)
     ========================================================= */
  --hrms-accent:    #0c5d49;
  --hrms-bg:        #f4f8f6;
  --hrms-soft:      #d6ebe3;
  --hrms-avatar-bg: #d6ebe3;

}

/* ===========================================================
   [2b] EP FONT + CO CHU CHO TOAN WEBSITE (ke ca tieu de)
   =========================================================== */
body, input, button, select, textarea, table, h1, h2, h3, h4,
.page-head h1, .login-title, .lv-title, .dash-head h1,
.kpi-num, .pl-stage .pl-num, .stat-num,
.brand-name, .hrms-brand-name {
  font-family: var(--font-chu) !important;
}
body { font-size: var(--co-chu-co-ban); }
table { font-size: 14.5px; }
.muted, .hint, .chip, .badge { font-size: 13px; }

/* ===========================================================
   [3b] SIDEBAR (PANEL TRAI) - chinh co chu cho dung cap bac.
   Truoc day chu menu ben trai NHO qua, khong giong "muc
   cha". Day la cho chinh lai cho ro rang.
   =========================================================== */

/* Ten App tren cung panel trai */
.hrms-brand-name {
  font-size: var(--sidebar-ten-to) !important;
  font-weight: 700 !important;
}

/* MUC MENU CHINH ben trai (Dashboard, Employee...) - cap
   "muc cha", can du to de de nhin */
.hrms-nav-item {
  font-size: var(--sidebar-muc-chinh) !important;
  font-weight: 600 !important;
}

/* Tieu de NHOM (chu in hoa nho phia tren moi nhom menu) */
.hrms-nav-group-title,
.hrms-nav-section-label {
  font-size: var(--sidebar-nhom-tieu) !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
  opacity: .85;
}

/* Muc menu dang chon: nen xanh nhe, chu xanh la dam, ro */
.hrms-nav-item.on {
  background: var(--hrms-soft) !important;
  color: #0c5d49 !important;
  font-weight: 700 !important;
}

/* ===========================================================
   [4b] TOPBAR (THANH TREN) - search, chuong, tai khoan
   =========================================================== */
.hrms-topbar { font-size: var(--topbar-chu); }

/* ===========================================================
   [6] CAC TUY CHINH THEM CUA BAN
   Cu them dong CSS moi o duoi day. Moi them nen ghi chu
   ngan de sau de tim.
   =========================================================== */