@charset "UTF-8";
/*================================================================================
    Menu dọc nền navy cho bộ giao diện v2 — sinh ra public/css/semi-dark-layout-v2.css

    Vì sao tông chủ đạo phải nằm ở menu: nút và nhãn chỉ chiếm vài phần trăm
    diện tích màn hình, đổi màu ở đó thì giao diện vẫn đọc ra trắng–xám. Menu
    dọc 260px chạy suốt chiều cao mới là nơi tông thương hiệu hiện diện.

    Dùng lại nguyên bộ semi-dark-layout của theme, chỉ thay màu nền: biến
    $theme-dark-card-bg mang !default (base/components/_variables-dark.scss:29,
    mặc định #283046) nên giá trị đặt ở đây thắng.

    File này chỉ được nạp ở nhánh v2. Bộ cũ không nạp nên không bị ảnh hưởng.

    ⚠ Menu dọc dùng CHUNG cho cả hai tầng (snippets/menu.blade.php ở tầng CRM-2,
    panels/sidebar.blade.php ở tầng Blade), nhưng CSS nền menu của tầng CRM-2
    đến từ artifact đã sửa tay 2024–2025 còn file này sinh từ SCSS 2022. Hai
    nguồn gặp nhau ở cùng selector .main-menu — PHẢI xem bằng mắt vùng menu
    CRM-2 sau khi bật, không suy luận.
================================================================================*/
.semi-dark-layout {
  /************ Main Menu **************/
}
.semi-dark-layout .main-menu {
  background-color: #2757a0;
}
.semi-dark-layout .main-menu .shadow-bottom {
  background: linear-gradient(180deg, #2757a0 44%, rgba(39, 87, 160, 0.51) 73%, rgba(39, 87, 160, 0));
}
.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active > a {
  background-color: #174284 !important;
}
.semi-dark-layout .main-menu-content .navigation-main {
  background-color: #2757a0;
}
.semi-dark-layout .main-menu-content .navigation-main .navigation-header {
  color: #d0d4da;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
  color: #dfe3e8;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item.open:not(.sidebar-group-active) > a {
  background-color: #174284;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after,
.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
  color: #dfe3e8 !important;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
  background-color: #2757a0;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  color: #fff;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
  background-color: #2757a0;
}
.semi-dark-layout .main-menu-content .navigation-main .active > a {
  color: #fff !important;
}
.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
.semi-dark-layout .main-menu-content .navigation-main .active i {
  color: #fff;
}
.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
  border-radius: 4px;
}
.semi-dark-layout .main-menu-content .navigation-main .menu-content {
  background-color: #2757a0;
}
.semi-dark-layout .main-menu-content .navigation-main .menu-content .active {
  z-index: 1;
}
.semi-dark-layout .main-menu-content .navigation-main .menu-content .active a {
  background-color: transparent;
}
.semi-dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
  background: #174284 !important;
  color: #fff !important;
}

/*──────────────────────────────────────────────────────────────────────────────
    Điểm nhấn cam cho mục đang chọn và số đếm

    Nhận diện Thái Minh là xanh + cam; dùng xanh đơn độc chỉ ra nửa thương hiệu.
    Cam đặt ở chỗ có nghĩa — mục đang mở và số đếm việc chưa xử lý — chứ không
    rải làm trang trí.
──────────────────────────────────────────────────────────────────────────────*/
.semi-dark-layout .main-menu .navbar-header {
  background-color: #fff;
}
.semi-dark-layout .main-menu.menu-light .navigation > li.sidebar-group-active > a {
  background-color: #174284;
}
.semi-dark-layout .main-menu .navigation > li.active > a,
.semi-dark-layout .main-menu .navigation > li.sidebar-group-active > a {
  border-left: 3px solid #f8a018;
}
.semi-dark-layout .main-menu .navigation .badge {
  background-color: #f8a018 !important;
  color: #2a2e30 !important;
}