:root {
    --gold: #d4af37;
    --gold-2: #f0c95a;
    --gold-3: #ffdf7a;
    --gold-soft: #f8e7a5;
    --gold-border: rgba(212, 175, 55, 0.35);

    --bg-main: #050505;
    --bg-soft: #0a0a0a;
    --bg-card: #111111;
    --bg-card-2: #171717;
    --bg-card-3: #1d1d1d;

    --text-main: #ffffff;
    --text-soft: #e7e7e7;
    --text-muted: #cfcfcf;
}

/* الخلفية العامة */
html, body {
    background:
        radial-gradient(circle at top, rgba(212,175,55,0.12), transparent 30%),
        linear-gradient(135deg, #040404 0%, #0a0a0a 35%, #101010 100%) !important;
    color: var(--text-main) !important;
}

/* هيكل الصفحة */
.fi-body,
.fi-layout,
.fi-main,
.fi-page,
.fi-dashboard-page,
.fi-resource-list-records-page,
.fi-resource-create-record-page,
.fi-resource-edit-record-page {
    background: transparent !important;
    color: var(--text-main) !important;
}

/* التوب بار */
.fi-topbar,
.fi-topbar nav,
.fi-topbar > div {
    background: rgba(8, 8, 8, 0.96) !important;
    border-bottom: 1px solid var(--gold-border) !important;
    backdrop-filter: blur(8px);
}

/* السايدبار */
.fi-sidebar {
    background: linear-gradient(180deg, #070707 0%, #111111 100%) !important;
    border-inline-end: 1px solid var(--gold-border) !important;
}

.fi-sidebar-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.18) !important;
}

/* نصوص السايدبار */
.fi-sidebar-item-button,
.fi-sidebar-group-button,
.fi-sidebar-item a,
.fi-sidebar-item-label,
.fi-sidebar-group-label,
.fi-sidebar-nav-groups,
.fi-sidebar-nav {
    color: #f8f8f8 !important;
    font-weight: 600 !important;
}

/* Hover و Active للسايدبار */
.fi-sidebar-item-active .fi-sidebar-item-button,
.fi-sidebar-item-button:hover,
.fi-sidebar-group-button:hover,
.fi-sidebar-item a:hover {
    background: linear-gradient(135deg, rgba(212,175,55,0.20), rgba(212,175,55,0.10)) !important;
    color: var(--gold-3) !important;
    border-radius: 14px !important;
}

.fi-sidebar-item-icon,
.fi-sidebar-group-button-icon {
    color: var(--gold-2) !important;
}

/* العناوين */
h1, h2, h3, h4, h5, h6,
.fi-header-heading,
.fi-section-header-heading,
.fi-ta-header-heading,
.fi-wi-widget-heading {
    color: var(--gold-3) !important;
    font-weight: 800 !important;
}

.fi-header-subheading,
.fi-section-header-description {
    color: var(--text-muted) !important;
}

