/* ==================================================
   LUXURY GOLD FINANCIAL DASHBOARD
   تمام رنگ‌ها و تنظیمات اصلی در این قسمت قرار دارند.
   ================================================== */

:root {
    /* Brand colors */
    --gold-primary: #D4AF6A;
    --gold-light: #F1D99B;
    --gold-dark: #A57C36;
    --gold-soft: #FBF4E5;

    /* Backgrounds */
    --lux-bg: #F5F3EE;
    --lux-surface: #FFFFFF;
    --lux-surface-soft: #FAF8F3;
    --lux-dark: #111318;
    --lux-dark-soft: #1B1D23;
    --lux-dark-hover: #262932;

    /* Text */
    --lux-text: #25272D;
    --lux-text-muted: #85858D;
    --lux-text-light: #F7F3EA;

    /* Financial status */
    --lux-success: #187A58;
    --lux-success-bg: #E8F5EE;
    --lux-danger: #C74747;
    --lux-danger-bg: #FCECEC;
    --lux-warning: #B78025;
    --lux-warning-bg: #FFF4DB;
    --lux-info: #3977B9;
    --lux-info-bg: #EAF3FD;

    /* Borders and shadows */
    --lux-border: #EAE6DD;
    --lux-border-gold: rgba(212, 175, 106, .40);
    --lux-shadow: 0 8px 30px rgba(24, 24, 28, .055);
    --lux-shadow-hover: 0 16px 38px rgba(24, 24, 28, .10);
    --lux-shadow-gold: 0 8px 24px rgba(212, 175, 106, .15);

    /* Shape and spacing */
    --lux-radius-sm: 10px;
    --lux-radius-md: 16px;
    --lux-radius-lg: 22px;
    --lux-radius-xl: 28px;

    /* Typography */
    --lux-font: inherit;
}

/* Scoped dashboard styles */
.lux-dashboard {
    direction: rtl;
    color: var(--lux-text);
    font-family: var(--lux-font);
    padding-bottom: 40px;
}

.lux-dashboard,
.lux-dashboard * {
    box-sizing: border-box;
}

.lux-dashboard a {
    text-decoration: none;
}

.lux-dashboard .lux-hero {
    position: relative;
    overflow: hidden;
    padding: 34px;
    margin-bottom: 28px;
    border-radius: var(--lux-radius-xl);
    color: var(--lux-text-light);
    background:
            radial-gradient(
                    ellipse at 10% 0%,
                    rgba(212, 175, 106, .20),
                    transparent 45%
            ),
            linear-gradient(
                    120deg,
                    var(--lux-dark) 0%,
                    var(--lux-dark-soft) 65%,
                    #29251E 100%
            );
    box-shadow: var(--lux-shadow);
    border: 1px solid rgba(212, 175, 106, .25);
}

.lux-dashboard .lux-hero::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    left: -85px;
    top: -120px;
    border: 1px solid rgba(212, 175, 106, .25);
    border-radius: 50%;
    box-shadow:
            0 0 0 24px rgba(212, 175, 106, .035),
            0 0 0 50px rgba(212, 175, 106, .025);
    pointer-events: none;
}

.lux-dashboard .lux-hero-content {
    position: relative;
    z-index: 1;
}

.lux-dashboard .lux-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--gold-light);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2px;
    margin-bottom: 15px;
}

.lux-dashboard .lux-eyebrow-dot {
    width: 7px;
    height: 7px;
    display: inline-block;
    background: var(--gold-primary);
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(212, 175, 106, .65);
}

.lux-dashboard .lux-hero h1 {
    color: var(--lux-text-light);
    font-size: clamp(23px, 3vw, 34px);
    font-weight: 800;
    line-height: 1.8;
    margin: 0 0 6px;
}

.lux-dashboard .lux-hero p {
    color: rgba(247, 243, 234, .70);
    font-size: 13px;
    line-height: 2;
    margin: 0;
}

.lux-dashboard .lux-hero-symbol {
    width: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold-primary);
    font-size: 39px;
    border-radius: 24px;
    border: 1px solid rgba(212, 175, 106, .35);
    background: rgba(212, 175, 106, .08);
    box-shadow: inset 0 0 25px rgba(212, 175, 106, .05);
}

.lux-dashboard .lux-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin: 32px 0 18px;
}

.lux-dashboard .lux-section-title {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0;
    color: var(--lux-text);
    font-size: 17px;
    font-weight: 800;
}

.lux-dashboard .lux-section-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 25px;
    border-radius: 5px;
    background: linear-gradient(
            180deg,
            var(--gold-light),
            var(--gold-dark)
    );
}

.lux-dashboard .lux-section-subtitle {
    color: var(--lux-text-muted);
    font-size: 12px;
    margin-top: 5px;
}

/* Main cards */
.lux-dashboard .lux-card {
    position: relative;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--lux-border);
    border-radius: var(--lux-radius-lg);
    background: var(--lux-surface);
    box-shadow: var(--lux-shadow);
    transition:
            transform .25s ease,
            box-shadow .25s ease,
            border-color .25s ease;
}

.lux-dashboard .lux-card:hover {
    transform: translateY(-3px);
    border-color: var(--lux-border-gold);
    box-shadow: var(--lux-shadow-hover);
}

.lux-dashboard .lux-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 22px 24px;
    border-bottom: 1px solid var(--lux-border);
    background: linear-gradient(
            180deg,
            var(--lux-surface) 0%,
            var(--lux-surface-soft) 100%
    );
}

.lux-dashboard .lux-card-header h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: var(--lux-text);
    line-height: 1.9;
}

.lux-dashboard .lux-card-header p {
    margin: 2px 0 0;
    font-size: 11px;
    color: var(--lux-text-muted);
}

.lux-dashboard .lux-card-body {
    padding: 24px;
}

.lux-dashboard .lux-icon-box {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: var(--gold-dark);
    font-size: 21px;
    background: var(--gold-soft);
    border: 1px solid var(--lux-border-gold);
}

.lux-dashboard .lux-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 39px;
    padding: 9px 17px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .2s ease;
}

.lux-dashboard .lux-button-gold {
    color: var(--lux-dark);
    background: linear-gradient(
            135deg,
            var(--gold-light),
            var(--gold-primary) 60%,
            var(--gold-dark)
    );
    box-shadow: var(--lux-shadow-gold);
}

.lux-dashboard .lux-button-gold:hover {
    color: var(--lux-dark);
    filter: brightness(1.05);
    transform: translateY(-1px);
}

.lux-dashboard .lux-button-outline {
    color: var(--gold-dark);
    background: var(--lux-surface);
    border-color: var(--lux-border-gold);
}

.lux-dashboard .lux-button-outline:hover {
    color: var(--lux-dark);
    background: var(--gold-soft);
}

/* Market area */
.lux-dashboard .lux-market-wrapper {
    margin-bottom: 28px;
    padding: 14px;
    background: var(--lux-surface);
    border: 1px solid var(--lux-border);
    border-radius: var(--lux-radius-lg);
    box-shadow: var(--lux-shadow);
}

/* Alerts */
.lux-dashboard .lux-alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 18px;
    margin-bottom: 22px;
    border-radius: var(--lux-radius-md);
    font-size: 13px;
    line-height: 1.9;
    border: 1px solid transparent;
}

.lux-dashboard .lux-alert-danger {
    color: var(--lux-danger);
    background: var(--lux-danger-bg);
    border-color: rgba(199, 71, 71, .15);
}

.lux-dashboard .lux-alert-success {
    color: var(--lux-success);
    background: var(--lux-success-bg);
    border-color: rgba(24, 122, 88, .15);
}

.lux-dashboard .lux-alert-warning {
    color: var(--lux-warning);
    background: var(--lux-warning-bg);
    border-color: rgba(183, 128, 37, .15);
}

/* Accordion */
.lux-dashboard .lux-search {
    border: 1px solid var(--lux-border);
    border-radius: var(--lux-radius-md);
    overflow: hidden;
    background: var(--lux-surface-soft);
}

.lux-dashboard .lux-search-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 17px 20px;
    border: 0;
    background: transparent;
    color: var(--lux-text);
    text-align: right;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
}

.lux-dashboard .lux-search-toggle:not(.collapsed) {
    color: var(--gold-dark);
    background: var(--gold-soft);
}

.lux-dashboard .lux-search-toggle:focus {
    outline: 2px solid var(--lux-border-gold);
    outline-offset: -2px;
}

.lux-dashboard .lux-search-content {
    padding: 22px;
    border-top: 1px solid var(--lux-border);
}

.lux-dashboard .lux-search-label {
    display: block;
    margin-bottom: 8px;
    color: var(--lux-text);
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .form-control,
.lux-dashboard .form-select {
    min-height: 45px;
    border: 1px solid var(--lux-border);
    border-radius: var(--lux-radius-sm);
    background-color: var(--lux-surface);
    color: var(--lux-text);
    font-family: inherit;
    font-size: 12px;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.lux-dashboard .form-control:focus,
.lux-dashboard .form-select:focus {
    border-color: var(--gold-primary);
    box-shadow: 0 0 0 3px rgba(212, 175, 106, .13);
}

.lux-dashboard .input-group-text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 43px;
    border: 1px solid var(--lux-border);
    border-left: 0;
    border-radius: 0 var(--lux-radius-sm) var(--lux-radius-sm) 0;
    background: var(--gold-soft);
    color: var(--gold-dark);
}

.lux-dashboard .input-group .form-control {
    border-radius: var(--lux-radius-sm) 0 0 var(--lux-radius-sm);
}

.lux-dashboard .lux-search .btn {
    min-height: 45px;
    border: 0;
    border-radius: var(--lux-radius-sm);
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
}

/* Tables */
.lux-dashboard .lux-table-wrapper {
    overflow-x: auto;
    width: 100%;
    border: 1px solid var(--lux-border);
    border-radius: var(--lux-radius-md);
}

.lux-dashboard .lux-table {
    width: 100%;
    min-width: 620px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--lux-surface);
    font-size: 12px;
}

.lux-dashboard .lux-table thead th {
    padding: 17px 16px;
    background: var(--lux-dark);
    color: var(--gold-light);
    border: 0;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
}

.lux-dashboard .lux-table thead th:first-child {
    border-radius: 0 var(--lux-radius-sm) 0 0;
}

.lux-dashboard .lux-table thead th:last-child {
    border-radius: var(--lux-radius-sm) 0 0 0;
}

.lux-dashboard .lux-table tbody td {
    padding: 17px 16px;
    vertical-align: middle;
    color: var(--lux-text);
    border-bottom: 1px solid var(--lux-border);
    text-align: center;
    white-space: nowrap;
}

.lux-dashboard .lux-table tbody tr:last-child td {
    border-bottom: 0;
}

.lux-dashboard .lux-table tbody tr {
    transition: background .2s ease;
}

.lux-dashboard .lux-table tbody tr:hover {
    background: var(--lux-surface-soft);
}

.lux-dashboard .lux-table tbody tr:hover td {
    color: var(--lux-text);
}

.lux-dashboard .lux-price {
    color: var(--gold-dark) !important;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.lux-dashboard .lux-number {
    direction: ltr;
    display: inline-block;
    font-variant-numeric: tabular-nums;
}

.lux-dashboard .lux-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
}

.lux-dashboard .lux-badge::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.lux-dashboard .lux-badge-success {
    color: var(--lux-success);
    background: var(--lux-success-bg);
}

.lux-dashboard .lux-badge-danger {
    color: var(--lux-danger);
    background: var(--lux-danger-bg);
}

/* Empty state */
.lux-dashboard .lux-empty {
    padding: 32px 20px;
    text-align: center;
    border: 1px dashed var(--lux-border-gold);
    border-radius: var(--lux-radius-md);
    background: var(--lux-surface-soft);
}

.lux-dashboard .lux-empty-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 13px;
    border-radius: 17px;
    color: var(--gold-dark);
    background: var(--gold-soft);
    font-size: 23px;
}

.lux-dashboard .lux-empty h4 {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 800;
    color: var(--lux-text);
}

.lux-dashboard .lux-empty p {
    margin: 0;
    color: var(--lux-text-muted);
    font-size: 12px;
    line-height: 2;
}

