/* ===== DeepC Header/Toolbar theme ===== */
:root {
  --dc-bg: #132f5c;
  --dc-fg: #ffffff;
  --dc-hover: rgba(255, 255, 255, 0.12);
  --dc-sep: rgba(255, 255, 255, 0.18);
}

/* Header bar */
.app-header.header-deepc {
  background-color: var(--dc-bg) !important;
  color: var(--dc-fg) !important;
  border-bottom: 1px solid var(--dc-sep) !important;
}

/* Toolbar bar (nếu dùng app-toolbar phía dưới header) */
/*.app-toolbar.toolbar-deepc {
    background-color: var(--dc-bg) !important;
    color: var(--dc-fg) !important;
    border-top: 1px solid var(--dc-sep) !important;
}*/

/* Link + icon + title trong menu ngang */
.header-deepc .menu .menu-link {
  color: var(--dc-fg) !important;
}

.header-deepc .menu .menu-link .menu-title,
.header-deepc .menu .menu-link .menu-icon,
.header-deepc .menu .menu-link i,
.header-deepc .ki-duotone {
  color: var(--dc-fg) !important;
}

.header-deepc .menu .menu-link:hover,
.header-deepc .menu .menu-link.active,
.header-deepc .menu .here > .menu-link {
  background: var(--dc-hover) !important;
  color: #fff !important;
}

/* mũi tên + bullet */
.header-deepc .menu .menu-arrow,
.header-deepc .menu .menu-bullet .bullet {
  color: var(--dc-fg) !important;
  background-color: var(--dc-fg) !important; /* bullet chấm tròn */
}

/* Submenu (dropdown) – nền tối, chữ trắng */
.header-deepc .menu-sub.menu-sub-lg-dropdown {
  background: var(--dc-bg) !important;
  color: var(--dc-fg) !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25) !important;
  border: 1px solid var(--dc-sep) !important;
}

.header-deepc .menu-sub .menu-link {
  color: var(--dc-fg) !important;
}

.header-deepc .menu-sub .menu-link:hover,
.header-deepc .menu-sub .menu-link.active {
  background: var(--dc-hover) !important;
  color: #fff !important;
}

.header-deepc .menu-sub .menu-bullet .bullet {
  background: var(--dc-fg) !important;
}

/* Nút/icon bên phải header (chuông, avatar, …) */
.header-deepc .btn.btn-icon,
.header-deepc .btn.btn-light,
.header-deepc .text-dark,
.header-deepc .symbol .symbol-label {
  color: var(--dc-fg) !important;
  border-color: transparent !important;
}

.header-deepc .btn.btn-light:hover {
  background: var(--dc-hover) !important;
}

/* Mobile drawer menu */
.app-header-menu.app-header-mobile-drawer.header-deepc {
  background-color: var(--dc-bg) !important;
  color: var(--dc-fg) !important;
}

/* Breadcrumb trong toolbar (nếu có) */
/*toolbar-deepc .breadcrumb .breadcrumb-item,
.toolbar-deepc .breadcrumb .breadcrumb-item a {
    color: #f1f5ff !important;
}*/

/* Dropdown trong header tối: nền trắng, chữ tối */
.app-header.header-deepc .menu-sub.menu-sub-dropdown {
  background: #ffffff !important;
  color: #181c32 !important;
  box-shadow: 0 10px 30px rgba(19, 47, 92, 0.15);
  border-radius: 0.75rem;
}

/* Ép màu chữ/ico/link trong dropdown về tối (ghi đè !important của header) */
.app-header.header-deepc .menu-sub.menu-sub-dropdown .menu-link,
.app-header.header-deepc .menu-sub.menu-sub-dropdown .menu-title,
.app-header.header-deepc .menu-sub.menu-sub-dropdown .menu-text,
.app-header.header-deepc .menu-sub.menu-sub-dropdown .menu-arrow,
.app-header.header-deepc .menu-sub.menu-sub-dropdown i,
.app-header.header-deepc .menu-sub.menu-sub-dropdown .ki-duotone {
  color: #181c32 !important;
}

/* Hover dropdown nhẹ */
.app-header.header-deepc .menu-sub.menu-sub-dropdown .menu-link:hover {
  background: rgba(19, 47, 92, 0.06) !important;
}

/* Phần “thông tin user” đầu dropdown */
.app-header.header-deepc .menu-sub .fw-bold,
.app-header.header-deepc .menu-sub a {
  color: #181c32 !important;
}

.app-header.header-deepc .menu-sub .text-muted {
  color: #7e8299 !important;
}

.search-hit {
    background-color: #fff3cd;
    color: #b54708;
    padding: 0 1px;
    border-radius: 2px;
}

/* ===== Flatpickr: sửa lỗi bị che năm khi tên tháng tiếng Việt dài ===== */
.flatpickr-months .flatpickr-month {
    overflow: visible !important;
}

.flatpickr-current-month {
    width: 100% !important;
    left: 0 !important;
    padding-left: 40px !important;  /* tránh đè lên nút prev */
    padding-right: 40px !important; /* tránh đè lên nút next */
    box-sizing: border-box !important;
}

.flatpickr-current-month .numInputWrapper {
    width: 7ch !important;
}

.flatpickr-current-month span.cur-month {
    margin-left: 0 !important;
}