/* ===============================
   Zoud Premium Admin Theme - Clean
   =============================== */

:root {
    --zoud-black: #15120c;
    --zoud-dark: #211a10;
    --zoud-gold: #d6a23a;
    --zoud-gold-dark: #a87518;
    --zoud-gold-soft: #f6e6bd;
    --zoud-bg: #f7f3ea;
    --zoud-card: rgba(255, 255, 255, 0.94);
    --zoud-border: rgba(90, 65, 20, 0.14);
    --zoud-shadow: 0 18px 45px rgba(37, 28, 10, 0.08);
}

/* ===============================
   General Layout
   =============================== */

.fi-body {
    background:
        radial-gradient(circle at top right, rgba(214, 162, 58, 0.16), transparent 34%),
        linear-gradient(180deg, #fbf7ee 0%, #f5efe3 100%) !important;
}

.fi-main,
.fi-page,
.fi-page-content {
    max-width: 100% !important;
    width: 100% !important;
}

.fi-main {
    padding-top: 1.5rem !important;
    padding-inline: 2.5rem !important;
}

@media (min-width: 1280px) {
    .fi-main {
        padding-inline: 3.2rem !important;
    }
}

@media (max-width: 1024px) {
    .fi-main {
        padding-inline: 1rem !important;
    }
}

.fi-header-heading {
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    color: var(--zoud-black) !important;
}

.fi-header-subheading {
    color: rgba(21, 18, 12, 0.58) !important;
}

/* ===============================
   Sidebar
   =============================== */

.fi-sidebar {
    background:
        linear-gradient(180deg, #17130c 0%, #2b2112 100%) !important;
    border-inline-end: 1px solid rgba(214, 162, 58, 0.18) !important;
}

.fi-sidebar-header {
    background: rgba(255, 255, 255, 0.03) !important;
    border-bottom: 1px solid rgba(214, 162, 58, 0.12) !important;
}

.fi-sidebar-item-label,
.fi-sidebar-group-label {
    font-weight: 800 !important;
}

.fi-sidebar-item-label {
    color: rgba(255, 255, 255, 0.78) !important;
}

.fi-sidebar-group-label {
    color: rgba(214, 162, 58, 0.78) !important;
}

.fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.65) !important;
}

.fi-sidebar-item-active > a,
.fi-sidebar-item.fi-active > a,
.fi-sidebar-item a[aria-current="page"],
.fi-sidebar-item-button[aria-current="page"] {
    background: linear-gradient(135deg, #d6a23a, #a87518) !important;
    color: #15120c !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 24px rgba(214, 162, 58, 0.26) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item a[aria-current="page"] .fi-sidebar-item-label,
.fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-label {
    color: #15120c !important;
    font-weight: 900 !important;
}

.fi-sidebar-item-active .fi-sidebar-item-icon,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item a[aria-current="page"] .fi-sidebar-item-icon,
.fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-icon {
    color: #15120c !important;
}

.fi-sidebar-item a:hover,
.fi-sidebar-item-button:hover {
    background: rgba(214, 162, 58, 0.16) !important;
    color: #ffffff !important;
    border-radius: 14px !important;
}

.fi-sidebar-item a:hover .fi-sidebar-item-label,
.fi-sidebar-item-button:hover .fi-sidebar-item-label {
    color: #ffffff !important;
}

.fi-sidebar-item a:hover .fi-sidebar-item-icon,
.fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: #d6a23a !important;
}

/* ===============================
   Topbar
   =============================== */

.fi-topbar {
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid rgba(214, 162, 58, 0.14) !important;
}

/* ===============================
   Sections / Cards
   =============================== */

.fi-section {
    margin-bottom: 1.35rem !important;
    border-radius: 30px !important;
    border: 1px solid rgba(214, 162, 58, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,250,240,0.96)) !important;
    box-shadow:
        0 22px 55px rgba(21, 18, 12, 0.09),
        inset 0 1px 0 rgba(255,255,255,0.75) !important;
    overflow: visible !important;
}