/* Responsive */
@media (max-width: 767.98px) {
    .lux-dashboard .lux-hero {
        padding: 24px 20px;
        border-radius: var(--lux-radius-lg);
    }

    .lux-dashboard .lux-hero-symbol {
        width: 58px;
        height: 58px;
        font-size: 28px;
        border-radius: 17px;
    }

    .lux-dashboard .lux-card-header {
        padding: 18px;
    }

    .lux-dashboard .lux-card-body {
        padding: 16px;
    }

    .lux-dashboard .lux-search-content {
        padding: 16px;
    }

    .lux-dashboard .lux-section-heading {
        margin-top: 26px;
    }

    .lux-dashboard .lux-table thead th,
    .lux-dashboard .lux-table tbody td {
        padding: 14px 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lux-dashboard *,
    .lux-dashboard *::before,
    .lux-dashboard *::after {
        transition: none !important;
    }
}

/* Gold primary buttons */
.lux-dashboard .btn-primary {
    color: var(--lux-dark);
    background: linear-gradient(
            135deg,
            var(--gold-light),
            var(--gold-primary) 60%,
            var(--gold-dark)
    );
    border: 1px solid var(--gold-primary);
    box-shadow: var(--lux-shadow-gold);
    font-weight: 800;
    transition: all .2s ease;
}

.lux-dashboard .btn-primary:hover,
.lux-dashboard .btn-primary:focus {
    color: var(--lux-dark);
    background: var(--gold-light);
    border-color: var(--gold-dark);
    box-shadow: var(--lux-shadow-gold);
}

.lux-dashboard .btn-primary:active {
    color: var(--lux-dark) !important;
    background: var(--gold-primary) !important;
    border-color: var(--gold-dark) !important;
}

/* Remove default primary focus ring */
.lux-dashboard .btn-primary:focus-visible {
    outline: 2px solid var(--gold-dark);
    outline-offset: 3px;
}

/* =========================================
   LUXURY GOLD - PAYMENT PAGE
   Light content / Gold accents
========================================= */

.lux-dashboard {
    --pay-gold: var(--gold-primary, #D4AF6A);
    --pay-gold-light: var(--gold-light, #F1D99B);
    --pay-gold-dark: var(--gold-dark, #A57C36);

    --pay-page-bg: #F5F6F8;
    --pay-card-bg: #FFFFFF;
    --pay-soft-bg: #FAF9F6;

    --pay-text: #242832;
    --pay-muted: #7B8190;

    --pay-border: #E9E9EC;
    --pay-gold-border: rgba(185, 145, 68, 0.25);

    --pay-success: #16865B;
    --pay-danger: #D34D55;
}

/* Main content remains light */

.lux-dashboard .lux-page-content {
    min-width: 0;
    min-height: 100vh;
    color: var(--pay-text);
    background: var(--pay-page-bg) !important;
}

.lux-dashboard .lux-page-content-wrapper {
    margin: 24px;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
}

.lux-dashboard .market-prices-wrapper {
    //margin: 22px 24px 0;
}

/* ==========================================
   Luxury Market Assets Cards
   Light background + gold accents
   ========================================== */

.lux-market-grid {
    --lux-gold: #c5a15c;
    --lux-gold-dark: #987331;
    --lux-gold-soft: #fbf6e9;
    --lux-text: #302f2a;
    --lux-muted: #89877f;
    --lux-border: #ece8df;

    row-gap: 22px;
}

.lux-market-grid > [class*="col-"] {
    display: flex;
}

.lux-market-grid .lux-market-item {
    position: relative;
    display: flex !important;
    flex-direction: column;
    width: 100%;
    min-height: 270px;
    padding: 21px 20px 16px;
    overflow: hidden;
    border: 1px solid var(--lux-border);
    border-radius: 17px;
    background: #fff;
    color: var(--lux-text);
    text-decoration: none;
    box-shadow: 0 5px 22px rgba(45, 41, 32, 0.035);
    transition: transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

/* نوار تزئینی بالای کارت */
.lux-market-grid .lux-market-item::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(
            90deg,
            #f4e7c5,
            #c5a15c,
            #f4e7c5
    );
    content: "";
    opacity: 0.85;
}

.lux-market-grid .lux-market-item:hover {
    transform: translateY(-4px);
    border-color: #ddc99f;
    box-shadow: 0 13px 30px rgba(75, 60, 32, 0.09);
    color: var(--lux-text);
}

.lux-market-grid .market-item-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-height: 68px;
}

.lux-market-grid .market-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.lux-market-grid .market-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    border: 1px solid #eee4cf;
    border-radius: 13px;
    background: #fffaf0;
}

.lux-market-grid .market-icon img {
    display: block;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.lux-market-grid .market-label {
    color: #393830;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.9;
}

.lux-market-grid .market-per-gram {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    flex-shrink: 0;
    padding-top: 2px;
}

.lux-market-grid .market-per-gram > span {
    color: var(--lux-muted);
    font-size: 10px;
    white-space: nowrap;
}

.lux-market-grid .market-per-gram strong {
    color: var(--lux-gold-dark);
    font-size: 14px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.lux-market-grid .market-per-gram small {
    color: #99958b;
    font-size: 10px;
}

.lux-market-grid .lux-market-divider {
    width: 100%;
    height: 1px;
    margin: 13px 0 15px;
    background: linear-gradient(
            90deg,
            transparent,
            #e9dfcb,
            transparent
    );
}

.lux-market-grid .market-value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 13px;
}

.lux-market-grid .market-value .market-unit {
    color: var(--lux-muted);
    font-size: 11px;
    font-weight: 500;
}

.lux-market-grid .lux-market-number-wrap {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 0;
}

.lux-market-grid .market-number {
    color: #302f2a;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.7;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.lux-market-grid .lux-market-unit {
    color: #989184;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.lux-market-grid .market-unit.gold {
    color: #a78034;
}

.lux-market-grid .market-unit.silver {
    color: #7b828b;
}

.lux-market-grid .market-unit.copper {
    color: #a96842;
}

.lux-market-grid .market-unit.cash {
    color: #6b8c72;
}

.lux-market-grid .market-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 13px;
    border-top: 1px solid #f0eee8;
    color: #77746b;
    font-size: 11px;
    font-weight: 600;
}

.lux-market-grid .lux-market-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    flex-shrink: 0;
    border: 1px solid #eee3cd;
    border-radius: 9px;
    background: #fffaf0;
    color: var(--lux-gold-dark);
    transition: background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.lux-market-grid .lux-market-item:hover .lux-market-arrow {
    transform: translateX(-3px);
    background: var(--lux-gold);
    color: #fff;
}

/* صندوق درآمد ثابت */
.lux-market-grid .lux-market-fund {
    background: linear-gradient(160deg, #fff 0%, #fffdf8 100%);
}

.lux-market-grid .lux-market-fund-icon {
    color: #a57c36;
    font-size: 19px;
}

.lux-market-grid .lux-market-rate {
    padding: 6px 8px;
    border: 1px solid #e5eadf;
    border-radius: 8px;
    background: #f6f9f2;
    color: #63805c;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.lux-market-grid .lux-market-cash-value {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 13px;
}

.lux-market-grid .lux-market-cash-value .market-number {
    color: #4f7658;
    font-size: 23px;
}

.lux-market-grid .lux-market-fund-note {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 14px;
    color: #7a8975;
    font-size: 11px;
}

.lux-market-grid .lux-market-fund-note i {
    color: #799873;
}

/* تبلت */
@media (max-width: 1199.98px) {
    .lux-market-grid .lux-market-item {
        min-height: 260px;
    }
}

/* موبایل */
@media (max-width: 575.98px) {
    .lux-market-grid {
        row-gap: 14px;
    }

    .lux-market-grid .lux-market-item {
        min-height: 0;
        padding: 18px 16px 14px;
        border-radius: 14px;
    }

    .lux-market-grid .market-item-top {
        gap: 8px;
    }

    .lux-market-grid .market-icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        border-radius: 11px;
    }

    .lux-market-grid .market-icon img {
        width: 27px;
        height: 27px;
    }

    .lux-market-grid .market-label {
        font-size: 12px;
    }

    .lux-market-grid .market-per-gram strong {
        font-size: 12px;
    }

    .lux-market-grid .market-number {
        font-size: 15px;
    }

    .lux-market-grid .lux-market-cash-value .market-number {
        font-size: 21px;
    }

    .lux-market-grid .market-footer {
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lux-market-grid .lux-market-item,
    .lux-market-grid .lux-market-arrow {
        transition: none;
    }

    .lux-market-grid .lux-market-item:hover {
        transform: none;
    }
}

/* Alerts */

.lux-dashboard .lux-alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 20px;
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.9;
}

.lux-dashboard .lux-alert .btn-close {
    flex-shrink: 0;
    margin: 0;
}

/* Main payment card */

.lux-dashboard .lux-payment-card {
    overflow: hidden;
    color: var(--pay-text);
    background: var(--pay-card-bg) !important;
    border: 1px solid var(--pay-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 28px rgba(27, 32, 44, 0.045);
}

/* Header */

.lux-dashboard .lux-payment-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 26px;
    background:
            linear-gradient(
                    110deg,
                    rgba(212, 175, 106, 0.075),
                    transparent 65%
            ),
            #FFFFFF !important;
    border-bottom: 1px solid var(--pay-border) !important;
}

.lux-dashboard .lux-section-eyebrow {
    display: inline-block;
    margin-bottom: 7px;
    color: var(--pay-gold-dark);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.lux-dashboard .lux-payment-title {
    margin: 0;
    color: #242832;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.8;
}

.lux-dashboard .lux-header-icon {
    display: flex;
    flex: 0 0 52px;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    color: var(--pay-gold-dark);
    background: #FBF5E8;
    border: 1px solid #F0E2C3;
    border-radius: 15px;
}

.lux-dashboard .lux-header-icon i {
    font-size: 23px;
}

/* Tabs */

.lux-dashboard .lux-payment-tabs-wrap {
    padding: 18px 24px 0;
    background: #FFFFFF;
    border-bottom: 1px solid var(--pay-border);
}

.lux-dashboard .lux-payment-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.lux-dashboard .lux-payment-tabs .nav-item {
    margin: 0;
}

.lux-dashboard .lux-payment-tabs .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 43px;
    padding: 10px 16px;
    color: #666C79;
    background: #F7F7F8;
    border: 1px solid transparent;
    border-radius: 10px 10px 0 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
    text-decoration: none;
    transition:
            color 0.2s ease,
            background 0.2s ease,
            border-color 0.2s ease;
}

.lux-dashboard .lux-payment-tabs .nav-link i {
    font-size: 15px;
}

.lux-dashboard .lux-payment-tabs .nav-link:hover {
    color: var(--pay-gold-dark);
    background: #FCF8EF;
}

.lux-dashboard .lux-payment-tabs .nav-link.active {
    color: #795B25;
    background: #FBF5E8;
    border-color: #F0E2C3;
    box-shadow: inset 0 -2px 0 var(--pay-gold);
}

/* Payment body */

.lux-dashboard .lux-payment-body {
    padding: 24px;
    background: #FFFFFF;
}

/* Search accordion */

.lux-dashboard .lux-search-accordion {
    margin-bottom: 25px;
    border: 1px solid var(--pay-border);
    border-radius: 14px;
    overflow: hidden;
}

.lux-dashboard .lux-search-accordion .accordion-item {
    background: #FFFFFF;
    border: 0;
}

.lux-dashboard .lux-search-toggle {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 16px 18px;
    color: #343945;
    background: #FCFBF8;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 700;
}

.lux-dashboard .lux-search-toggle:not(.collapsed) {
    color: #795B25;
    background: #FBF5E8;
    border-bottom: 1px solid #F0E2C3;
}

.lux-dashboard .lux-search-toggle::after {
    margin-right: auto;
    margin-left: 0;
}

.lux-dashboard .lux-search-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: var(--pay-gold-dark);
    background: #F6EBD3;
    border-radius: 10px;
}

.lux-dashboard .lux-search-toggle-icon i {
    font-size: 15px;
}

.lux-dashboard .lux-search-body {
    padding: 22px;
    background: #FFFFFF;
}

/* Form labels */

.lux-dashboard .lux-search-body .form-label {
    display: block;
    margin-bottom: 8px;
    color: #505563;
    font-size: 12px;
    font-weight: 700;
}

/* Inputs and selects */

.lux-dashboard .lux-search-body .form-control,
.lux-dashboard .lux-search-body .form-select {
    min-height: 44px;
    color: #303440;
    background-color: #FFFFFF;
    border: 1px solid #E2E4E8;
    border-radius: 9px;
    box-shadow: none;
    font-size: 12px;
    transition:
            border-color 0.2s ease,
            box-shadow 0.2s ease;
}

.lux-dashboard .lux-search-body .form-control::placeholder {
    color: #A0A4AE;
}

.lux-dashboard .lux-search-body .form-control:focus,
.lux-dashboard .lux-search-body .form-select:focus {
    border-color: var(--pay-gold);
    box-shadow: 0 0 0 3px rgba(212, 175, 106, 0.14);
}

/* Date input group */

.lux-dashboard .lux-date-input {
    direction: ltr;
}

.lux-dashboard .lux-date-input .input-group-text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 43px;
    color: var(--pay-gold-dark);
    background: #FBF5E8;
    border: 1px solid #E2E4E8;
    border-right: 0;
    border-radius: 9px 0 0 9px;
}

.lux-dashboard .lux-date-input .form-control {
    border-radius: 0 9px 9px 0;
}

/* Buttons */

.lux-dashboard .lux-search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 18px;
    color: #292116 !important;
    background: linear-gradient(135deg, #E5C985, #C9A04D) !important;
    border: 1px solid #C9A04D !important;
    border-radius: 9px;
    box-shadow: 0 4px 10px rgba(185, 145, 68, 0.12);
    font-size: 12px;
    font-weight: 800;
    transition:
            transform 0.2s ease,
            box-shadow 0.2s ease,
            filter 0.2s ease;
}

.lux-dashboard .lux-search-submit:hover {
    color: #211A0D !important;
    filter: brightness(1.03);
    box-shadow: 0 6px 15px rgba(185, 145, 68, 0.22);
    transform: translateY(-1px);
}

.lux-dashboard .lux-reset-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 14px;
    color: #626876;
    background: #F7F7F8;
    border: 1px solid #E4E5E9;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 600;
}

.lux-dashboard .lux-reset-button:hover {
    color: #795B25;
    background: #FBF5E8;
    border-color: #E9D6AC;
}

/* Table heading */

.lux-dashboard .lux-table-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 8px 0 16px;
}

.lux-dashboard .lux-table-heading h2 {
    margin: 0 0 5px;
    color: #282C36;
    font-size: 15px;
    font-weight: 800;
}

.lux-dashboard .lux-table-heading p {
    margin: 0;
    color: var(--pay-muted);
    font-size: 11px;
    line-height: 1.9;
}

.lux-dashboard .lux-record-count {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    color: #795B25;
    background: #FBF5E8;
    border: 1px solid #F0E2C3;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.lux-dashboard .lux-record-count span {
    font-size: 10px;
    font-weight: 500;
}

/* Table container */

.lux-dashboard .lux-payment-table-wrap {
    overflow-x: auto;
    background: #FFFFFF;
    border: 1px solid var(--pay-border);
    border-radius: 13px;
}

/* Table */

.lux-dashboard .lux-payment-table {
    width: 100%;
    min-width: 690px;
    color: #383D49;
    background: #FFFFFF;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
}

.lux-dashboard .lux-payment-table > thead > tr > th {
    padding: 16px 14px;
    color: #6C5A35;
    background: #FBF7EE;
    border-bottom: 1px solid #EDE2CB;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
}

.lux-dashboard .lux-payment-table > tbody > tr > td {
    padding: 16px 14px;
    color: #4B505D;
    background: #FFFFFF;
    border-bottom: 1px solid #F0F1F3;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.lux-dashboard .lux-payment-table > tbody > tr:last-child > td {
    border-bottom: 0;
}

.lux-dashboard .lux-payment-table > tbody > tr {
    transition: background 0.18s ease;
}

.lux-dashboard .lux-payment-table > tbody > tr:hover > td {
    background: #FFFCF5;
}

.lux-dashboard .lux-payment-table .lux-amount-cell {
    color: #795B25;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.lux-dashboard .lux-payment-table .lux-date-value {
    display: inline-block;
    color: #747987;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

/* Payment status badges */

.lux-dashboard .lux-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 78px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
}

.lux-dashboard .lux-status i {
    font-size: 12px;
}

.lux-dashboard .lux-status-success {
    color: #14764F;
    background: #EAF7F0;
    border-color: #D4EEDF;
}

.lux-dashboard .lux-status-failed {
    color: #BF3F49;
    background: #FFF0F0;
    border-color: #F6DADA;
}

/* Pagination */

.lux-dashboard .lux-payment-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 20px 0 2px;
}

.lux-dashboard .lux-payment-pagination nav {
    max-width: 100%;
}

.lux-dashboard .lux-payment-pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    margin: 0;
}

.lux-dashboard .lux-payment-pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    color: #5C626F;
    background: #FFFFFF;
    border: 1px solid #E5E6E9;
    border-radius: 8px !important;
    box-shadow: none;
    font-size: 12px;
}

.lux-dashboard .lux-payment-pagination .page-item.active .page-link {
    color: #302515;
    background: #E5C985;
    border-color: #D2AF65;
    font-weight: 800;
}

.lux-dashboard .lux-payment-pagination .page-item.disabled .page-link {
    color: #B4B7BF;
    background: #F8F8F9;
}

/* Empty state */

.lux-dashboard .lux-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 20px;
    text-align: center;
    background: #FCFBF8;
    border: 1px dashed #E6D8B8;
    border-radius: 14px;
}

.lux-dashboard .lux-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    margin-bottom: 16px;
    color: var(--pay-gold-dark);
    background: #F7EEDB;
    border-radius: 20px;
}

.lux-dashboard .lux-empty-icon i {
    font-size: 29px;
}

.lux-dashboard .lux-empty-state h3 {
    margin: 0 0 8px;
    color: #343945;
    font-size: 16px;
    font-weight: 800;
}

.lux-dashboard .lux-empty-state p {
    margin: 0 0 20px;
    color: var(--pay-muted);
    font-size: 12px;
    line-height: 2;
}

/* Restricted access message */

.lux-dashboard .lux-access-message {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 24px;
    padding: 20px;
    color: #6C5428;
    background: #FFFAEF;
    border: 1px solid #F0E2C3;
    border-radius: 13px;
}

.lux-dashboard .lux-access-message > i {
    flex-shrink: 0;
    font-size: 24px;
}

.lux-dashboard .lux-access-message h3 {
    margin: 0 0 7px;
    font-size: 14px;
    font-weight: 800;
}

.lux-dashboard .lux-access-message p {
    margin: 0;
    color: #7D715A;
    font-size: 12px;
    line-height: 2;
}

/* Settle partial wrappers */

.lux-dashboard .lux-settle-content {
    min-width: 0;
    padding: 24px;
    background: #FFFFFF;
}

/* Focus accessibility */

.lux-dashboard .lux-payment-card a:focus-visible,
.lux-dashboard .lux-payment-card button:focus-visible,
.lux-dashboard .lux-payment-card input:focus-visible,
.lux-dashboard .lux-payment-card select:focus-visible {
    outline: 2px solid var(--pay-gold);
    outline-offset: 2px;
}

/* Tablet */

@media (max-width: 991.98px) {
    .lux-dashboard .lux-page-content-wrapper {
        margin: 18px;
    }

    .lux-dashboard .market-prices-wrapper {
        margin: 18px 18px 0;
    }

    .lux-dashboard .lux-payment-header {
        padding: 20px;
    }

    .lux-dashboard .lux-payment-body {
        padding: 18px;
    }

    .lux-dashboard .lux-payment-tabs-wrap {
        padding: 15px 18px 0;
    }
}

