/*
=====================================================
  🏛️ التصميم الكلاسيكي البنكي - Classic Bank Theme
  يعمل override لكل الصفحات
=====================================================
*/

/* ═══ BODY ═══ */
body {
    background: #E8E4DB !important;
    color: #3B3A36;
}
body::before {
    background: none !important;
    display: none !important;
}

/* ═══ HEADERS - all variants ═══ */
.header, .top-bar, .page-header, .main-header, .form-header {
    background: #1A2F23 !important;
    border: 1px solid rgba(191,163,42,0.15) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    border-bottom: 3px solid #BFA32A !important;
}
.header::before, .top-bar::before, .page-header::before, .form-header::before {
    background: #BFA32A !important;
    height: 3px !important;
    opacity: 0.4;
}
.header h1, .header h2, .top-bar h1, .top-bar h2, .page-header h1, .form-header h1,
.header .page-title h1, .top-bar .page-title h1 {
    color: #BFA32A !important;
    text-shadow: none !important;
}
.header p, .header .subtitle, .top-bar p, .top-bar .subtitle, .page-header p {
    color: rgba(255,255,255,0.6) !important;
}

/* ═══ BACK BUTTON ═══ */
.back-btn {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: rgba(255,255,255,0.55) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}
.back-btn:hover {
    background: rgba(191,163,42,0.12) !important;
    color: #BFA32A !important;
    border-color: rgba(191,163,42,0.25) !important;
}

