html, body, .fi-body { font-family: Tahoma, Arial, sans-serif !important; }

:root {
    --brand: #58C1D7;
    --brand-dark: #2495ad;
    --brand-soft: #e9f8fb;
    --ink: #0f172a;
    --muted: #64748b;
    --line: #e2e8f0;
}

/* Base background */
.fi-body {
    background:
        radial-gradient(circle at top right, rgba(88, 193, 215, .14), transparent 34%),
        linear-gradient(135deg, #f8fdff 0%, #eef8fb 100%) !important;
}

/* One clean topbar only */
.fi-topbar {
    height: 72px !important;
    min-height: 72px !important;
    background: rgba(255, 255, 255, .98) !important;
    border-bottom: 1px solid var(--line) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .035) !important;
    backdrop-filter: blur(14px);
    overflow: visible !important;
}

/* Ensure topbar internals are visible */
.fi-topbar nav,
.fi-topbar > div {
    height: 72px !important;
    min-height: 72px !important;
    overflow: visible !important;
}

/* Main layout */
.fi-layout,
.fi-main-ctn,
.fi-main {
    background: transparent !important;
}

.fi-main {
    padding-top: 24px !important;
}

.fi-page {
    padding-top: 0 !important;
}

/* Page title */
.fi-header {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
}

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

/* Sidebar */
.fi-sidebar {
    background: rgba(255, 255, 255, .96) !important;
    border-inline-start: 1px solid var(--line) !important;
    box-shadow: -8px 0 24px rgba(15, 23, 42, .025) !important;
    backdrop-filter: blur(14px);
}

.fi-sidebar-header {
    height: 72px !important;
    min-height: 72px !important;
    border-bottom: 1px solid var(--line) !important;
}

/* Sidebar links */
.fi-sidebar-item a {
    border-radius: 14px !important;
    font-weight: 750 !important;
    transition: all .18s ease;
}

.fi-sidebar-item a:hover {
    background: var(--brand-soft) !important;
    color: var(--brand-dark) !important;
}

.fi-sidebar-item-active a {
    background: linear-gradient(135deg, rgba(88, 193, 215, .18), rgba(88, 193, 215, .07)) !important;
    color: #d86f18 !important;
    font-weight: 900 !important;
}

/* Cards / sections / tables */
.fi-section,
.fi-ta,
.fi-fo-section,
.fi-wi-widget,
.fi-modal-window {
    border-radius: 24px !important;
    border: 1px solid var(--line) !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .06) !important;
    overflow: hidden;
    background: rgba(255, 255, 255, .96) !important;
}

.fi-section-header,
.fi-fo-section-header,
.fi-ta-header {
    background: rgba(255, 255, 255, .88) !important;
    border-bottom: 1px solid var(--line) !important;
}

.fi-ta-row:hover {
    background: #f8fdff !important;
}

/* Buttons */
.fi-btn {
    border-radius: 14px !important;
    font-weight: 900 !important;
    transition: transform .15s ease, box-shadow .15s ease;
}

.fi-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 25px rgba(15, 23, 42, .10);
}

/* Inputs */
.fi-input,
.fi-select-input,
.fi-textarea {
    border-radius: 14px !important;
}

.fi-input:focus,
.fi-select-input:focus,
.fi-textarea:focus {
    border-color: var(--brand) !important;
    box-shadow: 0 0 0 4px rgba(88, 193, 215, .15) !important;
}

/* Badges and dropdowns */
.fi-badge {
    border-radius: 999px !important;
    font-weight: 900 !important;
}

.fi-dropdown-panel {
    border-radius: 18px !important;
    border: 1px solid var(--line) !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .12) !important;
}

/* Keep clean language button visible */




/* Smooth custom cards */
.search-card,
.warning-box,
.case-card,
.contact-card,
.legal-card {
    animation: softIn .25s ease-out;
}

@keyframes softIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Mobile */
@media (max-width: 768px) {
    .fi-topbar,
    .fi-topbar nav,
    .fi-topbar > div,
    .fi-sidebar-header {
        height: 64px !important;
        min-height: 64px !important;
    }

    .fi-main {
        padding-top: 16px !important;
        padding-inline: 12px !important;
    }

    .fi-header-heading {
        font-size: 24px !important;
    }

    .fi-section,
    .fi-ta,
    .fi-fo-section,
    .fi-wi-widget {
        border-radius: 18px !important;
    }
}