/* Mobile */

@media (max-width: 575.98px) {
    .lux-dashboard .lux-page-content-wrapper {
        margin: 12px;
    }

    .lux-dashboard .market-prices-wrapper {
        margin: 14px 12px 0;
    }

    .lux-dashboard .lux-payment-card {
        border-radius: 14px !important;
    }

    .lux-dashboard .lux-payment-header {
        padding: 17px 15px;
    }

    .lux-dashboard .lux-payment-title {
        font-size: 17px;
    }

    .lux-dashboard .lux-section-eyebrow {
        font-size: 10px;
    }

    .lux-dashboard .lux-header-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        border-radius: 12px;
    }

    .lux-dashboard .lux-header-icon i {
        font-size: 20px;
    }

    .lux-dashboard .lux-payment-tabs-wrap {
        padding: 12px 12px 0;
    }

    .lux-dashboard .lux-payment-tabs {
        gap: 6px;
    }

    .lux-dashboard .lux-payment-tabs .nav-link {
        gap: 6px;
        min-height: 39px;
        padding: 8px 10px;
        font-size: 10px;
    }

    .lux-dashboard .lux-payment-tabs .nav-link i {
        font-size: 13px;
    }

    .lux-dashboard .lux-payment-body {
        padding: 14px 12px;
    }

    .lux-dashboard .lux-search-toggle {
        padding: 13px 12px;
        font-size: 12px;
    }

    .lux-dashboard .lux-search-body {
        padding: 16px 12px;
    }

    .lux-dashboard .lux-table-heading {
        align-items: flex-start;
    }

    .lux-dashboard .lux-table-heading h2 {
        font-size: 13px;
    }

    .lux-dashboard .lux-table-heading p {
        font-size: 10px;
    }

    .lux-dashboard .lux-record-count {
        padding: 6px 8px;
        font-size: 10px;
    }

    .lux-dashboard .lux-empty-state {
        padding: 35px 14px;
    }

    .lux-dashboard .lux-settle-content {
        padding: 14px 12px;
    }

    .lux-dashboard .lux-access-message {
        gap: 10px;
        margin: 14px 12px;
        padding: 15px;
    }
}

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {
    .lux-dashboard .lux-payment-card *,
    .lux-dashboard .lux-payment-card *::before,
    .lux-dashboard .lux-payment-card *::after {
        transition: none !important;
        animation: none !important;
    }
}

/* =========================================
   LUX DASHBOARD — SETTLE / SALES
   سازگار با استایل قبلی داشبورد
========================================= */

.lux-dashboard .lux-settle-card {
    overflow: hidden;
}

.lux-dashboard .lux-settle-search-body {
    padding: 20px 24px;
}

.lux-dashboard .lux-settle-table-body {
    padding: 8px 24px 24px;
}

.lux-dashboard .lux-settle-table-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 18px;
}

.lux-dashboard .lux-settle-table-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.lux-dashboard .lux-settle-table-info .lux-section-eyebrow {
    color: var(--gold-dark, #A57C36);
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .lux-settle-record-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 11px;
    border: 1px solid rgba(212, 175, 106, 0.3);
    border-radius: 20px;
    background: rgba(212, 175, 106, 0.09);
    color: #87652E;
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .lux-create-settle-button {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 9px 16px;
    border-radius: 10px;
    white-space: nowrap;
}

.lux-dashboard .lux-settle-policy-code {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #E9E3D7;
    border-radius: 7px;
    background: #FAF8F3;
    color: #5E4A2C;
    font-weight: 700;
    white-space: nowrap;
}

.lux-dashboard .lux-settle-price {
    color: #735521;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.lux-dashboard .lux-settle-sheba {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #3D424B;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.lux-dashboard .lux-settle-sheba-prefix {
    color: var(--gold-dark, #A57C36);
    font-weight: 800;
}

.lux-dashboard .lux-settle-date {
    display: inline-block;
    color: #686E79;
    font-size: 12px;
    white-space: nowrap;
}

.lux-dashboard .lux-settle-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 80px;
}

.lux-dashboard .lux-settle-action-edit,
.lux-dashboard .lux-settle-action-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 9px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lux-dashboard .lux-settle-action-edit:hover,
.lux-dashboard .lux-settle-action-delete:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}

.lux-dashboard .lux-settle-no-action {
    color: #B0B3BA;
}

/* وضعیت‌ها: استفاده از کلاس‌های مشترک جدول پرداخت */
.lux-dashboard .lux-settle-table .lux-payment-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.lux-dashboard .lux-settle-table .lux-payment-status-pending {
    color: #946B1E;
    background: rgba(212, 175, 106, 0.15);
    border: 1px solid rgba(212, 175, 106, 0.25);
}

.lux-dashboard .lux-settle-table .lux-payment-status-success {
    color: #218653;
    background: rgba(40, 167, 100, 0.09);
    border: 1px solid rgba(40, 167, 100, 0.17);
}

.lux-dashboard .lux-settle-table .lux-payment-status-failed {
    color: #C44747;
    background: rgba(220, 53, 69, 0.08);
    border: 1px solid rgba(220, 53, 69, 0.15);
}

/* حالت بدون داده */
.lux-dashboard .lux-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 42px 20px;
    text-align: center;
    border: 1px dashed #E3E3E7;
    border-radius: 14px;
    background: #FCFCFD;
}

.lux-dashboard .lux-empty-state-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 16px;
    border: 1px solid rgba(212, 175, 106, 0.3);
    border-radius: 18px;
    background: rgba(212, 175, 106, 0.11);
    color: #A57C36;
    font-size: 27px;
}

.lux-dashboard .lux-empty-state h5 {
    margin-bottom: 9px;
    color: #292D35;
    font-size: 16px;
    font-weight: 800;
}

.lux-dashboard .lux-empty-state p {
    margin-bottom: 20px;
    color: #7B8190;
    font-size: 13px;
    line-height: 1.9;
}

.lux-dashboard .lux-empty-state .lux-search-submit {
    width: auto;
    min-width: 155px;
}

/* مودال حذف */
.lux-dashboard .lux-delete-modal .modal-content {
    overflow: hidden;
    border: 1px solid #EAE6DE;
    border-radius: 17px;
    background: #FFFFFF;
    box-shadow: 0 18px 60px rgba(25, 28, 35, 0.14);
}

.lux-dashboard .lux-delete-modal .modal-header {
    padding: 18px 22px;
    border-bottom: 1px solid #EEEAE3;
    background: #FCFBF8;
}

.lux-dashboard .lux-delete-modal .modal-title {
    color: #292D35;
    font-size: 15px;
    font-weight: 800;
}

.lux-dashboard .lux-delete-modal .modal-body {
    padding: 26px 22px;
    color: #373B44;
    line-height: 1.9;
}

.lux-dashboard .lux-delete-modal-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin: 0 auto 17px;
    border-radius: 18px;
    background: rgba(220, 53, 69, 0.09);
    color: #D34848;
    font-size: 27px;
}

.lux-dashboard .lux-delete-modal-note {
    color: #898D96;
    font-size: 12px;
}

.lux-dashboard .lux-delete-modal .modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 16px 22px;
    border-top: 1px solid #EEEAE3;
}

.lux-dashboard .lux-delete-modal .modal-footer form {
    margin: 0;
}

.lux-dashboard .lux-confirm-delete-button {
    border-radius: 8px;
}

/* موبایل و تبلت */
@media (max-width: 767.98px) {
    .lux-dashboard .lux-settle-search-body {
        padding: 15px;
    }

    .lux-dashboard .lux-settle-table-body {
        padding: 8px 15px 18px;
    }

    .lux-dashboard .lux-settle-table-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .lux-dashboard .lux-settle-table-info {
        justify-content: space-between;
    }

    .lux-dashboard .lux-create-settle-button {
        width: 100%;
    }

    .lux-dashboard .lux-settle-table {
        min-width: 850px;
    }

    .lux-dashboard .lux-empty-state {
        padding: 30px 15px;
    }
}

@media (max-width: 420px) {
    .lux-dashboard .lux-settle-table-info {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .lux-dashboard .lux-delete-modal .modal-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .lux-dashboard .lux-delete-modal .modal-footer form,
    .lux-dashboard .lux-delete-modal .modal-footer form button,
    .lux-dashboard .lux-delete-modal .modal-footer > button {
        width: 100%;
    }
}

/* =========================================
   LUX DASHBOARD — POLICY TABLE
========================================= */

.lux-dashboard .lux-policy-card {
    overflow: hidden;
}

.lux-dashboard .lux-policy-card .lux-payment-heading {
    display: flex;
    align-items: center;
    gap: 14px;
}

.lux-dashboard .lux-policy-card .lux-header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(212, 175, 106, 0.35);
    border-radius: 14px;
    background: rgba(212, 175, 106, 0.12);
    color: #A57C36;
    font-size: 22px;
}

.lux-dashboard .lux-policy-card .lux-payment-title {
    margin-top: 4px;
    color: #252933;
    font-weight: 800;
}

.lux-dashboard .lux-policy-table {
    min-width: 1150px;
}

.lux-dashboard .lux-policy-table thead th {
    vertical-align: middle;
    line-height: 1.8;
}

.lux-dashboard .lux-policy-table tbody td {
    vertical-align: middle;
    line-height: 1.8;
}

.lux-dashboard .lux-policy-asset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.lux-dashboard .lux-policy-asset i {
    font-size: 7px;
}

.lux-dashboard .lux-policy-gold {
    color: #A57C36;
}

.lux-dashboard .lux-policy-silver {
    color: #78818E;
}

.lux-dashboard .lux-policy-copper {
    color: #B66B45;
}

.lux-dashboard .lux-policy-cash {
    color: #477C69;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.lux-dashboard .lux-policy-total {
    display: inline-block;
    padding: 7px 10px;
    border: 1px solid rgba(212, 175, 106, 0.32);
    border-radius: 8px;
    background: #FBF7EE;
    color: #785A26;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.lux-dashboard .lux-policy-description-cell {
    min-width: 160px;
    max-width: 250px;
}

.lux-dashboard .lux-policy-description {
    display: inline-block;
    max-width: 230px;
    color: #6F7580;
    font-size: 12px;
    line-height: 1.9;
    overflow-wrap: anywhere;
    white-space: normal;
    text-align: right;
}

@media (max-width: 767.98px) {
    .lux-dashboard .lux-policy-card .lux-payment-heading {
        gap: 11px;
    }

    .lux-dashboard .lux-policy-card .lux-header-icon {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        font-size: 19px;
    }

    .lux-dashboard .lux-policy-table {
        min-width: 1050px;
    }

    .lux-dashboard .lux-policy-description-cell {
        min-width: 150px;
    }
}

/* =========================================
   LUX DASHBOARD — FACTORS
========================================= */

.lux-dashboard .lux-factor-card {
    overflow: hidden;
}

.lux-dashboard .lux-factor-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
}

.lux-dashboard .lux-factor-create-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 16px;
    border-radius: 10px;
    white-space: nowrap;
}

.lux-dashboard .lux-factor-table {
    min-width: 1050px;
}

.lux-dashboard .lux-factor-table thead th,
.lux-dashboard .lux-factor-table tbody td {
    vertical-align: middle;
    line-height: 1.8;
}

.lux-dashboard .lux-factor-customer-name {
    display: inline-block;
    min-width: 115px;
    color: #30343D;
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .lux-factor-mobile {
    display: inline-block;
    color: #555D69;
    font-size: 12px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.lux-dashboard .lux-factor-order-id {
    display: inline-block;
    padding: 5px 9px;
    border: 1px solid #E8E9ED;
    border-radius: 7px;
    background: #F8F9FB;
    color: #5D6470;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.lux-dashboard .lux-factor-text {
    display: inline-block;
    min-width: 80px;
    max-width: 220px;
    color: #656B76;
    font-size: 12px;
    overflow-wrap: anywhere;
    white-space: normal;
}

.lux-dashboard .lux-factor-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 80px;
}

.lux-dashboard .lux-factor-copy-button,
.lux-dashboard .lux-factor-delete-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    padding: 0;
    border-radius: 9px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lux-dashboard .lux-factor-copy-button:hover,
.lux-dashboard .lux-factor-delete-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}

.lux-dashboard .lux-factor-copy-button:focus-visible,
.lux-dashboard .lux-factor-delete-button:focus-visible {
    outline: 2px solid rgba(212, 175, 106, 0.7);
    outline-offset: 3px;
}

/* وضعیت پرداخت */
.lux-dashboard .lux-factor-table .lux-payment-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.lux-dashboard .lux-factor-table .lux-payment-status-success {
    color: #218653;
    background: rgba(40, 167, 100, 0.09);
    border: 1px solid rgba(40, 167, 100, 0.17);
}

.lux-dashboard .lux-factor-table .lux-payment-status-pending {
    color: #946B1E;
    background: rgba(212, 175, 106, 0.15);
    border: 1px solid rgba(212, 175, 106, 0.25);
}

/* موبایل */
@media (max-width: 767.98px) {
    .lux-dashboard .lux-factor-header-content {
        align-items: stretch;
        flex-direction: column;
    }

    .lux-dashboard .lux-factor-create-button {
        width: 100%;
    }

    .lux-dashboard .lux-factor-table {
        min-width: 1000px;
    }
}

@media (max-width: 420px) {
    .lux-dashboard .lux-factor-header-content .lux-payment-heading {
        gap: 10px;
    }
}

/* ==========================================
   Luxury Factor Create / Edit
   ========================================== */

.lux-dashboard .lux-factor-form-card {
    overflow: hidden;
    border: 1px solid #e9e2d5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(34, 31, 25, 0.045);
}

.lux-dashboard .lux-factor-form-card .lux-payment-header {
    display: block;
    padding: 25px 28px 22px;
    border-bottom: 1px solid #eee8dc;
    background: linear-gradient(135deg, #fff 0%, #fffdf8 100%);
}

.lux-dashboard .lux-factor-form-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.lux-dashboard .lux-factor-form-heading .lux-payment-heading {
    display: flex;
    align-items: center;
    gap: 15px;
}

.lux-dashboard .lux-factor-form-heading .lux-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 1px solid #ead9b5;
    border-radius: 15px;
    background: linear-gradient(145deg, #fffaf0, #f7ebd1);
    color: #a57c36;
    font-size: 23px;
}

.lux-dashboard .lux-factor-form-heading .lux-section-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #a57c36;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.lux-dashboard .lux-factor-form-heading .lux-payment-title {
    margin: 0;
    color: #292821;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.7;
}

.lux-dashboard .lux-factor-mode-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-shrink: 0;
    padding: 9px 13px;
    border: 1px solid #eee0c3;
    border-radius: 10px;
    background: #fffaf0;
    color: #98702f;
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .lux-factor-form-description {
    margin: 18px 0 0;
    color: #77766f;
    font-size: 13px;
    line-height: 1.9;
}

.lux-dashboard .lux-factor-form-body {
    padding: 28px;
    background: #fff;
}

.lux-dashboard .lux-factor-form {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
}

.lux-dashboard .lux-factor-label {
    display: block;
    margin-bottom: 10px;
    color: #38372f;
    font-size: 13px;
    font-weight: 700;
}

.lux-dashboard .lux-factor-required {
    margin-right: 3px;
    color: #c84b45;
    font-weight: 800;
}

.lux-dashboard .lux-factor-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.lux-dashboard .lux-factor-input-icon {
    position: absolute;
    right: 15px;
    z-index: 2;
    color: #ad8b4d;
    font-size: 17px;
    pointer-events: none;
}

