/* LeadProEg CRM — Safe Minimal Theme */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');

:root { --default-theme-mode: light !important; }

* { font-family: 'Inter', system-ui, sans-serif !important; }

/* Force light mode */
html, body { background: #f1f5f9 !important; color: #111827 !important; }

/* DARK MODE KILL */
html.dark, .dark { color-scheme: light !important; }

/* TOPBAR - color only, NO position/display changes */
.fi-topbar { background: #ffffff !important; border-bottom: 1px solid #e2e8f0 !important; box-shadow: 0 1px 8px rgba(0,0,0,.05) !important; }
.fi-topbar * { color: #374151 !important; }

/* SIDEBAR - color only, NO position/display/transform changes */
.fi-sidebar { background: linear-gradient(180deg,#1e1b4b 0%,#312e81 60%,#1e1b4b 100%) !important; border-right: 1px solid rgba(255,255,255,.07) !important; }
.fi-sidebar * { color: #fff !important; -webkit-text-fill-color: #fff !important; }
.fi-sidebar-group-label { color: rgba(255,255,255,.4) !important; -webkit-text-fill-color: rgba(255,255,255,.4) !important; font-size:.65rem !important; text-transform:uppercase !important; letter-spacing:.1em !important; }
.fi-sidebar-item-button { border-radius: 8px !important; padding: 9px 12px !important; transition: background .15s !important; }
.fi-sidebar-item-button:hover { background: rgba(255,255,255,.1) !important; }
.fi-sidebar-item-button[aria-current] { background: rgba(0,0,0,.4) !important; }
.fi-sidebar-header { border-bottom: 1px solid rgba(255,255,255,.08) !important; }
.fi-logo { font-weight: 800 !important; }

/* ICONS */
.fi-sidebar svg { width:17px !important; height:17px !important; max-width:17px !important; max-height:17px !important; }
.fi-topbar svg { width:20px !important; height:20px !important; max-width:20px !important; max-height:20px !important; }
.fi-btn svg { width:16px !important; height:16px !important; max-width:16px !important; max-height:16px !important; }

/* CARDS */
.fi-section { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 14px !important; box-shadow: 0 2px 8px rgba(0,0,0,.04) !important; }
.fi-section-header { border-bottom: 1px solid #f1f5f9 !important; }

/* TABLE */
.fi-ta { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 14px !important; }
.fi-ta-row:hover { background: #f8fafc !important; }
.fi-ta-header-cell { color: #6b7280 !important; font-size:.72rem !important; text-transform:uppercase !important; letter-spacing:.05em !important; }

/* BUTTONS */
.fi-btn { border-radius: 9px !important; font-weight: 600 !important; transition: all .15s !important; }
.fi-btn-color-primary { background: linear-gradient(135deg,#4f46e5,#7c3aed) !important; color:#fff !important; border:none !important; box-shadow:0 2px 8px rgba(79,70,229,.3) !important; }
.fi-btn-color-danger  { background: linear-gradient(135deg,#ef4444,#dc2626) !important; color:#fff !important; border:none !important; }
.fi-btn-color-success { background: linear-gradient(135deg,#10b981,#059669) !important; color:#fff !important; border:none !important; }
.fi-btn-color-gray    { background:#fff !important; border:1.5px solid #e2e8f0 !important; color:#374151 !important; }

/* INPUTS */
.fi-input, .fi-select-input, .fi-textarea { background:#fff !important; border:1.5px solid #e2e8f0 !important; border-radius:9px !important; color:#111827 !important; }
.fi-input:focus, .fi-select-input:focus, .fi-textarea:focus { border-color:#6366f1 !important; box-shadow:0 0 0 3px rgba(99,102,241,.1) !important; outline:none !important; }

/* MODAL */
.fi-modal-window { background:#fff !important; border-radius:16px !important; box-shadow:0 20px 60px rgba(0,0,0,.15) !important; }

/* LOGIN */
.fi-simple-main { background:linear-gradient(135deg,#1e1b4b,#4338ca) !important; }
.fi-simple-page { background:#fff !important; border-radius:20px !important; box-shadow:0 32px 80px rgba(0,0,0,.25) !important; }

/* LANG SWITCHER */
.lang-btn { display:inline-flex !important; align-items:center !important; padding:4px 12px !important; border-radius:8px !important; font-size:.72rem !important; font-weight:700 !important; text-decoration:none !important; color:#6b7280 !important; transition:all .15s !important; }
.lang-btn:hover { background:rgba(79,70,229,.08) !important; color:#4f46e5 !important; }
.lang-btn.active { background:#4f46e5 !important; color:#fff !important; }

/* SCROLLBAR */
::-webkit-scrollbar { width:5px; height:5px }
::-webkit-scrollbar-thumb { background:#c7d2fe; border-radius:99px }

/* ARABIC RTL */

/* === Sidebar moves to RIGHT in Arabic === */
.lang-ar .fi-layout { flex-direction: row-reverse !important; }
.lang-ar .fi-sidebar {
    border-right: none !important;
    border-left: 1px solid rgba(255,255,255,.07) !important;
}

/* === Sidebar nav items: icon + text nicely grouped === */
.lang-ar .fi-sidebar-item-button {
    flex-direction: row-reverse !important;
    align-items: center !important;
    gap: 8px !important;
    padding-right: 12px !important;
    padding-left: 8px !important;
    justify-content: flex-end !important;
}

/* Text label — flex so badge can go to far left */
.lang-ar .fi-sidebar-item-label {
    text-align: right !important;
    flex: none !important;
    order: 2 !important;
}

/* Icon stays right next to text */
.lang-ar .fi-sidebar-item-icon,
.lang-ar .fi-sidebar-item-button > svg,
.lang-ar .fi-sidebar-item-button > span:first-of-type {
    order: 3 !important;
    flex-shrink: 0 !important;
}

/* Badge count (e.g. 825) pushes to far left */
.lang-ar .fi-sidebar-item-badge {
    margin-right: auto !important;
    margin-left: 0 !important;
    order: 1 !important;
}

/* Group label right-aligned */
.lang-ar .fi-sidebar-group-label {
    text-align: right !important;
    justify-content: flex-end !important;
    padding-right: 12px !important;
    padding-left: 8px !important;
    width: 100% !important;
    display: flex !important;
}

/* Collapse arrow stays right side for groups */
.lang-ar .fi-sidebar-group-collapse-button {
    flex-direction: row-reverse !important;
}

/* Sidebar header text right */
.lang-ar .fi-sidebar-header { text-align: right !important; }

/* =========================================
   MAIN CONTENT — RTL direction only
   Sidebar stays LTR/LEFT (handled by flex-direction on layout)
   ========================================= */
.lang-ar .fi-page                { direction: rtl !important; text-align: right !important; }
.lang-ar .fi-page-header         { text-align: right !important; direction: rtl !important; }
.lang-ar .fi-breadcrumbs         { direction: rtl !important; }
.lang-ar .fi-section             { direction: rtl !important; text-align: right !important; }
.lang-ar .fi-section-content     { direction: rtl !important; text-align: right !important; }
.lang-ar .fi-section-header      { direction: rtl !important; text-align: right !important; }
.lang-ar .fi-ta                  { direction: rtl !important; }
.lang-ar .fi-ta-header-cell      { text-align: right !important; }
.lang-ar .fi-ta-cell             { text-align: right !important; }
.lang-ar .fi-fo-field-wrp        { direction: rtl !important; text-align: right !important; }
.lang-ar .fi-fo-field-wrp-label  { text-align: right !important; }
.lang-ar .fi-input,
.lang-ar .fi-select-input,
.lang-ar .fi-textarea            { direction: rtl !important; text-align: right !important; }
.lang-ar .fi-topbar              { direction: ltr !important; }
.lang-ar .fi-dropdown-panel      { direction: rtl !important; text-align: right !important; }
.lang-ar .fi-modal-window        { direction: rtl !important; text-align: right !important; }
.lang-ar .fi-modal-header        { direction: rtl !important; }
.lang-ar .fi-wi-stats-overview-stat { direction: rtl !important; text-align: right !important; }
.lang-ar h1,.lang-ar h2,.lang-ar h3,.lang-ar p { direction: rtl !important; }

/* Table filters row */
.lang-ar .fi-ta-filters { direction: rtl !important; text-align: right !important; }