/* TLMS GOLD LUXURY THEME */

:root {
    color-scheme: light;

    --white: #fffef9;
    --background: #f7efda;
    --text: #241b0d;
    --muted: #71644f;
    --border: #e2c77d;

    --gold: #d6a525;
    --gold-dark: #855707;
    --gold-light: #fff3c3;

    --blue: #b4770d;
    --blue-light: #fff2c7;

    --shadow:
        0 12px 32px rgba(92, 59, 5, 0.12);

    --tlms-ink: #241b0d;
    --tlms-cream: #fffaf0;
    --tlms-border: #e2c77d;
}

html {
    background: #f3e8c9 !important;
}

html,
body {
    color: #241b0d !important;

    font-family:
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif !important;
}

body {
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(244, 204, 85, 0.22),
            transparent 31%
        ),
        radial-gradient(
            circle at 95% 10%,
            rgba(183, 118, 10, 0.14),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #fffdf7,
            #f7efda 58%,
            #f2e6c6
        ) !important;

    background-attachment: fixed !important;
}

::selection {
    color: #281800;
    background: #f0ca62;
}

a:hover {
    color: #865707;
}

/* Thanh thông báo */

body .announcement-bar,
body .top-strip,
body .promo-strip,
body .system-strip,
body .notice-strip {
    color: #2b1b02 !important;

    background:
        linear-gradient(
            90deg,
            #b97b0d,
            #f0cf69 48%,
            #b97b0d
        ) !important;

    border-color: #8f5d08 !important;

    font-weight: 850 !important;
}

/* Header trang chủ và quản trị */

body .site-header,
body .main-header,
body .customer-header,
body .navbar,
body header.header,
body .topbar {
    color: #fff5cb !important;

    background:
        linear-gradient(
            120deg,
            #241400,
            #4d2f03 43%,
            #815408 73%,
            #342000
        ) !important;

    border-color: #d6a525 !important;

    box-shadow:
        0 9px 28px rgba(48, 29, 2, 0.22) !important;
}

body .site-header a,
body .main-header a,
body .customer-header a,
body .navbar a,
body header.header a,
body .topbar a,
body .topbar strong,
body .topbar span {
    color: #fff5cb !important;
}

body header nav a,
body .main-nav a,
body .nav-links a,
body .customer-nav a {
    color: #f5dda0 !important;
    border-radius: 10px;
}

body header nav a:hover,
body header nav a.active,
body header nav a[aria-current="page"],
body .main-nav a:hover,
body .main-nav a.active,
body .nav-links a:hover,
body .nav-links a.active,
body .customer-nav a:hover,
body .customer-nav a.active {
    color: #271800 !important;

    background:
        linear-gradient(
            135deg,
            #fff5cb,
            #e2ad31
        ) !important;

    box-shadow:
        inset 0 0 0 1px #f2d273,
        0 5px 15px rgba(25, 14, 0, 0.18) !important;
}

/* Logo */

body .brand-logo,
body .logo-mark,
body .site-logo-mark,
body .brand-icon {
    color: #855707 !important;

    background:
        linear-gradient(
            145deg,
            #fffdf0,
            #efd06d
        ) !important;

    border: 1px solid #e8bd47 !important;

    box-shadow:
        0 5px 16px rgba(0, 0, 0, 0.18),
        inset 0 0 0 3px rgba(255, 255, 255, 0.55)
        !important;
}

body .brand-name span,
body .logo-text span,
body .site-brand span {
    color: #f0c654 !important;
}

/* Trang chủ */

body .hero,
body .home-hero,
body .hero-section,
body .welcome-section,
body .home-banner {
    background:
        radial-gradient(
            circle at 78% 30%,
            rgba(239, 195, 70, 0.25),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #fffef9,
            #fff9e7 58%,
            #f4dfaa
        ) !important;

    border-color:
        rgba(208, 153, 35, 0.34) !important;
}

body .hero h1,
body .home-hero h1,
body .hero-section h1,
body .welcome-section h1 {
    color: #211708 !important;
}

