/* MARKETING OS · WP24 + WP25 · riportok: grafikon-szakasz, „Kinek” mező, sablonszerkesztő (⋮⋮ fogantyú, Kijelölt szakasz panel, verziók), sablon-kártya műveletei. */

/* Grafikon a vázlatban: vízszintes oszlopok; az összevetés halványabb, vékonyabb oszlop alatta */
.mos-chart { display: grid; gap: 6px; margin: 6px 0; max-width: 720px; }
.mos-chart-r { display: grid; grid-template-columns: minmax(90px, 26%) 1fr minmax(80px, auto); gap: 8px; align-items: center; font-size: 14px; }
.mos-chart-l { overflow-wrap: anywhere; }
.mos-chart-bars { display: grid; gap: 2px; }
.mos-chart-b { display: block; height: 12px; background: var(--accent, #4a6fa5); border-radius: 3px; min-width: 0; }
.mos-chart-b.cmp { height: 7px; opacity: .45; }
.mos-chart-v { text-align: right; white-space: nowrap; }
.mos-spec { font-size: 13px; }
@media (max-width: 640px) { .mos-chart-r { grid-template-columns: 1fr; gap: 2px; } .mos-chart-v { text-align: left; } }

/* Kérés-űrlap: Kinek */
#rp-aud-chips { margin-bottom: 4px; }
.rp-aud-tag { font-style: normal; color: var(--text-2); }
.rp-tpl-acts { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.rp-newmenu p { font-size: 14px; }

/* Sablonszerkesztő: szakasz-sorok ⋮⋮ fogantyúval, kijelölt sor, panel */
.te-row { flex-wrap: wrap; align-items: center; gap: 8px; }
.te-row.sel { border-color: var(--accent, #4a6fa5); background: color-mix(in srgb, var(--accent, #4a6fa5) 8%, var(--surface)); }
.te-grip { cursor: grab; user-select: none; padding: 0 6px; color: var(--muted); letter-spacing: -2px; font-weight: 700; border-radius: 4px; }
.te-grip:hover { background: var(--surface-3); }
.te-grip:active { cursor: grabbing; }
.te-name { cursor: pointer; }
.te-add { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.te-panel { border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: grid; gap: 10px; background: var(--surface-2, var(--surface)); margin-top: 10px; }
.te-panel .mx-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.te-panel-h { font-size: 14px; }
.te-req { align-items: center; }
.te-vers { margin-top: 10px; border-top: 1px solid var(--border); padding-top: 8px; }
.te-vers summary { cursor: pointer; color: var(--text-2); }