/**
 * THEME.CSS - Main Theme Variables
 * Default red theme implementation using CSS custom properties
 */

:root {
    /* ============================================
       CONTAINER COLORS
       ============================================ */
    --container-primary: #390707;
    --container-primary-overlay: rgba(57, 7, 7, 0.9);
    --container-primary-light: rgba(57, 7, 7, 0.5);

    --container-secondary: #000000;
    --container-secondary-overlay: rgba(0, 0, 0, 0.6);

    --container-tertiary: #1A0000;
    --container-quaternary: #1D1D1D;

    /* ============================================
       FORM COLORS
       ============================================ */
    --form-background: #000000;
    --form-input-background: #ffffff;
    --form-input-text: #000000;
    --form-input-placeholder: #6b7280;

    /* ============================================
       BUTTON COLORS
       ============================================ */
    /* Info */
    --button-info: #1E9FBE;
    --button-info-gradient-from: #11B5DE;
    --button-info-gradient-to: rgba(17, 181, 222, 0);

    /* Success */
    --button-success: #28CE60;
    --button-success-gradient-from: #A4FFC3;

    /* Warning */
    --button-warning: #FEB301;
    --button-warning-gradient-from: #FFD678;

    /* Danger */
    --button-danger: #D62D2D;
    --button-danger-gradient-from: #FF7878;

    /* Gray */
    --button-gray: #4A4A4A;
    --button-gray-gradient-from: #828282;

    /* ============================================
       HEADER COLORS
       ============================================ */
    --header-background: #1A0000;
    --header-gradient-center: #710000;
    --header-gradient-edge: rgba(113, 0, 0, 0);

    /* ============================================
       SIDEBAR COLORS
       ============================================ */
    --sidebar-background: #000000;
    --sidebar-categories: #1D1D1D;

    /* ============================================
       RUNNING TEXT COLORS
       ============================================ */
    --running-text-bg-from: #C70001;
    --running-text-bg-to: #930001;
    --running-text-icon-from: #FFCC53;
    --running-text-icon-to: #E09E00;

    /* ============================================
       GAME COLORS
       ============================================ */
    --game-card-bg-from: #C70001;
    --game-card-bg-to: #930001;
    --game-card-body-from: #000000;
    --game-card-body-to: rgba(0, 0, 0, 0.12);
    --game-header-background: #410000;

    /* ============================================
       STATUS COLORS
       ============================================ */
    --status-online-from: #14E114;
    --status-online-to: #009E00;
    --status-pending-from: #FFC107;
    --status-pending-to: #FF9800;
    --status-offline-from: #FF3A3A;
    --status-offline-to: #BF0606;

    /* Badge Colors */
    --badge-notification: #E73030;
    --badge-memo: #FEB301;

    /* ============================================
       MESSAGE COLORS
       ============================================ */
    --danger-background: #A53333;
    --warning-background: rgba(254, 179, 1, 0.24);
    --success-message: rgba(34, 197, 94, 0.24);
    --error-message: rgba(239, 68, 68, 0.24);
    --info-message: rgba(59, 130, 246, 0.24);

    /* ============================================
       LAYOUT COLORS
       ============================================ */
    --body-background: #8A0001;
    --body-after-background: #710000;
    --layout-wrapper-background: #710000;

    /* ============================================
       BADGE COLORS
       ============================================ */
    /* Pending */
    --badge-pending-color: #FEB301;
    --badge-pending-bg: rgba(254, 179, 1, 0.32);
    --badge-pending-bg-from: rgba(254, 179, 1, 0.82);
    --badge-pending-bg-to: rgba(254, 179, 1, 0);

    /* Success */
    --badge-success-color: #36D56C;
    --badge-success-bg: rgba(54, 213, 108, 0.32);
    --badge-success-bg-from: rgba(54, 213, 108, 0.82);
    --badge-success-bg-to: rgba(54, 213, 108, 0);

    /* Error */
    --badge-error-color: #C70001;
    --badge-error-bg: rgba(199, 0, 1, 0.32);
    --badge-error-bg-from: rgba(199, 0, 1, 0.82);
    --badge-error-bg-to: rgba(199, 0, 1, 0);

    /* ============================================
       CHECKBOX COLORS
       ============================================ */
    --checkbox-background: rgba(255, 255, 255, 0.1);
    --checkbox-border: rgba(255, 255, 255, 0.32);
    --checkbox-checked-bg: #710000;
    --checkbox-focus-ring: #8A0001;

    /* ============================================
        COMPONENT COLORS
        ============================================ */
    /* DataTable */
    --datatable-background: rgba(0, 0, 0, 0.6);
    --datatable-border: #460609;
    --datatable-row-hover: rgba(255, 255, 255, 0.05);
    --datatable-row-stripe: rgba(0, 0, 0, 0.75);
    --datatable-pagination-btn: rgba(137, 42, 42, 0.5);
    --datatable-pagination-active: #D62D2D;

    /* Select Dropdown */
    --select-background: #ffffff;
    --select-border: #ffffff;
    --select-text: #000000;
    --select-dropdown-bg: #ffffff;
    --select-dropdown-border: #d1d5db;
    --select-hover: rgba(0, 0, 0, 0.2);
    --select-search-bg: rgba(255, 255, 255, 0.6);

    /* Pagination */
    --pagination-button-bg: #892A2A;
    --pagination-button-active: #D62D2D;
    --pagination-button-inactive-border: rgba(137, 42, 42, 0.5);

    /* GuestPopup */
    --guestpopup-container-bg: #410606;
    --guestpopup-title-color: #ffffff;
    --guestpopup-description-color: rgba(255, 255, 255, 0.7);

    /* Hover States */
    --hover-dropdown-from: rgba(231, 48, 48, 0);
    --hover-dropdown-to: rgba(231, 48, 48, 0.2);
    --hover-menu-from: rgba(231, 48, 48, 0);
    --hover-menu-to: rgba(231, 48, 48, 0.1);
    --hover-button-info: rgba(30, 159, 190, 0.8);
    --hover-button-warning: rgba(255, 204, 51, 1);
    --hover-button-success: rgba(54, 213, 108, 0.8);
    --hover-category-bg: rgba(0, 0, 0, 0.6);
    --hover-category-border: #FED601;
    --hover-nav-button: rgba(137, 42, 42, 0.5);
    --hover-game-category-from: rgba(29, 29, 29, 0.7);
    --hover-game-category-to: #333333;

    /* Divider Colors */
    --divider-primary: #460609;
    --divider-secondary: #390707;
    --divider-border-inactive: rgba(137, 42, 42, 0.5);
    --divider-qr-border: #0D1B1B;

    /* Border Colors */
    --border-default: rgba(255, 255, 255, 0.24);
    --border-transparent: transparent;
    --border-white-opacity: rgba(255, 255, 255, 0.04);
    --border-deposit-method: #FED601;
    --border-category-hover: #FEB301;
    --border-provider-hover: #FEB301;

    /* Active States */
    --active-category-gradient: linear-gradient(0deg, rgba(254, 179, 1, 0.32), rgba(254, 179, 1, 0.32)), radial-gradient(82.72% 97.17% at 50% 100%, rgba(254, 179, 1, 0.4) 0%, rgba(254, 179, 1, 0) 100%);
    --active-category-border: #FEB301;
    --active-provider-bg: rgba(254, 214, 1, 0.1);
    --active-provider-border: #FED601;
    --active-quickamount-bg: rgba(254, 214, 1, 0.1);
    --active-quickamount-border: #FED601;
    --active-deposit-method-border: #FED601;
    --active-tab-bg: #D62D2D;
    --active-tab-gradient-from: rgba(255, 120, 120, 1);
    --active-tab-gradient-to: rgba(255, 120, 120, 0);
    --active-pagination-bg: #D62D2D;
    --active-memo-tab-bg: rgba(254, 179, 1, 0.32);
    --active-memo-tab-border: #FEB301;
}