body .hero h1 span,
body .home-hero h1 span,
body .hero-section h1 span,
body .welcome-section h1 span,
body .gold-text,
body .text-gold {
    color: #aa7207 !important;
}

body .hero p,
body .home-hero p,
body .hero-section p,
body .welcome-section p {
    color: #625640 !important;
}

/* Thanh menu quản trị */

body #adminSidebar,
body .admin-sidebar,
body .shell > aside.sidebar {
    color: #fff3c5 !important;

    background:
        radial-gradient(
            circle at 30% 0%,
            rgba(237, 190, 61, 0.16),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #211200,
            #513204 52%,
            #271600
        ) !important;

    border-right:
        1px solid #d19b24 !important;

    box-shadow:
        10px 0 28px rgba(55, 33, 2, 0.16)
        !important;
}

body #adminSidebar a,
body .admin-sidebar a,
body .shell > aside.sidebar a,
body #adminSidebar button,
body .admin-sidebar button {
    color: #f7e4ad !important;
}

body #adminSidebar .tlms-menu-title,
body #adminSidebar .menu-title,
body #adminSidebar .sidebar-title,
body .admin-sidebar .tlms-menu-title {
    color: #e9bd4d !important;
}

body #adminSidebar a:hover,
body #adminSidebar a.active,
body #adminSidebar a[aria-current="page"],
body .admin-sidebar a:hover,
body .admin-sidebar a.active,
body .shell > aside.sidebar a:hover,
body .shell > aside.sidebar a.active {
    color: #281800 !important;

    background:
        linear-gradient(
            135deg,
            #fff4c6,
            #dfaa28
        ) !important;

    border-color: #f1cf70 !important;

    box-shadow:
        0 7px 16px rgba(16, 9, 0, 0.22)
        !important;
}

body .menu-toggle,
body .sidebar-toggle,
body .tlms-v12-mobile-close,
body .tlms-mobile-nav-close {
    color: #2b1b02 !important;

    background:
        linear-gradient(
            145deg,
            #fff7d8,
            #e4b239
        ) !important;

    border-color: #e0ac2e !important;
}

body .content,
body .content-inner,
body .main-content,
body .admin-content,
body .page-content,
body .content-area {
    color: #241b0d !important;
    background: transparent !important;
}

body .page-heading h1,
body .page-header h1,
body .content-header h1,
body .admin-page-title,
body .section-title {
    color: #3b2504 !important;
}

/* Thẻ nội dung */

body .card,
body .panel,
body .box,
body .widget,
body .dashboard-card,
body .dashboard-banner,
body .stat-card,
body .statistics-card,
body .form-card,
body .table-card,
body .filter-card,
body .summary-card,
body .detail-card,
body .info-card,
body .ticket,
body .repair-card,
body .receipt-card,
body .modal-content,
body .dropdown-menu,
body .feature-card,
body .action-card,
body .service-card,
body .lookup-card,
body .warranty-card,
body .product-card,
body .category-card,
body .contact-card {
    color: #241b0d !important;

    background:
        linear-gradient(
            145deg,
            #fffefb,
            #fff8e8
        ) !important;

    border:
        1px solid #e2c77d !important;

    box-shadow:
        0 12px 32px rgba(92, 59, 5, 0.12)
        !important;
}

body .card-header,
body .panel-header,
body .box-header,
body .table-header,
body .form-header,
body .modal-header,
body .section-header {
    color: #3d2705 !important;

    background:
        linear-gradient(
            90deg,
            #fff8dc,
            #f2d172,
            #fff8dc
        ) !important;

    border-color: #dfba53 !important;
}

body .feature-icon,
body .action-icon,
body .service-icon,
body .category-icon,
body .lookup-icon,
body .page-heading-icon,
body .page-icon,
body .section-icon {
    color: #704704 !important;

    background:
        linear-gradient(
            145deg,
            #fff7d8,
            #e2ad31
        ) !important;

    border-color: #d7a22a !important;
}

