/* ===== NỀN CHUNG MÀU VÀNG NHẠT ƯA NHÌN ===== */
body, #root, .ant-layout, .layout, .page-wrapper, .page-container, html {
    background: #FFFDE7 !important; /* Vàng nhạt mượt mà */
    color: #333333 !important;
}

/* Các khu vực hiển thị nội dung, form, sidebar */
.ant-card, .ant-layout-content, .login-container, .card, 
.ant-layout-sider, .ant-menu, .ant-modal-content, .auth-bg {
    background-color: #FFF9C4 !important; /* Vàng sáng hơn chút để tạo hình khối */
    border: 1px solid #FFF59D !important;
}

/* Header */
.ant-layout-header {
    background: #FFF59D !important;
}

/* ===== NÚT BẤM CHỨC NĂNG RỰC RỠ VÀ NỔI BẬT ===== */
.ant-btn-primary, button, .btn {
    background: linear-gradient(135deg, #FFB300 0%, #F57F17 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 4px 6px rgba(245, 127, 23, 0.4) !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.ant-btn-primary:hover, button:hover, .btn:hover {
    background: linear-gradient(135deg, #FFCA28 0%, #FF8F00 100%) !important;
    box-shadow: 0 6px 12px rgba(245, 127, 23, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* Nút phụ / Nút default (Ví dụ: Đăng ký, Đặt lại MK ở trang ngoài cùng) */
.ant-btn-default {
    background: #FFFFFF !important;
    color: #F57F17 !important;
    border: 1px solid #FFCA28 !important;
    font-weight: 600 !important;
}
.ant-btn-default:hover {
    background: #FFF9C4 !important;
    border-color: #F57F17 !important;
}

/* ===== Ô NHẬP LIỆU (INPUT) DỄ NHÌN ===== */
.ant-input, .ant-input-password, input, select {
    background-color: #FFFFFF !important;
    border: 1px solid #FFE082 !important;
    border-radius: 6px !important;
    color: #333333 !important;
    transition: all 0.3s !important;
}

.ant-input:focus, .ant-input-focused, input:focus, select:focus {
    border-color: #FFB300 !important;
    box-shadow: 0 0 0 2px rgba(255, 179, 0, 0.25) !important;
}

.ant-input-affix-wrapper {
    background-color: #FFFFFF !important;
    border: 1px solid #FFE082 !important;
}
.ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused {
    border-color: #FFB300 !important;
    box-shadow: 0 0 0 2px rgba(255, 179, 0, 0.25) !important;
}
.ant-input-affix-wrapper input {
    border: none !important;
    box-shadow: none !important;
}

/* Background cho bảng (Table) */
.ant-table, .ant-table-wrapper, .ant-table-cell {
    background-color: #FFF9C4 !important;
    border-color: #FFF59D !important;
}

.ant-table-thead > tr > th {
    background-color: #FFF59D !important;
    color: #3E2723 !important;
    font-weight: 700 !important;
}

.ant-table-tbody > tr.ant-table-row:hover > td {
    background-color: #FFF59D !important;
}

/* Chọn màu chữ nâu cho tiêu đề để hợp tông vàng */
h1, h2, h3, h4, h5, h6, .ant-typography, .ant-menu-item a, .ant-menu-item {
    color: #3E2723 !important; 
}

/* Menu khi được chọn (Active) */
.ant-menu-item-selected {
    background-color: #FFF59D !important;
    color: #F57F17 !important;
}

/* Link */
a {
    color: #F57F17 !important;
}
a:hover {
    color: #E65100 !important;
}