/* البطاقات والكروت */
.fi-section,
.fi-ta-ctn,
.fi-card,
.fi-modal-window,
.fi-dropdown-panel,
.fi-tabs,
.fi-pagination,
.fi-in-field-wrp,
.fi-input-wrp,
.fi-fo-field-wrp,
.fi-wi-widget {
    background: linear-gradient(180deg, #111111 0%, #181818 100%) !important;
    border: 1px solid var(--gold-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 35px rgba(0,0,0,0.35) !important;
    color: var(--text-main) !important;
}

/* كروت الإحصائيات */
.fi-wi-stats-overview-stat {
    background: linear-gradient(180deg, #121212 0%, #1a1a1a 100%) !important;
    border: 1px solid rgba(240, 201, 90, 0.34) !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 35px rgba(0,0,0,0.30) !important;
}

.fi-wi-stats-overview-stat-label {
    color: var(--text-soft) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.fi-wi-stats-overview-stat-value {
    color: var(--gold-3) !important;
    font-weight: 900 !important;
    font-size: 1.7rem !important;
}

.fi-wi-stats-overview-stat-description {
    color: #e0e0e0 !important;
    font-weight: 600 !important;
}

/* الجداول */
.fi-ta-header,
.fi-ta-table thead,
.fi-ta-table thead tr,
.fi-ta-table thead th {
    background: #0b0b0b !important;
    color: var(--gold-3) !important;
    border-color: rgba(212,175,55,0.18) !important;
    font-weight: 800 !important;
}

/* خلايا الجدول */
.fi-ta-table tbody tr {
    background: transparent !important;
}

.fi-ta-table tbody tr:hover {
    background: rgba(212,175,55,0.07) !important;
}

.fi-ta-table tbody td,
.fi-ta-text,
.fi-ta-text-item,
.fi-ta-text-item-label,
.fi-ta-col-wrp,
.fi-ta-cell,
.fi-ta-actions,
td, th {
    color: #f8f8f8 !important;
    font-weight: 600 !important;
}

/* الروابط داخل الجداول */
.fi-ta-table a,
.fi-link,
a {
    color: var(--gold-3) !important;
    font-weight: 700 !important;
}

/* مبالغ المال */
.fi-ta-text-item[title*="₪"],
.fi-ta-text-item-label[title*="₪"] {
    color: var(--gold-3) !important;
    font-weight: 800 !important;
}

/* البادجات */
.fi-badge {
    background: rgba(212,175,55,0.14) !important;
    color: var(--gold-3) !important;
    border: 1px solid rgba(212,175,55,0.35) !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    padding: 4px 10px !important;
}

.fi-badge-label {
    color: var(--gold-3) !important;
    font-weight: 800 !important;
}

/* حقول الإدخال */
input,
select,
textarea {
    background: #0a0a0a !important;
    color: #ffffff !important;
    border: 1px solid rgba(212,175,55,0.24) !important;
    border-radius: 14px !important;
}

input::placeholder,
textarea::placeholder {
    color: #bfbfbf !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--gold-2) !important;
    box-shadow: 0 0 0 2px rgba(240, 201, 90, 0.18) !important;
}

/* لابل الحقول */
.fi-fo-field-wrp-label label,
label {
    color: var(--gold-3) !important;
    font-weight: 700 !important;
}

/* الأزرار */
.fi-btn,
button {
    border-radius: 14px !important;
    font-weight: 800 !important;
}

.fi-btn-color-primary,
button[type="submit"] {
    background: linear-gradient(135deg, #cda434 0%, #f0c95a 100%) !important;
    color: #111111 !important;
    border: 0 !important;
    font-weight: 800 !important;
}

.fi-btn-color-primary:hover,
button[type="submit"]:hover {
    filter: brightness(1.06) !important;
}

.fi-btn-color-gray {
    background: #1a1a1a !important;
    color: #f3f4f6 !important;
    border: 1px solid rgba(212,175,55,0.20) !important;
}

/* تبويبات */
.fi-tabs-item {
    color: #f2f2f2 !important;
}

.fi-tabs-item[aria-selected="true"] {
    color: var(--gold-3) !important;
    border-color: var(--gold-2) !important;
}

/* Pagination */
.fi-pagination * {
    color: #f5f5f5 !important;
}

/* المودال */
.fi-modal-window {
    color: #fff !important;
}

/* صفحة الدخول */
.fi-simple-layout,
.fi-simple-main {
    background:
        radial-gradient(circle at top, rgba(212,175,55,0.18), transparent 30%),
        linear-gradient(135deg, #050505, #111111) !important;
}

.fi-simple-main .fi-card,
.fi-login-page .fi-card {
    background: linear-gradient(180deg, #111111 0%, #171717 100%) !important;
    border: 1px solid rgba(240,201,90,0.34) !important;
    border-radius: 24px !important;
}

/* السلكتات والقوائم المنسدلة */
.fi-dropdown-list-item,
.fi-dropdown-list-item-label,
.fi-select-input,
.fi-select-input-option-label {
    color: #ffffff !important;
    background: transparent !important;
}

/* النصوص الصغيرة */
small,
.text-sm,
.text-gray-500,
.text-gray-600,
.text-gray-700 {
    color: #dddddd !important;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #0b0b0b;
}

::-webkit-scrollbar-thumb {
    background: #7f651e;
    border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
    background: #c89d2d;
}

/* ===== Admin form readability fix ===== */

/* النص داخل كل الحقول */
.fi-input,
.fi-select-input,
.fi-textarea,
.fi-fo-select select,
.fi-fo-field-wrp input,
.fi-fo-field-wrp select,
.fi-fo-field-wrp textarea {
    color: #ffffff !important;
    background: #070707 !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    border-color: rgba(255, 214, 107, 0.46) !important;
}

/* النص المختار داخل Select */
.fi-select-input,
.fi-select-input *,
.fi-fo-select *,
.fi-input-wrp *,
.fi-in-field-wrp * {
    color: #ffffff !important;
}

/* Placeholder */
.fi-input::placeholder,
.fi-textarea::placeholder,
input::placeholder,
textarea::placeholder {
    color: #d6d6d6 !important;
    opacity: 1 !important;
}

/* labels */
.fi-fo-field-wrp-label label,
.fi-fo-field-wrp-label span,
.fi-fo-field-wrp-label {
    color: #ffe89a !important;
    font-weight: 900 !important;
}

/* sections */
.fi-section-content,
.fi-section-content * {
    color: #ffffff !important;
}

/* select dropdown list */
.fi-dropdown-panel,
.fi-select-options,
.fi-select-option,
.fi-dropdown-list,
.fi-dropdown-list-item,
.fi-dropdown-list-item-label {
    background: #111111 !important;
    color: #ffffff !important;
}

.fi-dropdown-list-item:hover,
.fi-select-option:hover {
    background: rgba(255, 214, 107, 0.16) !important;
    color: #ffe89a !important;
}

/* selected item badges / values */
.fi-badge,
.fi-badge-label,
.fi-fo-select .fi-badge,
.fi-fo-select .fi-badge-label {
    color: #111111 !important;
    background: linear-gradient(135deg, #c89b2c, #ffd66b, #fff0ad) !important;
    border: 1px solid rgba(255, 214, 107, 0.6) !important;
    font-weight: 900 !important;
}

/* date/time picker popup */
.flatpickr-calendar,
.fi-fo-date-time-picker-panel,
.fi-fo-date-time-picker-panel * {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: rgba(255, 214, 107, 0.42) !important;
}

.fi-fo-date-time-picker-panel button,
.fi-fo-date-time-picker-panel [role="button"] {
    color: #ffffff !important;
}

.fi-fo-date-time-picker-panel button:hover,
.fi-fo-date-time-picker-panel [role="button"]:hover {
    color: #ffe89a !important;
    background: rgba(255, 214, 107, 0.12) !important;
}

/* table readability */
.fi-ta-table tbody td,
.fi-ta-table tbody td *,
.fi-ta-text,
.fi-ta-text *,
.fi-ta-cell,
.fi-ta-cell * {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* table headings */
.fi-ta-table thead th,
.fi-ta-table thead th * {
    color: #ffe89a !important;
    font-weight: 900 !important;
}

/* actions/open/edit buttons */
.fi-btn-label {
    color: inherit !important;
    font-weight: 900 !important;
}

/* make gold more visible on focus */
.fi-input:focus,
.fi-select-input:focus,
.fi-textarea:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #ffe89a !important;
    box-shadow: 0 0 0 2px rgba(255, 214, 107, 0.24) !important;
}


/* =========================================================
   FINAL ADMIN BOOKING READABILITY + SELECT DROPDOWN FIX
   ========================================================= */

/* كل النصوص داخل حقول الفورم */
.fi-fo-field-wrp,
.fi-fo-field-wrp *,
.fi-input-wrp,
.fi-input-wrp *,
.fi-in-field-wrp,
.fi-in-field-wrp *,
.fi-select-input,
.fi-select-input *,
.fi-input,
.fi-textarea {
    color: #ffffff !important;
}

/* خلفية الحقول */
.fi-input,
.fi-textarea,
.fi-select-input,
.fi-input-wrp,
.fi-in-field-wrp {
    background: #070707 !important;
    border-color: rgba(255, 214, 107, 0.55) !important;
}

/* النص المختار داخل select مثل العميل / نوع المناسبة */
.fi-select-input,
.fi-select-input span,
.fi-select-input div,
.fi-select-input button,
.fi-select-input [data-placeholder],
.fi-select-input [data-selected] {
    color: #ffffff !important;
    background: #070707 !important;
    font-weight: 800 !important;
}

/* labels */
.fi-fo-field-wrp-label,
.fi-fo-field-wrp-label *,
.fi-fo-field-wrp-label label {
    color: #ffe89a !important;
    font-weight: 900 !important;
}

/* Placeholder */
input::placeholder,
textarea::placeholder,
.fi-input::placeholder,
.fi-textarea::placeholder {
    color: #d6d6d6 !important;
    opacity: 1 !important;
}

/* Native select options */
select,
select option {
    background: #111111 !important;
    color: #ffffff !important;
}

/* Filament dropdown panels */
.fi-dropdown-panel,
.fi-dropdown-panel *,
.fi-dropdown-list,
.fi-dropdown-list *,
.fi-dropdown-list-item,
.fi-dropdown-list-item *,
.fi-dropdown-list-item-label {
    background-color: #111111 !important;
    color: #ffffff !important;
}

/* hover داخل القوائم */
.fi-dropdown-list-item:hover,
.fi-dropdown-list-item:hover *,
.fi-dropdown-list-item[aria-selected="true"],
.fi-dropdown-list-item[aria-selected="true"] * {
    background-color: rgba(255, 214, 107, 0.18) !important;
    color: #ffe89a !important;
}

/* Choices.js / Filament select dropdown */
.choices,
.choices *,
.choices__inner,
.choices__input,
.choices__list,
.choices__list--dropdown,
.choices__list--dropdown *,
.choices__item,
.choices__item--choice,
.choices__item--selectable {
    color: #ffffff !important;
}

.choices__inner,
.choices__input,
.choices__list--dropdown {
    background: #111111 !important;
    border-color: rgba(255, 214, 107, 0.55) !important;
}

.choices__list--dropdown .choices__item {
    background: #111111 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list--dropdown .choices__item:hover {
    background: rgba(255, 214, 107, 0.22) !important;
    color: #ffe89a !important;
}

/* TomSelect / Choices fallback */
.ts-control,
.ts-control *,
.ts-dropdown,
.ts-dropdown *,
.ts-dropdown .option,
.ts-dropdown .item {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: rgba(255, 214, 107, 0.55) !important;
}

.ts-dropdown .active,
.ts-dropdown .option:hover {
    background: rgba(255, 214, 107, 0.22) !important;
    color: #ffe89a !important;
}

/* Alpine / floating panels */
[role="listbox"],
[role="listbox"] *,
[role="option"],
[role="option"] * {
    background-color: #111111 !important;
    color: #ffffff !important;
}

[role="option"]:hover,
[role="option"][aria-selected="true"] {
    background-color: rgba(255, 214, 107, 0.22) !important;
    color: #ffe89a !important;
}

/* Date / Time picker في Filament */
.fi-fo-date-time-picker-panel,
.fi-fo-date-time-picker-panel *,
.fi-fo-date-time-picker-panel button,
.fi-fo-date-time-picker-panel input {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: rgba(255, 214, 107, 0.45) !important;
}

.fi-fo-date-time-picker-panel button:hover,
.fi-fo-date-time-picker-panel [role="button"]:hover {
    background: rgba(255, 214, 107, 0.18) !important;
    color: #ffe89a !important;
}

/* جدول الحجوزات: وضوح كل الخانات */
.fi-ta-table tbody td,
.fi-ta-table tbody td *,
.fi-ta-text,
.fi-ta-text *,
.fi-ta-cell,
.fi-ta-cell *,
.fi-ta-text-item,
.fi-ta-text-item * {
    color: #ffffff !important;
    font-weight: 750 !important;
}

/* رؤوس الجداول */
.fi-ta-table thead th,
.fi-ta-table thead th * {
    color: #ffe89a !important;
    font-weight: 900 !important;
}

/* Badges مثل نوع المناسبة والحالة */
.fi-badge,
.fi-badge *,
.fi-badge-label {
    color: #111111 !important;
    background: linear-gradient(135deg, #c89b2c, #ffd66b, #fff0ad) !important;
    border: 1px solid rgba(255, 214, 107, 0.65) !important;
    font-weight: 900 !important;
}

/* أزرار الأكشن */
.fi-btn-label {
    font-weight: 900 !important;
}

/* Focus */
.fi-input:focus,
.fi-textarea:focus,
.fi-select-input:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #ffe89a !important;
    box-shadow: 0 0 0 2px rgba(255, 214, 107, 0.28) !important;
}


/* =========================================================
   SELECT CONTRAST FIX - make select different from background
   ========================================================= */

/* صندوق السلكت نفسه داخل الفورم */
.fi-select-input,
.fi-input-wrp:has(select),
.fi-input-wrp,
.fi-in-field-wrp {
    background: #1f1f1f !important;
    border: 1px solid rgba(255, 214, 107, 0.65) !important;
    color: #ffffff !important;
}

/* النص داخل السلكت */
.fi-select-input *,
.fi-input-wrp *,
.fi-in-field-wrp * {
    color: #ffffff !important;
}

/* لما يكون السلكت مفتوح أو عليه فوكس */
.fi-select-input:focus,
.fi-input-wrp:focus-within,
.fi-in-field-wrp:focus-within {
    background: #262626 !important;
    border-color: #ffe89a !important;
    box-shadow: 0 0 0 2px rgba(255, 214, 107, 0.30) !important;
}

/* القائمة المنسدلة نفسها */
.fi-dropdown-panel,
.fi-dropdown-list,
[role="listbox"],
.choices__list--dropdown,
.ts-dropdown {
    background: #242424 !important;
    border: 1px solid rgba(255, 214, 107, 0.70) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.65) !important;
}

/* الخيارات داخل القائمة */
.fi-dropdown-list-item,
.fi-dropdown-list-item *,
[role="option"],
[role="option"] *,
.choices__list--dropdown .choices__item,
.ts-dropdown .option {
    background: #242424 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* خيار hover */
.fi-dropdown-list-item:hover,
.fi-dropdown-list-item:hover *,
[role="option"]:hover,
[role="option"]:hover *,
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.ts-dropdown .active,
.ts-dropdown .option:hover {
    background: linear-gradient(135deg, #4a3710, #6b5016) !important;
    color: #ffe89a !important;
}

/* الخيار المحدد */
[role="option"][aria-selected="true"],
[role="option"][aria-selected="true"] *,
.fi-dropdown-list-item[aria-selected="true"],
.fi-dropdown-list-item[aria-selected="true"] * {
    background: linear-gradient(135deg, #7a5a18, #9f7620) !important;
    color: #ffffff !important;
}

/* حقول النص العادية تخليها أغمق من select حتى يكون الفرق واضح */
.fi-input,
.fi-textarea,
input,
textarea {
    background: #0b0b0b !important;
    color: #ffffff !important;
    border-color: rgba(255, 214, 107, 0.35) !important;
}

/* أزرار فتح السلكت والأيقونات */
.fi-select-input button,
.fi-select-input svg,
.fi-input-wrp svg,
.fi-in-field-wrp svg {
    color: #ffe89a !important;
}


/* =========================================================
   MOBILE ONLY ADMIN OPTIMIZATION
   ========================================================= */
@media (max-width: 768px) {

    /* الخلفية العامة */
    html,
    body,
    .fi-body,
    .fi-layout,
    .fi-main,
    .fi-page {
        background: #050505 !important;
        color: #ffffff !important;
        overflow-x: hidden !important;
    }

    /* تخفيف الهيدر */
    .fi-topbar {
        min-height: 56px !important;
        background: rgba(8, 8, 8, 0.96) !important;
        border-bottom: 1px solid rgba(255, 214, 107, 0.35) !important;
    }

    .fi-topbar nav {
        padding-inline: 10px !important;
    }

    /* تخفيف السايدبار على الموبايل */
    .fi-sidebar {
        background: #090909 !important;
        border-inline-end: 1px solid rgba(255, 214, 107, 0.28) !important;
    }

    .fi-sidebar-header {
        padding: 12px !important;
    }

    .fi-sidebar-item-button {
        min-height: 46px !important;
        padding: 10px 12px !important;
        border-radius: 14px !important;
        font-size: 14px !important;
    }

    .fi-sidebar-item-label {
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #ffffff !important;
    }

    /* مساحة الصفحة */
    .fi-main {
        padding-inline: 10px !important;
    }

    .fi-page {
        padding: 10px !important;
    }

    .fi-header {
        margin-bottom: 12px !important;
    }

    .fi-header-heading {
        font-size: 22px !important;
        line-height: 1.4 !important;
        color: #ffe89a !important;
    }

    /* الكروت */
    .fi-section,
    .fi-card,
    .fi-wi-widget,
    .fi-ta-ctn,
    .fi-wi-stats-overview-stat {
        border-radius: 16px !important;
        padding: 12px !important;
        background: #111111 !important;
        border: 1px solid rgba(255, 214, 107, 0.38) !important;
        box-shadow: 0 10px 28px rgba(0,0,0,0.35) !important;
    }

    /* كروت الإحصائيات أوضح */
    .fi-wi-stats-overview {
        gap: 10px !important;
    }

    .fi-wi-stats-overview-stat {
        min-height: 112px !important;
    }

    .fi-wi-stats-overview-stat-label {
        font-size: 13px !important;
        color: #ffffff !important;
        font-weight: 800 !important;
    }

    .fi-wi-stats-overview-stat-value {
        font-size: 24px !important;
        color: #ffe89a !important;
        font-weight: 950 !important;
        line-height: 1.3 !important;
    }

    .fi-wi-stats-overview-stat-description {
        font-size: 12px !important;
        color: #e8e8e8 !important;
        font-weight: 700 !important;
    }

    /* الأزرار أكبر وأسهل للمس */
    .fi-btn {
        min-height: 44px !important;
        padding: 10px 14px !important;
        border-radius: 14px !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    .fi-btn-label {
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    .fi-btn-color-primary {
        background: linear-gradient(135deg, #c89b2c, #ffd66b, #fff0ad) !important;
        color: #111111 !important;
    }

    /* الحقول */
    .fi-input,
    .fi-textarea,
    .fi-select-input,
    .fi-input-wrp,
    .fi-in-field-wrp {
        min-height: 44px !important;
        border-radius: 14px !important;
        background: #1f1f1f !important;
        border-color: rgba(255, 214, 107, 0.55) !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .fi-fo-field-wrp-label,
    .fi-fo-field-wrp-label * {
        color: #ffe89a !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    /* السلكت واضح */
    .fi-dropdown-panel,
    .fi-dropdown-list,
    [role="listbox"],
    .choices__list--dropdown,
    .ts-dropdown {
        background: #242424 !important;
        border: 1px solid rgba(255, 214, 107, 0.65) !important;
        max-width: calc(100vw - 20px) !important;
    }

    [role="option"],
    [role="option"] *,
    .fi-dropdown-list-item,
    .fi-dropdown-list-item * {
        color: #ffffff !important;
        background: #242424 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    [role="option"]:hover,
    [role="option"][aria-selected="true"],
    .fi-dropdown-list-item:hover {
        background: linear-gradient(135deg, #4a3710, #6b5016) !important;
        color: #ffe89a !important;
    }

    /* الجداول تتحول Scroll بدل ما تخرب الصفحة */
    .fi-ta-ctn {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .fi-ta-table {
        min-width: 860px !important;
        width: max-content !important;
    }

    .fi-ta-table thead th,
    .fi-ta-table thead th * {
        color: #ffe89a !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
    }

    .fi-ta-table tbody td,
    .fi-ta-table tbody td *,
    .fi-ta-text,
    .fi-ta-text * {
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    .fi-ta-table tbody tr:hover {
        background: rgba(255, 214, 107, 0.08) !important;
    }

    /* البادجات */
    .fi-badge,
    .fi-badge * {
        font-size: 12px !important;
        font-weight: 900 !important;
        color: #111111 !important;
        background: linear-gradient(135deg, #c89b2c, #ffd66b, #fff0ad) !important;
        border-radius: 999px !important;
        white-space: nowrap !important;
    }

    /* الأكشنز داخل الجداول */
    .fi-ta-actions {
        gap: 6px !important;
    }

    .fi-ta-actions .fi-btn {
        min-height: 38px !important;
        padding: 8px 10px !important;
    }

    /* مودالات الموبايل */
    .fi-modal-window {
        margin: 10px !important;
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        border-radius: 18px !important;
        background: #111111 !important;
        border: 1px solid rgba(255, 214, 107, 0.42) !important;
    }

    /* Pagination */
    .fi-pagination {
        overflow-x: auto !important;
        padding: 8px !important;
    }

    .fi-pagination * {
        font-size: 13px !important;
        color: #ffffff !important;
    }

    /* منع أي عنصر من كسر عرض الصفحة */
    .fi-page,
    .fi-main,
    .fi-section,
    .fi-card,
    .fi-wi-widget {
        max-width: 100vw !important;
    }
}


/* =========================================================
   GOLD BUTTON TEXT VISIBILITY FIX
   ========================================================= */

/* أي زر ذهبي / Primary لازم يكون خطه أسود واضح */
.fi-btn-color-primary,
.fi-btn-color-primary *,
.fi-ac-btn-action,
.fi-ac-btn-action *,
button[type="submit"],
button[type="submit"] *,
a[style*="#ffd66b"],
a[style*="fff0ad"],
a[style*="c89b2c"] {
    color: #111111 !important;
    font-weight: 950 !important;
    text-shadow: none !important;
}

/* أيقونات الأزرار الذهبية */
.fi-btn-color-primary svg,
button[type="submit"] svg {
    color: #111111 !important;
}

/* أزرار داخل المودال / البروفايل */
.fi-modal-window a[style*="linear-gradient"],
.fi-modal-window a[style*="linear-gradient"] *,
.fi-modal-window a[style*="#ffd66b"],
.fi-modal-window a[style*="#ffd66b"] * {
    color: #111111 !important;
    font-weight: 950 !important;
}

/* زر تحميل الحجوزات إذا ظهر ذهبي */
.fi-header-actions .fi-btn-color-primary,
.fi-header-actions .fi-btn-color-primary * {
    color: #111111 !important;
}

/* hover بدون ما يضعف النص */
.fi-btn-color-primary:hover,
button[type="submit"]:hover,
.fi-modal-window a[style*="linear-gradient"]:hover {
    color: #111111 !important;
    filter: brightness(1.06) !important;
}


/* =========================================================
   FINAL GOLD BACKGROUND READABILITY FIX
   Fix white text on gold backgrounds in dashboard/tables/pagination
   ========================================================= */

/* أي عنصر خلفيته primary/ذهبي داخل Filament لازم خطه أسود */
.fi-color-primary,
.fi-color-primary *,
.fi-badge.fi-color-primary,
.fi-badge.fi-color-primary *,
.fi-btn-color-primary,
.fi-btn-color-primary *,
.fi-ta-summary,
.fi-ta-summary *,
.fi-pagination .fi-btn-color-primary,
.fi-pagination .fi-btn-color-primary *,
.fi-pagination .fi-pagination-item-active,
.fi-pagination .fi-pagination-item-active *,
.fi-tabs-item[aria-selected="true"],
.fi-tabs-item[aria-selected="true"] *,
.fi-wi-stats-overview-stat .fi-badge,
.fi-wi-stats-overview-stat .fi-badge * {
    color: #111111 !important;
    text-shadow: none !important;
    font-weight: 900 !important;
}

/* Badges الذهبية داخل الجداول والداشبورد */
.fi-badge,
.fi-badge *,
.fi-ta-text .fi-badge,
.fi-ta-text .fi-badge *,
.fi-ta-table .fi-badge,
.fi-ta-table .fi-badge * {
    color: #111111 !important;
    background: linear-gradient(135deg, #c89b2c, #ffd66b, #fff0ad) !important;
    border-color: rgba(255, 214, 107, 0.65) !important;
    font-weight: 900 !important;
}

/* أرقام pagination أو Showing results لما تكون على خلفية ذهبية */
.fi-pagination,
.fi-pagination *,
.fi-ta-pagination,
.fi-ta-pagination *,
.fi-ta-records-per-page-select,
.fi-ta-records-per-page-select *,
.fi-ta-pagination-overview,
.fi-ta-pagination-overview * {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* الزر النشط في pagination */
.fi-pagination button[aria-current="page"],
.fi-pagination button[aria-current="page"] *,
.fi-pagination .fi-btn[aria-current="page"],
.fi-pagination .fi-btn[aria-current="page"] * {
    background: linear-gradient(135deg, #c89b2c, #ffd66b, #fff0ad) !important;
    color: #111111 !important;
    font-weight: 950 !important;
}

/* Select الخاص بعدد النتائج per page */
.fi-pagination select,
.fi-ta-pagination select,
.fi-ta-records-per-page-select select {
    background: #1f1f1f !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 214, 107, 0.55) !important;
}

/* Summary / Showing 1 to 3 results */
.fi-ta-pagination-overview,
.fi-ta-pagination-overview span,
.fi-ta-pagination-overview p {
    color: #e8e8e8 !important;
    background: transparent !important;
}

/* لو فيه span داخله خلفية ذهبية */
.fi-ta-pagination-overview [class*="bg-primary"],
.fi-ta-pagination-overview [class*="bg-primary"] *,
.fi-pagination [class*="bg-primary"],
.fi-pagination [class*="bg-primary"] * {
    color: #111111 !important;
    font-weight: 950 !important;
}

/* أزرار Dashboard widgets لو لونها ذهبي */
.fi-wi-widget .fi-btn-color-primary,
.fi-wi-widget .fi-btn-color-primary *,
.fi-ta-header .fi-btn-color-primary,
.fi-ta-header .fi-btn-color-primary *,
.fi-header-actions .fi-btn-color-primary,
.fi-header-actions .fi-btn-color-primary * {
    color: #111111 !important;
    font-weight: 950 !important;
}

/* أي class من Tailwind فيه bg-primary أو bg-warning غالبًا خلفيته ذهبية */
[class*="bg-primary"],
[class*="bg-warning"] {
    color: #111111 !important;
}

[class*="bg-primary"] *,
[class*="bg-warning"] * {
    color: #111111 !important;
    font-weight: 900 !important;
}

/* استثناء: الخلفيات السوداء تبقى نصها أبيض */
.fi-section,
.fi-section *,
.fi-ta-ctn,
.fi-ta-ctn *,
.fi-wi-widget,
.fi-wi-widget *,
.fi-modal-window,
.fi-modal-window * {
    color: inherit;
}

/* نصوص الجداول الأساسية تبقى بيضاء */
.fi-ta-table tbody td,
.fi-ta-table tbody td *,
.fi-ta-text,
.fi-ta-text *,
.fi-ta-cell,
.fi-ta-cell * {
    color: #ffffff !important;
}

/* لكن البادج داخل الجدول خطه أسود */
.fi-ta-table tbody td .fi-badge,
.fi-ta-table tbody td .fi-badge *,
.fi-ta-text .fi-badge,
.fi-ta-text .fi-badge * {
    color: #111111 !important;
}


/* =========================================================
   DASHBOARD LUXURY BLACK GOLD FIX
   Modern compact dashboard cards + readability
   ========================================================= */

/* صفحة الداشبورد */
.fi-dashboard-page,
.fi-page {
    background:
        radial-gradient(circle at top right, rgba(255, 214, 107, 0.10), transparent 28%),
        radial-gradient(circle at bottom left, rgba(212, 175, 55, 0.08), transparent 32%),
        #050505 !important;
}

/* مساحة الداشبورد */
.fi-dashboard-page .fi-main,
.fi-dashboard-page .fi-page {
    padding-top: 18px !important;
}

/* عنوان الداشبورد */
.fi-dashboard-page .fi-header-heading {
    color: #ffe89a !important;
    font-weight: 950 !important;
    letter-spacing: 0.2px !important;
    text-shadow: 0 0 18px rgba(255, 214, 107, 0.18) !important;
}

/* شبكة كروت الإحصائيات */
.fi-wi-stats-overview {
    gap: 14px !important;
}

/* كرت الإحصائيات */
.fi-wi-stats-overview-stat {
    position: relative !important;
    overflow: hidden !important;
    min-height: 122px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    background:
        linear-gradient(180deg, rgba(22,22,22,0.98), rgba(8,8,8,0.98)) !important;
    border: 1px solid rgba(255, 214, 107, 0.35) !important;
    box-shadow:
        0 14px 36px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 214, 107, 0.08),
        0 0 0 1px rgba(255, 214, 107, 0.04) !important;
}

/* وهج ذهبي خفيف داخل الكرت */
.fi-wi-stats-overview-stat::before {
    content: "" !important;
    position: absolute !important;
    top: -45px !important;
    left: -45px !important;
    width: 130px !important;
    height: 130px !important;
    background: radial-gradient(circle, rgba(255, 214, 107, 0.18), transparent 68%) !important;
    pointer-events: none !important;
}

/* خط ذهبي أسفل الكرت */
.fi-wi-stats-overview-stat::after {
    content: "" !important;
    position: absolute !important;
    right: 18px !important;
    left: 18px !important;
    bottom: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #ffd66b, transparent) !important;
    opacity: 0.55 !important;
}

/* عنوان الكرت */
.fi-wi-stats-overview-stat-label {
    color: #f5f5f5 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.4 !important;
}

/* الرقم الكبير */
.fi-wi-stats-overview-stat-value {
    color: #ffe89a !important;
    font-size: 25px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    margin-top: 6px !important;
    text-shadow: 0 0 20px rgba(255, 214, 107, 0.20) !important;
}

/* الوصف تحت الرقم */
.fi-wi-stats-overview-stat-description,
.fi-wi-stats-overview-stat-description * {
    color: #d8d8d8 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.5 !important;
}

/* الأيقونات */
.fi-wi-stats-overview-stat-description-icon,
.fi-wi-stats-overview-stat svg {
    color: #ffd66b !important;
    filter: drop-shadow(0 0 8px rgba(255, 214, 107, 0.22)) !important;
}

/* كروت الجداول في الداشبورد */
.fi-dashboard-page .fi-wi-widget,
.fi-dashboard-page .fi-ta-ctn {
    background: linear-gradient(180deg, #111111, #090909) !important;
    border: 1px solid rgba(255, 214, 107, 0.34) !important;
    border-radius: 22px !important;
    box-shadow:
        0 16px 45px rgba(0,0,0,0.42),
        0 0 0 1px rgba(255,214,107,0.04) !important;
    overflow: hidden !important;
}

/* عنوان الودجت */
.fi-dashboard-page .fi-wi-widget-heading,
.fi-dashboard-page .fi-ta-header-heading {
    color: #ffe89a !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    text-shadow: 0 0 16px rgba(255, 214, 107, 0.16) !important;
}

/* جداول الداشبورد */
.fi-dashboard-page .fi-ta-table thead th,
.fi-dashboard-page .fi-ta-table thead th * {
    background: #0b0b0b !important;
    color: #ffe89a !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.fi-dashboard-page .fi-ta-table tbody td,
.fi-dashboard-page .fi-ta-table tbody td *,
.fi-dashboard-page .fi-ta-text,
.fi-dashboard-page .fi-ta-text * {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

/* Hover على الصفوف */
.fi-dashboard-page .fi-ta-table tbody tr:hover {
    background: rgba(255, 214, 107, 0.07) !important;
}

/* البادجات داخل الداشبورد */
.fi-dashboard-page .fi-badge,
.fi-dashboard-page .fi-badge * {
    background: linear-gradient(135deg, #c89b2c, #ffd66b, #fff0ad) !important;
    color: #111111 !important;
    border: 1px solid rgba(255, 214, 107, 0.62) !important;
    font-weight: 950 !important;
}

/* أزرار فتح داخل widgets */
.fi-dashboard-page .fi-btn,
.fi-dashboard-page .fi-btn * {
    font-weight: 900 !important;
}

.fi-dashboard-page .fi-btn-color-primary,
.fi-dashboard-page .fi-btn-color-primary * {
    color: #111111 !important;
}

/* Pagination في الداشبورد */
.fi-dashboard-page .fi-pagination,
.fi-dashboard-page .fi-pagination *,
.fi-dashboard-page .fi-ta-pagination-overview,
.fi-dashboard-page .fi-ta-pagination-overview * {
    color: #e8e8e8 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

/* تقليل ازدحام الجداول */
.fi-dashboard-page .fi-ta-table {
    font-size: 13px !important;
}

/* موبايل */
@media (max-width: 768px) {
    .fi-wi-stats-overview {
        gap: 10px !important;
    }

    .fi-wi-stats-overview-stat {
        min-height: 104px !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    .fi-wi-stats-overview-stat-label {
        font-size: 12px !important;
    }

    .fi-wi-stats-overview-stat-value {
        font-size: 21px !important;
    }

    .fi-wi-stats-overview-stat-description,
    .fi-wi-stats-overview-stat-description * {
        font-size: 11px !important;
    }

    .fi-dashboard-page .fi-wi-widget,
    .fi-dashboard-page .fi-ta-ctn {
        border-radius: 18px !important;
    }

    .fi-dashboard-page .fi-wi-widget-heading,
    .fi-dashboard-page .fi-ta-header-heading {
        font-size: 16px !important;
    }

    .fi-dashboard-page .fi-ta-ctn {
        overflow-x: auto !important;
    }

    .fi-dashboard-page .fi-ta-table {
        min-width: 780px !important;
    }
}


/* =========================================================
   FINAL FINAL DASHBOARD GOLD TEXT + COMPACT STATS FIX
   ========================================================= */

/* أي خلفية ذهبية / primary / warning لازم النص فوقها يكون أسود */
.fi-dashboard-page [class*="bg-primary"],
.fi-dashboard-page [class*="bg-warning"],
.fi-dashboard-page [class*="text-primary"],
.fi-dashboard-page .fi-color-primary,
.fi-dashboard-page .fi-color-warning,
.fi-dashboard-page .fi-badge,
.fi-dashboard-page .fi-badge *,
.fi-dashboard-page .fi-btn-color-primary,
.fi-dashboard-page .fi-btn-color-primary *,
.fi-dashboard-page .fi-wi-stats-overview-stat .fi-badge,
.fi-dashboard-page .fi-wi-stats-overview-stat .fi-badge *,
.fi-dashboard-page .fi-pagination button[aria-current="page"],
.fi-dashboard-page .fi-pagination button[aria-current="page"] *,
.fi-dashboard-page .fi-tabs-item[aria-selected="true"],
.fi-dashboard-page .fi-tabs-item[aria-selected="true"] * {
    color: #111111 !important;
    text-shadow: none !important;
    font-weight: 950 !important;
}

/* لو داخل الخلفية الذهبية span/svg/path رجع أبيض */
.fi-dashboard-page [class*="bg-primary"] *,
.fi-dashboard-page [class*="bg-warning"] *,
.fi-dashboard-page .fi-badge span,
.fi-dashboard-page .fi-badge svg,
.fi-dashboard-page .fi-badge path,
.fi-dashboard-page .fi-btn-color-primary span,
.fi-dashboard-page .fi-btn-color-primary svg,
.fi-dashboard-page .fi-btn-color-primary path {
    color: #111111 !important;
    fill: #111111 !important;
    stroke: #111111 !important;
}

/* خلي البادجات الذهبية واضحة */
.fi-dashboard-page .fi-badge {
    background: linear-gradient(135deg, #c89b2c, #ffd66b, #fff0ad) !important;
    color: #111111 !important;
    border: 1px solid rgba(255, 214, 107, 0.65) !important;
    box-shadow: 0 6px 18px rgba(255, 214, 107, 0.12) !important;
}

/* استثناء النصوص العادية داخل الجداول تبقى بيضاء */
.fi-dashboard-page .fi-ta-table tbody td:not(:has(.fi-badge)),
.fi-dashboard-page .fi-ta-table tbody td:not(:has(.fi-badge)) *,
.fi-dashboard-page .fi-ta-cell:not(:has(.fi-badge)),
.fi-dashboard-page .fi-ta-cell:not(:has(.fi-badge)) * {
    color: #ffffff !important;
}

/* =========================================================
   COMPACT DASHBOARD STATS CARDS
   ========================================================= */

/* الكروت العلوية أصغر وأخف */
.fi-dashboard-page .fi-wi-stats-overview-stat {
    min-height: 92px !important;
    padding: 12px 14px !important;
    border-radius: 17px !important;
    background:
        radial-gradient(circle at top left, rgba(255, 214, 107, 0.12), transparent 34%),
        linear-gradient(180deg, #151515, #080808) !important;
    border: 1px solid rgba(255, 214, 107, 0.30) !important;
    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(255, 214, 107, 0.035) !important;
}

/* الوهج أصغر وأنعم */
.fi-dashboard-page .fi-wi-stats-overview-stat::before {
    top: -55px !important;
    left: -55px !important;
    width: 115px !important;
    height: 115px !important;
    background: radial-gradient(circle, rgba(255, 214, 107, 0.13), transparent 70%) !important;
}

/* الخط الذهبي أسفل الكرت أنعم */
.fi-dashboard-page .fi-wi-stats-overview-stat::after {
    right: 16px !important;
    left: 16px !important;
    height: 1px !important;
    opacity: 0.45 !important;
}

/* اسم الكرت */
.fi-dashboard-page .fi-wi-stats-overview-stat-label {
    color: #f3f3f3 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
}

/* الرقم */
.fi-dashboard-page .fi-wi-stats-overview-stat-value {
    color: #ffe89a !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    line-height: 1.18 !important;
    margin-top: 3px !important;
    text-shadow: 0 0 14px rgba(255, 214, 107, 0.14) !important;
}

/* الوصف */
.fi-dashboard-page .fi-wi-stats-overview-stat-description,
.fi-dashboard-page .fi-wi-stats-overview-stat-description * {
    color: #d9d9d9 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
}

/* الأيقونة أصغر */
.fi-dashboard-page .fi-wi-stats-overview-stat svg {
    width: 16px !important;
    height: 16px !important;
    color: #ffd66b !important;
}

/* تقليل الفراغ بين كروت الداشبورد */
.fi-dashboard-page .fi-wi-stats-overview {
    gap: 10px !important;
}

/* تخفيف ارتفاع منطقة الإحصائيات */
.fi-dashboard-page .fi-wi-stats-overview-stat > div {
    gap: 4px !important;
}

/* موبايل: أصغر أكثر */
@media (max-width: 768px) {
    .fi-dashboard-page .fi-wi-stats-overview-stat {
        min-height: 82px !important;
        padding: 10px 12px !important;
        border-radius: 15px !important;
    }

    .fi-dashboard-page .fi-wi-stats-overview-stat-label {
        font-size: 11px !important;
    }

    .fi-dashboard-page .fi-wi-stats-overview-stat-value {
        font-size: 18px !important;
    }

    .fi-dashboard-page .fi-wi-stats-overview-stat-description,
    .fi-dashboard-page .fi-wi-stats-overview-stat-description * {
        font-size: 10px !important;
    }
}


/* =========================================================
   DASHBOARD TABLE BADGES FINAL FIX
   Specifically for UpcomingBookings / LatestBookings widgets
   ========================================================= */

/* كل البادجات داخل جداول الداشبورد: خلفية ذهبية + خط أسود */
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge,
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge *,
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge span,
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge div,
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge p,
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge svg,
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge path {
    color: #111111 !important;
    fill: #111111 !important;
    stroke: #111111 !important;
    text-shadow: none !important;
    font-weight: 950 !important;
}

/* إجبار خلفية البادج داخل ودجت الداشبورد */
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge {
    background: linear-gradient(135deg, #c89b2c, #ffd66b, #fff0ad) !important;
    border: 1px solid rgba(255, 214, 107, 0.85) !important;
    box-shadow: 0 4px 14px rgba(255, 214, 107, 0.18) !important;
}

/* بعض Filament badges تستخدم text class داخلي */
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge .fi-badge-label,
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge .fi-ta-text-item-label,
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge [class*="text-"],
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge [class*="text-primary"],
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge [class*="text-warning"],
.fi-dashboard-page .fi-wi-widget .fi-ta-table .fi-badge [class*="text-white"] {
    color: #111111 !important;
    font-weight: 950 !important;
}

/* لو البادج أخذ لون primary أو warning داخل جدول الداشبورد */
.fi-dashboard-page .fi-wi-widget .fi-ta-table [class*="fi-color-primary"],
.fi-dashboard-page .fi-wi-widget .fi-ta-table [class*="fi-color-primary"] *,
.fi-dashboard-page .fi-wi-widget .fi-ta-table [class*="fi-color-warning"],
.fi-dashboard-page .fi-wi-widget .fi-ta-table [class*="fi-color-warning"] * {
    color: #111111 !important;
    fill: #111111 !important;
    stroke: #111111 !important;
    font-weight: 950 !important;
}

/* لو الخلفية جاءت من Tailwind bg-primary/bg-warning */
.fi-dashboard-page .fi-wi-widget .fi-ta-table [class*="bg-primary"],
.fi-dashboard-page .fi-wi-widget .fi-ta-table [class*="bg-primary"] *,
.fi-dashboard-page .fi-wi-widget .fi-ta-table [class*="bg-warning"],
.fi-dashboard-page .fi-wi-widget .fi-ta-table [class*="bg-warning"] * {
    color: #111111 !important;
    fill: #111111 !important;
    stroke: #111111 !important;
    font-weight: 950 !important;
}

/* مهم: لا نأثر على النصوص العادية في الجداول */
.fi-dashboard-page .fi-wi-widget .fi-ta-table tbody td:not(:has(.fi-badge)),
.fi-dashboard-page .fi-wi-widget .fi-ta-table tbody td:not(:has(.fi-badge)) *,
.fi-dashboard-page .fi-wi-widget .fi-ta-text:not(:has(.fi-badge)),
.fi-dashboard-page .fi-wi-widget .fi-ta-text:not(:has(.fi-badge)) * {
    color: #ffffff !important;
}

/* أي نص داخل خلية فيها badge لكن خارج البادج يبقى أبيض */
.fi-dashboard-page .fi-wi-widget .fi-ta-table tbody td:has(.fi-badge) > div:not(.fi-badge),
.fi-dashboard-page .fi-wi-widget .fi-ta-table tbody td:has(.fi-badge) > div:not(.fi-badge) * {
    color: #ffffff !important;
}

/* والبادج نفسه يرجع أسود فوق الذهبي */
.fi-dashboard-page .fi-wi-widget .fi-ta-table tbody td:has(.fi-badge) .fi-badge,
.fi-dashboard-page .fi-wi-widget .fi-ta-table tbody td:has(.fi-badge) .fi-badge * {
    color: #111111 !important;
}


/* =========================================================
   DASHBOARD FINAL CLEAN FIX
   No white-on-gold, compact centered cards, readable tables
   ========================================================= */

/* كروت الإحصائيات العلوية */
.fi-dashboard-page .fi-wi-stats-overview-stat {
    min-height: 74px !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
    border: 2px solid rgba(255, 214, 107, 0.78) !important;
    background:
        radial-gradient(circle at top, rgba(255, 214, 107, 0.16), transparent 42%),
        linear-gradient(180deg, #151515, #080808) !important;
    box-shadow:
        0 8px 22px rgba(0,0,0,0.42),
        0 0 14px rgba(255,214,107,0.12),
        inset 0 0 0 1px rgba(255,214,107,0.14) !important;
    text-align: center !important;
}

/* كل محتوى الكرت في الوسط */
.fi-dashboard-page .fi-wi-stats-overview-stat,
.fi-dashboard-page .fi-wi-stats-overview-stat > *,
.fi-dashboard-page .fi-wi-stats-overview-stat > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* عنوان الكرت */
.fi-dashboard-page .fi-wi-stats-overview-stat-label,
.fi-dashboard-page .fi-wi-stats-overview-stat-label * {
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

/* الرقم */
.fi-dashboard-page .fi-wi-stats-overview-stat-value,
.fi-dashboard-page .fi-wi-stats-overview-stat-value * {
    color: #ffe89a !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

/* الوصف */
.fi-dashboard-page .fi-wi-stats-overview-stat-description,
.fi-dashboard-page .fi-wi-stats-overview-stat-description *,
.fi-dashboard-page .fi-wi-stats-overview-stat-description-icon {
    color: #eeeeee !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

/* تقليل المسافات */
.fi-dashboard-page .fi-wi-stats-overview {
    gap: 8px !important;
}

/* الجداول داخل الداشبورد */
.fi-dashboard-page .fi-wi-widget,
.fi-dashboard-page .fi-ta-ctn {
    background: linear-gradient(180deg, #111111, #090909) !important;
    border: 2px solid rgba(255, 214, 107, 0.55) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.42), 0 0 14px rgba(255,214,107,0.08) !important;
}

/* عناوين الجداول */
.fi-dashboard-page .fi-wi-widget-heading,
.fi-dashboard-page .fi-ta-header-heading {
    color: #ffe89a !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    text-align: right !important;
}

/* رؤوس الجداول */
.fi-dashboard-page .fi-ta-table thead th,
.fi-dashboard-page .fi-ta-table thead th *,
.fi-dashboard-page .fi-ta-header-cell,
.fi-dashboard-page .fi-ta-header-cell * {
    background: #090909 !important;
    color: #ffe89a !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-align: right !important;
}

/* خلايا الجداول */
.fi-dashboard-page .fi-ta-table tbody td,
.fi-dashboard-page .fi-ta-table tbody td *,
.fi-dashboard-page .fi-ta-text,
.fi-dashboard-page .fi-ta-text *,
.fi-dashboard-page .fi-ta-cell,
.fi-dashboard-page .fi-ta-cell * {
    background: transparent !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-align: right !important;
}

/* المناسبة والحالة داخل الداشبورد بدون بادج ذهبي */
.fi-dashboard-page .fi-ta-table tbody td span,
.fi-dashboard-page .fi-ta-table tbody td div {
    color: #ffffff !important;
}

/* أزرار فتح */
.fi-dashboard-page .fi-ta-actions .fi-btn,
.fi-dashboard-page .fi-ta-actions .fi-btn * {
    color: #111111 !important;
    font-weight: 950 !important;
}

/* أي خلفية ذهبية داخل الداشبورد */
.fi-dashboard-page [class*="bg-primary"],
.fi-dashboard-page [class*="bg-primary"] *,
.fi-dashboard-page [class*="bg-warning"],
.fi-dashboard-page [class*="bg-warning"] *,
.fi-dashboard-page .fi-btn-color-primary,
.fi-dashboard-page .fi-btn-color-primary * {
    color: #111111 !important;
    fill: #111111 !important;
    stroke: #111111 !important;
    font-weight: 950 !important;
}

/* Pagination / showing results */
.fi-dashboard-page .fi-pagination,
.fi-dashboard-page .fi-pagination *,
.fi-dashboard-page .fi-ta-pagination-overview,
.fi-dashboard-page .fi-ta-pagination-overview * {
    color: #eeeeee !important;
    background: transparent !important;
    font-weight: 850 !important;
}

/* موبايل */
@media (max-width: 768px) {
    .fi-dashboard-page .fi-wi-stats-overview-stat {
        min-height: 68px !important;
        padding: 7px 8px !important;
        border-radius: 14px !important;
    }

    .fi-dashboard-page .fi-wi-stats-overview-stat-label,
    .fi-dashboard-page .fi-wi-stats-overview-stat-label * {
        font-size: 10px !important;
    }

    .fi-dashboard-page .fi-wi-stats-overview-stat-value,
    .fi-dashboard-page .fi-wi-stats-overview-stat-value * {
        font-size: 15px !important;
    }

    .fi-dashboard-page .fi-wi-stats-overview-stat-description,
    .fi-dashboard-page .fi-wi-stats-overview-stat-description * {
        font-size: 9px !important;
    }

    .fi-dashboard-page .fi-ta-ctn {
        overflow-x: auto !important;
    }

    .fi-dashboard-page .fi-ta-table {
        min-width: 760px !important;
    }
}


/* =========================================================
   FINANCIAL REPORTS PAGE
   ========================================================= */

.financial-report-page {
    color: #ffffff;
}

.report-hero {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 20px;
    margin-bottom: 18px;
    background:
        radial-gradient(circle at top left, rgba(255,214,107,.18), transparent 36%),
        linear-gradient(180deg, #141414, #080808);
    border: 2px solid rgba(255,214,107,.65);
    border-radius: 22px;
    box-shadow: 0 14px 36px rgba(0,0,0,.38), 0 0 18px rgba(255,214,107,.08);
}

.report-hero h2 {
    margin: 0;
    color: #ffe89a;
    font-size: 24px;
    font-weight: 950;
}

.report-hero p {
    margin: 6px 0 0;
    color: #dddddd;
    font-size: 13px;
    font-weight: 750;
}

.report-download-btn {
    background: linear-gradient(135deg, #c89b2c, #ffd66b, #fff0ad);
    color: #111111 !important;
    padding: 12px 16px;
    border-radius: 14px;
    font-weight: 950;
    text-decoration: none;
    white-space: nowrap;
}

.report-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}

.report-card {
    min-height: 92px;
    padding: 14px;
    border-radius: 18px;
    background: linear-gradient(180deg, #151515, #090909);
    border: 2px solid rgba(255,214,107,.58);
    box-shadow: 0 10px 28px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,214,107,.10);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.report-card span {
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
}

.report-card strong {
    color: #ffe89a;
    font-size: 19px;
    font-weight: 950;
    margin-top: 6px;
}

.report-card.danger strong {
    color: #fca5a5;
}

.report-table-card {
    padding: 16px;
    border-radius: 22px;
    background: linear-gradient(180deg, #111111, #090909);
    border: 2px solid rgba(255,214,107,.50);
    box-shadow: 0 14px 36px rgba(0,0,0,.38);
}

.report-table-card h3 {
    margin: 0 0 14px;
    color: #ffe89a;
    font-size: 18px;
    font-weight: 950;
}

@media (max-width: 900px) {
    .report-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .report-hero {
        display: block;
    }

    .report-download-btn {
        display: inline-flex;
        margin-top: 14px;
    }
}

@media (max-width: 520px) {
    .report-grid {
        grid-template-columns: 1fr;
    }
}