.fi-section-header {
    position: relative !important;
    padding: 1.25rem 1.45rem !important;
    background:
        linear-gradient(135deg, rgba(214, 162, 58, 0.20), rgba(255, 255, 255, 0.82)) !important;
    border-bottom: 1px solid rgba(214, 162, 58, 0.18) !important;
    border-start-start-radius: 30px !important;
    border-start-end-radius: 30px !important;
}

.fi-section-header::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 18px;
    bottom: 18px;
    width: 5px;
    border-radius: 999px;
    background: linear-gradient(180deg, #d6a23a, #8a6119);
}

.fi-section-header-heading {
    font-size: 1.08rem !important;
    font-weight: 950 !important;
    color: #15120c !important;
    letter-spacing: -0.02em !important;
}

.fi-section-header-description {
    margin-top: 0.25rem !important;
    color: rgba(21, 18, 12, 0.58) !important;
    font-weight: 650 !important;
}

.fi-section-content {
    padding: 1.55rem !important;
    overflow: visible !important;
}

/* ===============================
   Forms
   =============================== */

.fi-form {
    width: 100% !important;
}

.fi-fo-field-wrp {
    padding: 0.15rem !important;
    overflow: visible !important;
}

.fi-fo-field-wrp-content {
    overflow: visible !important;
}

.fi-fo-field-wrp-label span {
    font-size: 0.82rem !important;
    font-weight: 900 !important;
    color: #15120c !important;
}

.fi-fo-field-wrp-label span sup,
.fi-fo-field-wrp-label sup {
    color: #b9821f !important;
    font-weight: 900 !important;
}

.fi-fo-field-wrp-helper-text {
    font-size: 0.76rem !important;
    font-weight: 650 !important;
    color: rgba(21, 18, 12, 0.52) !important;
}

/* Inputs / Textarea */
.fi-input-wrp,
.fi-textarea {
    min-height: 46px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(138, 97, 25, 0.18) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,252,246,0.96)) !important;
    box-shadow:
        0 8px 20px rgba(21, 18, 12, 0.035),
        inset 0 1px 0 rgba(255,255,255,0.8) !important;
    transition: all 160ms ease !important;
    overflow: visible !important;
}

.fi-input-wrp:focus-within,
.fi-textarea:focus-within {
    border-color: rgba(214, 162, 58, 0.75) !important;
    box-shadow:
        0 0 0 4px rgba(214, 162, 58, 0.16),
        0 12px 26px rgba(21, 18, 12, 0.07) !important;
}

.fi-input,
.fi-textarea,
.fi-select-input {
    color: #15120c !important;
    font-weight: 750 !important;
    line-height: 1.5 !important;
}

.fi-input::placeholder,
.fi-textarea::placeholder {
    color: rgba(21, 18, 12, 0.36) !important;
    font-weight: 600 !important;
}

.fi-input:disabled,
.fi-textarea:disabled,
.fi-select-input:disabled,
.fi-input-wrp:has(:disabled) {
    background: rgba(246, 230, 189, 0.28) !important;
    color: rgba(21, 18, 12, 0.58) !important;
}

/* ===============================
   Safe Select Styling
   مهم: بدون position absolute أو role=listbox
   =============================== */

.fi-fo-select .fi-input-wrp,
.fi-input-wrp:has([role="combobox"]) {
    min-height: 46px !important;
    border-radius: 18px !important;
    background: #fffdf7 !important;
    border: 1px solid rgba(214, 162, 58, 0.28) !important;
    box-shadow:
        0 8px 20px rgba(21, 18, 12, 0.04),
        inset 0 1px 0 rgba(255,255,255,0.85) !important;
}

.fi-fo-select .fi-input-wrp:focus-within,
.fi-input-wrp:has([role="combobox"]):focus-within {
    border-color: rgba(214, 162, 58, 0.75) !important;
    box-shadow:
        0 0 0 4px rgba(214, 162, 58, 0.15),
        0 12px 26px rgba(21, 18, 12, 0.07) !important;
}

/* Dropdown panel فقط بشكل آمن */
.fi-dropdown-panel {
    z-index: 9999 !important;
    border-radius: 18px !important;
    background: #fffdf7 !important;
    border: 1px solid rgba(214, 162, 58, 0.28) !important;
    box-shadow: 0 22px 55px rgba(21, 18, 12, 0.18) !important;
}

