/* Light Mode Modal Overrides */
[data-theme="light"] .modal-content {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .modal-header h2 {
    color: #1a1a1a;
}

[data-theme="light"] .close-modal {
    color: #555555;
}

[data-theme="light"] .close-modal:hover {
    color: #1a1a1a;
}

[data-theme="light"] .setting-item label {
    color: #555555;
}

[data-theme="light"] .setting-item select {
    background: rgba(240, 240, 240, 0.9);
    color: #1a1a1a;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

[data-theme="light"] .setting-item select:hover {
    background: rgba(230, 230, 230, 1);
    border-color: #007bff;
}

[data-theme="light"] .setting-item select:focus {
    background: rgba(230, 230, 230, 1);
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

[data-theme="light"] .setting-item select option {
    background: #ffffff;
    color: #1a1a1a;
}

[data-theme="light"] .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .btn-primary {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

[data-theme="light"] .btn-primary:hover {
    background: linear-gradient(135deg, #0069d9 0%, #004085 100%);
    box-shadow: 0 6px 16px rgba(0, 123, 255, 0.5);
}