/* =========================
   Final dashboard container polish
========================= */

.fi-page {
    max-width: 1180px !important;
    margin-inline: auto !important;
    width: 100% !important;
}

.fi-main {
    padding-inline: 28px !important;
}

.fi-wi-stats-overview-stats-ctn {
    gap: 18px !important;
}

.fi-wi-stats-overview-stat {
    min-height: 132px !important;
    border-radius: 22px !important;
}

.fi-wi-widget {
    margin-bottom: 20px !important;
}

@media (max-width: 768px) {
    .fi-main {
        padding-inline: 12px !important;
    }

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

/* =========================
   Premium dashboard cards final
========================= */

/* ضبط مساحة الداشبورد */
.fi-main {
    padding-top: 18px !important;
    padding-inline: 28px !important;
}

.fi-page {
    max-width: 1120px !important;
    margin-inline: auto !important;
    width: 100% !important;
}

/* تقليل المسافة بين عنوان الصفحة والكروت */
.fi-header {
    margin-bottom: 18px !important;
}

/* كروت الإحصائيات */
.fi-wi-stats-overview-stats-ctn {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

/* شكل الكرت */
.fi-wi-stats-overview-stat {
    min-height: 112px !important;
    padding: 18px 20px !important;
    border-radius: 22px !important;
    border: 1px solid #e2e8f0 !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,253,255,.94)) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .055) !important;
    overflow: hidden !important;
    position: relative !important;
}

/* لمعة ناعمة داخل الكرت */
.fi-wi-stats-overview-stat::before {
    content: "";
    position: absolute;
    inset-inline-end: -38px;
    top: -38px;
    width: 110px;
    height: 110px;
    background: rgba(88, 193, 215, .10);
    border-radius: 999px;
    pointer-events: none;
}

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

/* الرقم */
.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-value {
    color: #020617 !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
    margin-top: 6px !important;
}

/* الوصف أسفل الرقم */
.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description {
    font-size: 12px !important;
    font-weight: 800 !important;
    margin-top: 8px !important;
    line-height: 1.5 !important;
}

/* تحسين أيقونات الوصف */
.fi-wi-stats-overview-stat svg {
    width: 16px !important;
    height: 16px !important;
}

/* مسافات الويدجت */
.fi-wi-widget {
    margin-bottom: 16px !important;
}

/* كروت الجداول تحت الإحصائيات */
.fi-ta {
    border-radius: 22px !important;
    margin-top: 4px !important;
}

/* منع تمدد زائد في الجداول */
.fi-ta-content {
    overflow-x: auto !important;
}

/* تحسين dashboard welcome card إن وجد */
.fi-section {
    border-radius: 22px !important;
}

/* تقليل الفراغ الأبيض في الصفحة */
.fi-page > * {
    margin-top: 0 !important;
}

/* على الشاشات المتوسطة */
@media (max-width: 1200px) {
    .fi-page {
        max-width: 1000px !important;
    }

    .fi-wi-stats-overview-stats-ctn {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* على التابلت */
@media (max-width: 900px) {
    .fi-wi-stats-overview-stats-ctn {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* على الجوال */
@media (max-width: 640px) {
    .fi-main {
        padding-inline: 12px !important;
        padding-top: 14px !important;
    }

    .fi-wi-stats-overview-stats-ctn {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

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

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

/* =========================
   Final softer dashboard cards
========================= */

/* تصغير عرض الداشبورد قليلاً */
.fi-page {
    max-width: 1040px !important;
}

/* ضبط شبكة الكروت */
.fi-wi-stats-overview-stats-ctn {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

/* كروت أنظف بدون دوائر كبيرة */
.fi-wi-stats-overview-stat {
    min-height: 118px !important;
    padding: 18px 20px !important;
    border-radius: 22px !important;
    background:
        linear-gradient(135deg, #ffffff 0%, #f8fdff 100%) !important;
    border: 1px solid #e5eef2 !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .045) !important;
}

/* إلغاء الزخرفة الدائرية الكبيرة */
.fi-wi-stats-overview-stat::before {
    display: none !important;
}

/* شريط صغير فاخر أعلى الكرت */
.fi-wi-stats-overview-stat::after {
    content: "";
    position: absolute;
    inset-inline-start: 20px;
    top: 0;
    width: 46px;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #58C1D7, #2495ad);
    opacity: .65;
}

/* العنوان */
.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-label {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #475569 !important;
}

/* الرقم */
.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-value {
    font-size: 28px !important;
    font-weight: 950 !important;
    color: #020617 !important;
}

/* الوصف */
.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description {
    font-size: 12px !important;
    font-weight: 850 !important;
}

/* تقليل الفراغ بين الصفوف */
.fi-wi-widget {
    margin-bottom: 14px !important;
}

/* كرت الترحيب */
.fi-section {
    background: rgba(255,255,255,.96) !important;
}

/* تناسق مع الشاشات */
@media (max-width: 1100px) {
    .fi-page {
        max-width: 960px !important;
    }
}

@media (max-width: 900px) {
    .fi-wi-stats-overview-stats-ctn {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .fi-page {
        max-width: 100% !important;
    }

    .fi-wi-stats-overview-stats-ctn {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Dashboard spacing / padding final
========================= */

/* مساحة داخلية مريحة للداشبورد */
.fi-page {
    padding-inline: 22px !important;
    padding-bottom: 40px !important;
}

/* فصل كرت الترحيب عن الإحصائيات */
.fi-page > section,
.fi-page > div {
    margin-bottom: 22px !important;
}

/* حاوية الإحصائيات نفسها */
.fi-wi-stats-overview {
    padding: 18px !important;
    border-radius: 28px !important;
    background: rgba(255, 255, 255, .45) !important;
    border: 1px solid rgba(226, 232, 240, .75) !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .035) !important;
}

/* مسافة داخلية بين حافة الحاوية والكروت */
.fi-wi-stats-overview-stats-ctn {
    padding: 4px !important;
    gap: 18px !important;
}

/* الكروت لا تلتصق بصرياً */
.fi-wi-stats-overview-stat {
    margin: 0 !important;
}

/* كرت الترحيب */
.fi-section {
    padding: 2px !important;
}

/* لو فيه كروت جداول بعد الإحصائيات */
.fi-ta,
.fi-wi-widget:not(.fi-wi-stats-overview) {
    margin-top: 18px !important;
}

/* تحسين المسافة مع الهيدر */
.fi-main {
    padding-top: 30px !important;
}

/* على الشاشات الصغيرة */
@media (max-width: 768px) {
    .fi-page {
        padding-inline: 10px !important;
    }

    .fi-wi-stats-overview {
        padding: 12px !important;
        border-radius: 22px !important;
    }

    .fi-wi-stats-overview-stats-ctn {
        gap: 12px !important;
    }
}

/* =========================
   Arabic breadcrumb direction fix
========================= */

html[dir="rtl"] .fi-breadcrumbs,
html[dir="rtl"] .fi-breadcrumbs ol {
    direction: rtl !important;
}

html[dir="rtl"] .fi-breadcrumbs ol {
    flex-direction: row-reverse !important;
}

html[dir="rtl"] .fi-breadcrumbs li {
    direction: rtl !important;
}

/* =========================
   Native file input polish
========================= */

input[type="file"] {
    width: 100% !important;
    min-height: 54px !important;
    padding: 10px !important;
    border: 1px dashed #94d8e5 !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #ffffff, #f4fbfd) !important;
    color: #334155 !important;
    font-family: Tahoma, Arial, sans-serif !important;
    cursor: pointer !important;
}

input[type="file"]::file-selector-button {
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #58C1D7, #2495ad) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    padding: 11px 18px !important;
    margin-inline-end: 14px !important;
    cursor: pointer !important;
    font-family: Tahoma, Arial, sans-serif !important;
}

html[dir="rtl"] input[type="file"] {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] input[type="file"]::file-selector-button {
    margin-inline-end: 0 !important;
    margin-inline-start: 14px !important;
}

/* Filament upload area polish */
.fi-fo-file-upload,
.fi-fo-file-upload .filepond--root {
    border-radius: 20px !important;
}

.fi-fo-file-upload .filepond--panel-root {
    background: linear-gradient(135deg, #ffffff, #f4fbfd) !important;
    border: 1px dashed #94d8e5 !important;
    border-radius: 20px !important;
}

.fi-fo-file-upload .filepond--drop-label {
    color: #475569 !important;
    font-weight: 850 !important;
    font-family: Tahoma, Arial, sans-serif !important;
}

.fi-fo-file-upload .filepond--label-action {
    color: #2495ad !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}


/* =========================
   Hide breadcrumbs completely
========================= */

.fi-breadcrumbs,
.fi-breadcrumbs ol,
.fi-breadcrumbs li {
    display: none !important;
}

/* =========================
   Clean native file input
========================= */

input[type="file"] {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 7px 10px !important;
    box-sizing: border-box !important;

    border: 1px solid #cbd5e1 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #334155 !important;

    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 38px !important;

    cursor: pointer !important;
    overflow: hidden !important;
}

input[type="file"]::file-selector-button {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    padding: 0 18px !important;
    margin: 0 0 0 12px !important;

    border: 0 !important;
    border-radius: 14px !important;

    background: linear-gradient(135deg, #58C1D7, #2495ad) !important;
    color: #ffffff !important;

    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;

    cursor: pointer !important;
    vertical-align: middle !important;
}

html[dir="rtl"] input[type="file"] {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="ltr"] input[type="file"] {
    direction: ltr !important;
    text-align: left !important;
}

html[dir="ltr"] input[type="file"]::file-selector-button {
    margin: 0 12px 0 0 !important;
}

/* في حال كان FileUpload من Filament/Filepond */
.fi-fo-file-upload .filepond--root {
    border-radius: 18px !important;
    overflow: hidden !important;
}

.fi-fo-file-upload .filepond--panel-root {
    background: #ffffff !important;
    border: 1px dashed #94d8e5 !important;
    border-radius: 18px !important;
}

.fi-fo-file-upload .filepond--drop-label {
    min-height: 76px !important;
    color: #475569 !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-weight: 850 !important;
}

.fi-fo-file-upload .filepond--label-action {
    color: #2495ad !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}


/* =========================
   Premium tables polish
========================= */

/* حاوية الجدول */
.fi-ta {
    border-radius: 24px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .98) !important;
}

/* رأس الجدول */
.fi-ta-header {
    padding: 16px 18px !important;
    background: linear-gradient(135deg, #ffffff, #f8fdff) !important;
}

/* شريط البحث والفلاتر */
.fi-ta-header-toolbar {
    gap: 12px !important;
}

.fi-ta-search-field input {
    height: 42px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

/* عناوين الأعمدة */
.fi-ta-header-cell,
.fi-ta-header-cell button,
.fi-ta-header-cell span {
    color: #0f172a !important;
    font-weight: 950 !important;
    font-size: 13px !important;
}

/* الصفوف */
.fi-ta-row {
    transition: background .15s ease, transform .15s ease !important;
}

.fi-ta-row:hover {
    background: #f8fdff !important;
}

/* الخلايا */
.fi-ta-cell {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    vertical-align: middle !important;
}

/* النصوص داخل الجدول */
.fi-ta-text {
    color: #0f172a !important;
    font-weight: 750 !important;
}

/* الأرقام والمبالغ */
.fi-ta-cell [class*="money"],
.fi-ta-cell .font-mono {
    font-weight: 950 !important;
}

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

.fi-ta-actions .fi-btn,
.fi-ta-actions button,
.fi-ta-actions a {
    border-radius: 12px !important;
    font-weight: 900 !important;
}

/* Dropdown الأكشنات */
.fi-dropdown-panel {
    padding: 8px !important;
}

.fi-dropdown-list-item {
    border-radius: 12px !important;
    font-weight: 850 !important;
}

.fi-dropdown-list-item:hover {
    background: #e9f8fb !important;
    color: #2495ad !important;
}

/* الشارات داخل الجدول */
.fi-ta .fi-badge {
    padding: 6px 10px !important;
    font-size: 12px !important;
}

/* Pagination */
.fi-pagination {
    padding: 14px 18px !important;
    border-top: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
}

.fi-pagination button,
.fi-pagination select {
    border-radius: 12px !important;
    font-weight: 850 !important;
}

/* Empty state */
.fi-ta-empty-state {
    padding: 46px 18px !important;
}

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

.fi-ta-empty-state-description {
    color: #64748b !important;
}

/* Bulk actions icon area */
.fi-ta-selection-cell,
.fi-ta-checkbox-cell {
    width: 46px !important;
}

/* تحسين العرض في العربي */
html[dir="rtl"] .fi-ta {
    direction: rtl !important;
}

html[dir="rtl"] .fi-ta-search-field input {
    text-align: right !important;
}

/* منع ضغط الجداول على الجوال */
@media (max-width: 768px) {
    .fi-ta-header {
        padding: 12px !important;
    }

    .fi-ta-cell {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .fi-ta-content {
        overflow-x: auto !important;
    }
}

/* =========================
   Compact tables final
========================= */

/* عرض صفحة الجداول أقل وأرتب */
.fi-page {
    max-width: 1060px !important;
}

/* تصغير حاوية الجدول */
.fi-ta {
    border-radius: 20px !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .045) !important;
}

/* رأس الجدول */
.fi-ta-header {
    padding: 12px 14px !important;
}

/* البحث */
.fi-ta-search-field input {
    height: 38px !important;
    min-height: 38px !important;
    font-size: 13px !important;
}

/* عناوين الأعمدة */
.fi-ta-header-cell,
.fi-ta-header-cell button,
.fi-ta-header-cell span {
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

/* الصفوف أصغر */
.fi-ta-row {
    min-height: 54px !important;
}

/* الخلايا أقل padding */
.fi-ta-cell {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    padding-inline: 10px !important;
    font-size: 12.5px !important;
}

/* النصوص داخل الجدول */
.fi-ta-text,
.fi-ta-text span,
.fi-ta-cell {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

/* الأسماء والمبالغ تكون واضحة لكن ليست ضخمة */
.fi-ta-cell strong,
.fi-ta-cell .font-bold,
.fi-ta-cell .font-semibold {
    font-weight: 850 !important;
}

/* البادجات أصغر */
.fi-ta .fi-badge {
    padding: 4px 8px !important;
    font-size: 11.5px !important;
}

/* أزرار الأكشن */
.fi-ta-actions .fi-btn,
.fi-ta-actions button,
.fi-ta-actions a {
    min-height: 32px !important;
    padding: 6px 9px !important;
    font-size: 12px !important;
}

/* pagination أصغر */
.fi-pagination {
    padding: 10px 14px !important;
    font-size: 12px !important;
}

.fi-pagination select,
.fi-pagination button {
    min-height: 34px !important;
    font-size: 12px !important;
}

/* تقليل عرض checkbox */
.fi-ta-selection-cell,
.fi-ta-checkbox-cell {
    width: 36px !important;
    padding-inline: 8px !important;
}

/* تحسين السحب الأفقي */
.fi-ta-content {
    scrollbar-width: thin;
}

.fi-ta-content::-webkit-scrollbar {
    height: 8px;
}

.fi-ta-content::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 999px;
}

.fi-ta-content::-webkit-scrollbar-track {
    background: #f1f5f9;
}

/* الشاشات الكبيرة: خلي الجدول لا يبدو ضخم */
@media (min-width: 1280px) {
    .fi-page {
        max-width: 1040px !important;
    }
}

/* الجوال */
@media (max-width: 768px) {
    .fi-page {
        max-width: 100% !important;
    }

    .fi-ta-cell {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-inline: 8px !important;
    }
}

/* =========================
   Premium forms polish
========================= */

/* عرض صفحات النماذج */
.fi-page {
    max-width: 1060px !important;
}

/* أقسام الفورم */
.fi-fo-section,
.fi-section {
    border-radius: 22px !important;
    border: 1px solid #e2e8f0 !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .045) !important;
}

/* رأس القسم */
.fi-fo-section-header,
.fi-section-header {
    padding: 16px 20px !important;
    background: linear-gradient(135deg, #ffffff, #f8fdff) !important;
}

/* عنوان القسم */
.fi-fo-section-header-heading,
.fi-section-header-heading {
    font-size: 16px !important;
    font-weight: 950 !important;
    color: #0f172a !important;
}

/* وصف القسم */
.fi-fo-section-header-description,
.fi-section-header-description {
    color: #64748b !important;
    font-size: 12.5px !important;
    line-height: 1.7 !important;
}

/* محتوى القسم */
.fi-fo-section-content,
.fi-section-content {
    padding: 20px !important;
}

/* labels */
.fi-fo-field-wrp-label,
.fi-fo-field-wrp-label span {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
}

/* required star */
.fi-fo-field-wrp-label span[aria-hidden="true"],
.fi-fo-field-wrp-label .text-danger-600 {
    color: #dc2626 !important;
}

/* helper / hint */
.fi-fo-field-wrp-helper-text,
.fi-fo-field-wrp-error-message {
    font-size: 12px !important;
    line-height: 1.6 !important;
}

/* inputs/selects/textareas */
.fi-input,
.fi-select-input,
.fi-textarea {
    min-height: 42px !important;
    border-radius: 14px !important;
    border-color: #dbe5ea !important;
    background: #ffffff !important;
    font-size: 13px !important;
}

.fi-textarea {
    min-height: 96px !important;
}

/* input wrappers */
.fi-input-wrp {
    border-radius: 14px !important;
    background: #ffffff !important;
}

/* select dropdown */
.fi-select-input {
    cursor: pointer !important;
}

/* focus */
.fi-input:focus,
.fi-select-input:focus,
.fi-textarea:focus,
.fi-input-wrp:focus-within {
    border-color: #58C1D7 !important;
    box-shadow: 0 0 0 4px rgba(88, 193, 215, .14) !important;
}

/* grid gap inside forms */
.fi-fo-component-ctn {
    gap: 18px !important;
}

/* form actions footer */
.fi-form-actions,
.fi-ac {
    gap: 10px !important;
    padding-top: 10px !important;
}

/* submit/cancel buttons */
.fi-form-actions .fi-btn,
.fi-ac .fi-btn {
    min-height: 42px !important;
    border-radius: 14px !important;
    padding-inline: 18px !important;
    font-weight: 950 !important;
}

/* primary button */
.fi-color-primary {
    --c-600: 88 193 215 !important;
    --c-500: 88 193 215 !important;
}

/* File upload native final */
input[type="file"] {
    height: 50px !important;
    min-height: 50px !important;
    padding: 6px 8px !important;
    line-height: 36px !important;
}

input[type="file"]::file-selector-button {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 16px !important;
}

/* Arabic fields */
html[dir="rtl"] .fi-input,
html[dir="rtl"] .fi-select-input,
html[dir="rtl"] .fi-textarea {
    text-align: right !important;
}

/* Keep email/phone/file readable left-to-right when browser decides */
input[type="email"],
input[type="tel"],
input[type="file"],
.ltr-input {
    direction: ltr !important;
}

/* page header spacing for forms */
.fi-header {
    margin-bottom: 18px !important;
}

/* Reduce huge empty spaces */
.fi-main {
    padding-top: 24px !important;
}

/* mobile */
@media (max-width: 768px) {
    .fi-fo-section-content,
    .fi-section-content {
        padding: 14px !important;
    }

    .fi-fo-component-ctn {
        gap: 14px !important;
    }

    .fi-input,
    .fi-select-input,
    .fi-textarea {
        font-size: 13px !important;
    }
}

/* =========================
   Better disabled / primary action buttons
========================= */

/* الزر الأساسي المفعل */
.fi-btn.fi-color-primary:not([disabled]),
.fi-btn.fi-color-primary:not(.fi-disabled),
button.fi-color-primary:not([disabled]) {
    background: linear-gradient(135deg, #58C1D7, #2495ad) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 12px 24px rgba(88, 193, 215, .25) !important;
}

/* الزر الأساسي عند التعطيل - واضح وليس مخفي */
.fi-btn.fi-color-primary[disabled],
.fi-btn.fi-color-primary.fi-disabled,
button.fi-color-primary[disabled],
button.fi-color-primary:disabled {
    background: #dbeafe !important;
    color: #64748b !important;
    border: 1px solid #bfdbfe !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* أي زر معطل عام */
.fi-btn[disabled],
.fi-btn:disabled,
button[disabled],
button:disabled {
    opacity: 1 !important;
}

/* تحسين أزرار الفورم السفلية */
.fi-form-actions .fi-btn,
.fi-ac .fi-btn {
    min-width: 92px !important;
    justify-content: center !important;
}

/* زر الإلغاء */
.fi-form-actions .fi-btn.fi-color-gray,
.fi-ac .fi-btn.fi-color-gray {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

.fi-form-actions .fi-btn.fi-color-gray:hover,
.fi-ac .fi-btn.fi-color-gray:hover {
    background: #f8fafc !important;
}