/* ═══════════════════════════════════════════════════════════════
   EMERALD THEME — Green Nature-Inspired
   ═══════════════════════════════════════════════════════════════ */

/* ── Login / Register Page Overrides ── */
body {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 50%, #a7f3d0 100%) !important;
}
.bg-shape.shape-1 {
    background: radial-gradient(circle, #059669, #10b981) !important;
}
.bg-shape.shape-2 {
    background: radial-gradient(circle, #34d399, #6ee7b7) !important;
}
.bg-shape.shape-3 {
    background: radial-gradient(circle, #047857, #065f46) !important;
}
.login-card {
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    box-shadow: 0 30px 70px -10px rgba(5, 150, 105, 0.20),
                inset 0 1px 1px rgba(255,255,255,0.6) !important;
}
.login-card:hover {
    box-shadow: 0 40px 80px -12px rgba(5, 150, 105, 0.30) !important;
}
.login-card h3 {
    color: #064e3b !important;
}
.login-card .sub-text {
    color: #047857 !important;
    border-left-color: #10b981 !important;
}
.form-control {
    background: rgba(255, 255, 255, 0.65) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
}
.form-control:focus {
    border-color: #10b981 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 5px rgba(16, 185, 129, 0.12) !important;
}
.input-icon i {
    color: #6ee7b7 !important;
}
.input-icon .form-control:focus + i {
    color: #059669 !important;
}
.btn-login {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    box-shadow: 0 10px 24px -8px rgba(5, 150, 105, 0.40) !important;
}
.btn-login:hover {
    background: linear-gradient(135deg, #047857, #059669) !important;
    box-shadow: 0 16px 32px -8px rgba(5, 150, 105, 0.55) !important;
}
.login-tabs {
    background: rgba(167, 243, 208, 0.4) !important;
}
.login-tabs button {
    color: #047857 !important;
}
.login-tabs button.active {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    box-shadow: 0 8px 18px -6px rgba(5, 150, 105, 0.40) !important;
}
.register-link {
    color: #059669 !important;
}
.register-link:hover {
    color: #064e3b !important;
    border-bottom-color: #059669 !important;
}
.alert {
    background: rgba(209, 250, 229, 0.8) !important;
    color: #065f46 !important;
}
.alert-danger {
    background: rgba(254, 226, 226, 0.8) !important;
    color: #991b1b !important;
}
.alert-info-soft {
    background: rgba(209, 250, 229, 0.8) !important;
    color: #065f46 !important;
}
.footer-lock {
    color: #6ee7b7 !important;
    border-top-color: rgba(16, 185, 129, 0.2) !important;
}
.footer-lock a {
    color: #047857 !important;
}
.footer-lock a:hover {
    color: #059669 !important;
}
.brand-icon {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    box-shadow: 0 12px 24px -8px rgba(5, 150, 105, 0.35) !important;
}

/* ── Register Page Overrides ── */
.marquee-bar {
    background: linear-gradient(90deg, #064e3b, #059669) !important;
    border-bottom-color: #34d399 !important;
}
.left-panel {
    background: linear-gradient(145deg, #064e3b, #047857) !important;
}
.left-panel h1 span {
    background: linear-gradient(135deg, #34d399, #6ee7b7) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
.left-panel .feature-list i {
    color: #34d399 !important;
}
.form-card {
    background: #ffffff !important;
    border-color: rgba(16, 185, 129, 0.1) !important;
}
.form-card h2 {
    color: #064e3b !important;
}
.form-card .subhead {
    color: #047857 !important;
    border-left-color: #10b981 !important;
}
.form-label {
    color: #065f46 !important;
}
.form-control, .form-select {
    background: #f0fdf4 !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
}
.form-control:focus, .form-select:focus {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.10) !important;
    background: #ffffff !important;
}
.btn-main {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    box-shadow: 0 8px 20px -6px rgba(5, 150, 105, 0.30) !important;
}
.btn-main:hover {
    background: linear-gradient(135deg, #047857, #059669) !important;
}
.right-panel {
    background: #ecfdf5 !important;
}
.auth-wrap {
    background: #ecfdf5 !important;
}
.badge-soft {
    background: rgba(5, 150, 105, 0.1) !important;
    color: #059669 !important;
}
.login-link {
    color: #059669 !important;
}
.login-link:hover {
    color: #064e3b !important;
}

/* ── Dashboard Overrides ── */
body { background: #ecfdf5 !important; color: #065f46 !important; }
.sidebar {
    background: linear-gradient(180deg, #059669, #047857) !important;
    box-shadow: 8px 0 30px rgba(5, 150, 105, 0.20) !important;
}
.nav-menu a::before {
    background: #34d399 !important;
}
.nav-menu a.active {
    background: linear-gradient(90deg, rgba(52, 211, 153, 0.22), rgba(52, 211, 153, 0.06)) !important;
    box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.35) !important;
}
.topbar {
    background: #ffffff !important;
    border-bottom-color: rgba(16, 185, 129, 0.12) !important;
}
.welcome h5 { color: #064e3b !important; }
.welcome small { color: #047857 !important; }
.card {
    background: #ffffff !important;
    border: 1px solid rgba(16, 185, 129, 0.08) !important;
    box-shadow: 0 4px 20px rgba(5, 150, 105, 0.06) !important;
}
.marquee-wrap {
    background: linear-gradient(90deg, #047857, #059669) !important;
}
.wallet-pill {
    background: #d1fae5 !important;
    color: #065f46 !important;
    border-color: #a7f3d0 !important;
}
.add-balance-btn {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    border-color: #059669 !important;
}