/* ============================================================
   SELF-HOST FONTS (offline-safe) — Be Vietnam Pro + Inter
   Weights: Be Vietnam Pro 400/500/600/700/800; Inter 400/500/600/700.
   Subset: vietnamese + latin-ext + latin (đủ dấu tiếng Việt), OFL.
   File woff2 tại Web/theme/fonts/<family>/, CSS ở Web/theme/css/ → '../fonts/...'.
   font-display:swap. Thay cho Google Fonts CDN (đã gỡ khỏi các view).
   ============================================================ */
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-regular-vietnamese.woff2') format('woff2');
  unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-regular-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-regular-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-medium-vietnamese.woff2') format('woff2');
  unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-medium-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-medium-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-semibold-vietnamese.woff2') format('woff2');
  unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-semibold-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-semibold-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-bold-vietnamese.woff2') format('woff2');
  unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-bold-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-bold-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-extrabold-vietnamese.woff2') format('woff2');
  unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-extrabold-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Be Vietnam Pro';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url('../fonts/be-vietnam-pro/bevietnampro-extrabold-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../fonts/inter/inter-regular-vietnamese.woff2') format('woff2');
  unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../fonts/inter/inter-regular-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../fonts/inter/inter-regular-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('../fonts/inter/inter-medium-vietnamese.woff2') format('woff2');
  unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('../fonts/inter/inter-medium-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('../fonts/inter/inter-medium-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('../fonts/inter/inter-semibold-vietnamese.woff2') format('woff2');
  unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('../fonts/inter/inter-semibold-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('../fonts/inter/inter-semibold-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('../fonts/inter/inter-bold-vietnamese.woff2') format('woff2');
  unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('../fonts/inter/inter-bold-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('../fonts/inter/inter-bold-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ============================================================
   Rabit POS — Brand override cho AdminLTE (LỚP TRÌNH BÀY)
   Nạp SAU AdminLTE.min.css + _all-skins.min.css + custom.css.
   Nguồn token: Marketing/brand/tokens.css (biến --rb-*).
   Chỉ override màu/typography, KHÔNG đổi layout/logic.
   Dùng !important ở vài chỗ để thắng độ ưu tiên .skin-* của AdminLTE.
   ============================================================ */

/* ---------- Token cốt lõi (trích từ Marketing/brand/tokens.css) ---------- */
:root {
  /* Tông chủ đạo CAM NHẠT #FF9933: giữ tên --rb-teal-* nhưng gán giá trị thang cam */
  --rb-teal-50:#FFF6EC; --rb-teal-100:#FFEAD1; --rb-teal-200:#FFD3A3;
  --rb-teal-300:#FFBD70; --rb-teal-400:#FFB04D; --rb-teal-500:#FFA333;
  --rb-teal-600:#FF9933; --rb-teal-700:#E67E00; --rb-teal-800:#CC7000;
  --rb-teal-900:#A85A00;
  --rb-carrot-400:#FB923C; --rb-carrot-500:#F97316; --rb-carrot-600:#EA580C;
  --rb-carrot-700:#C2410C;
  --rb-slate-50:#F8FAFC; --rb-slate-100:#F1F5F9; --rb-slate-200:#E2E8F0;
  --rb-slate-300:#CBD5E1; --rb-slate-500:#64748B; --rb-slate-700:#334155;
  --rb-slate-900:#0F172A;

  --rb-primary:var(--rb-teal-600);
  --rb-primary-strong:var(--rb-teal-700);
  --rb-primary-hover:var(--rb-teal-800);
  --rb-accent-strong:var(--rb-carrot-600);
  --rb-accent-hover:var(--rb-carrot-700);
  --rb-font-display:"Be Vietnam Pro", system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  --rb-font-body:"Inter", "Be Vietnam Pro", system-ui, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ---------- Typography ---------- */
body,
.content-wrapper,
.main-footer,
.form-control,
.btn,
button,
input,
select,
textarea,
.table,
.box,
.nav-tabs > li > a {
  font-family: var(--rb-font-body);
}
h1, h2, h3, h4, h5,
.box-title,
.main-header .logo,
.login-box-body h1,
.brand-wordmark {
  font-family: var(--rb-font-display);
}
/* Số tiền canh cột đều (tabular) */
.money, .amount, td.text-right, .grand-total, #grand_total {
  font-variant-numeric: tabular-nums;
}

/* ============================================================
   HEADER / NAVBAR  → teal
   ============================================================ */
.main-header .navbar {
  background-color: var(--rb-teal-800) !important;
}
.main-header .logo {
  background-color: var(--rb-teal-900) !important;
  color: #fff !important;
  font-weight: 800;
  border-bottom: 0 !important;
}
.main-header .logo:hover {
  background-color: var(--rb-teal-900) !important;
}
.main-header .navbar .nav > li > a {
  color: #EAFBF7 !important;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a {
  background-color: var(--rb-teal-900) !important;
  color: #fff !important;
}
.main-header .sidebar-toggle {
  color: #EAFBF7 !important;
}
.main-header .sidebar-toggle:hover {
  background-color: var(--rb-teal-900) !important;
}
/* Logo Rabit trong sidebar-header: img đặt thẳng trong sidebar.php,
   giữ nguyên cơ chế ẩn/hiện logo-lg/logo-mini của AdminLTE. */

/* ============================================================
   LEFT SIDEBAR  → teal-800
   ============================================================ */
.main-sidebar,
.left-side,
.wrapper {
  background-color: var(--rb-teal-800) !important;
}
.sidebar-menu > li > a {
  color: #D3F3EE !important;
  border-left: 3px solid transparent;
}
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
  color: #9FE3DA !important;
}
.sidebar-menu > li:hover > a,
.sidebar-menu > li.active > a,
.sidebar-menu > li.menu-open > a {
  background-color: var(--rb-teal-900) !important;
  color: #fff !important;
  border-left-color: var(--rb-carrot-500) !important;
}
.sidebar-menu > li:hover > a > .fa,
.sidebar-menu > li.active > a > .fa {
  color: #fff !important;
}
/* Submenu (treeview) tối hơn một chút */
.sidebar-menu .treeview-menu {
  background-color: var(--rb-teal-900) !important;
}
.sidebar-menu .treeview-menu > li > a {
  color: #B7E9E1 !important;
}
.sidebar-menu .treeview-menu > li.active > a,
.sidebar-menu .treeview-menu > li > a:hover {
  color: #fff !important;
}
.sidebar-form,
.user-panel {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.user-panel > .info,
.user-panel > .info > p {
  color: #EAFBF7 !important;
}
.sidebar a { color: inherit; }

/* ============================================================
   BUTTONS
   ============================================================ */
.btn-primary {
  background-color: var(--rb-primary-strong) !important;
  border-color: var(--rb-teal-800) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--rb-primary-hover) !important;
  border-color: var(--rb-teal-900) !important;
  color: #fff !important;
}

/* Nút CTA thanh toán / Lưu & In trong POS → cam cà rốt */
#pay_all,
.make_sale,
.btn-carrot,
.btn.btn-carrot {
  background-color: var(--rb-accent-strong) !important;
  border-color: var(--rb-carrot-700) !important;
  color: #fff !important;
}
#pay_all:hover,
.make_sale:hover,
.make_sale:focus,
.btn-carrot:hover {
  background-color: var(--rb-accent-hover) !important;
  border-color: var(--rb-carrot-700) !important;
  color: #fff !important;
}

/* ============================================================
   LINKS / ACCENTS
   ============================================================ */
a { color: var(--rb-teal-700); }
a:hover, a:focus { color: var(--rb-teal-800); }
.text-primary { color: var(--rb-teal-700) !important; }
.bg-primary { background-color: var(--rb-teal-700) !important; }

/* Tabs active theo teal */
.nav-tabs-custom > .nav-tabs > li.active > a {
  border-top-color: var(--rb-teal-600);
}
.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: var(--rb-teal-600);
}

/* Box header primary → teal */
.box.box-primary { border-top-color: var(--rb-teal-600); }
.box-primary > .box-header { color: var(--rb-teal-800); }

/* Pagination / active states dùng teal */
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span {
  background-color: var(--rb-teal-700);
  border-color: var(--rb-teal-700);
}

/* iCheck / control focus ring teal */
.form-control:focus {
  border-color: var(--rb-teal-500);
  box-shadow: 0 0 0 2px rgba(20,184,166,0.20);
}

/* Nội dung nền nhẹ nhàng hơn */
.content-wrapper {
  background-color: var(--rb-slate-100);
}

/* Bảng: hàng chọn/hover teal nhạt */
.table-hover > tbody > tr:hover {
  background-color: var(--rb-teal-50);
}

/* Label/badge success giữ xanh lá, primary → teal */
.label-primary { background-color: var(--rb-teal-700); }

/* ============================================================
   LOGIN PAGE — logo Rabit
   ============================================================ */
.rb-login-logo {
  display: block;
  margin: 0 auto 14px;
  max-width: 220px;
  height: auto;
}

/* ============================================================
   BUG-13 — RESPONSIVE stat-card (info-box) man hinh nho
   AdminLTE mac dinh cat .info-box-number bang white-space:nowrap
   + overflow:hidden -> so tien VND dai bi cat "5,785,0...".
   Cho phep xuong dong + giam font de hien du so.
   ============================================================ */
@media (max-width: 480px) {
  .info-box-number,
  .info-box-text {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: break-word;
  }
  .info-box-number {
    font-size: 15px;
    line-height: 1.25;
  }
  .info-box-content {
    margin-left: 80px;
  }
}
@media (max-width: 375px) {
  .info-box-number {
    font-size: 13px;
  }
}