/* Account Settings Styles */

.settings-divider {
    border: none;
    border-top: 1px solid var(--border-color, #444);
    margin: 1.5rem 0;
}

.warning-text {
    color: #e74c3c !important;
}

.delete-warning {
    text-align: left;
}

.delete-warning ul {
    margin: 0.75rem 0;
    padding-left: 1.5rem;
}

.delete-warning li {
    margin: 0.4rem 0;
    color: var(--text-muted, #aaa);
}

.delete-warning p {
    margin: 0.5rem 0;
}

.btn.danger {
    background: #c0392b;
    color: white;
    border: none;
}

.btn.danger:hover {
    background: #e74c3c;
}

/* Make settings tabs wrap nicely on mobile */
@media (max-width: 500px) {
    .settings-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
    }
    
    .settings-tab {
        padding: 0.4rem 0.5rem !important;
        font-size: 0.75rem !important;
        flex: 1 1 auto;
        min-width: 0;
    }
}