/* ── Light Theme ── */

[data-theme="light"] {
    --bg: #f5f7fa !important;
    --card: #ffffff !important;
    --border: #e5e7eb !important;
    --accent: #e94560;
    --accent2: #6c5ce7;
    --text: #111827 !important;
    --muted: #6b7280 !important;
    --input-bg: #f9fafb !important;
    --input: #f9fafb !important;
    --code-bg: #f3f4f6 !important;
    --sidebar: #ffffff !important;
    --success: #16a34a;
    --warn: #d97706;
    --warning: #d97706;
}

/* ── Global ── */
[data-theme="light"] body { background: #f5f7fa !important; color: #111827 !important; }
[data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3, [data-theme="light"] h4 { color: #111827; }
[data-theme="light"] .container { color: #374151; }
[data-theme="light"] a { color: var(--accent); }

/* ── Navbar (landing) ── */
[data-theme="light"] nav[style*="position:fixed"] {
    background: rgba(255,255,255,0.92) !important;
    border-color: #e5e7eb !important;
}

/* ── Hero ── */
[data-theme="light"] .hero { background: #fff; }
[data-theme="light"] .hero::before { opacity: 0.4; }
[data-theme="light"] .hero h1 { color: #111827; }
[data-theme="light"] .hero h1 .gradient { background: linear-gradient(135deg, #e94560, #6c5ce7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="light"] .hero p { color: #6b7280; }
[data-theme="light"] .hero-badge { background: rgba(233,69,96,0.06); border-color: rgba(233,69,96,0.15); }

/* ── Code Preview (keep dark) ── */
[data-theme="light"] .code-preview { background: #1e293b; border-color: #334155; }
[data-theme="light"] .code-header { background: #0f172a; border-color: #334155; }
[data-theme="light"] .code-header span { color: #94a3b8; }
[data-theme="light"] .code-body { color: #e2e8f0; }
[data-theme="light"] .code-body .comment { color: #64748b; }
[data-theme="light"] .code-body .keyword { color: #a78bfa; }
[data-theme="light"] .code-body .string { color: #4ade80; }
[data-theme="light"] .code-body .val { color: #f87171; }
[data-theme="light"] pre { background: #1e293b; border-color: #334155; color: #e2e8f0; }

/* ── Stats Bar ── */
[data-theme="light"] .stats-bar { background: #fff; border-color: #e5e7eb; }
[data-theme="light"] .stat h3 { background: linear-gradient(135deg, #e94560, #6c5ce7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="light"] .stat p { color: #6b7280; }

/* ── Feature Cards ── */
[data-theme="light"] .feature-card { background: #fff; border-color: #e5e7eb; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
[data-theme="light"] .feature-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.06); border-color: rgba(233,69,96,0.2); }
[data-theme="light"] .feature-card h3 { color: #111827; }
[data-theme="light"] .feature-card p { color: #6b7280; }

/* ── Endpoints Section ── */
[data-theme="light"] .endpoints-section { background: #fafbfc; border-color: #e5e7eb; }
[data-theme="light"] .ep-item { background: #fff; }
[data-theme="light"] .ep-item:hover { background: #f9fafb; border-color: #e5e7eb; }
[data-theme="light"] .ep-path { color: #111827; }
[data-theme="light"] .ep-desc { color: #9ca3af; }
[data-theme="light"] .ep-group h3 { color: #9ca3af; border-color: #e5e7eb; }

/* ── Pricing Cards ── */
[data-theme="light"] .pricing-card { background: #fff; border-color: #e5e7eb; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
[data-theme="light"] .pricing-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.06); }
[data-theme="light"] .pricing-card .plan-name { color: #9ca3af; }
[data-theme="light"] .pricing-card .price { color: #111827; }
[data-theme="light"] .pricing-card .price span { color: #9ca3af; }
[data-theme="light"] .pricing-card .price-sub { color: #9ca3af; }
[data-theme="light"] .pricing-card.popular { border-color: var(--accent); box-shadow: 0 0 20px rgba(233,69,96,0.06); }
[data-theme="light"] .pricing-card li { color: #374151; }
[data-theme="light"] .pricing-card li i { color: #16a34a; }
[data-theme="light"] .pricing-card li.disabled { color: #d1d5db; }
[data-theme="light"] .pricing-card li.disabled i { color: #d1d5db; }

/* ── Buttons ── */
[data-theme="light"] .btn-outline { color: #374151; border-color: #d1d5db; }
[data-theme="light"] .btn-outline:hover { color: var(--accent); border-color: var(--accent); }
[data-theme="light"] .btn-ghost { color: #374151; border-color: #d1d5db; }
[data-theme="light"] .btn-ghost:hover { color: var(--accent); border-color: var(--accent); }

/* ── CTA ── */
[data-theme="light"] .cta h2 { color: #111827; }
[data-theme="light"] .cta p { color: #6b7280; }

/* ── Footer ── */
[data-theme="light"] footer { border-color: #e5e7eb; color: #9ca3af; }

/* ═══════════════════════════════════════════ */
/* ── Auth Pages (Login / Register) ── */
/* ═══════════════════════════════════════════ */

[data-theme="light"] .auth-card { background: #fff; border-color: #e5e7eb; box-shadow: 0 4px 24px rgba(0,0,0,0.05); }
[data-theme="light"] .auth-card h2 { color: #111827; }
[data-theme="light"] .auth-card .sub { color: #9ca3af; }
[data-theme="light"] .social-btn { border-color: #e5e7eb; color: #374151; background: #fafbfc; }
[data-theme="light"] .social-btn:hover { background: #f3f4f6; color: #111827; border-color: #d1d5db; }
[data-theme="light"] .social-btn.github i { color: #111827; }
[data-theme="light"] .divider { color: #d1d5db; }
[data-theme="light"] .divider::before, [data-theme="light"] .divider::after { background: #e5e7eb; }
[data-theme="light"] .form-group label { color: #6b7280; }
[data-theme="light"] .form-group input { background: #f9fafb; border-color: #e5e7eb; color: #111827; }
[data-theme="light"] .form-group input:focus { border-color: var(--accent); }
[data-theme="light"] .form-group input::placeholder { color: #d1d5db; }
[data-theme="light"] .footer-link { color: #9ca3af; }
[data-theme="light"] .footer-link a { color: var(--accent); }
[data-theme="light"] .alert-error { background: rgba(233,69,96,0.05); border-color: rgba(233,69,96,0.12); }
[data-theme="light"] .alert-success { background: rgba(22,163,74,0.05); border-color: rgba(22,163,74,0.12); color: #16a34a; }
[data-theme="light"] .logo a { color: #111827; }

/* ═══════════════════════════════════════════ */
/* ── Client Dashboard ── */
/* ═══════════════════════════════════════════ */

[data-theme="light"] .nav { background: #fff !important; border-color: #e5e7eb !important; }
[data-theme="light"] .nav-logo { color: #111827 !important; }
[data-theme="light"] .nav-right a { color: #6b7280; }
[data-theme="light"] .nav-right a:hover { color: #111827; }
[data-theme="light"] .nav-user { color: #374151; }
[data-theme="light"] .greeting h1 { color: #111827; }
[data-theme="light"] .stat-card { background: #fff; border-color: #e5e7eb; }
[data-theme="light"] .stat-card .label { color: #9ca3af; }
[data-theme="light"] .api-key-box { background: #fff; border-color: #e5e7eb; }
[data-theme="light"] .key-display { background: #f3f4f6; border-color: #e5e7eb; }
[data-theme="light"] .key-display .copy-btn { border-color: #d1d5db; color: #6b7280; }
[data-theme="light"] .key-display .copy-btn:hover { border-color: var(--accent); color: var(--accent); }
[data-theme="light"] .quickstart { background: #fff; border-color: #e5e7eb; }
[data-theme="light"] .quickstart pre { background: #1e293b; color: #4ade80; }
[data-theme="light"] .card { background: #fff; border-color: #e5e7eb; }
[data-theme="light"] .card-header { border-color: #e5e7eb; color: #111827; }
[data-theme="light"] table th { background: #fafbfc; border-color: #e5e7eb; color: #6b7280; }
[data-theme="light"] table td { border-color: #f3f4f6; color: #374151; }
[data-theme="light"] tr:hover td { background: #fafbfc; }
[data-theme="light"] .empty { color: #d1d5db; }
[data-theme="light"] .status-ok { color: #16a34a; }
[data-theme="light"] .status-err { color: #e94560; }
[data-theme="light"] .alert-warning { background: rgba(217,119,6,0.05); border-color: rgba(217,119,6,0.12); color: #d97706; }
[data-theme="light"] .plan-badge { color: #6b7280; }
[data-theme="light"] .plan-badge.plan-free { background: rgba(100,116,139,0.1); }
[data-theme="light"] .plan-badge.plan-starter { background: rgba(88,166,255,0.1); color: #2563eb; }
[data-theme="light"] .plan-badge.plan-business { background: rgba(233,69,96,0.1); color: var(--accent); }
[data-theme="light"] .plan-badge.plan-enterprise { background: rgba(108,92,231,0.1); color: var(--accent2); }

/* ═══════════════════════════════════════════ */
/* ── InstaPay Manager Page ── */
/* ═══════════════════════════════════════════ */

[data-theme="light"] .session-bar { background: #fff; border-color: #e5e7eb; }
[data-theme="light"] .session-bar label { color: #6b7280; }
[data-theme="light"] .session-bar select { background: #f9fafb; border-color: #e5e7eb; color: #111827; }
[data-theme="light"] .credits-badge { background: #fff; border-color: #e5e7eb; color: #6b7280; }

[data-theme="light"] .tab { color: #9ca3af; }
[data-theme="light"] .tab:hover { color: #374151; background: rgba(0,0,0,0.03); }
[data-theme="light"] .tab.active { background: #fff; color: #111827; border-color: #e5e7eb; }

[data-theme="light"] .card-body { color: #374151; }
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select { background: #f9fafb !important; border-color: #e5e7eb !important; color: #111827 !important; }
[data-theme="light"] .form-group input:focus,
[data-theme="light"] .form-group select:focus { border-color: var(--accent) !important; }
[data-theme="light"] .form-group input::placeholder { color: #d1d5db !important; }
[data-theme="light"] .form-group label { color: #6b7280 !important; }

[data-theme="light"] .btn-outline { background: transparent; border-color: #d1d5db; color: #374151; }
[data-theme="light"] .btn-outline:hover { border-color: var(--accent); color: var(--accent); }
[data-theme="light"] .btn-danger { background: rgba(233,69,96,0.06); border-color: rgba(233,69,96,0.15); }
[data-theme="light"] .btn-success { background: rgba(22,163,74,0.08); border-color: rgba(22,163,74,0.2); color: #16a34a; }

[data-theme="light"] .result-box { background: #f9fafb; border-color: #e5e7eb; }
[data-theme="light"] .result-box .label { color: #9ca3af; }
[data-theme="light"] .result-box .value { color: #111827; }

[data-theme="light"] .account-item { border-color: #f3f4f6; }
[data-theme="light"] .account-item .ipa { color: #111827; }
[data-theme="light"] .account-item .meta { color: #9ca3af; }

[data-theme="light"] .step-dot { border-color: #d1d5db; color: #9ca3af; }
[data-theme="light"] .step-dot.active { border-color: var(--accent); color: var(--accent); }
[data-theme="light"] .step-dot.done { border-color: #16a34a; color: #16a34a; background: rgba(22,163,74,0.06); }
[data-theme="light"] .step-line { background: #e5e7eb; }

[data-theme="light"] .toast-success { background: rgba(22,163,74,0.1); border-color: rgba(22,163,74,0.2); color: #16a34a; }
[data-theme="light"] .toast-error { background: rgba(233,69,96,0.1); border-color: rgba(233,69,96,0.2); color: var(--accent); }

[data-theme="light"] .badge-green { background: rgba(22,163,74,0.1); color: #16a34a; }
[data-theme="light"] .badge-red { background: rgba(233,69,96,0.1); color: var(--accent); }
[data-theme="light"] .badge-blue { background: rgba(37,99,235,0.1); color: #2563eb; }
[data-theme="light"] .badge-yellow { background: rgba(217,119,6,0.1); color: #d97706; }

[data-theme="light"] .empty-state { color: #d1d5db; }
[data-theme="light"] .loading-overlay { color: #9ca3af; }
[data-theme="light"] .spinner { border-color: #e5e7eb; border-top-color: var(--accent); }
[data-theme="light"] .pagination .btn.active { background: var(--accent); color: #fff; border-color: var(--accent); }

[data-theme="light"] .page-title h1 { color: #111827; }
[data-theme="light"] #txnFilter { background: #f9fafb !important; border-color: #e5e7eb !important; color: #111827 !important; }

/* ═══════════════════════════════════════════ */
/* ── Admin Panel ── */
/* ═══════════════════════════════════════════ */

[data-theme="light"] .sidebar { background: #fff; border-color: #e5e7eb; }
[data-theme="light"] .sidebar-logo { border-color: #e5e7eb; }
[data-theme="light"] .sidebar-logo span { color: #111827; }
[data-theme="light"] .nav-section { color: #d1d5db; }
[data-theme="light"] .nav-item { color: #6b7280; }
[data-theme="light"] .nav-item:hover { color: #111827; background: #fafbfc; }
[data-theme="light"] .nav-item.active { color: var(--accent); background: rgba(233,69,96,0.03); border-left-color: var(--accent); }
[data-theme="light"] .nav-item .badge { background: var(--accent); }
[data-theme="light"] .sidebar-footer { border-color: #e5e7eb; }
[data-theme="light"] .sidebar-footer .avatar { background: var(--accent2); }
[data-theme="light"] .sidebar-footer .user-info div { color: #111827 !important; }
[data-theme="light"] .sidebar-footer .user-info small { color: #9ca3af !important; }
[data-theme="light"] .sidebar-footer a { color: #6b7280; }
[data-theme="light"] .sidebar-footer a:hover { color: var(--accent); }
[data-theme="light"] .page-header h1 { color: #111827; }
[data-theme="light"] .stat { background: #fff; border-color: #e5e7eb; }
[data-theme="light"] .stat .value { color: #111827; }
[data-theme="light"] .stat .label { color: #9ca3af; }
[data-theme="light"] .stat .sub { color: #d1d5db; }
[data-theme="light"] .client-info .name { color: #111827; }
[data-theme="light"] .client-info .email { color: #9ca3af; }
[data-theme="light"] .api-key { background: #f3f4f6; border-color: #e5e7eb; color: var(--accent); }
[data-theme="light"] .add-credits-inline input { background: #f9fafb; border-color: #e5e7eb; color: #111827; }
[data-theme="light"] .modal-overlay { background: rgba(0,0,0,0.25); backdrop-filter: blur(4px); }
[data-theme="light"] .modal-box { background: #fff; border-color: #e5e7eb; box-shadow: 0 20px 60px rgba(0,0,0,0.1); }
[data-theme="light"] .modal-box h3 { color: #111827; }
[data-theme="light"] .modal-box .close-modal { color: #9ca3af; }
[data-theme="light"] .form-group select, [data-theme="light"] .form-group textarea { background: #f9fafb; border-color: #e5e7eb; color: #111827; }
[data-theme="light"] .alert code { background: #f3f4f6; color: var(--accent); }
[data-theme="light"] .alert-success { background: rgba(22,163,74,0.04); border-color: rgba(22,163,74,0.12); color: #16a34a; }
[data-theme="light"] .alert-error { background: rgba(233,69,96,0.04); border-color: rgba(233,69,96,0.12); color: var(--accent); }

/* Admin login */
[data-theme="light"] .auth .card { background: #fff; border-color: #e5e7eb; box-shadow: 0 4px 24px rgba(0,0,0,0.05); }
[data-theme="light"] .auth .card .form-group input { background: #f9fafb; border-color: #e5e7eb; color: #111827; }
[data-theme="light"] .auth .logo-icon { box-shadow: 0 4px 16px rgba(233,69,96,0.2); }
[data-theme="light"] .auth .logo h1 { color: #111827; }
[data-theme="light"] .auth .logo p { color: #9ca3af; }

/* ═══════════════════════════════════════════ */
/* ── Docs Page ── */
/* ═══════════════════════════════════════════ */

[data-theme="light"] .hero { background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 50%, #e0e7ff 100%); }
[data-theme="light"] .hero .badge { background: var(--accent); color: #fff; }
[data-theme="light"] .nav-pills .nav-link { color: #6b7280; }
[data-theme="light"] .nav-pills .nav-link.active { background: var(--accent); color: #fff; }
[data-theme="light"] .card-header { background: #fafbfc; }
[data-theme="light"] .param-table th { color: #6b7280; border-color: #e5e7eb !important; }
[data-theme="light"] .param-table td { border-color: #f3f4f6 !important; color: #374151; }
[data-theme="light"] .section-divider { border-color: #e5e7eb; }
[data-theme="light"] .section-divider h3 { color: #111827; }
[data-theme="light"] .section-divider p { color: #6b7280; }
[data-theme="light"] code { color: var(--accent); }
[data-theme="light"] .endpoint-url { background: #f3f4f6; border-color: #e5e7eb; color: #111827; }
[data-theme="light"] .method-post { background: rgba(59,130,246,0.08); color: #3b82f6; }
[data-theme="light"] .method-get { background: rgba(22,163,74,0.08); color: #16a34a; }
[data-theme="light"] .credit-badge { background: rgba(233,69,96,0.06); }
[data-theme="light"] .free-badge { background: rgba(22,163,74,0.06); }
[data-theme="light"] .error-code { color: #111827; }

/* ═══════════════════════════════════════════ */
/* ── Theme Toggle Button ── */
/* ═══════════════════════════════════════════ */

.theme-toggle {
    background: none;
    border: 1px solid var(--border);
    color: var(--muted);
    width: 36px;
    height: 36px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    transition: all 0.2s;
    flex-shrink: 0;
}
.theme-toggle:hover { color: var(--accent); border-color: var(--accent); }
[data-theme="light"] .theme-toggle { border-color: #d1d5db; color: #6b7280; }
[data-theme="light"] .theme-toggle:hover { color: var(--accent); border-color: var(--accent); }