/* MARKETING OS · W3b: verzió-pillanatképek (landing, űrlap, persona), kiküldési napló (nevében, szabály, flow), ügynök-javaslatok, flow-lista ikonsor. A prototípus tokenjeit használja. */

/* verzió-sorok: mit őriz a pillanatkép */
.w3b-snap { display: block; margin-top: 2px; font-size: 12.5px; color: var(--muted); }
.w3b-vers .w3b-ver { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 0; border-top: 1px solid var(--border); font-size: 14px; color: var(--text-2); }
.w3b-vers .w3b-ver:first-child { border-top: 0; }
.w3b-vers .w3b-ver b { color: var(--text); font-variant-numeric: tabular-nums; margin-right: 6px; }
.w3b-vers .w3b-ver time { display: block; font-size: 12.5px; color: var(--muted); }
.w3b-vers .w3b-ver.cur { background: color-mix(in srgb, var(--ok) 7%, transparent); border-radius: 8px; padding-left: 8px; padding-right: 8px; }

/* kiküldési napló: „nevében” és szabály / flow címkék */
.w3b-am { font-weight: 600; color: var(--text); }
.w3b-src { display: block; font-size: 13px; color: var(--text-2); line-height: 1.35; }
.mos-live-root datalist { display: none; }

/* ügynök-javaslatok és flow-lista szűrősor */
.w3b-chips { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin: 0 0 12px; }
.w3b-chips .chip { cursor: pointer; }
.w3b-chips .chip b { margin-left: 4px; font-variant-numeric: tabular-nums; }

/* flow-lista: függő revízió jelzés, lépés-ikonok */
.w3b-rev { color: var(--warn); font-weight: 600; }
.w3b-stepcount { flex-basis: 100%; font-size: 12.5px; }
.fl-d.sms { font-size: 10px; }
.fl-d.exit { opacity: .8; }

@media (max-width: 720px) {
  .w3b-vers .w3b-ver { grid-template-columns: minmax(0, 1fr); }
}