/* onboarding.css — мягкие подсказки по существующим фичам. Отключаемые:
   крестик скрывает подсказку навсегда (localStorage ql_onb_seen). На токенах. */
.onb-hint {
    display: flex; 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[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); }