/* Theme remaps for page-level styles that use hardcoded light colors */

[data-theme="dark"] .home-container h1,
[data-theme="dark"] .ptc-card-header h3,
[data-theme="dark"] .modal-content h3,
[data-theme="dark"] .withdraw-card h3,
[data-theme="dark"] .profile-card h3,
[data-theme="dark"] .acc-name,
[data-theme="dark"] .detail-value,
[data-theme="dark"] .modal-close:hover,
[data-theme="dark"] .btn-watch:hover,
[data-theme="dark"] .btn-select-pic:hover {
    color: var(--ink);
}

[data-theme="dark"] .home-container p,
[data-theme="dark"] .ptc-desc,
[data-theme="dark"] .modal-sub,
[data-theme="dark"] .detail-label,
[data-theme="dark"] .acc-num,
[data-theme="dark"] .text-center {
    color: var(--muted);
}

[data-theme="dark"] .no-ads,
[data-theme="dark"] .ptc-card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .withdraw-card,
[data-theme="dark"] .profile-card {
    background: var(--surface);
    border-color: var(--line);
    color: var(--body-text);
}

[data-theme="dark"] .ptc-expiry,
[data-theme="dark"] .modal-close {
    color: #64748b;
}

[data-theme="dark"] .btn-watch,
[data-theme="dark"] .btn-select-pic {
    background: var(--soft);
    color: #e2e8f0;
}

[data-theme="dark"] .btn-watch:hover,
[data-theme="dark"] .btn-select-pic:hover {
    background: #334155;
}

[data-theme="dark"] .form-group label {
    color: var(--muted);
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .form-group input[type="file"] {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--ink);
}

[data-theme="dark"] .withdraw-card h3,
[data-theme="dark"] .profile-card h3,
[data-theme="dark"] .detail-item,
[data-theme="dark"] .history-table td {
    border-color: var(--line);
}

[data-theme="dark"] .history-table th {
    background: var(--soft);
    color: var(--muted);
    border-bottom-color: var(--line);
}

[data-theme="dark"] .history-table td {
    color: var(--body-text);
}

[data-theme="dark"] .preview-box img {
    border-color: var(--line);
}

[data-theme="dark"] .alert-info {
    background: #0c4a6e;
    color: #bae6fd;
    border-color: #0369a1;
}

[data-theme="dark"] .alert-success,
[data-theme="dark"] .badge-approved {
    background: #14532d;
    color: #86efac;
}

[data-theme="dark"] .alert-danger,
[data-theme="dark"] .badge-rejected {
    background: #7f1d1d;
    color: #fca5a5;
}

[data-theme="dark"] .badge-pending {
    background: #422006;
    color: #fbbf24;
}