.lux-dashboard .lux-factor-input {
    width: 100%;
    min-height: 50px;
    padding: 12px 45px 12px 15px;
    border: 1px solid #e5e3dc;
    border-radius: 11px;
    background-color: #fcfcfa;
    color: #33332d;
    font-size: 13px;
    box-shadow: none;
    transition: border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.lux-dashboard .lux-factor-input::placeholder {
    color: #aaa9a1;
    opacity: 1;
}

.lux-dashboard .lux-factor-input:hover {
    border-color: #d8c59e;
}

.lux-dashboard .lux-factor-input:focus {
    border-color: #c5a15c;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(212, 175, 106, 0.15);
    outline: none;
}

.lux-dashboard .lux-factor-price-wrap .lux-factor-input {
    padding-left: 60px;
}

.lux-dashboard .lux-factor-input-suffix {
    position: absolute;
    left: 13px;
    color: #9b8a68;
    font-size: 12px;
    font-weight: 700;
    pointer-events: none;
}

.lux-dashboard .lux-factor-description-wrap .lux-factor-input {
    min-height: 54px;
}

.lux-dashboard .lux-factor-field-error {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 9px;
    padding: 9px 11px;
    border: 1px solid #f0d1ce;
    border-radius: 9px;
    background: #fff7f6;
    color: #b83d36;
    font-size: 12px;
    line-height: 1.8;
}

.lux-dashboard .lux-factor-field-error i {
    margin-top: 3px;
}

.lux-dashboard .lux-factor-field-hint {
    display: block;
    margin-top: 8px;
    color: #8c8a81;
    font-size: 11px;
    line-height: 1.8;
}

.lux-dashboard .lux-factor-form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
    padding-top: 23px;
    border-top: 1px solid #f0eee8;
}

.lux-dashboard .lux-factor-submit-button,
.lux-dashboard .lux-factor-cancel-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 47px;
    padding: 11px 22px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.lux-dashboard .lux-factor-submit-button {
    border: 1px solid #bd9348;
    background: linear-gradient(135deg, #e7c982 0%, #c49a4e 100%);
    color: #302719;
    box-shadow: 0 5px 13px rgba(165, 124, 54, 0.16);
}

.lux-dashboard .lux-factor-submit-button:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #f0d99f 0%, #d2aa60 100%);
    color: #302719;
    box-shadow: 0 7px 17px rgba(165, 124, 54, 0.23);
}

.lux-dashboard .lux-factor-cancel-button {
    border: 1px solid #e5e3dc;
    background: #fff;
    color: #64635c;
}

.lux-dashboard .lux-factor-cancel-button:hover {
    border-color: #d7c39b;
    background: #fffaf0;
    color: #8b692f;
}

.lux-dashboard .lux-factor-alert {
    margin-bottom: 20px;
    border-radius: 11px;
}

/* Responsive */
@media (max-width: 767.98px) {
    .lux-dashboard .lux-factor-form-card .lux-payment-header {
        padding: 20px 17px;
    }

    .lux-dashboard .lux-factor-form-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .lux-dashboard .lux-factor-form-heading .lux-header-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        border-radius: 12px;
        font-size: 20px;
    }

    .lux-dashboard .lux-factor-form-heading .lux-payment-title {
        font-size: 18px;
    }

    .lux-dashboard .lux-factor-form-description {
        margin-top: 14px;
        font-size: 12px;
    }

    .lux-dashboard .lux-factor-form-body {
        padding: 20px 16px;
    }

    .lux-dashboard .lux-factor-form {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 19px;
    }

    .lux-dashboard .lux-factor-form-actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .lux-dashboard .lux-factor-submit-button,
    .lux-dashboard .lux-factor-cancel-button {
        width: 100%;
        min-height: 48px;
    }
}

/* ==========================================
   Luxury Payment Search / Orders
   ========================================== */

.lux-dashboard .lux-orders-card {
    overflow: hidden;
    border: 1px solid #e9e2d5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(34, 31, 25, 0.045);
}

.lux-dashboard .lux-orders-card > .lux-payment-header {
    display: block;
    padding: 25px 28px 22px;
    border-bottom: 1px solid #eee8dc;
    background: linear-gradient(135deg, #fff 0%, #fffdf8 100%);
}

.lux-dashboard .lux-orders-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
}

.lux-dashboard .lux-orders-header-content .lux-payment-heading {
    display: flex;
    align-items: center;
    gap: 15px;
}

.lux-dashboard .lux-orders-header-content .lux-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 1px solid #ead9b5;
    border-radius: 15px;
    background: linear-gradient(145deg, #fffaf0, #f7ebd1);
    color: #a57c36;
    font-size: 23px;
}

.lux-dashboard .lux-orders-header-content .lux-section-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #a57c36;
    font-size: 11px;
    font-weight: 700;
}

.lux-dashboard .lux-orders-header-content .lux-payment-title {
    margin: 0;
    color: #292821;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.7;
}

.lux-dashboard .lux-orders-header-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border: 1px solid #eee0c3;
    border-radius: 10px;
    background: #fffaf0;
    color: #98702f;
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .lux-orders-header-description {
    margin: 17px 0 0;
    color: #77766f;
    font-size: 13px;
    line-height: 1.9;
}

/* Search area */

.lux-dashboard .lux-orders-search-section {
    padding: 22px 26px 0;
}

.lux-dashboard .lux-orders-search-item {
    overflow: hidden;
    border: 1px solid #eee6d6 !important;
    border-radius: 13px !important;
    background: #fff;
}

.lux-dashboard .lux-orders-search-item .accordion-header {
    margin: 0;
}

.lux-dashboard .lux-orders-search-item .lux-search-toggle {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px 19px;
    background: #fffdf8;
    color: #34332d;
    box-shadow: none;
}

.lux-dashboard .lux-orders-search-item .lux-search-toggle:not(.collapsed) {
    border-bottom: 1px solid #eee6d6;
    background: #fffaf0;
    color: #34332d;
}

.lux-dashboard .lux-orders-search-item .lux-search-toggle::after {
    margin-right: auto;
    margin-left: 0;
}

.lux-dashboard .lux-orders-search-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    border: 1px solid #ead9b5;
    border-radius: 11px;
    background: #fff;
    color: #a57c36;
    font-size: 17px;
}

.lux-dashboard .lux-orders-search-toggle-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: right;
}

.lux-dashboard .lux-orders-search-toggle-text strong {
    color: #34332d;
    font-size: 13px;
    font-weight: 800;
}

.lux-dashboard .lux-orders-search-toggle-text small {
    color: #858279;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.8;
}

.lux-dashboard .lux-orders-search-item .lux-settle-search-body {
    padding: 22px;
    background: #fff;
}

.lux-dashboard .lux-orders-field-label {
    display: block;
    margin-bottom: 9px;
    color: #45443c;
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .lux-orders-input-wrap,
.lux-dashboard .lux-orders-select-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.lux-dashboard .lux-orders-input-icon {
    position: absolute;
    right: 13px;
    z-index: 2;
    color: #ad8b4d;
    font-size: 16px;
    pointer-events: none;
}

.lux-dashboard .lux-orders-input {
    width: 100%;
    min-height: 46px;
    padding: 10px 40px 10px 13px;
    border: 1px solid #e5e3dc;
    border-radius: 10px;
    background-color: #fcfcfa;
    color: #34332d;
    font-size: 12px;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.lux-dashboard .lux-orders-input::placeholder {
    color: #aaa9a1;
    opacity: 1;
}

.lux-dashboard .lux-orders-input:hover {
    border-color: #d8c59e;
}

.lux-dashboard .lux-orders-input:focus {
    border-color: #c5a15c;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(212, 175, 106, .15);
    outline: none;
}

.lux-dashboard .lux-orders-input[type="text"][dir="ltr"] {
    text-align: left;
}

.lux-dashboard .lux-orders-select {
    appearance: auto;
    padding-left: 12px;
    cursor: pointer;
}

/* Search buttons */

.lux-dashboard .lux-orders-search-actions {
    display: flex;
    align-items: stretch;
    gap: 9px;
}

.lux-dashboard .lux-orders-search-actions .lux-search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 8px;
    min-height: 46px;
    padding: 10px 14px;
    border: 1px solid #bd9348;
    border-radius: 10px;
    background: linear-gradient(135deg, #e7c982 0%, #c49a4e 100%);
    color: #302719;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(165, 124, 54, .12);
    transition: .2s ease;
}

.lux-dashboard .lux-orders-search-actions .lux-search-submit:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #f0d99f 0%, #d2aa60 100%);
    box-shadow: 0 6px 14px rgba(165, 124, 54, .2);
}

.lux-dashboard .lux-orders-search-actions .lux-reset-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid #e5e3dc;
    border-radius: 10px;
    background: #fff;
    color: #6c6a62;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s ease;
}

.lux-dashboard .lux-orders-search-actions .lux-reset-button:hover {
    border-color: #d7c39b;
    background: #fffaf0;
    color: #8b692f;
}

/* Results */

.lux-dashboard .lux-orders-results {
    padding: 26px;
}

.lux-dashboard .lux-orders-table-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.lux-dashboard .lux-orders-table-toolbar .lux-settle-table-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lux-dashboard .lux-orders-table-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid #eee0c3;
    border-radius: 12px;
    background: #fffaf0;
    color: #a57c36;
    font-size: 18px;
}

.lux-dashboard .lux-orders-table-title {
    margin: 0 0 4px;
    color: #34332d;
    font-size: 14px;
    font-weight: 800;
}

.lux-dashboard .lux-orders-table-subtitle {
    margin: 0;
    color: #88867e;
    font-size: 11px;
    line-height: 1.8;
}

.lux-dashboard .lux-orders-table-toolbar .lux-settle-record-count {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 11px;
    border: 1px solid #eee8dc;
    border-radius: 9px;
    background: #fcfbf8;
    color: #77766f;
    font-size: 11px;
}

.lux-dashboard .lux-orders-table-toolbar .lux-settle-record-count strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    padding: 0 7px;
    border-radius: 7px;
    background: #f3e5c6;
    color: #8b692f;
    font-size: 12px;
}

/* Table */

.lux-dashboard .lux-orders-table-wrap {
    overflow-x: auto;
    border: 1px solid #ece8df;
    border-radius: 13px;
    background: #fff;
}

.lux-dashboard .lux-orders-table {
    width: 100%;
    min-width: 850px;
    border-collapse: separate;
    border-spacing: 0;
}

.lux-dashboard .lux-orders-table thead th {
    padding: 16px 14px;
    border-bottom: 1px solid #e9dfca;
    background: #fbf7ee;
    color: #76613c;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    vertical-align: middle;
}

.lux-dashboard .lux-orders-table tbody td {
    padding: 16px 14px;
    border-bottom: 1px solid #f0eee8;
    background: #fff;
    color: #45443d;
    font-size: 12px;
    vertical-align: middle;
}

.lux-dashboard .lux-orders-table tbody tr:last-child td {
    border-bottom: 0;
}

.lux-dashboard .lux-orders-table tbody tr {
    transition: background-color .18s ease;
}

.lux-dashboard .lux-orders-table tbody tr:hover td {
    background: #fffdf7;
}

.lux-dashboard .lux-orders-table .lux-orders-row-number {
    width: 55px;
    color: #999184;
    text-align: center;
    font-size: 11px;
}

.lux-dashboard .lux-orders-table .lux-orders-amount {
    color: #94702f;
    font-weight: 800;
    white-space: nowrap;
}

.lux-dashboard .lux-orders-table .lux-settle-date {
    display: inline-block;
    color: #77766f;
    font-size: 11px;
    white-space: nowrap;
}

/* Shared status classes */

.lux-dashboard .lux-orders-table .lux-payment-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 11px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.lux-dashboard .lux-orders-table .lux-payment-status-success {
    border-color: #cdebd8;
    background: #effaf3;
    color: #21834a;
}

.lux-dashboard .lux-orders-table .lux-payment-status-failed {
    border-color: #f1d2d0;
    background: #fff4f3;
    color: #bd4540;
}

.lux-dashboard .lux-orders-table .lux-payment-status-pending {
    border-color: #f0dfb8;
    background: #fff9e9;
    color: #98702f;
}

/* Pagination */

.lux-dashboard .lux-orders-pagination {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eeeae2;
}

/* Empty state */

.lux-dashboard .lux-orders-empty-state {
    margin: 25px 26px 28px;
    padding: 45px 20px;
    border: 1px dashed #e5d8bd;
    border-radius: 14px;
    background: #fffdf8;
    text-align: center;
}

.lux-dashboard .lux-orders-empty-state .lux-empty-state-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    margin: 0 auto 18px;
    border: 1px solid #eee0c3;
    border-radius: 20px;
    background: #fff7e6;
    color: #ad8744;
    font-size: 25px;
}

.lux-dashboard .lux-orders-empty-state h3 {
    margin: 0 0 10px;
    color: #34332d;
    font-size: 16px;
    font-weight: 800;
}

.lux-dashboard .lux-orders-empty-state p {
    max-width: 470px;
    margin: 0 auto;
    color: #858279;
    font-size: 12px;
    line-height: 2;
}

.lux-dashboard .lux-orders-empty-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
    padding: 10px 15px;
    border: 1px solid #e8d6b0;
    border-radius: 9px;
    background: #fff8e8;
    color: #8b692f;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.lux-dashboard .lux-orders-empty-reset:hover {
    background: #f8edcf;
    color: #755421;
}

/* Restricted access */

.lux-dashboard .lux-orders-restricted {
    margin: 26px;
    padding: 42px 20px;
    border: 1px solid #eee5d4;
    border-radius: 14px;
    background: #fffdf8;
    text-align: center;
}

.lux-dashboard .lux-orders-restricted-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin: 0 auto 17px;
    border: 1px solid #f0dfb8;
    border-radius: 19px;
    background: #fff7e6;
    color: #a57c36;
    font-size: 25px;
}

.lux-dashboard .lux-orders-restricted h3 {
    margin: 0 0 10px;
    color: #34332d;
    font-size: 15px;
    font-weight: 800;
}

.lux-dashboard .lux-orders-restricted p {
    margin: 0;
    color: #858279;
    font-size: 12px;
    line-height: 2;
}

.lux-dashboard .lux-payment-alert {
    margin-bottom: 20px;
    border-radius: 11px;
}

/* Responsive */

@media (max-width: 767.98px) {
    .lux-dashboard .lux-orders-card > .lux-payment-header {
        padding: 20px 17px;
    }

    .lux-dashboard .lux-orders-header-content {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .lux-dashboard .lux-orders-header-content .lux-header-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        border-radius: 12px;
        font-size: 20px;
    }

    .lux-dashboard .lux-orders-header-content .lux-payment-title {
        font-size: 18px;
    }

    .lux-dashboard .lux-orders-header-description {
        margin-top: 13px;
        font-size: 12px;
    }

    .lux-dashboard .lux-orders-search-section {
        padding: 17px 14px 0;
    }

    .lux-dashboard .lux-orders-search-item .lux-search-toggle {
        padding: 14px 12px;
    }

    .lux-dashboard .lux-orders-search-toggle-text small {
        max-width: 230px;
    }

    .lux-dashboard .lux-orders-search-item .lux-settle-search-body {
        padding: 16px 13px;
    }

    .lux-dashboard .lux-orders-search-actions {
        flex-direction: column;
    }

    .lux-dashboard .lux-orders-search-actions .lux-search-submit,
    .lux-dashboard .lux-orders-search-actions .lux-reset-button {
        width: 100%;
    }

    .lux-dashboard .lux-orders-results {
        padding: 22px 14px;
    }

    .lux-dashboard .lux-orders-table-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .lux-dashboard .lux-orders-empty-state,
    .lux-dashboard .lux-orders-restricted {
        margin: 20px 14px;
        padding: 32px 16px;
    }
}

/* ==========================================
   Luxury Payment Search / Orders
   ========================================== */

.lux-dashboard .lux-orders-card {
    overflow: hidden;
    border: 1px solid #e9e2d5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(34, 31, 25, 0.045);
}

.lux-dashboard .lux-orders-card > .lux-payment-header {
    display: block;
    padding: 25px 28px 22px;
    border-bottom: 1px solid #eee8dc;
    background: linear-gradient(135deg, #fff 0%, #fffdf8 100%);
}

.lux-dashboard .lux-orders-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
}

.lux-dashboard .lux-orders-header-content .lux-payment-heading {
    display: flex;
    align-items: center;
    gap: 15px;
}