/* عناصر الاختيار بدون كسر الـ Select */
.fi-dropdown-list-item,
.fi-select-option {
    min-height: 38px !important;
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
    color: #15120c !important;
    font-weight: 750 !important;
}

.fi-dropdown-list-item:hover,
.fi-select-option:hover {
    background: rgba(246, 230, 189, 0.55) !important;
    color: #15120c !important;
}

/* ===============================
   Repeaters
   =============================== */

.fi-fo-repeater {
    gap: 1.15rem !important;
}

.fi-fo-repeater-item {
    border-radius: 26px !important;
    border: 1px solid rgba(214, 162, 58, 0.22) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(255,248,232,0.95)) !important;
    box-shadow:
        0 18px 38px rgba(21, 18, 12, 0.08),
        inset 0 1px 0 rgba(255,255,255,0.82) !important;
    overflow: visible !important;
}

.fi-fo-repeater-item-header {
    padding: 1rem 1.15rem !important;
    background:
        linear-gradient(135deg, rgba(214, 162, 58, 0.22), rgba(255,255,255,0.75)) !important;
    border-bottom: 1px solid rgba(214, 162, 58, 0.16) !important;
    border-start-start-radius: 26px !important;
    border-start-end-radius: 26px !important;
}

.fi-fo-repeater-item-header h4,
.fi-fo-repeater-item-header span {
    color: #15120c !important;
    font-weight: 950 !important;
}

.fi-fo-repeater-item-content {
    padding: 1.25rem !important;
}

.fi-fo-repeater-add-action,
.fi-fo-repeater .fi-btn {
    border-radius: 999px !important;
    font-weight: 900 !important;
}

/* ===============================
   File Upload
   =============================== */

.fi-fo-file-upload,
.filepond--root {
    border-radius: 22px !important;
}

.filepond--panel-root {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,246,225,0.95)) !important;
    border: 1px dashed rgba(214, 162, 58, 0.45) !important;
    border-radius: 22px !important;
}

.filepond--drop-label {
    color: rgba(21, 18, 12, 0.62) !important;
    font-weight: 800 !important;
}

/* ===============================
   Rich Editor
   =============================== */

.fi-fo-rich-editor {
    border-radius: 22px !important;
    overflow: hidden !important;
    border: 1px solid rgba(138, 97, 25, 0.18) !important;
    box-shadow: 0 10px 24px rgba(21, 18, 12, 0.04) !important;
}

.fi-fo-rich-editor-toolbar {
    background: rgba(246, 230, 189, 0.40) !important;
    border-bottom: 1px solid rgba(214, 162, 58, 0.18) !important;
}

.fi-fo-rich-editor-editor {
    background: rgba(255, 255, 255, 0.95) !important;
    min-height: 150px !important;
}

/* ===============================
   Toggle
   =============================== */

.fi-fo-toggle {
    padding: 0.7rem 0.85rem !important;
    border-radius: 18px !important;
    background: rgba(255, 248, 232, 0.75) !important;
    border: 1px solid rgba(214, 162, 58, 0.16) !important;
}

/* ===============================
   Form Footer / Actions
   =============================== */

.fi-form-actions,
.fi-page-footer {
    margin-top: 1.5rem !important;
    padding: 1rem 1.25rem !important;
    border-radius: 26px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.88), rgba(255,246,225,0.78)) !important;
    border: 1px solid rgba(214, 162, 58, 0.16) !important;
    box-shadow: 0 18px 42px rgba(21, 18, 12, 0.08) !important;
}