/* Form */

body label,
body .form-label,
body .field-label {
    color: #4a3108 !important;
    font-weight: 750;
}

body input:not([type="checkbox"]):not([type="radio"]),
body select,
body textarea,
body .form-control,
body .input-control {
    color: #2b2112 !important;
    background: #fffef9 !important;
    border-color: #d7bd78 !important;

    box-shadow:
        inset 0 1px 2px rgba(85, 54, 4, 0.04)
        !important;
}

body input::placeholder,
body textarea::placeholder {
    color: #9a8b70 !important;
}

body input:focus,
body select:focus,
body textarea:focus,
body .form-control:focus {
    border-color: #ce951d !important;
    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(221, 169, 40, 0.2)
        !important;
}

body input[type="checkbox"],
body input[type="radio"] {
    accent-color: #c58a13;
}

/* Nút */

body button:not(.close):not(.modal-close):not([class*="danger"]):not([class*="delete"]),
body input[type="submit"],
body input[type="button"],
body .btn:not(.btn-danger):not(.btn-error):not(.btn-delete),
body .button:not(.danger-button):not(.delete-button),
body a.btn:not(.btn-danger):not(.btn-error):not(.btn-delete) {
    color: #271800 !important;

    background:
        linear-gradient(
            135deg,
            #fff4c8,
            #e2ae31 52%,
            #c98c14
        ) !important;

    border:
        1px solid #b97d0c !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 6px 14px rgba(115, 73, 4, 0.16)
        !important;

    font-weight: 800 !important;
}

body button:not(.close):not(.modal-close):not([class*="danger"]):not([class*="delete"]):hover,
body input[type="submit"]:hover,
body .btn:not(.btn-danger):not(.btn-error):not(.btn-delete):hover,
body .button:not(.danger-button):not(.delete-button):hover {
    background:
        linear-gradient(
            135deg,
            #fff8dc,
            #efc75f 48%,
            #d69b1b
        ) !important;

    border-color: #9b6506 !important;
}

/* Nút xóa vẫn màu đỏ */

body .btn-danger,
body .btn-error,
body .btn-delete,
body .danger-button,
body .delete-button,
body button.danger,
body button.delete,
body form[action*="delete"] button,
body form[action*="destroy"] button {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #b42318,
            #d92d20
        ) !important;

    border-color: #912018 !important;
}

/* Nút thành công vẫn màu xanh */

body .btn-success,
body .success-button,
body button.success {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #067647,
            #12945d
        ) !important;

    border-color: #05603a !important;
}

/* Bảng */

body .table-responsive,
body .table-wrap,
body .data-table-wrap {
    border:
        1px solid #e2c77d !important;

    border-radius: 14px;
    background: #fffef9 !important;

    box-shadow:
        0 12px 32px rgba(92, 59, 5, 0.12)
        !important;
}

body table {
    color: #241b0d !important;
    background: #fffef9 !important;
    border-color: #e5cf96 !important;
}

body table thead th,
body table thead td,
body .table-head,
body .data-table-head {
    color: #fff6cf !important;

    background:
        linear-gradient(
            120deg,
            #513204,
            #8b5908 58%,
            #5b3905
        ) !important;

    border-color:
        rgba(240, 202, 93, 0.42) !important;
}

body table tbody td,
body table tbody th {
    border-color: #eadcb8 !important;
}

body table tbody tr:nth-child(even) {
    background: #fffaf0 !important;
}

body table tbody tr:hover {
    background: #fff1c5 !important;
}

/* Trạng thái */

body .badge,
body .tag,
body .chip,
body .pill,
body .status-badge,
body .status-pill {
    color: #563805 !important;
    background: #fff1bd !important;
    border-color: #dcb048 !important;
}

body .alert-success,
body .notice-success,
body .success-message {
    color: #075f3b !important;
    background: #eaf8f0 !important;
    border-color: #8ed3b0 !important;
}

