/* Navbar Theme Controls */
.theme-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 16px;
}

.theme-btn {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #64748b;
    min-width: 40px;
    height: 40px;
}

.theme-btn:hover {
    background: #eff6ff;
    border-color: #2563eb;
    color: #2563eb;
    transform: translateY(-1px);
}

.theme-btn.active {
    background: #2563eb;
    color: white;
    border-color: #2563eb;
}

#currencySymbol {
    font-weight: 600;
    font-size: 16px;
}

#themeIcon {
    width: 20px;
    height: 20px;
}

/* Dark Mode Styles */
body.dark-theme {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #e2e8f0;
}

body.dark-theme .app-container {
    background: #0f172a;
}

body.dark-theme .navbar {
    background: #1e293b;
    border-bottom-color: #334155;
}

body.dark-theme .nav-link {
    color: #cbd5e1;
}

body.dark-theme .nav-link:hover {
    color: #60a5fa;
    background: #334155;
}

body.dark-theme .nav-link.active {
    color: #60a5fa;
    background: #1e40af;
}

body.dark-theme .credits-display {
    background: #334155;
    border-color: #475569;
}

body.dark-theme .credits-label {
    color: #cbd5e1;
}

body.dark-theme .credits-count {
    color: #60a5fa;
}

body.dark-theme .theme-btn {
    background: #334155;
    border-color: #475569;
    color: #cbd5e1;
}

body.dark-theme .theme-btn:hover {
    background: #1e40af;
    border-color: #60a5fa;
    color: #60a5fa;
}

body.dark-theme .theme-btn.active {
    background: #2563eb;
    color: white;
    border-color: #2563eb;
}

/* Dark mode for other components */
body.dark-theme .stat-card,
body.dark-theme .job-section,
body.dark-theme .upload-section,
body.dark-theme .single-job-section,
body.dark-theme .single-resume-section,
body.dark-theme .results-section,
body.dark-theme .single-results,
body.dark-theme .pricing-card,
body.dark-theme .modal-content {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

body.dark-theme .stat-content h3,
body.dark-theme .stat-content p,
body.dark-theme .section-header h2,
body.dark-theme .section-header p,
body.dark-theme .candidate-info h3,
body.dark-theme .candidate-info p,
body.dark-theme .plan-header h3,
body.dark-theme .feature,
body.dark-theme .modal-header h3 {
    color: #e2e8f0;
}

body.dark-theme .empty-state {
    color: #94a3b8;
}

body.dark-theme .upload-area,
body.dark-theme .single-upload-area {
    background: #334155;
    border-color: #475569;
}

body.dark-theme .upload-area:hover,
body.dark-theme .single-upload-area:hover {
    background: #1e40af;
    border-color: #60a5fa;
}

body.dark-theme .form-group label {
    color: #cbd5e1;
}

body.dark-theme input[type="text"],
body.dark-theme textarea {
    background: #334155;
    border-color: #475569;
    color: #e2e8f0;
}

body.dark-theme input[type="text"]:focus,
body.dark-theme textarea:focus {
    background: #1e293b;
    border-color: #60a5fa;
}

body.dark-theme .pricing-header h1,
body.dark-theme .pricing-header p {
    color: #e2e8f0;
}

body.dark-theme .amount {
    color: #e2e8f0;
}

body.dark-theme .currency,
body.dark-theme .period {
    color: #cbd5e1;
}

body.dark-theme .payment-summary {
    background: #334155;
    border-color: #475569;
}

body.dark-theme .file-card {
    background: #334155;
    border-color: #475569;
}

body.dark-theme .file-card:hover {
    background: #1e40af;
    border-color: #60a5fa;
}

body.dark-theme .file-name {
    color: #cbd5e1;
}

body.dark-theme .file-size {
    color: #94a3b8;
}

body.dark-theme .analysis-card {
    background: #334155;
    border-color: #475569;
}

body.dark-theme .analysis-card h4 {
    color: #e2e8f0;
}

body.dark-theme .word-matching-section {
    background: #334155;
    border-color: #475569;
}

body.dark-theme .word-matching-section h3 {
    color: #e2e8f0;
}

body.dark-theme .tab-btn {
    color: #cbd5e1;
}

body.dark-theme .tab-btn.active {
    background: #1e293b;
    color: #60a5fa;
}

body.dark-theme .keyword-category {
    background: #1e293b;
    border-color: #475569;
}

body.dark-theme .keyword-category h5 {
    color: #cbd5e1;
}

body.dark-theme .keyword-matched {
    background: #166534;
    color: #dcfce7;
}

body.dark-theme .keyword-missing {
    background: #991b1b;
    color: #fecaca;
}

body.dark-theme .keyword-suggested {
    background: #92400e;
    color: #fde68a;
}

body.dark-theme .detailed-word-analysis {
    background: #1e293b;
    border-color: #334155;
}

body.dark-theme .detailed-word-analysis h4 {
    color: #e2e8f0;
}

body.dark-theme .match-category {
    background: #334155;
    border-color: #475569;
}

body.dark-theme .match-category h5 {
    color: #cbd5e1;
}

body.dark-theme .match-stats {
    color: #94a3b8;
}

body.dark-theme .word-tag.matched {
    background: #166534;
    color: #dcfce7;
    border-color: #166534;
}

body.dark-theme .word-tag.missing {
    background: #991b1b;
    color: #fecaca;
    border-color: #991b1b;
}

body.dark-theme .word-tag.partial {
    background: #92400e;
    color: #fde68a;
    border-color: #92400e;
}

body.dark-theme .activity-item {
    border-bottom-color: #334155;
}

body.dark-theme .activity-title {
    color: #e2e8f0;
}

body.dark-theme .activity-meta {
    color: #94a3b8;
}

body.dark-theme .activity-icon {
    background: #1e40af;
    color: #60a5fa;
}