: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;
    }
}