/* ===== SETTINGS ===== */

/* ===== SETTINGS ===== */
.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 768px) { .settings-grid { grid-template-columns: 1fr; } }
.settings-card { background: var(--white); padding: 1.2rem; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.settings-card h4 { margin-bottom: 0.8rem; }
.settings-btn { display: block; width: 100%; padding: 0.6rem; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-card-alt); cursor: pointer; margin-top: 0.5rem; font-size: 0.9rem; color: var(--text); }
.settings-btn:hover { background: var(--border); }
.settings-btn-danger { color: #e53935; border-color: rgba(229,57,53,0.3); }
.settings-btn-danger:hover { background: rgba(229,57,53,0.15); }
.settings-toggle { display: flex; justify-content: space-between; align-items: center; padding: 0.6rem 0; cursor: pointer; font-size: 0.9rem; }
.settings-toggle input[type="checkbox"] { width: 40px; height: 22px; appearance: none; background: var(--border); border-radius: 11px; position: relative; cursor: pointer; transition: background 0.2s; }
.settings-toggle input[type="checkbox"]:checked { background: #2e7d32; }
.settings-toggle input[type="checkbox"]::after { content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background: white; border-radius: 50%; transition: transform 0.2s; }
.settings-toggle input[type="checkbox"]:checked::after { transform: translateX(18px); }
.settings-lang-list { display: flex; flex-direction: column; gap: 0.4rem; }
.settings-radio { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem; cursor: pointer; font-size: 0.9rem; }
.settings-radio input[type="radio"] { accent-color: var(--primary); }