/* ============================================
   CONTAINER COMPONENTS
   ============================================ */

/* Primary Containers */
.bukumimpi__container,
.usermemopage__list-container,
.usermemopage__detail,
.userreferralpage__detail-container,
.usertransactionpage__container,
.resulthistorypage__wrapper,
.notificationpage__container,
.gamelistpage__header {
    background-color: #452e04 !important;
}

/* Primary Overlay Containers */
.userreferralpage__wrapper,
.beforesidebar__menu-container,
.newshistory__wrapper,
.resulthistory__wrapper {
    background-color: #452e04 !important;
}

/* Secondary Containers */
.depositpage__rules,
.withdrawpage__rules,
.promotioncard__expandable {
    background-color: rgb(11 11 11 / 50%) !important;
}

/* Secondary Containers */
.changepasswordpage__form,
.registerpage__form,
.resetpasswordpage__form,
.banktransfer__wrapper,
.ewallet__wrapper,
.qris__wrapper,
.virtualaccount__wrapper,
.withdrawpage__form {
    background-color: var(--form-background) !important;
}

.resetpasswordpage__title,
.resetpasswordpage__form-title,
.registerpage__title,
.registerpage__form-title,
.registerpage__form-title {
    color: #ffffff !important;
}

.registerpage__message--error {
    color: color-mix(in srgb,var(--colors-red-500) var(--un-text-opacity),transparent);
    background-color: color-mix(in oklab, #3a3a3a 90%, transparent);
}

/* Header & Sidebar */
.header-before,
.header-after {
    background-color: #1c0200 !important;
}

.aftersidebar__wrapper {
    background-color: var(--sidebar-background) !important;
}

.aftersidebar__categories {
    background-color: var(--sidebar-categories) !important;
}

/* ============================================
   FORM COMPONENTS
   ============================================ */

/* Form Inputs */
.bukumimpi__select,
.bukumimpi__input,
.changepasswordpage__input,
.registerpage__input,
.resetpasswordpage__input,
.banktransfer__input,
.ewallet__input,
.qris__input,
.virtualaccount__input,
.withdrawpage__input,
.header-before__input,
.gamelistpage__search-input {
    background-color: var(--form-input-background) !important;
    color: var(--form-input-text) !important;
}

/* ============================================
   BUTTON COMPONENTS
   ============================================ */

/* Warning Buttons */
.bukumimpi__search-btn-inner {
    background-color: var(--button-warning) !important;
}

/* Danger Buttons */
.promotionpage__tab-button-inner {
    background-color: var(--button-danger) !important;
}

/* ============================================
   HEADER COMPONENTS
   ============================================ */

/* Header Background Gradients */
.header-before__background,
.header-after__background-gradient {
    background: radial-gradient(circle, #442e02, var(--header-gradient-edge)) !important;
}

/* ============================================
   RUNNING TEXT
   ============================================ */

.runningtext {
    background: linear-gradient(to right, #e89a1e, #e89a1e) !important;
    color: #fff;
}

.runningtext__icon {
    color: transparent;
    width: 14px;
    height: 14px;
    --un-gradient-from:  color-mix(in oklab, #fff var(--un-from-opacity), transparent);
    --un-gradient-to: color-mix(in oklab, #fff var(--un-to-opacity), transparent);
    --un-gradient-stops: var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));
    --un-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--un-gradient-stops))
}
.runningtext__label {
    color: #fff;
}
/* ============================================
   GAME COMPONENTS
   ============================================ */

/* Game Cards */
.gamecard__wrapper,
.gamecard__container {
    background: linear-gradient(to right, #f1b420, #f1b420) !important;
}

.gamecard__header {
    background: linear-gradient(to right, #c68b01, #945b01) !important;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.gamecard__body {
    background: linear-gradient(to bottom, #040300, rgb(93 53 2 / 62%)) !important;
}

/* ============================================
   STATUS & BADGE COMPONENTS
   ============================================ */

/* Status Indicators */
.banklist__status-indicator--online {
    background: linear-gradient(to bottom, var(--status-online-from), var(--status-online-to)) !important;
}

.banklist__status-indicator--pending {
    background: linear-gradient(to bottom, var(--status-pending-from), var(--status-pending-to)) !important;
}

.banklist__status-indicator--offline {
    background: linear-gradient(to bottom, var(--status-offline-from), var(--status-offline-to)) !important;
}

/* Notification Badges */
.header-after__memo-badge,
.menulist__badge {
    background-color: var(--badge-notification) !important;
}

/* Navigation Buttons */
.resulthistory__nav-button,
.newshistory__nav-button {
    background-color: #bc9425 !important;
}

/* ============================================
   MESSAGE COMPONENTS
   ============================================ */

/* Warning Messages */
.changepasswordpage__message--info,
.ewallet__warning,
.qris__warning,
.virtualaccount__warning,
.withdrawpage__warning,
.resetpasswordprocesspage__warning,
.formwarning__wrapper {
    background-color: rgb(58 58 58 / 24%) !important;
}

/* Success Messages */
.changepasswordpage__message--success {
    background-color: var(--success-message) !important;
}

/* ============================================
   LAYOUT COMPONENTS
   ============================================ */

/* Body Background */
body {
    background-color: #3d2204 !important;
}

/* After Layout Body */
.after-layout body, .after-layout__container {
    background-color: #714901 !important;
}

/* Layout Wrapper */
.before-layout__wrapper {
    background-color: #714901 !important;
}

/* ============================================
   INVOICE COMPONENTS
   ============================================ */

.depositinvoice__container,
.withdrawinvoice__container {
    background-color: var(--container-secondary) !important;
}

/* Invoice Badges */
.depositinvoice__badge--pending,
.withdrawinvoice__badge--pending {
    color: var(--badge-pending-color) !important;
    background-color: var(--badge-pending-bg) !important;
    background-image: linear-gradient(to bottom, var(--badge-pending-bg-from), var(--badge-pending-bg-to)) !important;
}

.depositinvoice__badge--success,
.withdrawinvoice__badge--success {
    color: var(--badge-success-color) !important;
    background-color: var(--badge-success-bg) !important;
    background-image: linear-gradient(to bottom, var(--badge-success-bg-from), var(--badge-success-bg-to)) !important;
}

.depositinvoice__badge--error,
.withdrawinvoice__badge--error {
    color: var(--badge-error-color) !important;
    background-color: var(--badge-error-bg) !important;
    background-image: linear-gradient(to bottom, var(--badge-error-bg-from), var(--badge-error-bg-to)) !important;
}

.depositinvoice__badge--gray,
.withdrawinvoice__badge--gray {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Invoice Dividers */
.depositinvoice__divider,
.withdrawinvoice__divider {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* ============================================
   BADGE COMPONENTS
   ============================================ */

/* Badge Pending */
.badge-pending {
    color: var(--badge-pending-color) !important;
    background-color: var(--badge-pending-bg) !important;
    background-image: linear-gradient(to bottom, var(--badge-pending-bg-from), var(--badge-pending-bg-to)) !important;
}

.badge-pending::before {
    color: var(--badge-pending-color) !important;
}

/* Badge Success */
.badge-success {
    color: var(--badge-success-color) !important;
    background-color: var(--badge-success-bg) !important;
    background-image: linear-gradient(to bottom, var(--badge-success-bg-from), var(--badge-success-bg-to)) !important;
}

.badge-success::before {
    color: var(--badge-success-color) !important;
}

/* Badge Error */
.badge-error {
    color: var(--badge-error-color) !important;
    background-color: var(--badge-error-bg) !important;
    background-image: linear-gradient(to bottom, var(--badge-error-bg-from), var(--badge-error-bg-to)) !important;
}

.badge-error::before {
    color: var(--badge-error-color) !important;
}

/* ============================================
   CHECKBOX COMPONENTS
   ============================================ */

/* Checkbox */
.checkbox {
    background-color: var(--checkbox-background) !important;
    border-color: var(--checkbox-border) !important;
}

.checkbox:checked {
    background-color: var(--checkbox-checked-bg) !important;
}

.checkbox:focus {
    --tw-ring-color: var(--checkbox-focus-ring) !important;
}

/* ============================================
   GLOBAL BUTTON COMPONENTS
   ============================================ */

/* Button Info */
.btn--info {
    background: linear-gradient(to bottom, #b540f1, transparent) !important;
}

.btn__inner--info {
    background-color: #9328ce !important;
}

/* Button Success */
.btn--success {
    background: linear-gradient(to bottom, var(--button-success-gradient-from), transparent) !important;
}

.btn__inner--success {
    background-color: var(--button-success) !important;
}

/* Button Warning */
.btn--warning {
    background: linear-gradient(to bottom, #ffd777, transparent) !important;
}

.btn__inner--warning {
    background-color: #ffcd16 !important;
}

.beforesidebar__register-text {
    color: #ffffff;
}

/* Button Danger */
.btn--danger {
    background: linear-gradient(to bottom, #fed676, transparent) !important;
}

.btn__inner--danger {
    background-color: #ffcd16 !important;
}

/* Button Gray */
.btn--gray {
    background: linear-gradient(to bottom, var(--button-gray-gradient-from), rgba(130, 130, 130, 0.5)) !important;
}

.btn__inner--gray {
    background-color: var(--button-gray) !important;
    background-image: radial-gradient(from top, var(--button-gray-gradient-from), rgba(74, 74, 74, 0.1)) !important;
}

/* ============================================
   DATATABLE COMPONENTS
   ============================================ */

/* DataTable Container */
.datatable__container {
    background-color: var(--datatable-background) !important;
}

/* DataTable Headers */
.datatable__thead {
    border-color: var(--datatable-border) !important;
}

.datatable__th--sortable:hover {
    background-color: var(--datatable-row-hover) !important;
}

/* DataTable Body */
.datatable__tbody {
    border-color: #a1691f !important;
}

/* DataTable Pagination */
.datatable__pagination {
    border-color: var(--datatable-border) !important;
    background-color: var(--datatable-background) !important;
}

.datatable__pagination-btn--prev,
.datatable__pagination-btn--next {
    background-color: rgb(188 148 35 / 35%) !important;
}

.datatable__pagination-btn--active {
    background-color: var(--datatable-pagination-active) !important;
}

.datatable__pagination-btn--inactive {
    border-color: var(--datatable-pagination-btn) !important;
}

.datatable__pagination-btn--ellipsis {
    border-color: var(--datatable-pagination-btn) !important;
}

/* ============================================
   SELECT COMPONENTS
   ============================================ */

/* Select Toggle */
.myselect__toggle {
    background-color: var(--select-background) !important;
    border-color: var(--select-border) !important;
}

.myselect__placeholder {
    color: var(--select-text) !important;
}

/* Select Dropdown */
.myselect__dropdown {
    background-color: var(--select-dropdown-bg) !important;
    border-color: var(--select-dropdown-border) !important;
}

/* Select Search */
.myselect__search {
    background-color: var(--select-search-bg) !important;
    border-color: var(--select-dropdown-border) !important;
}

/* Select Item */
.myselect__item {
    color: var(--select-text) !important;
}

.myselect__item:hover {
    background-color: var(--select-hover) !important;
}

/* ============================================
   PAGINATION COMPONENTS
   ============================================ */

/* Pagination Buttons */
.pagination__btn--prev,
.pagination__btn--next {
    background-color: var(--pagination-button-bg) !important;
}

.pagination__btn--active {
    background-color: var(--pagination-button-active) !important;
}

.pagination__btn--inactive {
    border-color: var(--pagination-button-inactive-border) !important;
}

/* ============================================
   GUESTPOPUP COMPONENTS
   ============================================ */

/* GuestPopup Backdrop */
/* GuestPopup Container */
.guestpopup__container {
    background-color: #3d2204 !important;
}

/* GuestPopup Title */
.guestpopup__title {
    color: var(--guestpopup-title-color) !important;
}

/* GuestPopup Description */
.guestpopup__footer-description {
    color: var(--guestpopup-description-color) !important;
}

/* ============================================
   HOVER STATES
   ============================================ */

/* Dropdown Hover States */
.header-after__dropdown-item:hover,
.header-after__user-dropdown-item:hover,
.menulist__dropdown-item:hover,
.beforesidebar__menu-item:hover {
    background: linear-gradient(to right, var(--hover-dropdown-from), #e89a1e) !important;
}

.beforesidebar__menu-item--active {
    background: linear-gradient(to right, var(--hover-dropdown-from), #e89a1e) !important;
}

/* Button Hover States */
.resetpasswordprocesspage__submit-button:hover,
.registerpage__submit-button:hover,
.resetpasswordpage__refresh-button:hover,
.resetpasswordpage__submit-button:hover {
    background-color: var(--hover-button-info) !important;
}

/* Text Hover States */
.homepage__footer-button:hover {
    color: var(--hover-button-warning) !important;
}

.ewallet__regenerate-btn:hover,
.qris__regenerate-btn:hover,
.virtualaccount__regenerate-btn:hover,
.ewallet__unique-regenerate:hover,
.qris__unique-regenerate:hover,
.virtualaccount__unique-regenerate:hover {
    color: var(--hover-button-success) !important;
}

/* Category and Item Hover States */
.categorylist__item:hover,
.quickamount__button:hover,
.quickamount__add-button:hover,
.banktransfer__bank-item:hover,
.ewallet__item:hover,
.virtualaccount__item:hover,
.gamelistpage__provider-icon-wrapper:hover {
    background-color: var(--hover-category-bg) !important;
    border-color: var(--hover-category-border) !important;
}

/* Navigation Button Hover States */
.newshistory__nav-button:hover,
.resulthistory__nav-button:hover,
.resulthistory__nav-button:hover {
    background-color: #e89a1e !important;
}

/* Game Category Hover States */
.gamecategory__header:hover {
    background: linear-gradient(to right, var(--hover-game-category-from), var(--hover-game-category-to)) !important;
}

/* Tab Hover States */
.resulthistorypage__tab-inner:hover {
    background-color: var(--hover-nav-button) !important;
}

/* ============================================
   BORDER COLORS
   ============================================ */

/* QuickAmount and Similar Components */
.quickamount__button,
.quickamount__add-button,
.banktransfer__bank-item,
.ewallet__item,
.virtualaccount__item {
    border-color: var(--border-default) !important;
}

.quickamount__button:hover,
.quickamount__add-button:hover,
.banktransfer__bank-item:hover,
.ewallet__item:hover,
.virtualaccount__item:hover {
    border-color: #ea1322 !important;
}

/* Category List */
.categorylist__item:hover {
    border-color: var(--border-category-hover) !important;
}

.gamelistpage__provider-icon-wrapper:hover {
    border-color: var(--border-provider-hover) !important;
}

/* Deposit Method Items */
.depositpage__method-item {
    border-color: var(--border-transparent) !important;
}

.depositpage__method-item:hover {
    border-color: var(--border-deposit-method) !important;
}

/* Mobile Pagination */
.resulthistorypage__pagination-page--inactive {
    border-color: var(--divider-border-inactive) !important;
}

/* ============================================
   ACTIVE STATES
   ============================================ */

/* Category Active States */
.categorylist__item--active {
    border-color: var(--active-category-border) !important;
    background-image: var(--active-category-gradient) !important;
}

/* Provider Active States */
.gamelistpage__provider-icon-wrapper--active {
    background-color: var(--active-provider-bg) !important;
    border-color: var(--active-provider-border) !important;
}

/* Quick Amount Active States */
.quickamount__button--active {
    background-color: var(--active-quickamount-bg) !important;
    border-color: var(--active-quickamount-border) !important;
}

/* Deposit Method Active States */
.depositpage__method-item--active,
.depositpage__method--active {
    border-color: var(--active-deposit-method-border) !important;
}

.banktransfer__bank-item--active,
.ewallet__item--active,
.virtualaccount__item--active {
    background-color: var(--active-provider-bg) !important;
    border-color: var(--active-provider-border) !important;
}

/* Tab Active States */
.resulthistorypage__tab--active {
    background: linear-gradient(to bottom, var(--active-tab-gradient-from), var(--active-tab-gradient-to)) !important;
}

.resulthistorypage__tab--active .resulthistorypage__tab-inner {
    background-color: var(--active-tab-bg) !important;
}

/* Pagination Active States */
.datatable__pagination-btn--active,
.pagination__btn--active {
    background-color: #bc9423 !important;
}

/* User Memo Tab Active States */
.usermemopage__tab-button--active {
    background-color: var(--active-memo-tab-bg) !important;
    border-color: var(--active-memo-tab-border) !important;
}

/* Menu Active States */
.beforesidebar__menu-item--active {
    background: linear-gradient(to right, var(--hover-menu-from), rgb(232 154 30 / 28%)) !important;
}

/* ============================================
   DIVIDER COLORS
   ============================================ */

/* DataTable Dividers */
.datatable__thead {
    border-color: #a1691f !important;
}

.datatable__tbody>:not(:last-child) {
    border-color: #a1691f !important;
}

.datatable__pagination {
    border-color: #a1691f !important;
}

.datatable__pagination-btn--inactive,
.datatable__pagination-btn--ellipsis {
    border-color: rgb(30 138 232 / 35%) !important;
}

.pagination__btn--inactive {
    border-color: var(--datatable-pagination-btn) !important;
}

/* History Dividers */
.newshistory__carousel .carousel__track>:not(:last-child),
.resulthistory__carousel .carousel__track>:not(:last-child),
.resulthistory__list>:not(:last-child) {
    border-color: #a1691f !important;
}

/* Invoice QR Border */
.depositinvoice__qr-container,
.withdrawinvoice__qr-container {
    border-color: var(--divider-qr-border) !important;
}

/* User Referral Invalid Content */
.userreferralpage__invalid-content {
    border-color: var(--divider-primary) !important;
}

.userreferralpage__info-card {
    background-color: #A53333 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* ============================================
   OVERLAY COMPONENTS
   ============================================ */

/* General Overlays */
.categorylist__item,
.beforesidebar__menu-overlay {
    background-color: #190602 !important;
}

.promotionpage__title,
.withdrawpage__title {
    color: #ffffff !important;
}