.lux-dashboard .lux-orders-header-content .lux-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 1px solid #ead9b5;
    border-radius: 15px;
    background: linear-gradient(145deg, #fffaf0, #f7ebd1);
    color: #a57c36;
    font-size: 23px;
}

.lux-dashboard .lux-orders-header-content .lux-section-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #a57c36;
    font-size: 11px;
    font-weight: 700;
}

.lux-dashboard .lux-orders-header-content .lux-payment-title {
    margin: 0;
    color: #292821;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.7;
}

.lux-dashboard .lux-orders-header-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border: 1px solid #eee0c3;
    border-radius: 10px;
    background: #fffaf0;
    color: #98702f;
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .lux-orders-header-description {
    margin: 17px 0 0;
    color: #77766f;
    font-size: 13px;
    line-height: 1.9;
}

/* Search area */

.lux-dashboard .lux-orders-search-section {
    padding: 22px 26px 0;
}

.lux-dashboard .lux-orders-search-item {
    overflow: hidden;
    border: 1px solid #eee6d6 !important;
    border-radius: 13px !important;
    background: #fff;
}

.lux-dashboard .lux-orders-search-item .accordion-header {
    margin: 0;
}

.lux-dashboard .lux-orders-search-item .lux-search-toggle {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px 19px;
    background: #fffdf8;
    color: #34332d;
    box-shadow: none;
}

.lux-dashboard .lux-orders-search-item .lux-search-toggle:not(.collapsed) {
    border-bottom: 1px solid #eee6d6;
    background: #fffaf0;
    color: #34332d;
}

.lux-dashboard .lux-orders-search-item .lux-search-toggle::after {
    margin-right: auto;
    margin-left: 0;
}

.lux-dashboard .lux-orders-search-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    border: 1px solid #ead9b5;
    border-radius: 11px;
    background: #fff;
    color: #a57c36;
    font-size: 17px;
}

.lux-dashboard .lux-orders-search-toggle-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: right;
}

.lux-dashboard .lux-orders-search-toggle-text strong {
    color: #34332d;
    font-size: 13px;
    font-weight: 800;
}

.lux-dashboard .lux-orders-search-toggle-text small {
    color: #858279;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.8;
}

.lux-dashboard .lux-orders-search-item .lux-settle-search-body {
    padding: 22px;
    background: #fff;
}

.lux-dashboard .lux-orders-field-label {
    display: block;
    margin-bottom: 9px;
    color: #45443c;
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .lux-orders-input-wrap,
.lux-dashboard .lux-orders-select-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.lux-dashboard .lux-orders-input-icon {
    position: absolute;
    right: 13px;
    z-index: 2;
    color: #ad8b4d;
    font-size: 16px;
    pointer-events: none;
}

.lux-dashboard .lux-orders-input {
    width: 100%;
    min-height: 46px;
    padding: 10px 40px 10px 13px;
    border: 1px solid #e5e3dc;
    border-radius: 10px;
    background-color: #fcfcfa;
    color: #34332d;
    font-size: 12px;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.lux-dashboard .lux-orders-input::placeholder {
    color: #aaa9a1;
    opacity: 1;
}

.lux-dashboard .lux-orders-input:hover {
    border-color: #d8c59e;
}

.lux-dashboard .lux-orders-input:focus {
    border-color: #c5a15c;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(212, 175, 106, .15);
    outline: none;
}

.lux-dashboard .lux-orders-input[type="text"][dir="ltr"] {
    text-align: left;
}

.lux-dashboard .lux-orders-select {
    appearance: auto;
    padding-left: 12px;
    cursor: pointer;
}

/* Search buttons */

.lux-dashboard .lux-orders-search-actions {
    display: flex;
    align-items: stretch;
    gap: 9px;
}

.lux-dashboard .lux-orders-search-actions .lux-search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 8px;
    min-height: 46px;
    padding: 10px 14px;
    border: 1px solid #bd9348;
    border-radius: 10px;
    background: linear-gradient(135deg, #e7c982 0%, #c49a4e 100%);
    color: #302719;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(165, 124, 54, .12);
    transition: .2s ease;
}

.lux-dashboard .lux-orders-search-actions .lux-search-submit:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #f0d99f 0%, #d2aa60 100%);
    box-shadow: 0 6px 14px rgba(165, 124, 54, .2);
}

.lux-dashboard .lux-orders-search-actions .lux-reset-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid #e5e3dc;
    border-radius: 10px;
    background: #fff;
    color: #6c6a62;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s ease;
}

.lux-dashboard .lux-orders-search-actions .lux-reset-button:hover {
    border-color: #d7c39b;
    background: #fffaf0;
    color: #8b692f;
}

/* Results */

.lux-dashboard .lux-orders-results {
    padding: 26px;
}

.lux-dashboard .lux-orders-table-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.lux-dashboard .lux-orders-table-toolbar .lux-settle-table-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lux-dashboard .lux-orders-table-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid #eee0c3;
    border-radius: 12px;
    background: #fffaf0;
    color: #a57c36;
    font-size: 18px;
}

.lux-dashboard .lux-orders-table-title {
    margin: 0 0 4px;
    color: #34332d;
    font-size: 14px;
    font-weight: 800;
}

.lux-dashboard .lux-orders-table-subtitle {
    margin: 0;
    color: #88867e;
    font-size: 11px;
    line-height: 1.8;
}

.lux-dashboard .lux-orders-table-toolbar .lux-settle-record-count {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 11px;
    border: 1px solid #eee8dc;
    border-radius: 9px;
    background: #fcfbf8;
    color: #77766f;
    font-size: 11px;
}

.lux-dashboard .lux-orders-table-toolbar .lux-settle-record-count strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    padding: 0 7px;
    border-radius: 7px;
    background: #f3e5c6;
    color: #8b692f;
    font-size: 12px;
}

/* Table */

.lux-dashboard .lux-orders-table-wrap {
    overflow-x: auto;
    border: 1px solid #ece8df;
    border-radius: 13px;
    background: #fff;
}

.lux-dashboard .lux-orders-table {
    width: 100%;
    min-width: 850px;
    border-collapse: separate;
    border-spacing: 0;
}

.lux-dashboard .lux-orders-table thead th {
    padding: 16px 14px;
    border-bottom: 1px solid #e9dfca;
    background: #fbf7ee;
    color: #76613c;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    vertical-align: middle;
}

.lux-dashboard .lux-orders-table tbody td {
    padding: 16px 14px;
    border-bottom: 1px solid #f0eee8;
    background: #fff;
    color: #45443d;
    font-size: 12px;
    vertical-align: middle;
}

.lux-dashboard .lux-orders-table tbody tr:last-child td {
    border-bottom: 0;
}

.lux-dashboard .lux-orders-table tbody tr {
    transition: background-color .18s ease;
}

.lux-dashboard .lux-orders-table tbody tr:hover td {
    background: #fffdf7;
}

.lux-dashboard .lux-orders-table .lux-orders-row-number {
    width: 55px;
    color: #999184;
    text-align: center;
    font-size: 11px;
}

.lux-dashboard .lux-orders-table .lux-orders-amount {
    color: #94702f;
    font-weight: 800;
    white-space: nowrap;
}

.lux-dashboard .lux-orders-table .lux-settle-date {
    display: inline-block;
    color: #77766f;
    font-size: 11px;
    white-space: nowrap;
}

/* Shared status classes */

.lux-dashboard .lux-orders-table .lux-payment-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 11px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.lux-dashboard .lux-orders-table .lux-payment-status-success {
    border-color: #cdebd8;
    background: #effaf3;
    color: #21834a;
}

.lux-dashboard .lux-orders-table .lux-payment-status-failed {
    border-color: #f1d2d0;
    background: #fff4f3;
    color: #bd4540;
}

.lux-dashboard .lux-orders-table .lux-payment-status-pending {
    border-color: #f0dfb8;
    background: #fff9e9;
    color: #98702f;
}

/* Pagination */

.lux-dashboard .lux-orders-pagination {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eeeae2;
}

/* Empty state */

.lux-dashboard .lux-orders-empty-state {
    margin: 25px 26px 28px;
    padding: 45px 20px;
    border: 1px dashed #e5d8bd;
    border-radius: 14px;
    background: #fffdf8;
    text-align: center;
}

.lux-dashboard .lux-orders-empty-state .lux-empty-state-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    margin: 0 auto 18px;
    border: 1px solid #eee0c3;
    border-radius: 20px;
    background: #fff7e6;
    color: #ad8744;
    font-size: 25px;
}

.lux-dashboard .lux-orders-empty-state h3 {
    margin: 0 0 10px;
    color: #34332d;
    font-size: 16px;
    font-weight: 800;
}

.lux-dashboard .lux-orders-empty-state p {
    max-width: 470px;
    margin: 0 auto;
    color: #858279;
    font-size: 12px;
    line-height: 2;
}

.lux-dashboard .lux-orders-empty-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
    padding: 10px 15px;
    border: 1px solid #e8d6b0;
    border-radius: 9px;
    background: #fff8e8;
    color: #8b692f;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.lux-dashboard .lux-orders-empty-reset:hover {
    background: #f8edcf;
    color: #755421;
}

/* Restricted access */

.lux-dashboard .lux-orders-restricted {
    margin: 26px;
    padding: 42px 20px;
    border: 1px solid #eee5d4;
    border-radius: 14px;
    background: #fffdf8;
    text-align: center;
}

.lux-dashboard .lux-orders-restricted-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin: 0 auto 17px;
    border: 1px solid #f0dfb8;
    border-radius: 19px;
    background: #fff7e6;
    color: #a57c36;
    font-size: 25px;
}

.lux-dashboard .lux-orders-restricted h3 {
    margin: 0 0 10px;
    color: #34332d;
    font-size: 15px;
    font-weight: 800;
}

.lux-dashboard .lux-orders-restricted p {
    margin: 0;
    color: #858279;
    font-size: 12px;
    line-height: 2;
}

.lux-dashboard .lux-payment-alert {
    margin-bottom: 20px;
    border-radius: 11px;
}

/* Responsive */

@media (max-width: 767.98px) {
    .lux-dashboard .lux-orders-card > .lux-payment-header {
        padding: 20px 17px;
    }

    .lux-dashboard .lux-orders-header-content {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .lux-dashboard .lux-orders-header-content .lux-header-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        border-radius: 12px;
        font-size: 20px;
    }

    .lux-dashboard .lux-orders-header-content .lux-payment-title {
        font-size: 18px;
    }

    .lux-dashboard .lux-orders-header-description {
        margin-top: 13px;
        font-size: 12px;
    }

    .lux-dashboard .lux-orders-search-section {
        padding: 17px 14px 0;
    }

    .lux-dashboard .lux-orders-search-item .lux-search-toggle {
        padding: 14px 12px;
    }

    .lux-dashboard .lux-orders-search-toggle-text small {
        max-width: 230px;
    }

    .lux-dashboard .lux-orders-search-item .lux-settle-search-body {
        padding: 16px 13px;
    }

    .lux-dashboard .lux-orders-search-actions {
        flex-direction: column;
    }

    .lux-dashboard .lux-orders-search-actions .lux-search-submit,
    .lux-dashboard .lux-orders-search-actions .lux-reset-button {
        width: 100%;
    }

    .lux-dashboard .lux-orders-results {
        padding: 22px 14px;
    }

    .lux-dashboard .lux-orders-table-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .lux-dashboard .lux-orders-empty-state,
    .lux-dashboard .lux-orders-restricted {
        margin: 20px 14px;
        padding: 32px 16px;
    }
}

/* ==========================================
   Luxury Password Change
   ========================================== */

.lux-dashboard .lux-password-card {
    overflow: hidden;
    border: 1px solid #e9e2d5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(34, 31, 25, 0.045);
}

.lux-dashboard .lux-password-card .lux-payment-header {
    display: block;
    padding: 25px 28px 22px;
    border-bottom: 1px solid #eee8dc;
    background: linear-gradient(135deg, #fff 0%, #fffdf8 100%);
}

.lux-dashboard .lux-password-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.lux-dashboard .lux-password-header-content .lux-payment-heading {
    display: flex;
    align-items: center;
    gap: 15px;
}

.lux-dashboard .lux-password-header-content .lux-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 1px solid #ead9b5;
    border-radius: 15px;
    background: linear-gradient(145deg, #fffaf0, #f7ebd1);
    color: #a57c36;
    font-size: 23px;
}

.lux-dashboard .lux-password-header-content .lux-section-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #a57c36;
    font-size: 11px;
    font-weight: 700;
}

.lux-dashboard .lux-password-header-content .lux-payment-title {
    margin: 0;
    color: #292821;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.7;
}

.lux-dashboard .lux-password-security-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-shrink: 0;
    padding: 9px 13px;
    border: 1px solid #eee0c3;
    border-radius: 10px;
    background: #fffaf0;
    color: #98702f;
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .lux-password-description {
    margin: 18px 0 0;
    color: #77766f;
    font-size: 13px;
    line-height: 1.9;
}

.lux-dashboard .lux-password-body {
    padding: 28px;
    background: #fff;
}

.lux-dashboard .lux-password-form .row {
    --bs-gutter-x: 22px;
    --bs-gutter-y: 24px;
}

.lux-dashboard .lux-password-label {
    display: block;
    margin-bottom: 10px;
    color: #38372f;
    font-size: 13px;
    font-weight: 700;
}

.lux-dashboard .lux-password-required {
    margin-right: 3px;
    color: #c84b45;
}

.lux-dashboard .lux-password-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.lux-dashboard .lux-password-input-icon {
    position: absolute;
    right: 14px;
    z-index: 2;
    color: #ad8b4d;
    font-size: 17px;
    pointer-events: none;
}

.lux-dashboard .lux-password-input {
    width: 100%;
    min-height: 51px;
    padding: 12px 43px 12px 44px;
    border: 1px solid #e5e3dc;
    border-radius: 11px;
    background: #fcfcfa;
    color: #33332d;
    font-size: 13px;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.lux-dashboard .lux-password-input::placeholder {
    color: #aaa9a1;
    opacity: 1;
}

.lux-dashboard .lux-password-input:hover {
    border-color: #d8c59e;
}

.lux-dashboard .lux-password-input:focus {
    border-color: #c5a15c;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(212, 175, 106, .15);
    outline: none;
}

.lux-dashboard .lux-password-toggle {
    position: absolute;
    left: 9px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #888477;
    font-size: 16px;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.lux-dashboard .lux-password-toggle:hover {
    background: #f8f0df;
    color: #98702f;
}

.lux-dashboard .lux-password-field-error {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 9px;
    padding: 9px 11px;
    border: 1px solid #f0d1ce;
    border-radius: 9px;
    background: #fff7f6;
    color: #b83d36;
    font-size: 12px;
    line-height: 1.8;
}

.lux-dashboard .lux-password-field-error i {
    margin-top: 3px;
}

.lux-dashboard .lux-password-hint {
    display: block;
    margin-top: 8px;
    color: #8c8a81;
    font-size: 11px;
    line-height: 1.8;
}

.lux-dashboard .lux-password-security-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 26px;
    padding: 13px 15px;
    border: 1px solid #eee5d2;
    border-radius: 11px;
    background: #fffdf8;
    color: #77705f;
    font-size: 12px;
    line-height: 1.9;
}

.lux-dashboard .lux-password-security-note i {
    margin-top: 3px;
    color: #b18a45;
    font-size: 16px;
}

.lux-dashboard .lux-password-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid #f0eee8;
}

.lux-dashboard .lux-password-submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 12px 23px;
    border: 1px solid #bd9348;
    border-radius: 11px;
    background: linear-gradient(135deg, #e7c982 0%, #c49a4e 100%);
    color: #302719;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 5px 13px rgba(165, 124, 54, .16);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.lux-dashboard .lux-password-submit-button:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #f0d99f 0%, #d2aa60 100%);
    color: #302719;
    box-shadow: 0 7px 17px rgba(165, 124, 54, .23);
}

.lux-dashboard .lux-password-alert {
    margin-bottom: 20px;
    border-radius: 11px;
}