.fi-form-actions .fi-btn-color-primary,
.fi-page-footer .fi-btn-color-primary {
    min-height: 44px !important;
    padding-inline: 1.35rem !important;
    background: linear-gradient(135deg, #d6a23a, #9b6a16) !important;
    color: #15120c !important;
    font-weight: 950 !important;
}

.fi-form-actions .fi-btn-color-gray,
.fi-page-footer .fi-btn-color-gray {
    min-height: 44px !important;
    padding-inline: 1.2rem !important;
    background: linear-gradient(135deg, #2c2416, #15120c) !important;
    color: #fff7e7 !important;
}

/* ===============================
   Tables
   =============================== */

.fi-ta {
    width: 100% !important;
    border-radius: 30px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,250,239,0.96)) !important;
    border: 1px solid rgba(214, 162, 58, 0.22) !important;
    box-shadow:
        0 22px 55px rgba(21, 18, 12, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.7) !important;
    overflow: hidden !important;
}

.fi-ta-content {
    padding: 0.35rem !important;
}

.fi-ta-table-ctn {
    width: 100% !important;
    overflow-x: auto !important;
}

.fi-ta-table {
    width: 100% !important;
    min-width: 1180px !important;
    border-collapse: separate !important;
    border-spacing: 0 0.35rem !important;
}

@media (max-width: 1024px) {
    .fi-ta-table {
        min-width: 980px !important;
    }
}

/* Table Header */
.fi-ta-header {
    padding: 1.2rem 1.35rem !important;
    background:
        linear-gradient(135deg, rgba(214, 162, 58, 0.18), rgba(255,255,255,0.86)) !important;
    border-bottom: 1px solid rgba(214, 162, 58, 0.18) !important;
}

.fi-ta-toolbar {
    gap: 0.8rem !important;
}

.fi-ta-search-field .fi-input-wrp {
    min-width: 320px !important;
    height: 44px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.95) !important;
}

@media (max-width: 1024px) {
    .fi-ta-search-field .fi-input-wrp {
        min-width: 220px !important;
    }
}

.fi-ta-table thead {
    background: transparent !important;
}

.fi-ta-table thead tr {
    background: linear-gradient(135deg, rgba(214, 162, 58, 0.16), rgba(255, 255, 255, 0.8)) !important;
    box-shadow: 0 8px 22px rgba(21, 18, 12, 0.045) !important;
}

.fi-ta-table thead th {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    color: rgba(21, 18, 12, 0.72) !important;
    font-weight: 900 !important;
    font-size: 0.78rem !important;
    white-space: nowrap !important;
}

.fi-ta-table thead th:first-child {
    border-start-start-radius: 18px !important;
    border-end-start-radius: 18px !important;
}

.fi-ta-table thead th:last-child {
    border-start-end-radius: 18px !important;
    border-end-end-radius: 18px !important;
}

/* Table Rows */
.fi-ta-table tbody {
    background: transparent !important;
}

.fi-ta-row {
    transition: all 180ms ease !important;
}

