/* ===== Filament Custom Theme (Metronic Style) ===== */

/* ===== Variables ===== */
:root {
    /* الألوان الأساسية */
    --primary-color: #3699ff;
    --primary-hover: #187de4;
    --success-color: #1bc5bd;
    --danger-color: #f64e60;
    --bg-body: #f4f6f9;
    --bg-card: #fff;
    --bg-sidebar: #1e1e2d;
    --bg-sidebar-hover: #2f2f40;
    --bg-topbar: #fff;
    --border-color: #e3e6f0;
    --text-color: #333;
    --text-muted: #6c757d;
}

/* Dark Mode */
[data-theme="dark"] {
    --bg-body: #121212;
    --bg-card: #1f1f2e;
    --bg-sidebar: #1a1a2e;
    --bg-sidebar-hover: #2a2a40;
    --bg-topbar: #1f1f2e;
    --border-color: #2c2c3e;
    --text-color: #e0e0e0;
    --text-muted: #aaa;
}

/* ===== Body ===== */
body {
   /* background-color: var(--bg-body) !important; */
    font-family: 'Roboto', 'Cairo', sans-serif !important;
    color: var(--text-color);
}

.filament-row-salary-hold {
    background-color: #fee2e2 !important;
    border-left: 4px solid #dc2626 !important;
}

.salary-hold-row {
    background-color: #fff1f2 !important; /* وردي فاتح */
}

.salary-hold-row td {
    color: #991b1b !important;
    font-weight: 500;
}


/* ===== Sidebar ===== */
.fi-sidebar {
   /* background-color: var(--bg-sidebar) !important;
    color: var(--text-color) !important; */
}

/* .fi-sidebar a {
    color: #c2c7d0 !important;
}

.fi-sidebar a:hover,
.fi-sidebar a:focus {
    background-color: var(--bg-sidebar-hover) !important;
    color: #fff !important;
} */

/* ===== Topbar ===== */
.fi-topbar {
    background-color: var(--bg-topbar) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

/* ===== Cards ===== */
.fi-card {
    background-color: var(--bg-card) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.1) !important;
    border: 1px solid var(--border-color) !important;
}

/* ===== Buttons ===== */
.fi-btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.fi-btn-primary:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

.fi-btn-success {
    background-color: var(--success-color) !important;
    border-color: var(--success-color) !important;
    color: #fff !important;
}

.fi-btn-danger {
    background-color: var(--danger-color) !important;
    border-color: var(--danger-color) !important;
    color: #fff !important;
}

/* ===== Tables ===== */
.fi-table {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

.fi-table th {
    background-color: #f1f3f9 !important;
    color: var(--text-color) !important;
    font-weight: 600 !important;
}

.fi-table td {
    color: var(--text-color) !important;
}

/* ===== Forms ===== */
.fi-input, .fi-select, .fi-textarea {
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
}

.fi-input:focus, .fi-select:focus, .fi-textarea:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(54,153,255,.25) !important;
}

/* ===== Text Colors ===== */
.text-muted {
    color: var(--text-muted) !important;
}

/* .fi-sidebar-nav .text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(118 118 129) !important;
} */

/* .fi-sidebar-nav .text-gray-500 {
    --tw-text-opacity: 1;
    color: #e1e1f0 !important;
} */


 .bg-custom-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(39 45 75) !important;
} 

/* .fi-sidebar-nav .text-gray-700 {
    --tw-text-opacity: 1;
    color: #e1e1f0 !important;
} */
.text-primary-600 {
    --tw-text-opacity: 1;
    color: #21235e !important;
}

.bg-custom-600
 {
    --tw-bg-opacity: 1;
    background-color: rgb(32 42 97) !important;
}

.fi-sidebar-nav  .bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(32 42 97) !important;
}
.fi-sidebar-nav  .text-primary-600
 {
    --tw-text-opacity: 1;
    color: #fff !important;
}

.filament-sidebar-group span {
    display: inline-block;
}
.filament-sidebar-group span::before {
    content: '';
}

.fi-sidebar-nav .gap-y-7 {
    row-gap: 0.75rem; 
}

.fi-field:has(input.hide-required-on-type:not(:placeholder-shown))
.fi-field-label-required {
    display: none;
}

.fi-field:has(input:not(:placeholder-shown)) .fi-field-label-required {
    display: none;
}