/* Responsive */
@media (max-width: 767.98px) {
    .lux-dashboard .lux-password-card .lux-payment-header {
        padding: 20px 17px;
    }

    .lux-dashboard .lux-password-header-content {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .lux-dashboard .lux-password-header-content .lux-header-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        border-radius: 12px;
        font-size: 20px;
    }

    .lux-dashboard .lux-password-header-content .lux-payment-title {
        font-size: 18px;
    }

    .lux-dashboard .lux-password-description {
        margin-top: 14px;
        font-size: 12px;
    }

    .lux-dashboard .lux-password-body {
        padding: 20px 16px;
    }

    .lux-dashboard .lux-password-form .row {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 19px;
    }

    .lux-dashboard .lux-password-actions {
        justify-content: stretch;
    }

    .lux-dashboard .lux-password-submit-button {
        width: 100%;
    }
}

/* =========================================
   LUXURY FACTOR LIST / SEARCH
   Light background + Gold accents
   ========================================= */

.lux-dashboard .lux-factor-list-card {
    overflow: hidden;
    border: 1px solid #e9e2d5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(34, 31, 25, 0.045);
}

.lux-dashboard .lux-factor-list-card > .lux-payment-header {
    display: block;
    padding: 25px 28px 21px;
    border-bottom: 1px solid #eee8dc;
    background: linear-gradient(135deg, #fff 0%, #fffdf8 100%);
}

.lux-dashboard .lux-factor-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.lux-dashboard .lux-factor-list-heading .lux-payment-heading {
    display: flex;
    align-items: center;
    gap: 15px;
}

.lux-dashboard .lux-factor-list-heading .lux-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border: 1px solid #ead9b5;
    border-radius: 15px;
    background: linear-gradient(145deg, #fffaf0, #f7ebd1);
    color: #a57c36;
    font-size: 23px;
}

.lux-dashboard .lux-factor-list-heading .lux-section-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #a57c36;
    font-size: 11px;
    font-weight: 700;
}

.lux-dashboard .lux-factor-list-heading .lux-payment-title {
    margin: 0;
    color: #292821;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.7;
}

.lux-dashboard .lux-factor-list-description {
    margin: 17px 0 0;
    color: #77766f;
    font-size: 13px;
    line-height: 1.9;
}

.lux-dashboard .lux-factor-create-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 17px;
    border: 1px solid #bd9348;
    border-radius: 11px;
    background: linear-gradient(135deg, #e7c982 0%, #c49a4e 100%);
    color: #302719;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 5px 13px rgba(165, 124, 54, 0.13);
    transition: 0.2s ease;
}

.lux-dashboard .lux-factor-create-button:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #f0d99f, #d2aa60);
    color: #302719;
    box-shadow: 0 7px 17px rgba(165, 124, 54, 0.2);
}

/* Search section */

.lux-dashboard .lux-factor-search-section {
    padding: 23px 28px 20px;
    border-bottom: 1px solid #f0eee8;
}

.lux-dashboard .lux-search-accordion {
    overflow: hidden;
    border: 1px solid #e9e3d6;
    border-radius: 13px;
    background: #fff;
}

.lux-dashboard .lux-search-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    padding: 16px 19px;
    border: 0;
    background: #fffdf8;
    color: #39372f;
    text-align: right;
    font-size: 13px;
    font-weight: 800;
    transition: background 0.2s ease;
}

.lux-dashboard .lux-search-toggle:hover {
    background: #fff8e9;
}

.lux-dashboard .lux-factor-search-toggle-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.lux-dashboard .lux-factor-search-toggle-title > i {
    color: #a57c36;
    font-size: 17px;
}

.lux-dashboard .lux-factor-search-chevron {
    color: #a57c36;
    transition: transform 0.2s ease;
}

.lux-dashboard .lux-search-toggle:not(.collapsed) .lux-factor-search-chevron {
    transform: rotate(180deg);
}

.lux-dashboard .lux-settle-search-body {
    padding: 23px 20px;
    border-top: 1px solid #f0e9da;
    background: #fff;
}

.lux-dashboard .lux-factor-filter-label {
    display: block;
    margin-bottom: 9px;
    color: #45443d;
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .lux-factor-filter-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.lux-dashboard .lux-factor-filter-wrap > i {
    position: absolute;
    right: 13px;
    z-index: 2;
    color: #ad8b4d;
    font-size: 16px;
    pointer-events: none;
}

.lux-dashboard .lux-factor-filter-input {
    width: 100%;
    min-height: 45px;
    padding: 10px 39px 10px 12px;
    border: 1px solid #e5e3dc;
    border-radius: 10px;
    background-color: #fcfcfa;
    color: #33332d;
    font-size: 12px;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.lux-dashboard select.lux-factor-filter-input {
    padding-right: 12px;
    cursor: pointer;
}

.lux-dashboard .lux-factor-filter-input::placeholder {
    color: #aaa9a1;
    opacity: 1;
}

.lux-dashboard .lux-factor-filter-input:hover {
    border-color: #d8c59e;
}

.lux-dashboard .lux-factor-filter-input:focus {
    border-color: #c5a15c;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(212, 175, 106, 0.13);
    outline: none;
}

.lux-dashboard .lux-factor-date-wrap .lux-factor-filter-input {
    padding-right: 39px;
    text-align: left;
}

.lux-dashboard .lux-factor-filter-actions {
    display: flex;
    align-items: stretch;
    gap: 9px;
}

.lux-dashboard .lux-factor-filter-actions .lux-search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 8px;
    min-height: 45px;
    margin: 0;
    padding: 10px 14px;
    border: 1px solid #bd9348;
    border-radius: 10px;
    background: linear-gradient(135deg, #e7c982, #c49a4e);
    color: #302719;
    font-size: 12px;
    font-weight: 800;
    transition: 0.2s ease;
}

.lux-dashboard .lux-factor-filter-actions .lux-search-submit:hover {
    background: linear-gradient(135deg, #f0d99f, #d2aa60);
    box-shadow: 0 4px 12px rgba(165, 124, 54, 0.17);
}

.lux-dashboard .lux-factor-filter-actions .lux-reset-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    border: 1px solid #e5e3dc;
    border-radius: 10px;
    background: #fff;
    color: #77766f;
    text-decoration: none;
    transition: 0.2s ease;
}

.lux-dashboard .lux-factor-filter-actions .lux-reset-button:hover {
    border-color: #d7c39b;
    background: #fffaf0;
    color: #98702f;
}

/* Table toolbar */

.lux-dashboard .lux-settle-table-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 18px 28px 0;
}

.lux-dashboard .lux-settle-table-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    color: #77766f;
    font-size: 12px;
}

.lux-dashboard .lux-settle-record-count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border: 1px solid #eee0c3;
    border-radius: 8px;
    background: #fffaf0;
    color: #98702f;
    font-size: 12px;
    font-weight: 800;
}

.lux-dashboard .lux-factor-table-section {
    padding: 17px 28px 24px;
}

.lux-dashboard .lux-factor-table-wrap {
    overflow-x: auto;
    border: 1px solid #ece8df;
    border-radius: 12px;
    background: #fff;
}

.lux-dashboard .lux-factor-table {
    width: 100%;
    min-width: 1120px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    color: #414039;
    font-size: 12px;
    vertical-align: middle;
}

.lux-dashboard .lux-factor-table thead th {
    padding: 16px 14px;
    border-bottom: 1px solid #e9dfca;
    background: #fbf7ed;
    color: #665638;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
}

.lux-dashboard .lux-factor-table tbody td {
    padding: 15px 14px;
    border-bottom: 1px solid #f0eee8;
    background: #fff;
    color: #4c4a43;
    text-align: center;
    vertical-align: middle;
    line-height: 1.9;
}

.lux-dashboard .lux-factor-table tbody tr:last-child td {
    border-bottom: 0;
}

.lux-dashboard .lux-factor-table tbody tr {
    transition: background-color 0.18s ease;
}

.lux-dashboard .lux-factor-table tbody tr:hover td {
    background: #fffdf8;
}

.lux-dashboard .lux-factor-row-number {
    width: 45px;
    color: #a49b87 !important;
    font-size: 11px;
}

.lux-dashboard .lux-factor-customer-name {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    min-width: 155px;
    color: #35342e;
    font-weight: 700;
    white-space: nowrap;
}

.lux-dashboard .lux-factor-customer-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: 1px solid #eee0c3;
    border-radius: 10px;
    background: #fffaf0;
    color: #a57c36;
    font-size: 15px;
}

.lux-dashboard .lux-factor-mobile {
    color: #65645d;
    font-size: 12px;
    white-space: nowrap;
}

.lux-dashboard .lux-factor-table .lux-settle-price {
    color: #8e6a2c;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.lux-dashboard .lux-factor-text {
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    color: #66645d;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.lux-dashboard .lux-factor-order-id {
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid #eae5d9;
    border-radius: 7px;
    background: #faf9f6;
    color: #615b4d;
    font-size: 11px;
    font-weight: 700;
    direction: ltr;
}

.lux-dashboard .lux-factor-no-order {
    color: #aaa69a;
}

.lux-dashboard .lux-factor-table .lux-settle-date {
    display: inline-block;
    color: #77766f;
    font-size: 11px;
    white-space: nowrap;
}

/* Status badges: use shared status classes */

.lux-dashboard .lux-factor-table .lux-payment-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.lux-dashboard .lux-factor-table .lux-payment-status-success {
    border: 1px solid #cce9d7;
    background: #effaf3;
    color: #21804a;
}

.lux-dashboard .lux-factor-table .lux-payment-status-pending {
    border: 1px solid #f0dfb8;
    background: #fff8e8;
    color: #9a7025;
}

/* Row actions */

.lux-dashboard .lux-factor-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap;
}

.lux-dashboard .lux-factor-actions-heading {
    min-width: 100px;
}

.lux-dashboard .lux-factor-copy-button,
.lux-dashboard .lux-factor-delete-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    transition: transform 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease;
}

.lux-dashboard .lux-factor-copy-button {
    border-color: #e8dfc9;
    background: #fffaf0;
    color: #997333;
}

.lux-dashboard .lux-factor-copy-button:hover {
    transform: translateY(-1px);
    border-color: #d8c18f;
    background: #f8edcf;
}

.lux-dashboard .lux-factor-copy-button.is-copied {
    border-color: #cce9d7;
    background: #effaf3;
    color: #21804a;
}

.lux-dashboard .lux-factor-delete-button {
    border-color: #f1d8d5;
    background: #fff5f4;
    color: #c54b43;
}

.lux-dashboard .lux-factor-delete-button:hover {
    transform: translateY(-1px);
    border-color: #e9bcb7;
    background: #fde9e7;
}

/* Pagination */

.lux-dashboard .lux-factor-list-card > .lux-payment-pagination {
    padding: 18px 28px;
    border-top: 1px solid #eee8dc;
    background: #fffdf9;
}

/* Empty state */

.lux-dashboard .lux-factor-list-card .lux-empty-state {
    padding: 45px 20px;
    text-align: center;
}

.lux-dashboard .lux-factor-list-card .lux-empty-state-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    margin: 0 auto 18px;
    border: 1px solid #eee0c3;
    border-radius: 20px;
    background: #fffaf0;
    color: #a57c36;
    font-size: 27px;
}

.lux-dashboard .lux-factor-list-card .lux-empty-state h3 {
    margin: 0 0 10px;
    color: #34332d;
    font-size: 17px;
    font-weight: 800;
}

.lux-dashboard .lux-factor-list-card .lux-empty-state p {
    max-width: 480px;
    margin: 0 auto 20px;
    color: #85837b;
    font-size: 12px;
    line-height: 2;
}

.lux-dashboard .lux-factor-empty-reset {
    min-height: 40px;
}

/* Delete modal */

.lux-dashboard .lux-delete-modal .modal-content {
    overflow: hidden;
    border: 1px solid #eee3d1;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 18px 60px rgba(33, 29, 21, 0.14);
}

.lux-dashboard .lux-delete-modal .modal-header {
    padding: 19px 22px;
    border-bottom: 1px solid #f0eee8;
    background: #fffdf8;
}

.lux-dashboard .lux-delete-modal .modal-title {
    color: #34332d;
    font-weight: 800;
}

.lux-dashboard .lux-delete-modal .modal-body {
    padding: 27px 24px 22px;
}

.lux-dashboard .lux-delete-modal .lux-delete-modal-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin: 0 auto 18px;
    border: 1px solid #f1d8d5;
    border-radius: 19px;
    background: #fff5f4;
    color: #c54b43;
    font-size: 27px;
}

.lux-dashboard .lux-factor-delete-question {
    margin: 0 0 18px;
    color: #414039;
    font-size: 13px;
    font-weight: 700;
    line-height: 2;
    text-align: center;
}

.lux-dashboard .lux-delete-modal .lux-delete-modal-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 11px 13px;
    border: 1px solid #f0e5cc;
    border-radius: 10px;
    background: #fffbf2;
    color: #8b7348;
    font-size: 11px;
    line-height: 1.9;
}

.lux-dashboard .lux-delete-modal .modal-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    padding: 15px 22px;
    border-top: 1px solid #f0eee8;
}

.lux-dashboard .lux-delete-modal .modal-footer form {
    margin: 0;
}

.lux-dashboard .lux-delete-modal .lux-confirm-delete-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 9px 15px;
    border: 1px solid #c54b43;
    border-radius: 9px;
    background: #c54b43;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    transition: 0.2s ease;
}

.lux-dashboard .lux-delete-modal .lux-confirm-delete-button:hover {
    border-color: #a93630;
    background: #a93630;
}

.lux-dashboard .lux-delete-modal .lux-factor-cancel-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 15px;
    border: 1px solid #e5e3dc;
    border-radius: 9px;
    background: #fff;
    color: #64635c;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.lux-dashboard .lux-delete-modal .lux-factor-cancel-button:hover {
    border-color: #d7c39b;
    background: #fffaf0;
    color: #8b692f;
}

/* Alert */

.lux-dashboard .lux-factor-list-alert {
    margin-bottom: 20px;
    border-radius: 11px;
}

/* Responsive */

@media (max-width: 991.98px) {
    .lux-dashboard .lux-factor-list-card > .lux-payment-header {
        padding: 22px;
    }

    .lux-dashboard .lux-factor-search-section {
        padding: 20px 22px;
    }

    .lux-dashboard .lux-factor-table-section {
        padding: 16px 22px 22px;
    }

    .lux-dashboard .lux-settle-table-toolbar {
        padding-right: 22px;
        padding-left: 22px;
    }
}

@media (max-width: 767.98px) {
    .lux-dashboard .lux-factor-list-card > .lux-payment-header {
        padding: 20px 16px;
    }

    .lux-dashboard .lux-factor-list-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .lux-dashboard .lux-factor-list-heading .lux-payment-heading {
        gap: 11px;
    }

    .lux-dashboard .lux-factor-list-heading .lux-header-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 20px;
    }

    .lux-dashboard .lux-factor-list-heading .lux-payment-title {
        font-size: 18px;
    }

    .lux-dashboard .lux-factor-list-description {
        margin-top: 13px;
        font-size: 12px;
    }

    .lux-dashboard .lux-factor-create-button {
        width: 100%;
    }

    .lux-dashboard .lux-factor-search-section {
        padding: 16px;
    }

    .lux-dashboard .lux-search-toggle {
        padding: 14px;
        font-size: 12px;
    }

    .lux-dashboard .lux-settle-search-body {
        padding: 17px 13px;
    }

    .lux-dashboard .lux-settle-table-toolbar {
        padding: 17px 16px 0;
    }

    .lux-dashboard .lux-factor-table-section {
        padding: 14px 12px 18px;
    }

    .lux-dashboard .lux-factor-table {
        min-width: 1080px;
    }

    .lux-dashboard .lux-factor-list-card > .lux-payment-pagination {
        padding: 15px;
    }

    .lux-dashboard .lux-delete-modal .modal-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .lux-dashboard .lux-delete-modal .modal-footer form,
    .lux-dashboard .lux-delete-modal .lux-confirm-delete-button,
    .lux-dashboard .lux-delete-modal .lux-factor-cancel-button {
        width: 100%;
    }
}