.fi-ta-table tbody tr.fi-ta-row {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 249, 237, 0.94)) !important;
    border-radius: 22px !important;
    box-shadow:
        0 8px 22px rgba(21, 18, 12, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

.fi-ta-table tbody tr.fi-ta-row:hover {
    background:
        linear-gradient(135deg, rgba(255, 248, 230, 1), rgba(255, 255, 255, 0.98)) !important;
    transform: translateY(-3px) scale(1.002) !important;
    box-shadow:
        0 18px 38px rgba(21, 18, 12, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.fi-ta-table tbody tr.fi-ta-row td {
    position: relative !important;
    background: transparent !important;
    border-top: 1px solid rgba(214, 162, 58, 0.08) !important;
    border-bottom: 1px solid rgba(214, 162, 58, 0.08) !important;
}

.fi-ta-table tbody tr.fi-ta-row td:first-child {
    position: relative !important;
    overflow: hidden !important;
    padding-inline-start: 1.25rem !important;
    border-start-start-radius: 22px !important;
    border-end-start-radius: 22px !important;
}

.fi-ta-table tbody tr.fi-ta-row td:first-child::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 12px;
    bottom: 12px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #d6a23a, #8a6119);
    opacity: 0.75;
}

.fi-ta-table tbody tr.fi-ta-row:hover td:first-child::before {
    width: 6px;
    opacity: 1;
}

.fi-ta-table tbody tr.fi-ta-row td:last-child {
    border-start-end-radius: 22px !important;
    border-end-end-radius: 22px !important;
}

.fi-ta-cell {
    padding-top: 0.85rem !important;
    padding-bottom: 0.85rem !important;
    vertical-align: middle !important;
}

.fi-ta-text,
.fi-ta-text-item-label {
    font-weight: 850 !important;
    color: #17130c !important;
    font-size: 0.88rem !important;
}

.fi-ta-text-item-description {
    margin-top: 0.2rem !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    color: rgba(21, 18, 12, 0.48) !important;
}

/* ===============================
   Badges
   =============================== */

.fi-badge {
    min-height: 28px !important;
    padding-inline: 0.75rem !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.45) !important;
}

.fi-ta-table tbody .fi-badge {
    background: linear-gradient(135deg, #fff3d0, #e4b85a) !important;
    color: #17130c !important;
    border: 1px solid rgba(138, 97, 25, 0.22) !important;
    box-shadow: 0 6px 14px rgba(214, 162, 58, 0.18) !important;
}

/* ===============================
   Buttons
   =============================== */

.fi-btn {
    border-radius: 999px !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 22px rgba(21, 18, 12, 0.08) !important;
    transition: all 160ms ease !important;
}

.fi-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 26px rgba(21, 18, 12, 0.12) !important;
}

.fi-ta-actions,
.fi-ac {
    gap: 0.45rem !important;
}

.fi-ta-actions .fi-btn,
.fi-ta-actions .fi-icon-btn,
.fi-ac .fi-btn,
.fi-ac .fi-icon-btn {
    border-radius: 999px !important;
    min-height: 38px !important;
    padding-inline: 0.95rem !important;
    font-weight: 900 !important;
    letter-spacing: -0.01em !important;
    border: 1px solid rgba(214, 162, 58, 0.18) !important;
    box-shadow: 0 10px 24px rgba(21, 18, 12, 0.09) !important;
    transition: all 170ms ease !important;
}

.fi-ta-actions .fi-btn:hover,
.fi-ta-actions .fi-icon-btn:hover,
.fi-ac .fi-btn:hover,
.fi-ac .fi-icon-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 30px rgba(21, 18, 12, 0.14) !important;
}

