:root {
	--bs-brand: #a1801b;
	--bs-brand-hover: #866a14;
	--bs-body-bg: #f8f9fa;
	--bs-body-color: #333333;

	/* Màu subtle (vàng kem / cát nhạt) - hoàn hảo cho alert, banner header & card background */
	--bs-brand-subtle: #f8f4e8;

	/* Tùy chọn: Màu viền subtle nếu cần ghép bộ */
	--bs-brand-border-subtle: #e6d8b3;

	--bs-brand-success: #198754;
	--bs-brand-success-subtle: #e8f5e9;
}

body {
	background-color: var(--bs-body-bg);
	color: var(--bs-body-color);
	font-size: 0.925rem;
}

/* Custom Brand Utility Classes */
.btn-brand {
	background-color: var(--bs-brand);
	color: #fff;
	border-color: var(--bs-brand);
}

.btn-brand:hover,
.btn-brand:focus {
	background-color: var(--bs-brand-hover);
	color: #fff;
	border-color: var(--bs-brand-hover);
	box-shadow: 0 0 0 0.25rem rgba(161, 128, 27, 0.25);
}

.btn-outline-brand {
	color: var(--bs-brand);
	border-color: var(--bs-brand);
}

.btn-outline-brand:hover {
	background-color: var(--bs-brand);
	color: #fff;
	border-color: var(--bs-brand);
}

.bg-brand {
	background-color: var(--bs-brand) !important;
	color: #fff;
}

.bg-brand-subtle {
	background-color: var(--bs-brand-subtle) !important;
}

.border-brand-subtle {
	border-color: var(--bs-brand-border-subtle) !important;
}

.bg-brand-success {
	background-color: var(--bs-brand-success) !important;
}

.bg-brand-success-subtle {
	background-color: var(--bs-brand-success-subtle) !important;
}

.btn-brand-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #19233F;
	--bs-btn-border-color: #19233F;

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #131B31;
	--bs-btn-hover-border-color: #131B31;

	--bs-btn-focus-shadow-rgb: 25, 35, 63;

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0F172A;
	--bs-btn-active-border-color: #0F172A;

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #19233F;
	--bs-btn-disabled-border-color: #19233F;
}

.text-brand {
	color: var(--bs-brand) !important;
}

.lbl-brand {
	color: var(--bs-brand);
	font-weight: 600;
}

/* Layout Structure */
.navbar-top {
	background-color: #ffffff;
	border-bottom: 1px solid #e5e7eb;
	height: 60px;
	z-index: 1030;
}

.sidebar-left {
	background-color: #ffffff;
	border-right: 1px solid #e5e7eb;
	width: 260px;
	position: fixed;
	top: 60px;
	bottom: 0;
	left: 0;
	z-index: 1020;
	transition: transform 0.25s ease-in-out, margin-left 0.25s ease-in-out;
	overflow-y: auto;
}

.main-content {
	margin-left: 260px;
	padding: 24px;
	padding-top: 84px;
	transition: margin-left 0.25s ease-in-out;
}

/* Thu gọn sidebar class */
.sidebar-collapsed .sidebar-left {
	margin-left: -260px;
}

.sidebar-collapsed .main-content {
	margin-left: 0;
}

/* Dropdown fix z-index nếu bị đè */
.dropdown-menu {
	z-index: 1040;
}

/* Menu con css */
.submenu {
	display: none;
	list-style: none;
	padding-left: 1rem;
}

.submenu.show {
	display: block;
}

/* Thẩm mỹ Minimalist Components */
.card {
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .02);
	border-radius: 8px;
}

.form-control:focus,
.form-select:focus {
	border-color: var(--bs-brand);
	box-shadow: 0 0 0 0.25rem rgba(161, 128, 27, 0.15);
}

.page-link {
	color: #4b5563;
}

.page-item.active .page-link {
	background-color: var(--bs-brand);
	border-color: var(--bs-brand);
	color: #ffffff;
}

.table-custom-white>tbody>tr>*,
.table-custom-white>tfoot>tr>* {
	--bs-table-bg: #ffffff !important;
	--bs-table-accent-bg: transparent !important;
	background-color: #ffffff !important;
}

/* Override background chuẩn cho Header của Table theo tông Brand Subtle */
.table-custom-brand>thead>tr>* {
    --bs-table-bg: var(--bs-brand-subtle) !important;
    --bs-table-accent-bg: transparent !important;
    background-color: var(--bs-brand-subtle) !important;
    color: var(--bs-body-color) !important;
}