/* onboarding.css — мягкие подсказки по существующим фичам. Отключаемые:
   крестик скрывает подсказку навсегда (localStorage ql_onb_seen). На токенах. */
/* Скрыты по умолчанию — JS (onboarding.js) добавляет .is-on только тем, что
   ещё не увидены и не выключены. Так подсказки не мелькают при каждой загрузке. */
.onb-hint {
    display: none;
    align-items: flex-start; gap: 10px;
    background: var(--accent-soft); border: 1px solid var(--accent-line);
    border-radius: var(--r-md); padding: 10px 12px; margin-bottom: var(--s-3);
    font-size: var(--text-sm); color: var(--ink-2); line-height: 1.45;
}
.onb-hint.is-on { display: flex; }
.onb-hint[hidden] { display: none; }
.onb-hint > i.onb-ic { color: var(--accent-strong); font-size: 1rem; margin-top: 1px; flex-shrink: 0; }
.onb-hint .onb-body { flex: 1; min-width: 0; }
.onb-hint .onb-body b { color: var(--ink); font-weight: 600; }
.onb-hint .onb-x {
    flex-shrink: 0; width: 26px; height: 26px; border: none; background: none; cursor: pointer;
    color: var(--ink-3); border-radius: var(--r-sm); display: grid; place-items: center;
    font-size: .95rem; transition: background var(--m-fast), color var(--m-fast);
}
.onb-hint .onb-x:hover { background: var(--accent-line); color: var(--accent-strong); }

/* Тумблер в настройках профиля */
.onb-toggle { display: flex; align-items: center; gap: 8px; cursor: pointer; color: var(--ink-2); }
.onb-toggle input { width: 16px; height: 16px; accent-color: var(--accent); cursor: pointer; }