.fi-btn-color-primary,
.fi-icon-btn-color-primary {
    background: linear-gradient(135deg, #d6a23a, #a87518) !important;
    color: #15120c !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
}

.fi-btn-color-success,
.fi-icon-btn-color-success {
    background: linear-gradient(135deg, #0f9f6e, #065f46) !important;
    color: #ffffff !important;
}

.fi-btn-color-gray,
.fi-icon-btn-color-gray {
    background: linear-gradient(135deg, #2c2416, #15120c) !important;
    color: #fff7e7 !important;
}

.fi-btn-color-danger,
.fi-icon-btn-color-danger {
    background: linear-gradient(135deg, #dc2626, #7f1d1d) !important;
    color: #ffffff !important;
}

.fi-btn svg,
.fi-icon-btn svg {
    stroke-width: 2.2 !important;
}

/* ===============================
   Table Empty State / Pagination
   =============================== */

.fi-ta-empty-state {
    padding-block: 4rem !important;
}

.fi-ta-empty-state-icon-ctn {
    width: 62px !important;
    height: 62px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(214, 162, 58, 0.18), rgba(255,255,255,0.9)) !important;
    box-shadow: 0 12px 26px rgba(21, 18, 12, 0.08) !important;
}

.fi-ta-empty-state-heading {
    font-weight: 950 !important;
    color: #15120c !important;
}

.fi-pagination {
    border-radius: 999px !important;
}

/* ===============================
   Modals
   =============================== */

.fi-modal-window {
    border-radius: 24px !important;
    border: 1px solid var(--zoud-border) !important;
    box-shadow: 0 24px 70px rgba(21, 18, 12, 0.22) !important;
}

/* ===============================
   Dark Mode
   =============================== */

.dark .fi-body {
    background:
        radial-gradient(circle at top right, rgba(214, 162, 58, 0.12), transparent 35%),
        linear-gradient(180deg, #0f0d09 0%, #17130c 100%) !important;
}

.dark .fi-section,
.dark .fi-fo-repeater-item,
.dark .fi-form-actions,
.dark .fi-page-footer {
    background: linear-gradient(180deg, rgba(30,25,17,0.96), rgba(19,16,10,0.96)) !important;
    border-color: rgba(214, 162, 58, 0.22) !important;
}

.dark .fi-ta {
    background: rgba(28, 23, 15, 0.92) !important;
    border-color: rgba(214, 162, 58, 0.18) !important;
}

.dark .fi-section-header {
    background: rgba(214, 162, 58, 0.10) !important;
}

.dark .fi-input-wrp,
.dark .fi-textarea,
.dark .fi-fo-rich-editor-editor {
    background: rgba(28, 23, 15, 0.96) !important;
    color: #fff7e7 !important;
}

.dark .fi-input,
.dark .fi-textarea,
.dark .fi-select-input,
.dark .fi-fo-field-wrp-label span,
.dark .fi-section-header-heading,
.dark .fi-header-heading,
.dark .fi-ta-text,
.dark .fi-ta-text-item-label {
    color: #fff7e7 !important;
}

/* ===============================
   Premium Header Create Button
   =============================== */

/* زر الإضافة العلوي مثل New عرض سعر */
.fi-header-actions .fi-btn,
.fi-page-header-actions .fi-btn {
    min-height: 46px !important;
    padding-inline: 1.35rem !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #f4b321, #d18a00) !important;
    color: #15120c !important;
    font-weight: 950 !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow:
        0 16px 32px rgba(209, 138, 0, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.55) !important;
}

.fi-header-actions .fi-btn:hover,
.fi-page-header-actions .fi-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 22px 42px rgba(209, 138, 0, 0.34),
        inset 0 1px 0 rgba(255,255,255,0.65) !important;
}

/* ===============================
   Premium Empty Table State
   =============================== */

.fi-ta-empty-state {
    min-height: 260px !important;
    padding-block: 4.8rem !important;
    background:
        radial-gradient(circle at center, rgba(214, 162, 58, 0.11), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,250,240,0.25)) !important;
}

.fi-ta-empty-state-icon-ctn {
    width: 74px !important;
    height: 74px !important;
    border-radius: 999px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.95), rgba(246, 230, 189, 0.85)) !important;
    border: 1px solid rgba(214, 162, 58, 0.22) !important;
    box-shadow:
        0 18px 38px rgba(21, 18, 12, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.85) !important;
}

.fi-ta-empty-state-icon {
    color: #a87518 !important;
}

.fi-ta-empty-state-heading {
    margin-top: 1rem !important;
    font-size: 1rem !important;
    font-weight: 950 !important;
    color: #15120c !important;
}

.fi-ta-empty-state-description {
    color: rgba(21, 18, 12, 0.52) !important;
    font-weight: 650 !important;
}

/* ===============================
   Premium Table Top Controls
   Search / Filters / Columns
   =============================== */

.fi-ta-header-toolbar,
.fi-ta-toolbar {
    align-items: center !important;
}

.fi-ta-search-field .fi-input-wrp {
    min-width: 360px !important;
    height: 48px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(214, 162, 58, 0.22) !important;
    box-shadow:
        0 10px 24px rgba(21, 18, 12, 0.055),
        inset 0 1px 0 rgba(255,255,255,0.85) !important;
}

.fi-ta-search-field .fi-input {
    font-weight: 750 !important;
}

/* أيقونات الفلتر والأعمدة */
.fi-ta-filters-trigger-action,
.fi-ta-column-manager-trigger-action,
.fi-ta-toggle-column-trigger-action {
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.9) !important;
    border: 1px solid rgba(214, 162, 58, 0.18) !important;
    box-shadow: 0 10px 22px rgba(21, 18, 12, 0.07) !important;
}

.fi-ta-filters-trigger-action:hover,
.fi-ta-column-manager-trigger-action:hover,
.fi-ta-toggle-column-trigger-action:hover {
    background: #f6e6bd !important;
    transform: translateY(-1px) !important;
}

/* ===============================
   More Luxury Record Action Buttons
   تظهر لما يكون فيه صفوف
   =============================== */

