/*
  LogAI — settings.css
  Page-specific styles for the Settings page (settings.html)
*/

/* ─── Settings content ─────────────────────────────────── */
.settings-section {
    padding-bottom: 8px;
}

/* Accent-colored value badges in settings */
.settings-badge-accent {
    padding:       5px 12px;
    background:    var(--accent-soft);
    border:        1px solid var(--accent-soft-border);
    border-radius: 8px;
    font-size:     12px;
    color:         var(--accent-text);
    font-weight:   600;
    white-space:   nowrap;
    flex-shrink:   0;
}

/* Theme change toast */
.theme-toast {
    position:       fixed;
    bottom:         28px;
    left:           50%;
    transform:      translateX(-50%) translateY(14px);
    background:     var(--bg-card);
    border:         1px solid var(--border);
    border-radius:  12px;
    padding:        10px 20px;
    font-family:    var(--font-main);
    font-size:      13px;
    font-weight:    500;
    color:          var(--text-primary);
    box-shadow:     var(--shadow-card);
    backdrop-filter: var(--backdrop-blur);
    opacity:        0;
    pointer-events: none;
    transition:     opacity 0.25s ease, transform 0.25s ease;
    white-space:    nowrap;
    z-index:        9999;
}

.theme-toast.visible {
    opacity:   1;
    transform: translateX(-50%) translateY(0);
}