/* Baitap Theme - Đồng nhất với Hub (teal #0f766e / blue #1d4ed8) */
:root {
    --bt-brand: #0f766e;
    --bt-brand-2: #1d4ed8;
    --bt-ink: #12303f;
}

/* Ghi đè màu xanh lá Bootstrap → teal hub */
.text-success { color: #0f766e !important; }
.bg-success { background-color: #0f766e !important; }
.bg-success.bg-opacity-10 { background-color: rgba(15,118,110,0.1) !important; }

/* === LUẬT CONTRAST: Nền màu → chữ trắng === */
/* Nền teal đặc (bg-success) + chữ teal/text-success bên trong → chữ trắng */
.bg-success .text-success,
.bg-success.text-success,
.bg-success .text-primary,
.bg-success.text-primary,
.badge.bg-success:not(.bg-opacity-10),
.modal-header.bg-success,
.modal-header.bg-success .text-success,
.modal-header.bg-success .text-primary {
    color: #fff !important;
}
/* Nền xanh đặc (bg-primary) + chữ bên trong → trắng */
.bg-primary .text-success,
.bg-primary .text-primary,
.bg-primary.text-primary,
.bg-primary.text-success,
.badge.bg-primary:not(.bg-opacity-10),
.modal-header.bg-primary,
.modal-header.bg-primary .text-success,
.modal-header.bg-primary .text-primary {
    color: #fff !important;
}
/* Nền nhạt (opacity-10, subtle) → chữ đậm hơn để đọc được */
.bg-success.bg-opacity-10 .text-success,
.bg-success-subtle .text-success,
.badge.bg-success.bg-opacity-10.text-success {
    color: #0a5c53 !important;
}
.bg-primary.bg-opacity-10 .text-primary,
.bg-primary-subtle .text-primary,
.badge.bg-primary.bg-opacity-10.text-primary {
    color: #143aa6 !important;
}
/* Badge có viền + chữ → đậm */
.badge.border-success.text-success { color: #0a5c53 !important; }
.badge.border-primary.text-primary { color: #143aa6 !important; }

/* Bootstrap 5.3 subtle bg → đồng bộ teal */
.bg-success-subtle { background-color: rgba(15,118,110,0.1) !important; }
.bg-primary-subtle { background-color: rgba(29,78,216,0.08) !important; }
.btn-success {
    background: linear-gradient(135deg, #0f766e, #1d4ed8) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(15,118,110,0.25);
    transition: all .25s ease;
}
.btn-success:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(15,118,110,0.35);
}
.btn-outline-success {
    color: #0f766e !important;
    border-color: #0f766e !important;
}
.btn-outline-success:hover {
    background: linear-gradient(135deg, #0f766e, #1d4ed8) !important;
    border-color: transparent !important;
    color: #fff !important;
}
.border-success { border-color: #0f766e !important; }
.alert-success {
    background-color: rgba(15,118,110,0.08) !important;
    border-color: rgba(15,118,110,0.18) !important;
    color: #0b5e55 !important;
}
.badge.bg-success { background-color: #0f766e !important; }
.table-success, .table-success > td, .table-success > th {
    background-color: rgba(15,118,110,0.08) !important;
}
.text-primary { color: #1d4ed8 !important; }
.bg-primary { background-color: #1d4ed8 !important; }
.btn-primary {
    background: linear-gradient(135deg, #0f766e, #1d4ed8) !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(15,118,110,0.25);
}
.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(15,118,110,0.35);
}
.btn-outline-primary { color: #1d4ed8 !important; border-color: #1d4ed8 !important; }
.btn-outline-primary:hover {
    background: linear-gradient(135deg, #0f766e, #1d4ed8) !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* Navbar mặc định → gradient hub */
.navbar.bg-success, .navbar.bg-dark {
    background: linear-gradient(135deg, #0f766e, #1d4ed8) !important;
}

/* Table header */
.table thead th, .table thead.table-success th, .table thead.table-light th {
    background: linear-gradient(135deg, rgba(15,118,110,0.1), rgba(29,78,216,0.08)) !important;
    color: #0b5e55 !important;
    font-weight: 700;
}

/* Card */
.card { border-radius: 14px; box-shadow: 0 6px 20px rgba(15,118,110,0.06); }

/* Progress bar */
.progress-bar.bg-success { background: linear-gradient(135deg, #0f766e, #1d4ed8) !important; }

/* Dropdown active */
.dropdown-item.active, .dropdown-item:active {
    background: linear-gradient(135deg, #0f766e, #1d4ed8) !important;
}