body .alert-danger,
body .alert-error,
body .notice-error,
body .error-message {
    color: #9d2118 !important;
    background: #fff0ee !important;
    border-color: #f0aaa4 !important;
}

body .alert-warning,
body .notice-warning {
    color: #704500 !important;
    background: #fff4cf !important;
    border-color: #e4bd52 !important;
}

/* Phân trang */

body .pagination a,
body .pagination span,
body nav[aria-label="Pagination Navigation"] a,
body nav[aria-label="Pagination Navigation"] span {
    color: #684507 !important;
    background: #fffaf0 !important;
    border-color: #ddc37e !important;
}

body .pagination .active,
body .pagination [aria-current="page"] span {
    color: #251600 !important;

    background:
        linear-gradient(
            135deg,
            #f3d36e,
            #cb8e13
        ) !important;

    border-color: #af7409 !important;
}

/* Đăng nhập */

body .login-card,
body .auth-card,
body .login-box,
body .auth-box,
body .login-panel,
body .auth-panel {
    background:
        linear-gradient(
            150deg,
            #fffefb,
            #fff5d6
        ) !important;

    border:
        1px solid #d9b652 !important;

    box-shadow:
        0 20px 55px rgba(80, 48, 3, 0.2)
        !important;
}

/* Footer */

body .site-footer,
body footer.footer,
body footer.main-footer {
    color: #f8e8b7 !important;

    background:
        linear-gradient(
            135deg,
            #211200,
            #513204 58%,
            #2a1801
        ) !important;

    border-top:
        1px solid #dda82b !important;
}

body .site-footer a,
body footer.footer a,
body footer.main-footer a {
    color: #f1ca61 !important;
}

/* Zalo và Messenger giữ màu thương hiệu, thêm viền Gold */

body .floating-contact a,
body .floating-social a,
body .contact-float a,
body .zalo-float,
body .messenger-float {
    border:
        3px solid #e6bd4f !important;

    box-shadow:
        0 8px 24px rgba(99, 63, 4, 0.28),
        0 0 0 5px rgba(238, 199, 82, 0.13)
        !important;
}

body .modal-backdrop,
body .mobile-overlay {
    background:
        rgba(38, 22, 1, 0.58) !important;

    backdrop-filter: blur(2px);
}

/* Thanh cuộn */

