/* ════════════════════════════════════════
   forms.css
   ════════════════════════════════════════ */
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-grid .col-full { grid-column: 1 / -1; }
.form-grid .col-3 { grid-template-columns: 1fr 1fr 1fr; }

.fg { display: flex; flex-direction: column; gap: 6px; }
.fg label { font-weight: 700; font-size: 0.85rem; color: var(--primary); }
.fg input, .fg select, .fg textarea {
    padding: 11px 14px; border: 2px solid var(--gray-200);
    border-radius: var(--radius-sm); font-size: 0.9rem;
    outline: none; direction: rtl; transition: var(--tr);
    font-family: 'Tajawal', sans-serif; color: var(--gray-800);
    background: white; width: 100%;
}
.fg input:focus, .fg select:focus, .fg textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(10,36,99,.08);
}
.fg input[readonly] { background: var(--gray-50); color: var(--gray-500); cursor: not-allowed; }
.fg textarea { resize: vertical; min-height: 110px; }
.fg input[type="file"] { padding: 8px; }
.fg .hint { font-size: 0.75rem; color: var(--gray-400); }

.search-bar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.search-bar input, .search-bar select {
    padding: 10px 14px; border: 2px solid var(--gray-200);
    border-radius: var(--radius-sm); font-size: 0.88rem;
    outline: none; flex: 1; min-width: 140px; direction: rtl;
    font-family: 'Tajawal', sans-serif; background: white; transition: var(--tr);
}
.search-bar input:focus, .search-bar select:focus { border-color: var(--primary); }

.filter-row { display: flex; gap: 8px; flex-wrap: wrap; }
.fbtn {
    padding: 7px 16px; border: 2px solid var(--gray-200);
    background: white; border-radius: 50px;
    cursor: pointer; font-size: 0.82rem; font-weight: 600;
    transition: var(--tr); font-family: 'Tajawal', sans-serif;
    color: var(--gray-600);
}
.fbtn:hover { border-color: var(--primary); color: var(--primary); }
.fbtn.on { background: var(--primary); color: white; border-color: var(--primary); }

/* Settings sections */
.settings-section { margin-bottom: 28px; }
.settings-section h4 {
    font-size: 0.9rem; font-weight: 700; color: var(--primary);
    margin-bottom: 14px; padding-bottom: 8px;
    border-bottom: 2px solid var(--gray-200);
    display: flex; align-items: center; gap: 8px;
}