/* ========== ألوان الأيقونات + الوضع الفاتح + التجاوب ========== */
.input-box svg,
.top-bar svg,
.quick-item svg,
.balance-action-btn svg,
.transaction-item svg,
.profile-menu svg,
.nav-item svg,
.bank-item svg,
.page-header svg,
.empty-state svg {
    transition: color 0.3s;
}

body.light .icon-sun { color: var(--primary); }
body.light .icon-moon { color: var(--text-muted); }

body.light .deposit-icon { background: rgba(59,130,246,0.08); color: #3B82F6; }
body.light .transfer-icon { background: rgba(99,102,241,0.08); color: #6366F1; }
body.light .withdraw-icon { background: rgba(245,158,11,0.08); color: #F59E0B; }

body.light .tx-icon.deposit { background: rgba(59,130,246,0.08); color: #3B82F6; }
body.light .tx-icon.withdraw { background: rgba(239,68,68,0.08); color: #EF4444; }
body.light .tx-icon.transfer { background: rgba(99,102,241,0.08); color: #6366F1; }

body.light .user-menu-icon { background: rgba(99,102,241,0.08); color: #6366F1; }
body.light .card-menu-icon { background: rgba(245,158,11,0.08); color: #F59E0B; }
body.light .lock-menu-icon { background: rgba(59,130,246,0.08); color: #3B82F6; }
body.light .bell-menu-icon { background: rgba(124,58,237,0.08); color: #7C3AED; }
body.light .gear-menu-icon { background: #F5F5F5; color: #71717A; border-color: #E4E4E7; }

body.light .action-icon { background: rgba(255,255,255,0.2); }

body.light .bank-icon-wrap.cih { background: rgba(239,68,68,0.08); color: #EF4444; }
body.light .bank-icon-wrap.bmce { background: rgba(59,130,246,0.08); color: #3B82F6; }
body.light .bank-icon-wrap.attijari { background: rgba(245,158,11,0.08); color: #F59E0B; }
body.light .bank-icon-wrap.populaire { background: rgba(74,222,128,0.08); color: #16A34A; }
body.light .bank-icon-wrap.credit { background: rgba(124,58,237,0.08); color: #7C3AED; }
body.light .bank-icon-wrap.akhdar { background: rgba(52,211,153,0.08); color: #059669; }

body.light .empty-state .empty-icon { background: #F5F5F5; color: #A1A1AA; border-color: #E4E4E7; }

/* ========== التجاوب ========== */
@media (max-width: 380px) {
    .balance-amount { font-size: 36px; }
    .quick-grid { grid-template-columns: repeat(2, 1fr); max-width: 320px; }
    .bank-grid { grid-template-columns: 1fr; }
}