/* ==========================================
   Luxury Dashboard Topbar
   ========================================== */

.lux-dashboard .lux-topbar {
    position: relative;
    //z-index: 100;
    min-height: 70px;
    padding-right: 22px;
    padding-left: 22px;
    border-color: #eae6dc !important;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 3px 14px rgba(35, 32, 25, 0.025);
}

.lux-dashboard .lux-topbar-inner {
    min-height: 48px;
    gap: 16px;
}

.lux-dashboard .lux-topbar-logo .navbar-brand {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.lux-dashboard .lux-topbar-logo .navbar-brand-item {
    max-width: 145px;
    width: auto;
    object-fit: contain;
}

.lux-dashboard .lux-topbar-sidebar {
    display: flex;
    align-items: center;
}

.lux-dashboard .lux-topbar-menu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    padding: 0;
    border: 1px solid #eee5d3;
    border-radius: 12px;
    background: #fffdf8;
    color: #a57c36;
    box-shadow: none;
    transition: background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.lux-dashboard .lux-topbar-menu-button i {
    font-size: 25px;
    line-height: 1;
}

.lux-dashboard .lux-topbar-menu-button:hover,
.lux-dashboard .lux-topbar-menu-button:focus {
    border-color: #d4af6a;
    background: #f9efd9;
    color: #896326;
}

.lux-dashboard .lux-topbar-menu-button:active {
    transform: scale(0.96);
}

.lux-dashboard .lux-topbar-actions {
    display: flex;
    align-items: center;
    padding-left: 40px;
}

.lux-dashboard .lux-topbar-profile {
    position: relative;
}

.lux-dashboard .lux-topbar-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 2px solid #e5d1a7;
    border-radius: 50%;
    background: #fffaf0;
    box-shadow: 0 2px 8px rgba(165, 124, 54, 0.10);
    transition: border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.lux-dashboard .lux-topbar-avatar:hover,
.lux-dashboard .lux-topbar-profile.show .lux-topbar-avatar {
    border-color: #c49a4e;
    box-shadow: 0 0 0 4px rgba(212, 175, 106, 0.14);
}

.lux-dashboard .lux-topbar-avatar .avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Profile Dropdown */

.lux-dashboard .lux-topbar-dropdown {
    min-width: 265px;
    margin-top: 12px !important;
    padding: 14px 10px 10px !important;
    border: 1px solid #eee5d3;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(39, 34, 24, 0.12) !important;
    overflow: hidden;
}

.lux-dashboard .lux-topbar-dropdown::before {
    content: "";
    display: block;
    height: 3px;
    margin: -14px -10px 14px;
    background: linear-gradient(
            90deg,
            #a57c36 0%,
            #f1d99b 50%,
            #d4af6a 100%
    );
}

.lux-dashboard .lux-topbar-user-info {
    gap: 12px;
}

.lux-dashboard .lux-topbar-dropdown-avatar {
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    margin-right: 0 !important;
    border: 2px solid #ead9b5;
    border-radius: 50%;
    overflow: hidden;
}

.lux-dashboard .lux-topbar-dropdown-avatar .avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lux-dashboard .lux-topbar-user-details {
    min-width: 0;
    flex: 1;
}

.lux-dashboard .lux-topbar-user-name {
    display: inline-block;
    max-width: 175px;
    margin: 0 0 5px;
    color: #302f29;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.lux-dashboard .lux-topbar-user-name:hover {
    color: #a57c36;
}

.lux-dashboard .lux-topbar-user-email {
    color: #858278;
    font-size: 11px;
    overflow-wrap: anywhere;
}

.lux-dashboard .lux-topbar-divider {
    margin: 12px 0;
    border-color: #eee9df;
    opacity: 1;
}

/* Dropdown Items */

.lux-dashboard .lux-topbar-dropdown-item {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 3px 0;
    padding: 11px 12px;
    border-radius: 9px;
    color: #55534b;
    font-size: 12px;
    font-weight: 600;
    transition: background-color 0.2s ease,
    color 0.2s ease;
}

.lux-dashboard .lux-topbar-dropdown-item i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    color: #a57c36;
    font-size: 16px;
}

.lux-dashboard .lux-topbar-dropdown-item:hover,
.lux-dashboard .lux-topbar-dropdown-item:focus {
    background: #fbf5e9;
    color: #8c682e;
}

.lux-dashboard .lux-topbar-logout {
    margin-top: 5px;
    color: #bd4944;
}

.lux-dashboard .lux-topbar-logout i {
    color: #bd4944;
}

.lux-dashboard .lux-topbar-logout:hover,
.lux-dashboard .lux-topbar-logout:focus {
    background: #fff0ef;
    color: #a52f2a;
}

/* Responsive */

@media (max-width: 1199.98px) {
    .lux-dashboard .lux-topbar {
        min-height: 64px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 575.98px) {
    .lux-dashboard .lux-topbar {
        padding-right: 12px;
        padding-left: 12px;
    }

    .lux-dashboard .lux-topbar-inner {
        gap: 10px;
    }

    .lux-dashboard .lux-topbar-menu-button,
    .lux-dashboard .lux-topbar-avatar {
        width: 39px;
        height: 39px;
    }

    .lux-dashboard .lux-topbar-menu-button i {
        font-size: 23px;
    }

    .lux-dashboard .lux-topbar-logo .navbar-brand-item {
        max-width: 115px;
    }

    .lux-dashboard .lux-topbar-dropdown {
        min-width: 250px;
    }
}

/* ==========================================
   Luxury Dashboard Sidebar
   ========================================== */

.lux-sidebar {
    --lux-sidebar-bg: #202019;
    --lux-sidebar-text: #d0cfc7;
    --lux-sidebar-muted: #929187;
    --lux-sidebar-gold: #d4af6a;
    --lux-sidebar-gold-light: #f1d99b;

    position: relative;
    min-height: 100%;
    padding: 22px 15px 18px;
    overflow-x: hidden;
    background: linear-gradient(180deg, #25251e 0%, #1d1d18 100%) !important;
    color: var(--lux-sidebar-text);
}

/* برند بالای منو */
.lux-sidebar .lux-sidebar-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 2px 27px;
    padding: 5px 8px 22px;
    border-bottom: 1px solid rgba(212, 175, 106, 0.17);
}

.lux-sidebar .lux-sidebar-brand-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(212, 175, 106, 0.48);
    border-radius: 13px;
    background: linear-gradient(145deg, #4b402b, #302a1e);
    color: var(--lux-sidebar-gold-light);
    font-size: 21px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

.lux-sidebar .lux-sidebar-brand-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lux-sidebar .lux-sidebar-brand-title {
    color: #fff;
    font-size: 15px;
    font-weight: 800;
}

.lux-sidebar .lux-sidebar-brand-subtitle {
    color: var(--lux-sidebar-muted);
    font-size: 11px;
}

/* عنوان گروه منو */
.lux-sidebar .lux-sidebar-section-title {
    margin: 0 12px 12px;
    color: var(--lux-sidebar-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
}

/* لیست منو */
.lux-sidebar .lux-sidebar-menu {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lux-sidebar .lux-sidebar-menu .nav-item {
    width: 100%;
}

/* آیتم‌های منو */
.lux-sidebar .lux-sidebar-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 47px;
    padding: 11px 13px !important;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent;
    color: var(--lux-sidebar-text) !important;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition:
            background-color 0.2s ease,
            border-color 0.2s ease,
            color 0.2s ease,
            transform 0.2s ease;
}

.lux-sidebar .lux-sidebar-link > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    color: #aaa99f;
    font-size: 17px;
    transition: color 0.2s ease;
}

.lux-sidebar .lux-sidebar-link > span {
    flex: 1;
    line-height: 1.8;
}

/* هاور */
.lux-sidebar .lux-sidebar-link:hover {
    border-color: rgba(212, 175, 106, 0.15);
    background: rgba(212, 175, 106, 0.08);
    color: var(--lux-sidebar-gold-light) !important;
}

.lux-sidebar .lux-sidebar-link:hover > i {
    color: var(--lux-sidebar-gold);
}

.lux-sidebar .lux-sidebar-link:hover > span {
    color: var(--lux-sidebar-gold-light);
}

/* منوی فعال */
.lux-sidebar .lux-sidebar-link.active {
    border-color: rgba(212, 175, 106, 0.25);
    background: linear-gradient(
            100deg,
            rgba(212, 175, 106, 0.19),
            rgba(212, 175, 106, 0.07)
    );
    color: var(--lux-sidebar-gold-light) !important;
    font-weight: 700;
    box-shadow: inset -3px 0 0 var(--lux-sidebar-gold);
}

.lux-sidebar .lux-sidebar-link.active > i {
    color: var(--lux-sidebar-gold-light);
}

.lux-sidebar .lux-sidebar-link.active > span {
    color: var(--lux-sidebar-gold-light);
}

/* فوتر سایدبار */
.lux-sidebar .lux-sidebar-footer {
    margin-top: auto;
    padding: 20px 2px 0;
    border-top: 1px solid rgba(212, 175, 106, 0.16);
}

.lux-sidebar .lux-sidebar-user-caption {
    margin: 0 10px 12px;
    color: var(--lux-sidebar-muted);
    font-size: 10px;
}

.lux-sidebar .lux-sidebar-logout {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 44px;
    padding: 10px 13px;
    border: 1px solid rgba(230, 126, 115, 0.13);
    border-radius: 10px;
    background: rgba(230, 126, 115, 0.045);
    color: #d8aaa3;
    font-size: 12px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.lux-sidebar .lux-sidebar-logout i {
    font-size: 17px;
}

.lux-sidebar .lux-sidebar-logout:hover {
    border-color: rgba(230, 126, 115, 0.3);
    background: rgba(230, 126, 115, 0.11);
    color: #ffb8ae;
}

/* تمرکز صفحه‌کلید */
.lux-sidebar .lux-sidebar-link:focus-visible,
.lux-sidebar .lux-sidebar-logout:focus-visible {
    outline: 2px solid var(--lux-sidebar-gold);
    outline-offset: 3px;
}

/* نمایش در موبایل */
@media (max-width: 767.98px) {
    .lux-sidebar {
        padding: 18px 13px 15px;
    }

    .lux-sidebar .lux-sidebar-brand {
        margin-bottom: 22px;
        padding-bottom: 18px;
    }

    .lux-sidebar .lux-sidebar-link {
        min-height: 46px;
    }
}

/* ==========================================
   Luxury Send Payment Link
   ========================================== */

.lux-dashboard .lux-send-link-card {
    overflow: hidden;
    border: 1px solid #e9e2d5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(34, 31, 25, 0.045);
}

.lux-dashboard .lux-send-link-card .lux-payment-header {
    display: block;
    padding: 25px 28px 22px;
    border-bottom: 1px solid #eee8dc;
    background: linear-gradient(135deg, #fff 0%, #fffdf8 100%);
}

.lux-dashboard .lux-send-link-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.lux-dashboard .lux-send-link-heading .lux-payment-heading {
    display: flex;
    align-items: center;
    gap: 15px;
}

.lux-dashboard .lux-send-link-heading .lux-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 1px solid #ead9b5;
    border-radius: 15px;
    background: linear-gradient(145deg, #fffaf0, #f7ebd1);
    color: #a57c36;
    font-size: 22px;
}

.lux-dashboard .lux-send-link-heading .lux-section-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #a57c36;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.lux-dashboard .lux-send-link-heading .lux-payment-title {
    margin: 0;
    color: #292821;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.7;
}

.lux-dashboard .lux-send-link-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-shrink: 0;
    padding: 9px 13px;
    border: 1px solid #eee0c3;
    border-radius: 10px;
    background: #fffaf0;
    color: #98702f;
    font-size: 12px;
    font-weight: 700;
}

.lux-dashboard .lux-send-link-description {
    margin: 17px 0 0;
    color: #77766f;
    font-size: 13px;
    line-height: 1.9;
}

.lux-dashboard .lux-send-link-body {
    padding: 28px;
    background: #fff;
}

.lux-dashboard .lux-send-link-form-inner {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

.lux-dashboard .lux-send-link-intro {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 28px;
    padding: 18px;
    border: 1px solid #f0e6d1;
    border-radius: 13px;
    background: #fffdf8;
}

.lux-dashboard .lux-send-link-intro-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #f6ecd6;
    color: #a57c36;
    font-size: 19px;
}

.lux-dashboard .lux-send-link-intro h2 {
    margin: 0 0 5px;
    color: #38372f;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.8;
}

.lux-dashboard .lux-send-link-intro p {
    margin: 0;
    color: #77766f;
    font-size: 12px;
    line-height: 1.9;
}

.lux-dashboard .lux-send-link-field {
    margin-bottom: 23px;
}

.lux-dashboard .lux-send-link-label {
    display: block;
    margin-bottom: 10px;
    color: #38372f;
    font-size: 13px;
    font-weight: 700;
}

.lux-dashboard .lux-send-link-required {
    margin-right: 3px;
    color: #c84b45;
    font-weight: 800;
}

.lux-dashboard .lux-send-link-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.lux-dashboard .lux-send-link-input-icon {
    position: absolute;
    right: 15px;
    z-index: 2;
    color: #ad8b4d;
    font-size: 18px;
    pointer-events: none;
}

.lux-dashboard .lux-send-link-input {
    width: 100%;
    min-height: 51px;
    padding: 12px 45px 12px 15px;
    border: 1px solid #e5e3dc;
    border-radius: 11px;
    background-color: #fcfcfa;
    color: #33332d;
    font-size: 13px;
    box-shadow: none;
    transition: border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.lux-dashboard .lux-send-link-input::placeholder {
    color: #aaa9a1;
    opacity: 1;
}

.lux-dashboard .lux-send-link-input:hover {
    border-color: #d8c59e;
}

.lux-dashboard .lux-send-link-input:focus {
    border-color: #c5a15c;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(212, 175, 106, 0.15);
    outline: none;
}

.lux-dashboard .lux-send-link-url-input {
    min-width: 0;
    padding-left: 105px;
    background: #f9f8f4;
    color: #76613b;
    font-size: 12px;
    user-select: all;
}

.lux-dashboard .lux-send-link-copy-button {
    position: absolute;
    left: 7px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid #e7d7b6;
    border-radius: 8px;
    background: #fffaf0;
    color: #96702f;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

.lux-dashboard .lux-send-link-copy-button:hover {
    border-color: #c9a15a;
    background: #f7ebd1;
}

.lux-dashboard .lux-send-link-copy-button.is-copied {
    border-color: #b7d8bf;
    background: #edf8ef;
    color: #27753a;
}

.lux-dashboard .lux-send-link-hint {
    display: block;
    margin-top: 8px;
    color: #8c8a81;
    font-size: 11px;
    line-height: 1.9;
}

.lux-dashboard .lux-send-link-field-error {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 9px;
    padding: 9px 11px;
    border: 1px solid #f0d1ce;
    border-radius: 9px;
    background: #fff7f6;
    color: #b83d36;
    font-size: 12px;
    line-height: 1.8;
}

.lux-dashboard .lux-send-link-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid #f0eee8;
}

.lux-dashboard .lux-send-link-submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 49px;
    padding: 12px 24px;
    border: 1px solid #bd9348;
    border-radius: 11px;
    background: linear-gradient(135deg, #e7c982 0%, #c49a4e 100%);
    color: #302719;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 5px 13px rgba(165, 124, 54, 0.16);
    cursor: pointer;
    transition: transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.lux-dashboard .lux-send-link-submit-button:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #f0d99f 0%, #d2aa60 100%);
    color: #302719;
    box-shadow: 0 7px 17px rgba(165, 124, 54, 0.23);
}

.lux-dashboard .lux-send-link-submit-button:focus-visible,
.lux-dashboard .lux-send-link-copy-button:focus-visible {
    outline: 3px solid rgba(197, 161, 92, 0.35);
    outline-offset: 2px;
}

.lux-dashboard .lux-send-link-alert {
    margin-bottom: 20px;
    border-radius: 11px;
}

/* حالت نبودن لینک پرداخت */

.lux-dashboard .lux-send-link-unavailable {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 560px;
    margin: 15px auto;
    padding: 35px 25px;
    border: 1px solid #f0e3c9;
    border-radius: 16px;
    background: #fffdf8;
    text-align: center;
}

.lux-dashboard .lux-send-link-unavailable-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 20px;
    border: 1px solid #ead9b5;
    border-radius: 22px;
    background: #f8efd9;
    color: #a57c36;
    font-size: 32px;
}

.lux-dashboard .lux-send-link-unavailable h2 {
    margin: 0 0 12px;
    color: #37352e;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.9;
}

.lux-dashboard .lux-send-link-unavailable p {
    margin: 0;
    color: #77766f;
    font-size: 13px;
    line-height: 2.1;
}

.lux-dashboard .lux-send-link-unavailable-note {
    display: inline-flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 20px;
    padding: 10px 13px;
    border: 1px solid #eee0c3;
    border-radius: 9px;
    background: #fffaf0;
    color: #98702f;
    font-size: 11px;
    line-height: 1.9;
}

/* Responsive */

@media (max-width: 767.98px) {
    .lux-dashboard .lux-send-link-card .lux-payment-header {
        padding: 20px 17px;
    }

    .lux-dashboard .lux-send-link-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .lux-dashboard .lux-send-link-heading .lux-header-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        border-radius: 12px;
        font-size: 20px;
    }

    .lux-dashboard .lux-send-link-heading .lux-payment-title {
        font-size: 18px;
    }

    .lux-dashboard .lux-send-link-description {
        margin-top: 13px;
        font-size: 12px;
    }

    .lux-dashboard .lux-send-link-body {
        padding: 20px 15px;
    }

    .lux-dashboard .lux-send-link-intro {
        padding: 14px;
        margin-bottom: 23px;
    }

    .lux-dashboard .lux-send-link-url-input {
        font-size: 11px;
    }

    .lux-dashboard .lux-send-link-actions {
        margin-top: 22px;
    }

    .lux-dashboard .lux-send-link-submit-button {
        width: 100%;
    }

    .lux-dashboard .lux-send-link-unavailable {
        padding: 27px 17px;
    }
}
.lux-sidebar-link{
    color: var(--lux-sidebar-text) !important;
}



       /* =========================================
          LUXURY GOLD PRICE CHART
          Scoped styles: independent Blade component
       ========================================= */

   .lux-gold-chart {
       --gc-gold: #c5a15c;
       --gc-gold-light: #f4e6c2;
       --gc-gold-dark: #94702e;
       --gc-text: #292b32;
       --gc-muted: #85858d;
       --gc-border: #ebe7df;
       --gc-surface: #ffffff;
       --gc-soft: #faf8f3;

       direction: rtl;
       width: 100%;
       min-width: 0;
       margin: 28px 0;
       padding: 26px;
       color: var(--gc-text);
       background: var(--gc-surface);
       border: 1px solid var(--gc-border);
       border-radius: 22px;
       box-shadow: 0 8px 30px rgba(24, 24, 28, .045);
       font-family: inherit;
       box-sizing: border-box;
   }

.lux-gold-chart *,
.lux-gold-chart *::before,
.lux-gold-chart *::after {
    box-sizing: border-box;
}

/* Header */

.lux-gold-chart__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 26px;
}

