/* MARKETING OS · WP50/WP51 · Űrlapszerkesztő: húzás, folyamatábra, beágyazás; Landingszerkesztő: Változatok / Megjelenés, audit-szűrő.
   Csak a saját elemei (w5-*, f3b-drop-*); a közös komponensek stílusát nem írja át. A folyamatábra a prototípus .lg / .lg-col / .lg-n sorait használja. */
.f3b-palette .chip[draggable="true"], .f3b-lay[draggable="true"], .f3b-ff[draggable="true"] { cursor: grab; }
.f3b-drop-before { box-shadow: 0 -3px 0 0 var(--primary); }
.f3b-page.f3b-drop-end { box-shadow: inset 0 -3px 0 0 var(--primary); }
.fo-sh.f3b-drop-end { box-shadow: inset 0 -3px 0 0 var(--primary); }
.w5-lg .w5-lgb { cursor: pointer; }
.w5-lg .w5-lgb:hover { border-color: var(--primary); }
.w5-lg .w5-lgb.on { outline: 2px solid var(--primary); outline-offset: 1px; }
.f3b-logic.on { border-color: var(--primary); box-shadow: 0 0 0 2px var(--primary-subtle); }
.w5-skipped { opacity: .75; }
.w5-code { display: grid; gap: 4px; margin-bottom: 12px; }
.w5-code textarea { width: 100%; box-sizing: border-box; font: 12px/1.45 ui-monospace, Menlo, Consolas, monospace; padding: 8px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-2); color: var(--text); resize: vertical; }
.w5-code .btn { justify-self: start; }
.w5-var { display: grid; gap: 4px; }
.w5-var > div { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 13px; }
.w5-var .w5-vr { padding: 4px 6px; border-radius: 6px; cursor: pointer; }
.w5-var .w5-vr:hover { background: var(--surface-2); }
.w5-var .w5-vr.now { font-weight: 700; }
.w5-brand { display: grid; gap: 4px; font-size: 13px; }
.w5-brand .w5-sw { display: inline-block; width: 14px; height: 14px; border-radius: 4px; border: 1px solid var(--border); vertical-align: -2px; margin-right: 4px; }
.w5-capi { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 6px 8px; border-radius: 8px; margin: 6px 0; font-size: 13px; border: 1px solid var(--border); }
.w5-capi.bad { border-color: var(--danger, #b3261e); }

/* Landingszerkesztő › Audit fül: a 250 px-es bal oszlop tartalma (persona-szűrő, CAPI-sor, kérdések) nem tágíthatja az oszlopot. A rács auto sávja a nowrap szegmens-chipek miatt a tartalom
   szélességére nőtt, a kártya kerete kisebb maradt, a kilógó rész a vászon alá csúszott (a Kis webshop chip kattintása a GYIK blokk fejlécére esett). */
.f3b-left, .f3b-insp { grid-template-columns: minmax(0, 1fr); min-width: 0; }
.f3b-left > *, .f3b-insp > * { min-width: 0; }
.w5-persona { display: flex; flex-wrap: wrap; max-width: 100%; box-sizing: border-box; }
.w5-persona > span { white-space: normal; overflow-wrap: anywhere; }
.f3b-left .la-a, .f3b-left .la-pr, .f3b-left .la-i, .f3b-left .w5-capi { overflow-wrap: anywhere; }