.fi-ta-actions .fi-btn,
.fi-ac .fi-btn {
    min-height: 40px !important;
    padding-inline: 1rem !important;
    border-radius: 999px !important;
    font-size: 0.78rem !important;
    font-weight: 950 !important;
}

/* PDF */
.fi-ta-actions .fi-btn-color-gray,
.fi-ac .fi-btn-color-gray {
    background:
        linear-gradient(135deg, #2d2416, #120f09) !important;
    color: #fff7e7 !important;
    border: 1px solid rgba(214, 162, 58, 0.28) !important;
}

/* محضر / تقرير */
.fi-ta-actions .fi-btn-color-success,
.fi-ac .fi-btn-color-success {
    background:
        linear-gradient(135deg, #14a36f, #065f46) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
}

/* تعديل */
.fi-ta-actions .fi-btn-color-primary,
.fi-ac .fi-btn-color-primary {
    background:
        linear-gradient(135deg, #f1b941, #b9821f) !important;
    color: #15120c !important;
}

/* حذف */
.fi-ta-actions .fi-btn-color-danger,
.fi-ac .fi-btn-color-danger {
    background:
        linear-gradient(135deg, #ef4444, #991b1b) !important;
    color: #ffffff !important;
}
/* ===============================
   Zoud Flow - Clear Toggle Buttons
   =============================== */

/* Base switch */
.fi-panel button[role="switch"],
.fi-fo-toggle button[role="switch"] {
    min-width: 44px !important;
    height: 24px !important;
    border-radius: 9999px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #e5e7eb !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12) !important;
    opacity: 1 !important;
}

/* OFF state */
.fi-panel button[role="switch"][aria-checked="false"],
.fi-fo-toggle button[role="switch"][aria-checked="false"] {
    background-color: #e5e7eb !important;
    border-color: #cbd5e1 !important;
}

/* ON state */
.fi-panel button[role="switch"][aria-checked="true"],
.fi-fo-toggle button[role="switch"][aria-checked="true"] {
    background-color: #163F5F !important;
    border-color: #163F5F !important;
}

/* Toggle knob */
.fi-panel button[role="switch"] span,
.fi-fo-toggle button[role="switch"] span {
    background-color: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.28) !important;
    opacity: 1 !important;
}

/* Disabled switch */
.fi-panel button[role="switch"]:disabled,
.fi-fo-toggle button[role="switch"]:disabled {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
}


/* ======================================================
   Zoud Flow - FORCE clear toggle switches everywhere
   عروض / محاضر / عملاء / إعدادات / جداول
   ====================================================== */

/* Track - general */
.fi button[role="switch"],
.fi [role="switch"],
.fi [aria-checked="true"][role="switch"],
.fi [aria-checked="false"][role="switch"],
.fi-fo-toggle button,
.fi-fo-toggle [role="switch"],
.fi-ta-toggle-column button,
.fi-ta-toggle-column [role="switch"] {
    width: 46px !important;
    min-width: 46px !important;
    height: 24px !important;
    min-height: 24px !important;
    border-radius: 9999px !important;
    border: 1.5px solid #94a3b8 !important;
    background: #cbd5e1 !important;
    background-color: #cbd5e1 !important;
    box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.22) !important;
    opacity: 1 !important;
    position: relative !important;
}

/* OFF */
.fi button[role="switch"][aria-checked="false"],
.fi [role="switch"][aria-checked="false"],
.fi-fo-toggle button[aria-checked="false"],
.fi-ta-toggle-column button[aria-checked="false"] {
    background: #cbd5e1 !important;
    background-color: #cbd5e1 !important;
    border-color: #94a3b8 !important;
}

/* ON */
.fi button[role="switch"][aria-checked="true"],
.fi [role="switch"][aria-checked="true"],
.fi-fo-toggle button[aria-checked="true"],
.fi-ta-toggle-column button[aria-checked="true"] {
    background: #163F5F !important;
    background-color: #163F5F !important;
    border-color: #163F5F !important;
}

/* Knob */
.fi button[role="switch"] > span,
.fi [role="switch"] > span,
.fi-fo-toggle button > span,
.fi-ta-toggle-column button > span {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    border-radius: 9999px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.18) !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.35) !important;
    opacity: 1 !important;
}