.lux-gold-chart__heading {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
}

.lux-gold-chart__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    color: var(--gc-gold-dark);
    background: linear-gradient(145deg, #fffaf0, #f5e9cc);
    border: 1px solid #ecdfbf;
    border-radius: 17px;
    font-size: 24px;
}

.lux-gold-chart__eyebrow {
    margin-bottom: 4px;
    color: var(--gc-gold-dark);
    font-size: 11px;
    font-weight: 800;
}

.lux-gold-chart__heading h2 {
    margin: 0;
    color: var(--gc-text);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.8;
}

.lux-gold-chart__heading p {
    margin: 3px 0 0;
    color: var(--gc-muted);
    font-size: 12px;
    line-height: 1.9;
}

.lux-gold-chart__live-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
    padding: 9px 12px;
    color: #8b6a30;
    background: #fcf7e9;
    border: 1px solid #efe3c8;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.lux-gold-chart__live-label > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gc-gold);
}

/* Toolbar and tabs */

.lux-gold-chart__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

.lux-gold-chart__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 5px;
    background: #f7f6f3;
    border: 1px solid #efede7;
    border-radius: 13px;
}

.lux-gold-chart__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    padding: 9px 13px;
    color: #74737a;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 9px;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s ease,
    color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.lux-gold-chart__tab > span {
    padding: 3px 6px;
    color: #89837a;
    background: rgba(0, 0, 0, .035);
    border-radius: 5px;
    font-size: 9px;
    font-weight: 600;
}

.lux-gold-chart__tab:hover {
    color: var(--gc-gold-dark);
    background: #fffdf8;
}

.lux-gold-chart__tab.is-active {
    color: #6d501e;
    background: #ffffff;
    border-color: #e9d9b4;
    box-shadow: 0 3px 10px rgba(63, 49, 24, .06);
}

.lux-gold-chart__tab.is-active > span {
    color: #876628;
    background: #faf1dc;
}

.lux-gold-chart__tab:focus-visible {
    outline: 2px solid var(--gc-gold-dark);
    outline-offset: 3px;
}

.lux-gold-chart__unit {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--gc-muted);
    font-size: 11px;
}

/* Statistics cards */

.lux-gold-chart__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
    margin-bottom: 24px;
}

.lux-gold-chart__stat {
    min-width: 0;
    padding: 17px 16px;
    background: linear-gradient(145deg, #fff, #fdfcf9);
    border: 1px solid #eeece6;
    border-radius: 14px;
    transition: border-color .2s ease,
    transform .2s ease;
}

.lux-gold-chart__stat:hover {
    border-color: #e1c993;
    transform: translateY(-2px);
}

.lux-gold-chart__stat--main {
    background: linear-gradient(145deg, #fffdf8, #fbf4e5);
    border-color: #eadbb9;
}

.lux-gold-chart__stat-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--gc-muted);
    font-size: 11px;
    font-weight: 600;
}

.lux-gold-chart__stat-top i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    color: var(--gc-gold-dark);
    background: #f8f0dd;
    border-radius: 9px;
    font-size: 15px;
}

.lux-gold-chart__stat-value {
    overflow-wrap: anywhere;
    margin-top: 14px;
    color: #35312a;
    font-size: clamp(16px, 1.7vw, 22px);
    font-weight: 800;
    line-height: 1.8;
    font-variant-numeric: tabular-nums;
}

.lux-gold-chart__stat-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 4px;
    color: #929087;
    font-size: 10px;
}

/* Chart panel */

.lux-gold-chart__panel {
    padding: 22px 20px 14px;
    background: #fff;
    border: 1px solid #eeece6;
    border-radius: 16px;
}

.lux-gold-chart__chart-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 17px;
}

.lux-gold-chart__chart-heading h3 {
    margin: 0;
    color: #33343a;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.9;
}

.lux-gold-chart__chart-heading p {
    margin: 3px 0 0;
    color: #96949a;
    font-size: 11px;
}

.lux-gold-chart__legend {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: #77736b;
    font-size: 11px;
}

.lux-gold-chart__legend > span {
    display: inline-block;
    width: 20px;
    height: 3px;
    background: var(--gc-gold);
    border-radius: 4px;
}

.lux-gold-chart__canvas-wrap {
    position: relative;
    width: 100%;
    height: 340px;
    min-width: 0;
}

.lux-gold-chart__canvas-wrap canvas {
    display: block;
    max-width: 100%;
}

.lux-gold-chart__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
    padding-top: 14px;
    color: #8a877f;
    border-top: 1px solid #f0eee8;
    font-size: 10px;
}

.lux-gold-chart__footer > div {
    display: flex;
    align-items: center;
    gap: 7px;
}

.lux-gold-chart__footer i {
    color: var(--gc-gold-dark);
}

/* Tablet */

@media (max-width: 991.98px) {
    .lux-gold-chart {
        padding: 21px;
    }

    .lux-gold-chart__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lux-gold-chart__canvas-wrap {
        height: 310px;
    }
}

/* Mobile */

@media (max-width: 575.98px) {
    .lux-gold-chart {
        margin: 20px 0;
        padding: 16px 12px;
        border-radius: 16px;
    }

    .lux-gold-chart__header {
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 20px;
    }

    .lux-gold-chart__heading {
        align-items: flex-start;
        gap: 10px;
    }

    .lux-gold-chart__icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        border-radius: 12px;
        font-size: 19px;
    }

    .lux-gold-chart__heading h2 {
        font-size: 15px;
    }

    .lux-gold-chart__heading p {
        font-size: 10px;
    }

    .lux-gold-chart__live-label {
        padding: 7px 8px;
        font-size: 9px;
    }

    .lux-gold-chart__toolbar {
        align-items: stretch;
        gap: 11px;
    }

    .lux-gold-chart__tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        gap: 4px;
        padding: 4px;
    }

    .lux-gold-chart__tab {
        flex-direction: column;
        gap: 4px;
        min-width: 0;
        padding: 9px 3px;
        font-size: 10px;
        white-space: normal;
    }

    .lux-gold-chart__tab > span {
        font-size: 8px;
    }

    .lux-gold-chart__unit {
        font-size: 10px;
    }

    .lux-gold-chart__stats {
        gap: 8px;
        margin-bottom: 15px;
    }

    .lux-gold-chart__stat {
        padding: 12px 10px;
        border-radius: 11px;
    }

    .lux-gold-chart__stat-top {
        font-size: 10px;
    }

    .lux-gold-chart__stat-top i {
        width: 25px;
        height: 25px;
        font-size: 13px;
    }

    .lux-gold-chart__stat-value {
        margin-top: 10px;
        font-size: 16px;
    }

    .lux-gold-chart__stat-foot {
        font-size: 9px;
    }

    .lux-gold-chart__panel {
        padding: 15px 9px 12px;
        border-radius: 12px;
    }

    .lux-gold-chart__chart-heading {
        align-items: flex-start;
        gap: 8px;
    }

    .lux-gold-chart__chart-heading h3 {
        font-size: 12px;
    }

    .lux-gold-chart__chart-heading p {
        font-size: 10px;
        line-height: 1.8;
    }

    .lux-gold-chart__legend {
        gap: 5px;
        font-size: 9px;
    }

    .lux-gold-chart__canvas-wrap {
        height: 260px;
    }

    .lux-gold-chart__footer {
        font-size: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lux-gold-chart *,
    .lux-gold-chart *::before,
    .lux-gold-chart *::after {
        transition: none !important;
    }
}

/* =========================================
   LUX GOLD CHART — PREMIUM HEADER
========================================= */

.lux-gold-chart__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 26px 28px;
    margin-bottom: 24px;
    overflow: hidden;

    background:
            radial-gradient(
                    circle at 100% 0%,
                    rgba(212, 175, 55, 0.10),
                    transparent 42%
            ),
            linear-gradient(
                    135deg,
                    rgba(255, 255, 255, 0.035),
                    rgba(255, 255, 255, 0.008)
            );

    border: 1px solid rgba(212, 175, 55, 0.17);
    border-radius: 22px;
}

/* ظرافت تزئینی بالای هدر */
.lux-gold-chart__header::before {
    content: "";
    position: absolute;
    top: 0;
    right: 28px;
    width: 74px;
    height: 2px;

    background: linear-gradient(
            90deg,
            transparent,
            #d4af37,
            #f6e5a5
    );

    border-radius: 0 0 4px 4px;
}

.lux-gold-chart__heading {
    position: relative;
    z-index: 1;
    min-width: 0;
}

/* برچسب کوچک بالای عنوان */
.lux-gold-chart__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 12px;
    padding: 6px 11px;

    color: #d4af37;
    background: rgba(212, 175, 55, 0.09);
    border: 1px solid rgba(212, 175, 55, 0.16);
    border-radius: 999px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.lux-gold-chart__eyebrow i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

/* عنوان اصلی */
.lux-gold-chart__title {
    margin: 0 0 9px;

    color: var(--lux-text, #f3f0e8);
    font-size: clamp(20px, 2vw, 27px);
    font-weight: 800;
    line-height: 1.7;
    letter-spacing: -0.7px;
}

/* توضیح زیر عنوان */
.lux-gold-chart__subtitle {
    margin: 0;

    color: var(--lux-muted, #96938a);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.9;
}

/* کارت قیمت */
.lux-gold-chart__current {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    min-width: 245px;
    padding: 19px 22px;

    background:
            linear-gradient(
                    145deg,
                    rgba(212, 175, 55, 0.13),
                    rgba(212, 175, 55, 0.035)
            );

    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 18px;
    text-align: right;

    box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.035),
            0 8px 28px rgba(0, 0, 0, 0.06);

    transition:
            border-color 0.25s ease,
            transform 0.25s ease,
            box-shadow 0.25s ease;
}

.lux-gold-chart__current:hover {
    border-color: rgba(212, 175, 55, 0.42);
    transform: translateY(-2px);

    box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 12px 32px rgba(0, 0, 0, 0.09);
}

/* عنوان قیمت */
.lux-gold-chart__current-label {
    display: block;
    margin-bottom: 9px;

    color: var(--lux-muted, #a6a196);
    font-size: 11px;
    font-weight: 500;
}

/* عدد قیمت و واحد */
.lux-gold-chart__current-value {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;

    color: #e6c65b;
    line-height: 1.4;
    white-space: nowrap;
}

.lux-gold-chart__current-value strong {
    font-size: clamp(24px, 2.4vw, 32px);
    font-weight: 850;
    letter-spacing: -0.8px;
    font-variant-numeric: tabular-nums;
}

.lux-gold-chart__current-value > span {
    color: var(--lux-muted, #a6a196);
    font-size: 11px;
    font-weight: 500;
}

/* درصد تغییر */
.lux-gold-chart__change {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    margin-top: 13px;
    padding: 6px 10px;

    color: #bdb8a9;
    background: rgba(150, 150, 150, 0.09);
    border: 1px solid rgba(150, 150, 150, 0.12);
    border-radius: 8px;

    font-size: 11px;
    font-weight: 700;
    direction: ltr;
    width: fit-content;
}

.lux-gold-chart__change i {
    font-size: 13px;
}

.lux-gold-chart__change.is-positive {
    color: #45c99a;
    background: rgba(38, 180, 125, 0.10);
    border-color: rgba(38, 180, 125, 0.17);
}

.lux-gold-chart__change.is-negative {
    color: #f07878;
    background: rgba(235, 85, 85, 0.09);
    border-color: rgba(235, 85, 85, 0.17);
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 767.98px) {
    .lux-gold-chart__header {
        flex-direction: column;
        align-items: stretch;
        gap: 22px;
        padding: 22px 18px;
        border-radius: 18px;
    }

    .lux-gold-chart__header::before {
        right: 18px;
        width: 60px;
    }

    .lux-gold-chart__eyebrow {
        margin-bottom: 9px;
    }

    .lux-gold-chart__title {
        font-size: 21px;
    }

    .lux-gold-chart__subtitle {
        font-size: 11px;
    }

    .lux-gold-chart__current {
        min-width: 0;
        width: 100%;
        padding: 17px 18px;
    }

    .lux-gold-chart__current-value strong {
        font-size: 29px;
    }
}

@media (max-width: 380px) {
    .lux-gold-chart__header {
        padding: 18px 14px;
    }

    .lux-gold-chart__title {
        font-size: 19px;
    }

    .lux-gold-chart__current-value strong {
        font-size: 25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lux-gold-chart__current {
        transition: none;
    }

    .lux-gold-chart__current:hover {
        transform: none;
    }
}
.lux-gold-chart,
.lux-gold-chart button,
.lux-gold-chart canvas {
    font-family: 'IRANSans', sans-serif;
}