* {
    scrollbar-color:
        #c28b19 #f6ead0;

    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

*::-webkit-scrollbar-track {
    background: #f6ead0;
}

*::-webkit-scrollbar-thumb {
    background:
        linear-gradient(
            #e7bd4d,
            #a86e08
        );

    border:
        2px solid #f6ead0;

    border-radius: 999px;
}

/* Điện thoại */

@media (max-width: 900px) {
    body #adminSidebar,
    body .admin-sidebar,
    body .shell > aside.sidebar {
        box-shadow:
            12px 0 34px rgba(35, 20, 0, 0.32)
            !important;
    }

    body .card,
    body .panel,
    body .dashboard-card,
    body .form-card,
    body .table-card,
    body .feature-card,
    body .action-card,
    body .lookup-card,
    body .product-card {
        border-radius: 12px !important;

        box-shadow:
            0 7px 20px rgba(92, 59, 5, 0.1)
            !important;
    }

    body table thead th,
    body table thead td {
        background: #624006 !important;
    }
}

@media (max-width: 600px) {
    body {
        background:
            radial-gradient(
                circle at 85% 0%,
                rgba(229, 177, 46, 0.19),
                transparent 30%
            ),
            linear-gradient(
                180deg,
                #fffdf8,
                #f7efd9
            ) !important;
    }

    body .page-heading h1,
    body .page-header h1,
    body .content-header h1,
    body .admin-page-title {
        font-size:
            clamp(20px, 6vw, 27px) !important;
    }

    body button,
    body .btn,
    body .button,
    body input[type="submit"] {
        min-height: 38px;
    }
}

/* TLMS_GOLD_READABLE_V2_START */

/*
 * Tăng độ rõ cho toàn bộ TLMS.
 * Giữ giao diện Gold nhưng bảo đảm độ tương phản.
 */

:root {
    --tlms-readable-text: #21180a;
    --tlms-readable-heading: #2f1e03;
    --tlms-readable-muted: #625640;
    --tlms-readable-gold-dark: #765006;
    --tlms-readable-cream: #fff4c9;
    --tlms-readable-border: #d8b557;
}

/* Hiển thị chữ sắc nét */

html,
body {
    color: var(--tlms-readable-text) !important;

    font-family:
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;

    font-weight: 450;

    line-height: 1.5;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;
}

body *,
body *::before,
body *::after {
    text-shadow: none !important;
}

body p,
body span,
body small,
body label,
body li,
body td,
body th,
body div {
    opacity: 1;
}

/* Tiêu đề */

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .page-title,
body .section-title,
body .admin-page-title,
body .page-heading h1,
body .page-header h1,
body .content-header h1 {
    color: var(--tlms-readable-heading) !important;

    font-weight: 850 !important;

    letter-spacing: -0.015em;
}

body h1 {
    line-height: 1.13 !important;
}

body h2,
body h3 {
    line-height: 1.22 !important;
}

/* Đoạn mô tả và chữ phụ */

body p,
body small,
body .subtitle,
body .description,
body .helper-text,
body .form-text,
body .small-line,
body .muted,
body .text-muted,
body .brand-description {
    color: var(--tlms-readable-muted) !important;

    font-weight: 500 !important;

    opacity: 1 !important;
}

/* Thanh thông báo phía trên */

body .announcement-bar,
body .top-strip,
body .promo-strip,
body .system-strip,
body .notice-strip {
    color: #271800 !important;

    font-size: 12px !important;

    font-weight: 900 !important;

    letter-spacing: 0.7px !important;
}

/* Header trang khách hàng */

body .site-header,
body .main-header,
body .customer-header,
body .navbar,
body header.header {
    color: var(--tlms-readable-cream) !important;
}

body .site-header *,
body .main-header *,
body .customer-header *,
body .navbar *,
body header.header * {
    opacity: 1 !important;
}

body .site-header a,
body .main-header a,
body .customer-header a,
body .navbar a,
body header.header a,
body .main-nav a,
body .nav-links a,
body .customer-nav a {
    color: #fff1bd !important;

    font-size: 14px !important;

    font-weight: 800 !important;
}

body .site-header a:hover,
body .site-header a.active,
body .site-header a[aria-current="page"],
body .main-header a:hover,
body .main-header a.active,
body .main-nav a:hover,
body .main-nav a.active,
body .nav-links a:hover,
body .nav-links a.active,
body .customer-nav a:hover,
body .customer-nav a.active {
    color: #251600 !important;

    font-weight: 900 !important;
}

/* Tên thương hiệu */

body .brand-name,
body .logo-text,
body .site-brand,
body .brand-title {
    color: #fff4c9 !important;

    font-weight: 900 !important;

    letter-spacing: 0.3px;
}

body .brand-name span,
body .logo-text span,
body .site-brand span {
    color: #ffd864 !important;
}

/* Trang chủ */

body .hero h1,
body .home-hero h1,
body .hero-section h1,
body .welcome-section h1,
body .home-banner h1 {
    color: #172033 !important;

    font-weight: 900 !important;

    font-size: clamp(34px, 4vw, 58px) !important;
}

body .hero h1 span,
body .home-hero h1 span,
body .hero-section h1 span,
body .welcome-section h1 span,
body .gold-text,
body .text-gold {
    color: #a56d00 !important;

    font-weight: 900 !important;
}

body .hero p,
body .home-hero p,
body .hero-section p,
body .welcome-section p,
body .home-banner p {
    color: #4f4638 !important;

    font-size: 15px !important;

    font-weight: 550 !important;

    line-height: 1.65 !important;
}

/* Các thẻ chức năng ngoài trang chủ */

body .feature-card,
body .action-card,
body .service-card,
body .lookup-card,
body .warranty-card,
body .product-card,
body .category-card,
body .contact-card {
    color: var(--tlms-readable-text) !important;
}

body .feature-card *,
body .action-card *,
body .service-card *,
body .lookup-card *,
body .warranty-card *,
body .product-card *,
body .category-card *,
body .contact-card * {
    opacity: 1 !important;
}

body .feature-card strong,
body .action-card strong,
body .service-card strong,
body .lookup-card strong,
body .warranty-card strong,
body .product-card strong,
body .category-card strong {
    color: #241908 !important;

    font-size: 15px !important;

    font-weight: 850 !important;
}

body .feature-card p,
body .action-card p,
body .service-card p,
body .lookup-card p,
body .warranty-card p,
body .product-card p,
body .category-card p {
    color: #655944 !important;

    font-size: 12px !important;

    font-weight: 550 !important;
}

/* Topbar quản trị */

body .topbar {
    color: #fff2c0 !important;
}

body .topbar *,
body .topbar a,
body .topbar strong,
body .topbar span,
body .topbar .user-information,
body .topbar .user-information strong,
body .topbar .user-information span {
    color: #fff2c0 !important;

    opacity: 1 !important;
}

body .topbar .brand-name {
    color: #fff6d6 !important;

    font-size: 16px !important;

    font-weight: 900 !important;
}

body .topbar .brand-description {
    color: #e9ce83 !important;

    font-size: 11px !important;

    font-weight: 650 !important;
}

/* Sidebar quản trị */

body #adminSidebar,
body .admin-sidebar,
body .shell > aside.sidebar {
    color: #fff0b8 !important;
}

body #adminSidebar *,
body .admin-sidebar *,
body .shell > aside.sidebar * {
    opacity: 1 !important;
}

body #adminSidebar a,
body .admin-sidebar a,
body .shell > aside.sidebar a,
body #adminSidebar button,
body .admin-sidebar button {
    color: #f8e6ad !important;

    font-size: 14px !important;

    font-weight: 750 !important;

    line-height: 1.3 !important;
}

body #adminSidebar .tlms-menu-title,
body #adminSidebar .menu-title,
body #adminSidebar .sidebar-title,
body .admin-sidebar .tlms-menu-title,
body .admin-sidebar .menu-title {
    color: #f2c95f !important;

    font-size: 11px !important;

    font-weight: 900 !important;

    letter-spacing: 0.8px !important;
}

body #adminSidebar a:hover,
body #adminSidebar a.active,
body #adminSidebar a[aria-current="page"],
body .admin-sidebar a:hover,
body .admin-sidebar a.active,
body .shell > aside.sidebar a:hover,
body .shell > aside.sidebar a.active {
    color: #231500 !important;

    font-weight: 900 !important;
}

/* Nội dung quản trị */

body .content,
body .content-inner,
body .main-content,
body .admin-content,
body .page-content,
body .content-area {
    color: var(--tlms-readable-text) !important;
}

/* Card, panel, box */

body .card,
body .panel,
body .box,
body .widget,
body .dashboard-card,
body .dashboard-banner,
body .stat-card,
body .statistics-card,
body .form-card,
body .table-card,
body .filter-card,
body .summary-card,
body .detail-card,
body .info-card,
body .ticket,
body .repair-card,
body .receipt-card,
body .modal-content {
    color: var(--tlms-readable-text) !important;
}

body .card *,
body .panel *,
body .box *,
body .widget *,
body .dashboard-card *,
body .stat-card *,
body .form-card *,
body .table-card *,
body .filter-card *,
body .summary-card *,
body .detail-card *,
body .ticket *,
body .repair-card *,
body .receipt-card * {
    opacity: 1;
}

body .card-title,
body .panel-title,
body .box-title,
body .widget-title,
body .dashboard-card h2,
body .dashboard-card h3,
body .stat-card h2,
body .stat-card h3 {
    color: #342204 !important;

    font-weight: 850 !important;
}

/* Form */

body label,
body .form-label,
body .field-label {
    color: #392607 !important;

    font-size: 13px !important;

    font-weight: 800 !important;
}

body input:not([type="checkbox"]):not([type="radio"]),
body select,
body textarea,
body .form-control,
body .input-control {
    color: #20180c !important;

    font-size: 14px !important;

    font-weight: 550 !important;
}

body input::placeholder,
body textarea::placeholder {
    color: #81745e !important;

    opacity: 1 !important;

    font-weight: 450 !important;
}

body select option {
    color: #21180a !important;

    background: #fffef9 !important;
}

/* Nút Gold */

body button:not(.close):not(.modal-close):not([class*="danger"]):not([class*="delete"]),
body input[type="submit"],
body input[type="button"],
body .btn:not(.btn-danger):not(.btn-error):not(.btn-delete),
body .button:not(.danger-button):not(.delete-button),
body a.btn:not(.btn-danger):not(.btn-error):not(.btn-delete) {
    color: #201400 !important;

    font-size: 13px !important;

    font-weight: 900 !important;

    letter-spacing: 0.05px;
}

body button *,
body .btn *,
body .button * {
    color: inherit !important;
}

/* Bảng quản trị */

body table,
body table td,
body table th {
    font-size: 13px !important;
}

body table thead th,
body table thead td {
    color: #fff5cb !important;

    font-weight: 850 !important;

    letter-spacing: 0.15px;
}

body table tbody td,
body table tbody th {
    color: #2b2112 !important;

    font-weight: 550 !important;
}

body table tbody td strong,
body table tbody th strong {
    color: #241806 !important;

    font-weight: 850 !important;
}

/* Badge và trạng thái */

body .badge,
body .tag,
body .chip,
body .pill,
body .status-badge,
body .status-pill {
    color: #493004 !important;

    font-size: 11px !important;

    font-weight: 850 !important;

    opacity: 1 !important;
}

/* Trang đăng nhập */

body .login-card,
body .auth-card,
body .login-box,
body .auth-box,
body .login-panel,
body .auth-panel {
    color: var(--tlms-readable-text) !important;
}

body .login-card h1,
body .login-card h2,
body .auth-card h1,
body .auth-card h2,
body .login-box h1,
body .login-box h2 {
    color: #2e1e04 !important;

    font-weight: 900 !important;
}

/* Footer */

body .site-footer,
body footer.footer,
body footer.main-footer {
    color: #f7e7b5 !important;
}

body .site-footer *,
body footer.footer *,
body footer.main-footer * {
    color: #f7e7b5 !important;

    opacity: 1 !important;
}

body .site-footer a,
body footer.footer a,
body footer.main-footer a {
    color: #ffd76a !important;

    font-weight: 750 !important;
}

/* Điện thoại */

@media (max-width: 900px) {
    html,
    body {
        font-size: 14px !important;
    }

    body .site-header a,
    body .main-header a,
    body .customer-header a,
    body .navbar a,
    body .main-nav a,
    body .nav-links a,
    body .customer-nav a {
        font-size: 14px !important;

        font-weight: 850 !important;
    }

    body #adminSidebar a,
    body .admin-sidebar a,
    body .shell > aside.sidebar a {
        font-size: 14px !important;

        font-weight: 800 !important;
    }

    body table,
    body table td,
    body table th {
        font-size: 12.5px !important;
    }
}

@media (max-width: 600px) {
    body .hero h1,
    body .home-hero h1,
    body .hero-section h1,
    body .welcome-section h1,
    body .home-banner h1 {
        font-size: clamp(30px, 10vw, 43px) !important;
    }

    body .hero p,
    body .home-hero p,
    body .hero-section p,
    body .welcome-section p {
        font-size: 13px !important;
    }

    body button,
    body .btn,
    body .button,
    body input[type="submit"] {
        font-size: 13px !important;

        font-weight: 900 !important;
    }
}

/* TLMS_GOLD_READABLE_V2_END */