/* Disabled */
.fi button[role="switch"]:disabled,
.fi [role="switch"]:disabled,
.fi-fo-toggle button:disabled,
.fi-ta-toggle-column button:disabled {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
}

/* Extra fallback for Filament internal toggle classes */
.fi-fo-toggle *[class*="rounded-full"],
.fi-ta-toggle-column *[class*="rounded-full"] {
    opacity: 1 !important;
}


/* Fix dark mode dropdown/select option text visibility */
html.dark .choices__list--dropdown,
html.dark .choices__list[aria-expanded],
.dark .choices__list--dropdown,
.dark .choices__list[aria-expanded],
html.dark .ts-dropdown,
.dark .ts-dropdown {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
    color: #f8fafc !important;
}

html.dark .choices__list--dropdown .choices__item,
html.dark .choices__list[aria-expanded] .choices__item,
.dark .choices__list--dropdown .choices__item,
.dark .choices__list[aria-expanded] .choices__item,
html.dark .ts-dropdown .option,
.dark .ts-dropdown .option {
    color: #f8fafc !important;
}

html.dark .choices__list--dropdown .choices__item--selectable.is-highlighted,
html.dark .choices__list[aria-expanded] .choices__item--selectable.is-highlighted,
.dark .choices__list--dropdown .choices__item--selectable.is-highlighted,
.dark .choices__list[aria-expanded] .choices__item--selectable.is-highlighted,
html.dark .ts-dropdown .active,
.dark .ts-dropdown .active {
    background: rgba(211, 160, 42, 0.18) !important;
    color: #ffffff !important;
}

html.dark .choices__input,
.dark .choices__input,
html.dark .ts-control input,
.dark .ts-control input {
    color: #f8fafc !important;
}

html.dark .choices__placeholder,
.dark .choices__placeholder {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}


/* Force Filament dark mode searchable select dropdown readability */
html.dark [role="listbox"],
.dark [role="listbox"],
html.dark [role="option"],
.dark [role="option"],
html.dark .fi-dropdown-list,
.dark .fi-dropdown-list,
html.dark .fi-dropdown-list-item,
.dark .fi-dropdown-list-item,
html.dark .choices,
.dark .choices,
html.dark .choices__inner,
.dark .choices__inner,
html.dark .choices__list,
.dark .choices__list,
html.dark .choices__list--dropdown,
.dark .choices__list--dropdown,
html.dark .choices__list[aria-expanded],
.dark .choices__list[aria-expanded],
html.dark .choices__item,
.dark .choices__item,
html.dark .choices__item--choice,
.dark .choices__item--choice,
html.dark .choices__item--selectable,
.dark .choices__item--selectable {
    color: #f8fafc !important;
}

html.dark .choices__list--dropdown,
.dark .choices__list--dropdown,
html.dark .choices__list[aria-expanded],
.dark .choices__list[aria-expanded],
html.dark .fi-dropdown-panel,
.dark .fi-dropdown-panel,
html.dark [role="listbox"],
.dark [role="listbox"] {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
}

html.dark .choices__item--choice,
.dark .choices__item--choice,
html.dark .choices__item--selectable,
.dark .choices__item--selectable,
html.dark [role="option"],
.dark [role="option"] {
    background: transparent !important;
    color: #f8fafc !important;
}

html.dark .choices__item--choice.is-highlighted,
.dark .choices__item--choice.is-highlighted,
html.dark .choices__item--selectable.is-highlighted,
.dark .choices__item--selectable.is-highlighted,
html.dark [role="option"][aria-selected="true"],
.dark [role="option"][aria-selected="true"],
html.dark [role="option"]:hover,
.dark [role="option"]:hover {
    background: rgba(211, 160, 42, 0.22) !important;
    color: #ffffff !important;
}

html.dark .choices__input,
.dark .choices__input,
html.dark input.choices__input,
.dark input.choices__input {
    background: #0f172a !important;
    color: #f8fafc !important;
}