/* ----------------------- /
/ ------ SETTINGS ------- /
/ ----------------------- */
.settings-content {
max-width: 700px;
margin: 0 auto;
padding: 32px;
background-color: var(--bg-secondary);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
display: flex; flex-direction: column; gap: 24px;
}
.settings-content .form-field label { font-size: var(--font-size-base); font-weight: 500; }
.settings-content .btn-primary { align-self: flex-start; }
.settings-status-message {
padding: 12px 18px;
border-radius: var(--radius-md);
font-size: var(--font-size-base);
font-weight: 500;
}
.settings-status-message.success { background-color: var(--bg-success-light); color: var(--text-success); border: 1px solid color-mix(in srgb, var(--accent-secondary) 30%, transparent); }
.settings-status-message.error { background-color: var(--bg-danger-light); color: var(--text-danger); border: 1px solid color-mix(in srgb, var(--accent-danger) 30%, transparent); }
.version-info {
font-size: var(--font-size-base); color: var(--text-secondary);
padding-top: 24px; border-top: 1px solid var(--border-secondary);
}
.version-info strong { color: var(--text-primary); }
.settings-note {
font-size: var(--font-size-sm); color: var(--text-secondary);
padding: 14px;
background-color: var(--bg-tertiary);
border-left: 4px solid var(--accent-info);
border-radius: var(--radius-md);
}