/* styles/settings.css */

/* 1. Layout Fixes (Replaces inline styles) */
.settings-container {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.settings-card {
    margin-bottom: 1.5rem;
}

/* 2. The Icon in the list (Replaces inline width) */
.dashboard-icon {
    width: 24px;
    text-align: center;
}

/* 3. THE GOLD SLIDERS (Bootstrap Override) */
/* When the switch is checked (Active) */
.form-check-input:checked {
    background-color: #C5A059; /* Your Brand Gold */
    border-color: #C5A059;
}

/* When hovering over the switch */
.form-check-input:focus {
    border-color: #C5A059;
    box-shadow: 0 0 0 0.25rem rgba(197, 160, 89, 0.25); /* Gold Glow */
}