/* ============================================================================
   Settings page — tabs + notification toggle rows
   ============================================================================ */
body.app .settings-tabs {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    border: 0;
}
body.app .settings-tabs .nav-link {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--m-text-muted);
    padding: 10px 16px;
    font-family: var(--m-font);
    font-size: 13.5px;
    font-weight: 500;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    margin-bottom: -1px;
}
body.app .settings-tabs .nav-link i { font-size: 13px; color: var(--m-text-faint); }
body.app .settings-tabs .nav-link:hover { color: var(--m-text); background: var(--m-surface-2); }
body.app .settings-tabs .nav-link.active {
    color: var(--m-accent) !important;
    border-bottom-color: var(--m-accent);
    background: transparent;
}
body.app .settings-tabs .nav-link.active i { color: var(--m-accent); }

/* Notification toggle rows */
body.app .notif-grid {
    display: flex;
    flex-direction: column;
}
body.app .notif-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--m-divider);
}
body.app .notif-row:last-child { border-bottom: 0; }
body.app .notif-row__title {
    font-family: var(--m-font);
    font-size: 13.5px;
    font-weight: 500;
    color: var(--m-text);
    margin: 0 0 2px;
}
body.app .notif-row__sub {
    font-family: var(--m-font);
    font-size: 12.5px;
    color: var(--m-text-muted);
    margin: 0;
}