/* ═══ CARDS ═══ */
.card, .section, .panel, .content-card, .form-card {
    background: #fff !important;
    border: 1px solid #D5D0C4 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}
.card-header, .section-header, .panel-header {
    background: #FAFAF7 !important;
    border-bottom: 1px solid #E8E4DB !important;
    color: #1A2F23 !important;
}
.card-header i, .section-header i {
    color: #BFA32A !important;
}

/* ═══ STAT CARDS ═══ */
.st, .stat-card, .stats-card, .info-card, .summary-card, .count-card {
    background: #fff !important;
    border: 1px solid #D5D0C4 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

/* ═══ BUTTONS ═══ */
.btn-primary, .btn-submit, .btn-save, .btn-add, button[type="submit"] {
    background: #1A2F23 !important;
    color: #BFA32A !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-weight: 700;
}
.btn-primary:hover, .btn-submit:hover, .btn-save:hover, .btn-add:hover {
    background: #254A37 !important;
    box-shadow: none !important;
    transform: none !important;
}
.btn-secondary, .btn-cancel, .btn-back {
    background: transparent !important;
    color: #7A7568 !important;
    border: 1px solid #D5D0C4 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}
.btn-secondary:hover, .btn-cancel:hover, .btn-back:hover {
    border-color: #BFA32A !important;
    color: #BFA32A !important;
}
.btn-danger, .btn-delete, .btn-remove {
    background: #C0392B !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}
.btn-success, .btn-approve {
    background: #2B7A4B !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}
.btn-export, .btn-report, .btn-download {
    background: #35689A !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
}

/* General btn class override */
.btn {
    border-radius: 6px !important;
    box-shadow: none !important;
    transition: all 0.15s !important;
}
.btn:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* ═══ FORM INPUTS ═══ */
input[type="text"], input[type="email"], input[type="password"], input[type="number"],
input[type="tel"], input[type="date"], input[type="search"], input[type="url"],
textarea, select, .form-control, .form-input, .input, .search-input {
    background: #F5F2EB !important;
    border: 1px solid #D5D0C4 !important;
    border-radius: 6px !important;
    color: #3B3A36 !important;
    box-shadow: none !important;
}
input:focus, textarea:focus, select:focus, .form-control:focus {
    border-color: #BFA32A !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ═══ LABELS ═══ */
label, .form-label, .label {
    color: #5C5A52 !important;
    font-weight: 600;
}

/* ═══ TABLES ═══ */
table {
    border-collapse: collapse;
}
thead th, table th {
    background: #F5F2EB !important;
    color: #9E9889 !important;
    border-bottom: 1px solid #D5D0C4 !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.72rem;
}
tbody td, table td {
    border-bottom: 1px solid #E8E4DB !important;
    color: #5C5A52;
}
tbody tr:hover td, table tr:hover td {
    background: #FDFBF4 !important;
}

/* ═══ TABS ═══ */
.tab, .tab-btn, .filter-btn, .tabs button, .tab-item {
    border-radius: 4px !important;
    box-shadow: none !important;
    transition: all 0.12s !important;
}
.tab.active, .tab-btn.active, .filter-btn.active, .tabs button.active, .tab-item.active {
    background: #1A2F23 !important;
    color: #BFA32A !important;
    box-shadow: none !important;
}

/* ═══ BADGES / STATUS ═══ */
.badge, .status-badge, .badge-status {
    border-radius: 3px !important;
    font-weight: 700;
}
.badge-success, .badge-approved, .status-active, .status-approved {
    background: #EEF6F1 !important;
    color: #2B7A4B !important;
}
.badge-danger, .badge-rejected, .status-rejected, .status-inactive {
    background: #FBF0EE !important;
    color: #C0392B !important;
}
.badge-warning, .badge-pending, .status-pending {
    background: #FBF7EC !important;
    color: #8C7318 !important;
}
.badge-info, .status-info {
    background: #EDF2F8 !important;
    color: #35689A !important;
}

/* ═══ MODALS ═══ */
.modal-content, .modal-dialog {
    border-radius: 8px !important;
    border: 1px solid #D5D0C4 !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
    overflow: hidden;
}
.modal-header {
    background: #1A2F23 !important;
    color: #BFA32A !important;
    border-bottom: none !important;
}
.modal-header h2, .modal-header h3, .modal-header .modal-title {
    color: #BFA32A !important;
}
.modal-body {
    background: #fff !important;
}
.modal-footer {
    background: #FAFAF7 !important;
    border-top: 1px solid #E8E4DB !important;
}

/* ═══ ALERTS / NOTIFICATIONS ═══ */
.alert, .notification, .toast {
    border-radius: 4px !important;
    box-shadow: none !important;
}
.alert-success { background: #EEF6F1 !important; color: #2B7A4B !important; border: 1px solid rgba(43,122,75,0.2) !important; }
.alert-danger, .alert-error { background: #FBF0EE !important; color: #C0392B !important; border: 1px solid rgba(192,57,43,0.2) !important; }
.alert-warning { background: #FBF7EC !important; color: #8C7318 !important; border: 1px solid rgba(140,115,24,0.2) !important; }
.alert-info { background: #EDF2F8 !important; color: #35689A !important; border: 1px solid rgba(53,104,154,0.2) !important; }

/* ═══ PROGRESS BARS ═══ */
.progress, .progress-bar-bg {
    background: #E8E4DB !important;
    border-radius: 8px !important;
}

/* ═══ SEARCH ═══ */
.search-box, .search-container, .search-wrapper {
    background: #F5F2EB !important;
    border: 1px solid #D5D0C4 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

/* ═══ SCROLLBAR ═══ */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #C5C0B4; border-radius: 8px; }

/* ═══ LOADER ═══ */
.loader, .spinner, .loading {
    border-color: rgba(191,163,42,0.12) !important;
    border-top-color: #BFA32A !important;
}

/* ═══ LINKS ═══ */
a { color: #1A2F23; }
a:hover { color: #BFA32A; }

/* ═══ EMPTY STATES ═══ */
.empty-state, .no-data, .empty {
    color: #9E9889 !important;
}

/* ═══ GOLDEN ACCENT BORDERS ═══ */
.card-header::after, .section-header::after {
    display: none !important;
}

/* ═══ PRINT STYLES ═══ */
@media print {
    body { background: #fff !important; }
    .header, .top-bar, .page-header { background: #1A2F23 !important; }
}