/* Layout: egy hosszu tervtabla; minden kepernyo egy bongeszo-keretben, folotte a Brandocs-funkciok, amiket hordoz.
   A szinek a Supply OS tokenjei (narancs elsodleges, meleg semlegesek) -- a Sales OS a Supply OS testvere. */
:root {
  --bg: #F3F1EE; --surface: #FFFFFF; --surface-2: #F4F2F0; --surface-3: #ECE9E6;
  --border: #E2DEDA; --border-strong: #C9C3BE;
  --text: #232019; --text-2: #4A4541; --muted: #57514C; --inverse: #FFFFFF;
  --primary: #E8390E; --primary-hover: #C93009; --primary-subtle: #FDEDE8; --on-primary: #FFFFFF;
  --ok: #1E7F3C; --ok-bg: #E7F4EB; --warn: #B26A00; --warn-bg: #FCF3E1; --bad: #B3261E; --bad-bg: #F9E9E8;
  --info: #175CD3; --info-bg: #E8F0FC; --ai: #6D28D9; --ai-bg: #F1EBFC;
  --frame: #DCD7D2; --board-ink: #3A342F;
  --shadow: 0 1px 2px rgba(30,26,24,.06), 0 8px 28px rgba(30,26,24,.08);
  --t-orange: #C9502A; --t-blue: #2D5BD0; --t-green: #1E6B3C; --t-purple: #5A3FC2; --t-amber: #93630F; --t-red: #7B2436;
  --t-ink: #FFF4EE;
  /* Supply OS WIDGETEK (shell-extra.css, 2026-10-06): tonusfeny-szinek */
  --ton-orange: #FF6A3D; --ton-blue: #4C7DFF; --ton-green: #34C26E; --ton-purple: #8B6CFF; --ton-red: #F0506E; --ton-amber: #F2A93B;
  --hl: rgba(255,255,255,.05); --widget-shadow: 0 10px 28px -16px rgba(30,26,24,.35);
  /* Uzenetek statusz-szinei (Peter specifikacioja): a szin CSAK allapotot jelol, mindenhol ugyanaz. */
  --s-none: #9AA0A6; --s-new: #FDAB3D; --s-wait: #FFCB00; --s-prog: #579BFC; --s-neg: #A25DDC;
  --s-done: #00C875; --s-later: #A9BEE8; --s-lost: #E2445C; --s-irr: #4A4A4A; --s-ink-dark: #1F1A14; --s-ink-light: #FFFFFF;
  --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --r-sm: 4px; --r-md: 6px; --r-lg: 10px; --r-xl: 14px;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #100E0D; --surface: #211D1A; --surface-2: #2A2521; --surface-3: #353029;
  --border: #3A342F; --border-strong: #524B44;
  --text: #F2EDE8; --text-2: #CFC9C3; --muted: #BDB6AF; --inverse: #232019;
  --primary: #FF5A2B; --primary-hover: #FF7448; --primary-subtle: #3A1D12; --on-primary: #1A0E09;
  --ok: #4CC271; --ok-bg: #12291A; --warn: #E8A33D; --warn-bg: #2E2211; --bad: #F26D65; --bad-bg: #331512;
  --info: #6BA3F5; --info-bg: #14213A; --ai: #A78BFA; --ai-bg: #241A3A;
  --frame: #2B2622; --board-ink: #D9D1CA;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 12px 32px rgba(0,0,0,.45);
  --widget-shadow: 0 10px 28px -16px rgba(0,0,0,.55);
  --s-irr: #6E6E6E;
  color-scheme: dark;
} }
:root[data-theme="dark"] {
  --bg: #100E0D; --surface: #211D1A; --surface-2: #2A2521; --surface-3: #353029;
  --border: #3A342F; --border-strong: #524B44;
  --text: #F2EDE8; --text-2: #CFC9C3; --muted: #BDB6AF; --inverse: #232019;
  --primary: #FF5A2B; --primary-hover: #FF7448; --primary-subtle: #3A1D12; --on-primary: #1A0E09;
  --ok: #4CC271; --ok-bg: #12291A; --warn: #E8A33D; --warn-bg: #2E2211; --bad: #F26D65; --bad-bg: #331512;
  --info: #6BA3F5; --info-bg: #14213A; --ai: #A78BFA; --ai-bg: #241A3A;
  --frame: #2B2622; --board-ink: #D9D1CA;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 12px 32px rgba(0,0,0,.45);
  --widget-shadow: 0 10px 28px -16px rgba(0,0,0,.55);
  --s-irr: #6E6E6E;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body { background: var(--bg); color: var(--text); font-family: var(--font-ui); font-size: 17px; line-height: 1.45; -webkit-font-smoothing: antialiased; }
.board { max-width: 1320px; margin: 0 auto; padding-inline: 20px; padding-block: 28px 64px; display: flex; flex-direction: column; gap: 56px; }
.mono, .num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

/* ── Tervtabla: bevezeto, folyamat, funkcio-terkep ── */
.intro { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 32px; align-items: end; }
.eyebrow { font-size: 14px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--primary); }
.intro h1 { font-family: var(--font-display); font-size: clamp(34px, 5vw, 56px); line-height: 1.02; letter-spacing: -1px; margin: 8px 0 14px; text-wrap: balance; font-weight: 700; }
.intro p { color: var(--text-2); font-size: 17px; max-width: 62ch; margin: 0; }
.rule { border: 1px solid var(--border); border-radius: var(--r-xl); background: var(--surface); padding: 16px 18px; display: grid; gap: 8px; }
.rule b { font-size: 15px; }
.rule .row { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: var(--text-2); }
.rule .row i { font-style: normal; flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 14px; font-weight: 700; }
.rule .row i.no { background: var(--bad-bg); color: var(--bad); }
.rule .row i.yes { background: var(--ok-bg); color: var(--ok); }
.flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; border: 1px solid var(--border); border-radius: var(--r-xl); background: var(--surface); overflow: hidden; }
.flow > div { padding: 14px 16px; border-right: 1px solid var(--border); position: relative; }
.flow > div:last-child { border-right: 0; }
.flow .step { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--primary); font-weight: 600; }
.flow h4 { margin: 4px 0 4px; font-size: 17px; }
.flow p { margin: 0; font-size: 15px; color: var(--text-2); }
.flow > div:not(:last-child)::after { content: ''; position: absolute; right: -7px; top: 50%; width: 12px; height: 12px; background: var(--surface); border-top: 1px solid var(--border); border-right: 1px solid var(--border); transform: translateY(-50%) rotate(45deg); z-index: 1; }
.map { width: 100%; border-collapse: collapse; font-size: 15px; }
.map th { text-align: left; font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); font-weight: 600; padding: 8px 10px; border-bottom: 1px solid var(--border-strong); }
.map td { padding: 8px 10px; border-bottom: 1px solid var(--border); vertical-align: top; }
.map td:first-child { font-weight: 600; white-space: nowrap; }
.map a { color: var(--primary); text-decoration: none; font-weight: 600; white-space: nowrap; }
.map-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--r-xl); background: var(--surface); padding: 6px 8px; }
.toc { display: flex; flex-wrap: wrap; gap: 8px; }
.toc a { font-size: 15px; text-decoration: none; color: var(--text); border: 1px solid var(--border); background: var(--surface); padding: 6px 11px; border-radius: 999px; }
.toc a b { color: var(--primary); font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-weight: 600; margin-right: 4px; }

/* ── Kepernyo-szakasz ── */
.sec { display: flex; flex-direction: column; gap: 14px; scroll-margin-top: 16px; }
.sec-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 24px; align-items: end; }
.sec-head h2 { font-family: var(--font-display); font-size: 32px; line-height: 1.1; margin: 4px 0 0; font-weight: 600; letter-spacing: -.4px; text-wrap: balance; }
.sec-head p { margin: 0; color: var(--text-2); font-size: 17px; max-width: 70ch; }
.fns { display: flex; flex-wrap: wrap; gap: 6px; }
.fn { font-size: 14px; border-radius: 999px; padding: 3px 9px; border: 1px solid var(--border); background: var(--surface); color: var(--text-2); }
.fn.b { border-color: color-mix(in srgb, var(--primary) 40%, var(--border)); color: var(--text); }
.fn.b::before { content: 'Brandocs · '; color: var(--primary); font-weight: 600; }
.fn.n::before { content: 'Új · '; color: var(--ai); font-weight: 600; }
.fn.s::before { content: 'Supply OS · '; color: var(--ok); font-weight: 600; }

/* ── Bongeszo-keret es app-hej ── */
.frame-scroll { overflow-x: auto; border-radius: var(--r-xl); box-shadow: var(--shadow); }
.frame { min-width: 1160px; background: var(--frame); border-radius: var(--r-xl); padding: 0 0 1px; overflow: hidden; border: 1px solid var(--border); }
.chrome { display: flex; align-items: center; gap: 12px; height: 38px; padding: 0 14px; }
.chrome .dots { display: flex; gap: 6px; } .chrome .dots i { width: 11px; height: 11px; border-radius: 50%; background: var(--border-strong); }
.chrome .url { flex: 1; max-width: 560px; margin: 0 auto; height: 24px; border-radius: 6px; background: var(--surface); color: var(--muted); font-size: 14px; display: flex; align-items: center; gap: 6px; padding: 0 10px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.app { display: grid; grid-template-columns: 216px minmax(0, 1fr); background: var(--bg); margin: 0 1px; border-radius: 0 0 calc(var(--r-xl) - 1px) calc(var(--r-xl) - 1px); overflow: hidden; }
.side { background: var(--surface); border-right: 1px solid var(--border); padding: 14px 10px; display: flex; flex-direction: column; gap: 14px; }
.brand { display: flex; align-items: center; gap: 10px; padding: 2px 6px 6px; }
.logo { width: 34px; height: 34px; border-radius: 9px; background: var(--primary); color: var(--on-primary); display: grid; place-items: center; font-weight: 800; font-size: 17px; }
.brand b { display: block; font-size: 17px; } .brand span { display: block; font-size: 14px; color: var(--muted); }
.nav-g { display: flex; flex-direction: column; gap: 2px; }
.nav-g > small { font-size: 13px; letter-spacing: .7px; text-transform: uppercase; color: var(--muted); padding: 0 8px 4px; font-weight: 600; }
.nav { display: flex; align-items: center; gap: 9px; padding: 7px 8px; border-radius: var(--r-md); font-size: 15px; color: var(--text-2); }
.nav svg { width: 16px; height: 16px; flex: 0 0 auto; }
.nav .cnt { margin-left: auto; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.nav.on { background: var(--primary-subtle); color: var(--primary); font-weight: 600; }
.nav.on .cnt { color: var(--primary); }
.nav .dot { margin-left: auto; min-width: 18px; height: 18px; border-radius: 9px; background: var(--primary); color: var(--on-primary); font-size: 13px; display: grid; place-items: center; font-weight: 700; padding: 0 5px; }
.main { display: flex; flex-direction: column; min-width: 0; }
.top { display: flex; align-items: center; gap: 12px; height: 56px; padding: 0 20px; background: var(--surface); border-bottom: 1px solid var(--border); }
.search { flex: 1; max-width: 420px; height: 34px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--surface-2); display: flex; align-items: center; gap: 8px; padding: 0 10px; color: var(--muted); font-size: 15px; }
.search kbd { margin-left: auto; font-family: var(--font-mono); font-size: 13px; border: 1px solid var(--border); border-radius: 4px; padding: 1px 5px; }
.top-r { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.ib { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--border); background: var(--surface); display: grid; place-items: center; color: var(--text-2); position: relative; }
.ib svg { width: 16px; height: 16px; }
.ib .badge-n { position: absolute; top: -3px; right: -3px; min-width: 16px; height: 16px; border-radius: 8px; background: var(--primary); color: var(--on-primary); font-size: 12px; font-weight: 700; display: grid; place-items: center; padding: 0 4px; }
.seg { display: inline-flex; border: 1px solid var(--border); border-radius: var(--r-md); padding: 2px; gap: 2px; background: var(--surface); }
.seg span { font-size: 14px; font-weight: 600; padding: 4px 9px; border-radius: 4px; color: var(--text-2); }
.seg span.on { background: var(--primary-subtle); color: var(--primary); }
.user { display: flex; align-items: center; gap: 8px; font-size: 15px; padding-left: 6px; }
.av { width: 30px; height: 30px; border-radius: 50%; background: var(--t-purple); color: #fff; display: grid; place-items: center; font-size: 14px; font-weight: 700; flex: 0 0 auto; }
.content { padding: 20px; display: flex; flex-direction: column; gap: 16px; }
.page-h { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.page-h h3 { margin: 0; font-size: 24px; letter-spacing: -.2px; }
.page-h p { margin: 2px 0 0; color: var(--text-2); font-size: 15px; }
.page-h .act { margin-left: auto; display: flex; gap: 8px; align-items: center; }

/* Ikon-alapmeret: 0 specificitas (:where), igy minden komponens sajat merete felulirja. */
:where(.frame, .phone, .board) svg:not(.sparks) { width: 16px; height: 16px; flex: 0 0 auto; }
.search svg { width: 15px; height: 15px; }
/* Az ajanlat-szerkeszto tetelsoraiban a termeknev ne torjon harom sorba. */
#s-4 .tbl .prod { min-width: 140px; }
#s-4 .tbl .prod b { white-space: normal; }

/* B2B webaruhaz-gomb a fejlec jobb felso sarkaban */
.shop { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 12px; border-radius: var(--r-md); font-size: 15px; font-weight: 600; color: var(--text); border: 1px solid color-mix(in srgb, var(--ton-green) 55%, var(--border)); background: color-mix(in srgb, var(--ton-green) 10%, var(--surface)); white-space: nowrap; }
.shop svg { width: 15px; height: 15px; color: var(--ton-green); }
.shop small { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); font-weight: 500; }

/* Ajanlat-tipus (Peter szabalya, 2026-10-06): egy ajanlatban csak egyfele tetel lehet. */
.ot { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 700; padding: 1px 8px; border-radius: 999px; border: 1px solid currentColor; white-space: nowrap; }
.ot::before { content: ''; width: 6px; height: 6px; border-radius: 2px; background: currentColor; }
.ot-stock { color: var(--ok); } .ot-make { color: var(--ai); } .ot-in { color: var(--info); }
.otype { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.otype > div { border: 1px solid var(--border); border-radius: var(--r-lg); padding: 10px 12px; display: flex; flex-direction: column; gap: 3px; background: var(--surface); }
.otype > div b { font-size: 15px; display: flex; align-items: center; gap: 6px; } .otype > div span { font-size: 14px; color: var(--text-2); }
.otype > div.on { border: 2px solid var(--ok); background: color-mix(in srgb, var(--ok) 8%, var(--surface)); }
.otype .rad { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--border-strong); flex: 0 0 auto; }
.otype .on .rad { border-color: var(--ok); box-shadow: inset 0 0 0 3px var(--surface); background: var(--ok); }
tr.conf td { opacity: .55; } tr.conf td:first-child { box-shadow: inset 3px 0 0 var(--bad); opacity: 1; }
.conf-tag { display: block; margin-top: 3px; font-size: 13px; font-weight: 700; color: var(--bad); white-space: normal; max-width: 120px; line-height: 1.3; }
.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; margin-top: 8px; }
.split > div { border: 1px solid var(--border); border-radius: var(--r-md); padding: 8px 10px; font-size: 14px; color: var(--text-2); background: var(--surface); display: flex; flex-direction: column; gap: 3px; }
.split > div b { color: var(--text); font-size: 15px; }

/* ── Komponensek ── */
.btn { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 13px; border-radius: var(--r-md); font-size: 15px; font-weight: 600; border: 1px solid transparent; white-space: nowrap; font-family: inherit; }
.btn svg { width: 15px; height: 15px; }
.btn-p { background: var(--primary); color: var(--on-primary); }
.btn-s { background: var(--surface); color: var(--text); border-color: var(--border); }
.btn-g { background: transparent; color: var(--text-2); }
.btn-ai { background: var(--ai-bg); color: var(--ai); }
.btn-sm { height: 28px; padding: 0 10px; font-size: 14px; }
.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); }
.card-h { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--border); }
.card-h h4 { margin: 0; font-size: 17px; }
.card-h .r { margin-left: auto; display: flex; gap: 6px; align-items: center; }
.card-b { padding: 14px; }
.g2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.g3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.split { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: start; }
.kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.kpi { --ton: var(--ton-orange); position: relative; overflow: hidden; isolation: isolate; display: flex; gap: 14px; align-items: center;
  padding: 16px 18px 18px; border-radius: 16px;
  background: radial-gradient(140% 110% at 0% 0%, color-mix(in srgb, var(--ton) 13%, transparent) 0%, transparent 55%), linear-gradient(160deg, var(--surface-2) 0%, var(--surface) 75%);
  border: 1px solid color-mix(in srgb, var(--text) 9%, transparent); box-shadow: inset 0 1px 0 var(--hl), var(--widget-shadow); }
.kpi::after { content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; height: 2px; border-radius: 2px; opacity: .75; z-index: -1; background: linear-gradient(90deg, transparent, var(--ton), transparent); }
.kpi .ico { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto;
  color: var(--ton); background: color-mix(in srgb, var(--ton) 15%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ton) 35%, transparent), 0 0 24px -6px color-mix(in srgb, var(--ton) 55%, transparent); }
.kpi .ico svg { width: 22px; height: 22px; }
.kpi:has(.t-orange) { --ton: var(--ton-orange); } .kpi:has(.t-blue) { --ton: var(--ton-blue); } .kpi:has(.t-green) { --ton: var(--ton-green); }
.kpi:has(.t-purple) { --ton: var(--ton-purple); } .kpi:has(.t-red) { --ton: var(--ton-red); } .kpi:has(.t-amber) { --ton: var(--ton-amber); }
.kpi .ico.t-orange, .kpi .ico.t-blue, .kpi .ico.t-green, .kpi .ico.t-purple, .kpi .ico.t-red, .kpi .ico.t-amber { background: color-mix(in srgb, var(--ton) 15%, transparent); }
.kpi .l { font-size: 15px; font-weight: 500; color: var(--text-2); }
.kpi .v { font-size: 28px; font-weight: 700; line-height: 1.15; letter-spacing: -.5px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.kpi .v small { font-size: 15px; color: var(--text-2); font-weight: 600; }
.kpi .s { font-size: 14px; color: var(--muted); }
.t-orange { background: var(--t-orange); } .t-blue { background: var(--t-blue); } .t-green { background: var(--t-green); }
.t-purple { background: var(--t-purple); } .t-amber { background: var(--t-amber); } .t-red { background: var(--t-red); }
.up { color: var(--ok); font-weight: 600; } .down { color: var(--bad); font-weight: 600; }
.tbl { width: 100%; border-collapse: collapse; font-size: 15px; }
.tbl th { text-align: left; font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); font-weight: 600; padding: 9px 10px; background: var(--surface-2); border-bottom: 1px solid var(--border); white-space: nowrap; }
.tbl td { padding: 9px 10px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.tbl tr:last-child td { border-bottom: 0; }
.tbl .r, .tbl th.r { text-align: right; }
.tbl tr.sel td { background: var(--primary-subtle); }
.cb { width: 15px; height: 15px; border-radius: 4px; border: 1.5px solid var(--border-strong); display: inline-grid; place-items: center; vertical-align: middle; }
.cb.on { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
.cb.on::after { content: ''; width: 7px; height: 4px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg) translate(1px, -1px); }
.pill { display: inline-flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 600; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.pill::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.st-draft { background: var(--surface-3); color: var(--text-2); }
.st-sent { background: var(--info-bg); color: var(--info); }
.st-opened { background: var(--ai-bg); color: var(--ai); }
.st-viewed { background: var(--warn-bg); color: var(--warn); }
.st-ordered { background: var(--ok-bg); color: var(--ok); }
.st-paid { background: var(--ok); color: var(--surface); }
.st-expired { background: var(--bad-bg); color: var(--bad); }
.tag { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; padding: 1px 7px; border-radius: 4px; border: 1px solid var(--border); color: var(--text-2); white-space: nowrap; }
.tag i { width: 7px; height: 7px; border-radius: 2px; }
.chip { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 11px; border: 1px solid var(--border); border-radius: 999px; font-size: 15px; color: var(--text-2); background: var(--surface); white-space: nowrap; }
.chip.on { border-color: var(--primary); color: var(--primary); background: var(--primary-subtle); font-weight: 600; }
.chip svg { width: 14px; height: 14px; }
.field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.field label { font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); font-weight: 600; }
.input { height: 34px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--surface); padding: 0 10px; display: flex; align-items: center; gap: 6px; font-size: 15px; color: var(--text); min-width: 0; }
.input.sel::after { content: ''; margin-left: auto; width: 6px; height: 6px; border-right: 1.5px solid var(--muted); border-bottom: 1.5px solid var(--muted); transform: rotate(45deg) translate(-2px, -2px); }
.input.ph { color: var(--muted); }
.toggle { width: 34px; height: 20px; border-radius: 10px; background: var(--surface-3); position: relative; flex: 0 0 auto; border: 1px solid var(--border); }
.toggle::after { content: ''; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--surface); box-shadow: 0 1px 2px rgba(0,0,0,.25); }
.toggle.on { background: var(--primary); border-color: var(--primary); }
.toggle.on::after { left: 16px; background: #fff; }
.bar { height: 6px; border-radius: 3px; background: var(--surface-3); overflow: hidden; min-width: 60px; }
.bar > i { display: block; height: 100%; border-radius: 3px; background: var(--ok); }
.bar.low > i { background: var(--warn); } .bar.crit > i { background: var(--bad); }
.av-ok, .av-warn, .av-bad { display: inline-flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 600; padding: 2px 7px; border-radius: 4px; white-space: nowrap; }
.av-ok { background: var(--ok-bg); color: var(--ok); } .av-warn { background: var(--warn-bg); color: var(--warn); } .av-bad { background: var(--bad-bg); color: var(--bad); }
.thumb { width: 34px; height: 34px; border-radius: 8px; background: var(--primary-subtle); color: var(--primary); display: grid; place-items: center; flex: 0 0 auto; }
.thumb svg { width: 16px; height: 16px; }
.prod { display: flex; align-items: center; gap: 10px; min-width: 0; }
.prod b { display: block; font-size: 15px; font-weight: 600; } .prod span { display: block; font-size: 13px; color: var(--muted); font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.tl { display: flex; flex-direction: column; }
.tl-i { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 10px; padding: 0 0 12px; position: relative; font-size: 15px; }
.tl-i::before { content: ''; position: absolute; left: 7px; top: 14px; bottom: 0; width: 2px; background: var(--border); }
.tl-i:last-child::before { display: none; }
.tl-i .d { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--border-strong); background: var(--surface); margin-top: 1px; }
.tl-i.done .d { border-color: var(--ok); background: var(--ok); }
.tl-i.now .d { border-color: var(--primary); background: var(--primary-subtle); }
.tl-i b { display: block; font-size: 15px; } .tl-i span { color: var(--muted); font-size: 14px; }
.tl-i time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--text-2); white-space: nowrap; }
.menu { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--shadow); padding: 5px; min-width: 230px; }
.menu-i { display: flex; align-items: center; gap: 9px; padding: 7px 9px; border-radius: var(--r-md); font-size: 15px; }
.menu-i small { margin-left: auto; color: var(--muted); font-size: 13px; }
.menu-i.dis { color: var(--muted); }
.menu-i.hl { background: var(--surface-2); }
.menu-sep { height: 1px; background: var(--border); margin: 4px 2px; }
.ann { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; color: var(--text-2); border: 1px dashed color-mix(in srgb, var(--primary) 55%, var(--border)); background: color-mix(in srgb, var(--primary-subtle) 55%, var(--surface)); border-radius: var(--r-md); padding: 8px 10px; }
.ann b { color: var(--text); }
.ann .k { flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 13px; font-weight: 700; display: grid; place-items: center; margin-top: 1px; }
.alert { display: flex; gap: 10px; align-items: flex-start; border-radius: var(--r-md); padding: 10px 12px; font-size: 15px; border: 1px solid transparent; }
.alert.bad { background: var(--bad-bg); color: var(--bad); border-color: color-mix(in srgb, var(--bad) 35%, transparent); }
.alert.warn { background: var(--warn-bg); color: var(--warn); border-color: color-mix(in srgb, var(--warn) 35%, transparent); }
.alert.info { background: var(--info-bg); color: var(--info); border-color: color-mix(in srgb, var(--info) 35%, transparent); }
.alert b { color: inherit; }
.alert svg { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 1px; }
.tot { display: grid; grid-template-columns: 1fr auto; gap: 6px 16px; font-size: 15px; }
.tot .big { font-size: 20px; font-weight: 700; }
.muted { color: var(--muted); } .t2 { color: var(--text-2); }
.row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.stack { display: flex; flex-direction: column; gap: 10px; }
.phone { width: 360px; border-radius: 34px; border: 10px solid var(--frame); background: var(--surface); box-shadow: var(--shadow); overflow: hidden; flex: 0 0 auto; }
.sparks { width: 100%; height: auto; display: block; }
.sparks text { fill: var(--muted); font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; }


/* ── Okoszisztema-abra: 3x3 racs, a vonalak egy nyujtott SVG-ben a csomopontok mogott ── */
.eco { position: relative; display: grid; gap: 22px 28px; grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas: "a b c" "d e f" "g . h"; padding: 8px; }
.eco-lines { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.eco-lines line { stroke: color-mix(in srgb, var(--primary) 45%, var(--border)); stroke-width: 1.5; vector-effect: non-scaling-stroke; fill: none; }
.eco-lines line.eco-dash { stroke-dasharray: 5 5; stroke: var(--border-strong); }
.eco-n { position: relative; z-index: 1; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-xl); padding: 14px 16px; display: grid; grid-template-columns: 38px minmax(0, 1fr); column-gap: 12px; align-content: start; box-shadow: var(--widget-shadow); }
.eco-n > b { font-size: 17px; } .eco-n > small { grid-column: 2; color: var(--muted); font-size: 14px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.eco-k { grid-row: span 2; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; font-weight: 800; font-size: 14px; background: var(--surface-2); color: var(--text-2); }
.eco-n ul { grid-column: 1 / -1; margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 15px; color: var(--text-2); }
.eco-n li { display: flex; gap: 8px; } .eco-n li i { font-style: normal; color: var(--primary); font-weight: 700; width: 14px; flex: 0 0 auto; }
.eco-core { border: 2px solid var(--primary); background: radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 60%), var(--surface); }
.eco-core .eco-k { background: var(--primary); color: var(--on-primary); }
.eco-sup .eco-k { background: color-mix(in srgb, var(--ton-blue) 18%, transparent); color: var(--ton-blue); }
.eco-fin .eco-k { background: color-mix(in srgb, var(--ton-orange) 18%, transparent); color: var(--ton-orange); }
.eco-shop { background: color-mix(in srgb, var(--ton-green) 18%, transparent) !important; color: var(--ton-green) !important; }
@media (max-width: 860px) { .eco { grid-template-columns: minmax(0, 1fr); grid-template-areas: "e" "d" "f" "a" "h" "g" "c" "b"; } .eco-lines { display: none; } }

@media (max-width: 860px) {
  .intro, .sec-head { grid-template-columns: minmax(0, 1fr); }
  .flow { grid-template-columns: minmax(0, 1fr); }
  .flow > div { border-right: 0; border-bottom: 1px solid var(--border); }
  .flow > div:not(:last-child)::after { display: none; }
  .board { gap: 44px; padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
/* ── Marketing OS kiegeszitesek a Sales OS tervtabla alapjara ── */
:root { --sleep: #6E7A8A; --sleep-bg: #EEF1F4; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --sleep: #9AA6B6; --sleep-bg: #1E232A; } }
:root[data-theme="dark"] { --sleep: #9AA6B6; --sleep-bg: #1E232A; }

/* Funkcio-cimkek: verzio es kapcsolat szerint (a Sales OS-ben Brandocs/Uj/Supply volt) */
.fn.v1, .fn.v2, .fn.v3, .fn.x, .fn.z { color: var(--text); }
.fn.v1::before { content: 'V1 · '; color: var(--ok); font-weight: 600; }
.fn.v2::before { content: 'V2 · '; color: var(--info); font-weight: 600; }
.fn.v3::before { content: 'V3 · '; color: var(--ai); font-weight: 600; }
.fn.x::before { content: 'Aura · '; color: var(--primary); font-weight: 600; }
.fn.z::before { content: 'Alszik · '; color: var(--sleep); font-weight: 600; }
.fn.v1 { border-color: color-mix(in srgb, var(--ok) 40%, var(--border)); }
.fn.v2 { border-color: color-mix(in srgb, var(--info) 40%, var(--border)); }
.fn.v3 { border-color: color-mix(in srgb, var(--ai) 40%, var(--border)); }
.fn.x { border-color: color-mix(in srgb, var(--primary) 40%, var(--border)); }
.fn.z { border-style: dashed; color: var(--text-2); }

/* Verzio-jelvenyek a feluleten belul */
.ver { display: inline-flex; align-items: center; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; font-weight: 600; padding: 1px 6px; border-radius: 4px; white-space: nowrap; }
.ver.v1 { background: var(--ok-bg); color: var(--ok); } .ver.v2 { background: var(--info-bg); color: var(--info); }
.ver.v3 { background: var(--ai-bg); color: var(--ai); } .ver.zz { background: var(--sleep-bg); color: var(--sleep); }
.ver.use { background: var(--surface-3); color: var(--text-2); }

/* Modul-allapot: aktiv / alszik / ki */
.mst { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 600; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.mst::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.mst.on { background: var(--ok-bg); color: var(--ok); } .mst.zz { background: var(--sleep-bg); color: var(--sleep); } .mst.off { background: var(--surface-3); color: var(--muted); }

/* Oldalsav: alvo modulok halvanyan */
.nav.zz { color: var(--muted); opacity: .7; }
.nav.zz .cnt { font-family: var(--font-ui); font-size: 13px; }

/* Fejlec: egy mondatos brief mezo es a leallito gomb */
.brief { flex: 1; max-width: 560px; height: 36px; border: 1.5px solid color-mix(in srgb, var(--primary) 45%, var(--border)); border-radius: 999px; background: var(--surface); display: flex; align-items: center; gap: 8px; padding: 0 6px 0 14px; color: var(--text-2); font-size: 15px; box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 8%, transparent); min-width: 0; }
.brief .spark { color: var(--primary); font-weight: 700; }
.brief .txt { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brief .mic { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; color: var(--text-2); background: var(--surface-2); flex: 0 0 auto; }
.brief .mic svg { width: 14px; height: 14px; }
.brief .go { height: 26px; padding: 0 10px; border-radius: 999px; background: var(--primary); color: var(--on-primary); font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.kill { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 11px; border-radius: var(--r-md); font-size: 14px; font-weight: 700; color: var(--bad); background: var(--bad-bg); border: 1px solid color-mix(in srgb, var(--bad) 35%, transparent); white-space: nowrap; }
.kill svg { width: 15px; height: 15px; }
.crumb { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 14px; color: var(--muted); }

/* Bizonyossagi jel a penzugyi szamok mellett */
.conf { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: var(--text-2); white-space: nowrap; }
.conf i { display: inline-flex; gap: 2px; } .conf i b { width: 4px; height: 10px; border-radius: 1px; background: var(--border-strong); }
.conf.mid i b:nth-child(-n+2) { background: var(--warn); } .conf.hi i b { background: var(--ok); } .conf.lo i b:first-child { background: var(--bad); }

/* Pelda-adat jelzes */
.ex { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; letter-spacing: .4px; text-transform: uppercase; font-weight: 700; color: var(--muted); border: 1px dashed var(--border-strong); border-radius: 4px; padding: 1px 6px; white-space: nowrap; }

/* Az app-hej nagyobb oldalsavval, mert a Marketing OS-ben tobb modul van */
.mk .app { grid-template-columns: 224px minmax(0, 1fr); }
.mk .top { gap: 10px; }

/* Utolagos igazitasok a renderelt lap alapjan */
#s-3 .ma-nf { flex-wrap: wrap; white-space: normal; }
#s-3 .ma-node { overflow-wrap: anywhere; }
#s-5 .mb-w4 dd, #s-5 .mb-cfi { min-width: 0; overflow-wrap: anywhere; }
#s-7 .mc-lane { min-width: 0; } #s-7 .mc-lane-f { white-space: normal; flex-wrap: wrap; }
#s-12 .card, #s-12 .card-h { min-width: 0; } #s-12 .card-h { flex-wrap: wrap; }

/* ── Marketing OS rendszerszinek (Peter, 2026-10-08) ──
   Alap: magenta #3B032F. A rendszeren beluli feluleteken (.mk keret, telefonok) a narancs helyett egy
   magenta skala dolgozik (allapotszint nem visz). A tervtabla kulso
   reszei (bevezeto, magyarazatok) maradnak a kozos tokeneken. */
:root {
  --mk-deep: #3B032F; --mk-g1: #F0509F; --mk-g2: #B0127F; --mk-g3: #3B032F;
  --mk-primary: #A3157A; --mk-primary-h: #3B032F; --mk-subtle: #FBE8F4; --mk-on: #FFFFFF;
  --mk-side: linear-gradient(180deg, #FCEEF7 0%, #FFFFFF 38%);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --mk-deep: #F5A3D6; --mk-g1: #FF8CC8; --mk-g2: #E0479F; --mk-g3: #9C1C7E;
  --mk-primary: #F06AB8; --mk-primary-h: #F79BD0; --mk-subtle: #3A1231; --mk-on: #2A0220;
  --mk-side: linear-gradient(180deg, #2E1428 0%, #211D1A 40%);
} }
:root[data-theme="dark"] {
  --mk-deep: #F5A3D6; --mk-g1: #FF8CC8; --mk-g2: #E0479F; --mk-g3: #9C1C7E;
  --mk-primary: #F06AB8; --mk-primary-h: #F79BD0; --mk-subtle: #3A1231; --mk-on: #2A0220;
  --mk-side: linear-gradient(180deg, #2E1428 0%, #211D1A 40%);
}
/* A rendszer belsejeben a narancs tokenek magentara valtanak, igy minden komponens kovet. */
.mk, #s-14 .phone {
  --primary: var(--mk-primary); --primary-hover: var(--mk-primary-h); --primary-subtle: var(--mk-subtle); --on-primary: var(--mk-on);
}
.mk-grad { background: linear-gradient(135deg, var(--mk-g1) 0%, var(--mk-g2) 50%, var(--mk-g3) 100%); }
/* Logo: az OS-kozpont hangszoro-ikonja, magenta atmenettel */
.logo:has(.mk-logo) { background: var(--mk-subtle); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mk-g2) 25%, transparent); }
.logo svg.mk-logo { width: 76%; height: 76%; }
.eco-k svg.mk-logo { width: 26px; height: 26px; }
/* Oldalsav: halvany magenta derengés felul, aktiv menupont atmenetes jelolossal */
.mk .side { background: var(--mk-side); }
.mk .side .nav.on { background: var(--mk-subtle); color: var(--mk-deep); position: relative; }
.mk .side .nav.on::before { content: ''; position: absolute; left: -10px; top: 6px; bottom: 6px; width: 3px; border-radius: 0 3px 3px 0; background: linear-gradient(180deg, var(--mk-g1), var(--mk-g3)); }
.mk .side .nav.on .cnt { color: var(--mk-deep); }
.mk .side .nav .dot { background: linear-gradient(135deg, var(--mk-g1), var(--mk-g2)); color: #fff; }
.mk .side .nav-g:nth-of-type(2) > small, .mk .side .nav-g:nth-of-type(3) > small { background: linear-gradient(90deg, var(--mk-g2), var(--mk-g3)); -webkit-background-clip: text; background-clip: text; color: transparent; }
/* Elsodleges gombok es a brief-mezo: magenta atmenet */
.mk .btn-p, #s-14 .phone .btn-p { background: linear-gradient(135deg, var(--mk-g1) 0%, var(--mk-g2) 55%, var(--mk-g3) 130%); color: #fff; box-shadow: 0 6px 16px -8px color-mix(in srgb, var(--mk-g2) 70%, transparent); }
.mk .brief { border: 1.5px solid transparent; background: linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(90deg, var(--mk-g1), var(--mk-g2) 60%, var(--mk-g3)) border-box; box-shadow: 0 0 0 4px color-mix(in srgb, var(--mk-g1) 10%, transparent); }
.mk .brief .spark { background: linear-gradient(135deg, var(--mk-g1), var(--mk-g2)); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 17px; }
.mk .brief .go { background: linear-gradient(135deg, var(--mk-g2), var(--mk-g3)); color: #fff; }
.mk .user .av { background: var(--surface-3); color: var(--text-2); }
/* KPI-csempek: a szines derengés a magenta csalad tonusait kapja */
.mk .kpi::after { background: linear-gradient(90deg, transparent, var(--ton), transparent); }
.mk .chip.on { border-color: var(--mk-g2); background: var(--mk-subtle); color: var(--mk-deep); }
.mk .page-h h3 { background: linear-gradient(90deg, var(--text) 55%, var(--mk-g2)); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Kepernyo 1-3 (Attekintes, Modulok es mag, Vaszon): ma- elotag */
.ma-pin { display: inline-grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 12px; font-weight: 700; flex: 0 0 auto; box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent); vertical-align: middle; }
.ma-i { width: 14px; height: 14px; vertical-align: -2px; }
.ma-sm { font-size: 14px; } .ma-xs { font-size: 13px; }
.ma-src { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; padding: 1px 6px; border-radius: 4px; background: var(--surface-3); color: var(--text-2); white-space: nowrap; }
.ma-src::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--ok); }
.ma-src.ma-fin::before { background: var(--ton-orange); } .ma-src.ma-sal::before { background: var(--ton-red); } .ma-src.ma-sup::before { background: var(--ton-blue); }

/* ── 1 · Attekintes ── */
.ma-day { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 0; border: 1px solid color-mix(in srgb, var(--ai) 30%, var(--border)); border-radius: var(--r-xl); overflow: hidden; background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--ai) 10%, transparent), transparent 60%), var(--surface); }
.ma-day > div { padding: 14px 16px; display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.ma-day > div + div { border-left: 1px solid var(--border); background: color-mix(in srgb, var(--surface-2) 60%, transparent); }
.ma-day-k { display: flex; align-items: center; gap: 8px; font-size: 13px; letter-spacing: .5px; text-transform: uppercase; font-weight: 700; color: var(--ai); }
.ma-day-k .muted { text-transform: none; letter-spacing: 0; font-weight: 500; }
.ma-day-s { font-size: 17px; font-weight: 600; line-height: 1.35; color: var(--text); margin: 0; text-wrap: pretty; }
.ma-do { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.ma-do > div { border: 1px solid var(--border); background: var(--surface); border-radius: var(--r-md); padding: 7px 9px; font-size: 14px; color: var(--text-2); display: flex; gap: 7px; align-items: flex-start; }
.ma-do b { color: var(--text); display: block; font-size: 14px; }
.ma-do .ma-n { flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: var(--ai-bg); color: var(--ai); font-size: 13px; font-weight: 700; display: grid; place-items: center; }
.ma-bq { font-size: 15px; color: var(--text); font-weight: 600; border-left: 3px solid var(--primary); padding: 2px 0 2px 10px; }
.ma-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
.ma-steps > div { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.ma-steps > div::before { content: ''; height: 4px; border-radius: 2px; background: var(--surface-3); }
.ma-steps > div.ma-isok { color: var(--ok); } .ma-steps > div.ma-isok::before { background: var(--ok); }
.ma-steps > div.ma-isnow { color: var(--primary); font-weight: 600; } .ma-steps > div.ma-isnow::before { background: linear-gradient(90deg, var(--primary) 66%, var(--surface-3) 66%); }
.ma-ov { display: grid; grid-template-columns: minmax(0, 1fr) 292px; gap: 16px; align-items: start; }
.ma-tb { position: relative; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ma-tb .ma-ttl { font-size: 17px; font-weight: 700; } .ma-tb .ma-r { margin-left: auto; display: flex; gap: 6px; align-items: center; }
.ma-voice { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px 0 4px; border-radius: 999px; background: var(--ai-bg); color: var(--ai); font-size: 14px; font-weight: 600; white-space: nowrap; }
.ma-voice .ma-mc { width: 20px; height: 20px; border-radius: 50%; background: var(--ai); color: var(--surface); display: grid; place-items: center; }
.ma-voice .ma-mc svg { width: 11px; height: 11px; }
.ma-pop { min-width: 0; box-shadow: var(--widget-shadow); }
.ma-pop .menu-i b { font-weight: 600; }
.ma-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ma-tile { --ton: var(--ton-orange); position: relative; border-radius: 16px; padding: 13px 15px 14px; display: flex; flex-direction: column; gap: 8px; min-width: 0;
  background: radial-gradient(140% 110% at 0% 0%, color-mix(in srgb, var(--ton) 12%, transparent) 0%, transparent 55%), linear-gradient(160deg, var(--surface-2) 0%, var(--surface) 75%);
  border: 1px solid color-mix(in srgb, var(--text) 9%, transparent); box-shadow: inset 0 1px 0 var(--hl), var(--widget-shadow); }
.ma-tile.ma-wide { grid-column: 1 / -1; }
.ma-tile.ma-tn-b { --ton: var(--ton-blue); } .ma-tile.ma-tn-g { --ton: var(--ton-green); } .ma-tile.ma-tn-r { --ton: var(--ton-red); } .ma-tile.ma-tn-p { --ton: var(--ton-purple); }
.ma-th { display: flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 600; color: var(--text-2); }
.ma-th .ma-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ton); box-shadow: 0 0 10px var(--ton); }
.ma-th .ma-r { margin-left: auto; display: flex; gap: 6px; align-items: center; color: var(--muted); }
.ma-grip { color: var(--muted); opacity: .8; }
.ma-big { font-size: 32px; font-weight: 750; letter-spacing: -.6px; line-height: 1; font-variant-numeric: tabular-nums; }
.ma-big small { font-size: 15px; color: var(--text-2); font-weight: 600; letter-spacing: 0; }
.ma-sent { font-size: 15px; color: var(--text-2); margin: 0; }
.ma-hero { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 18px; align-items: start; }
.ma-goal { position: relative; height: 8px; border-radius: 4px; background: var(--surface-3); margin-top: 4px; }
.ma-goal > i { position: absolute; inset: 0 auto 0 0; border-radius: 4px; background: linear-gradient(90deg, color-mix(in srgb, var(--ton) 60%, transparent), var(--ton)); }
.ma-goal > em { position: absolute; top: -3px; bottom: -3px; width: 2px; background: var(--text); border-radius: 1px; }
.ma-gl { display: flex; justify-content: space-between; font-size: 13px; color: var(--muted); font-family:var(--font-ui);font-variant-numeric:tabular-nums; margin-top: 3px; }
.ma-det { border-top: 1px dashed var(--border-strong); padding-top: 10px; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 14px; }
.ma-legs { display: flex; gap: 12px; flex-wrap: wrap; font-size: 13px; color: var(--text-2); margin-top: 4px; }
.ma-legs i { display: inline-block; width: 12px; height: 8px; border-radius: 2px; margin-right: 5px; vertical-align: 0; }
.ma-ch .ma-cline { fill: none; stroke: var(--ton-orange); stroke-width: 2.25; stroke-linejoin: round; stroke-linecap: round; }
.ma-ch .ma-cband { fill: var(--ton-orange); fill-opacity: .16; stroke: none; }
.ma-ch .ma-cfloor { fill: none; stroke: var(--ok); stroke-width: 1.5; stroke-dasharray: 4 3; }
.ma-ch .ma-cgrid { stroke: var(--border); stroke-width: 1; }
.ma-ch .ma-cgoal { stroke: var(--text-2); stroke-width: 1; stroke-dasharray: 2 3; }
.ma-ch .ma-cdot { fill: var(--ton-orange); stroke: var(--surface); stroke-width: 2.5; }
.ma-ch .ma-cfd { fill: var(--ok); stroke: var(--surface); stroke-width: 2; }
.ma-ch text { font-size: 15px; }
.ma-ch text.ma-strong { fill: var(--text); font-weight: 600; }
.ma-ch text.ma-ok { fill: var(--ok); }
.ma-kv { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 10px; font-size: 14px; align-content: start; }
.ma-kv > span { color: var(--text-2); } .ma-kv > b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 14px; text-align: right; white-space: nowrap; }
.ma-kv .ma-hr { grid-column: 1 / -1; height: 1px; background: var(--border); margin: 2px 0; }
.ma-mini { display: grid; grid-template-columns: minmax(0, 1fr) 90px 18px; gap: 5px 8px; align-items: center; font-size: 14px; }
.ma-mini > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-2); }
.ma-mini > b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; text-align: right; font-size: 14px; }
.ma-mini .bar { min-width: 0; height: 5px; } .ma-mini .bar > i { background: var(--ton); }
.ma-cap { font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); font-weight: 600; margin-bottom: 4px; }
.ma-fun { display: grid; grid-template-columns: 82px minmax(0, 1fr) 26px; gap: 6px 8px; align-items: center; font-size: 14px; }
.ma-fun > span { color: var(--text-2); white-space: nowrap; }
.ma-fun > b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; text-align: right; }
.ma-fun .ma-fb { height: 14px; border-radius: 4px; background: var(--surface-3); overflow: hidden; }
.ma-fun .ma-fb > i { display: block; height: 100%; border-radius: 4px; background: color-mix(in srgb, var(--ton) 75%, transparent); }
.ma-stuck { display: flex; gap: 8px; align-items: center; font-size: 14px; color: var(--warn); background: var(--warn-bg); border-radius: var(--r-md); padding: 6px 8px; }
.ma-stuck b { color: var(--warn); }
.ma-rl { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 7px 9px; align-items: start; font-size: 14px; }
.ma-rl > span:nth-child(odd) { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; padding: 2px 0; border-radius: 4px; text-align: center; }
.ma-rl .ma-push { background: var(--ok-bg); color: var(--ok); } .ma-rl .ma-exc { background: var(--bad-bg); color: var(--bad); } .ma-rl .ma-back { background: var(--info-bg); color: var(--info); }
.ma-rl b { color: var(--text); } .ma-rl > span:nth-child(even) { color: var(--text-2); }
.ma-st4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.ma-mk { display: flex; height: 10px; border-radius: 5px; overflow: hidden; gap: 2px; }
.ma-mk i { display: block; height: 100%; background: var(--ton); }
.ma-mk i:nth-child(2) { opacity: .75; } .ma-mk i:nth-child(3) { opacity: .55; } .ma-mk i:nth-child(4) { opacity: .4; } .ma-mk i:nth-child(5) { opacity: .28; }
.ma-mkl { display: flex; justify-content: space-between; font-size: 13px; color: var(--text-2); font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.ma-mkl b { color: var(--text); }
.ma-st4 > div { background: color-mix(in srgb, var(--surface) 70%, transparent); border: 1px solid var(--border); border-radius: var(--r-md); padding: 6px 8px; display: flex; flex-direction: column; }
.ma-st4 b { font-size: 17px; font-variant-numeric: tabular-nums; } .ma-st4 span { font-size: 13px; color: var(--muted); }
.ma-next { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--text-2); }
.ma-next b { color: var(--text); }
.ma-sug { display: flex; gap: 9px; align-items: center; background: var(--ai-bg); color: var(--ai); border-radius: var(--r-md); padding: 7px 9px; font-size: 14px; }
.ma-sug > div { flex: 1; min-width: 0; } .ma-sug b { color: var(--ai); }
.ma-add { grid-column: 1 / -1; border: 1.5px dashed var(--border-strong); border-radius: 16px; padding: 12px 14px; display: grid; grid-template-columns: minmax(0, 1fr) 280px; align-items: center; gap: 16px; font-size: 15px; color: var(--muted); }
.ma-add b { color: var(--text-2); }
.ma-rail { display: flex; flex-direction: column; gap: 12px; }
.ma-sg-h { font-size: 13px; letter-spacing: .6px; text-transform: uppercase; font-weight: 700; color: var(--muted); padding: 8px 12px 4px; display: flex; gap: 6px; align-items: center; }
.ma-sg-h .ma-isbad, .ma-sg-h .ma-iswarn { width: 7px; height: 7px; border-radius: 50%; }
.ma-sg-h .ma-isbad { background: var(--bad); } .ma-sg-h .ma-iswarn { background: var(--warn); }
.ma-sg { display: grid; grid-template-columns: 3px minmax(0, 1fr); gap: 9px; padding: 7px 12px; font-size: 14px; }
.ma-sg::before { content: ''; border-radius: 2px; background: var(--border-strong); }
.ma-sg.ma-isbad::before { background: var(--bad); } .ma-sg.ma-iswarn::before { background: var(--warn); } .ma-sg.ma-isok::before { background: var(--ok); } .ma-sg.ma-isdone::before { background: var(--muted); }
.ma-sg b { display: block; font-size: 14px; } .ma-sg span { color: var(--text-2); font-size: 14px; display: block; }
.ma-sg .row { margin-top: 5px; gap: 5px; }
.ma-sg.ma-isbad { background: color-mix(in srgb, var(--bad-bg) 70%, transparent); }
.ma-cf { padding: 9px 12px; font-size: 13px; color: var(--muted); border-top: 1px solid var(--border); display: flex; gap: 6px; align-items: center; }
.ma-gi { padding: 9px 12px; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: 5px; font-size: 14px; }
.ma-gi:last-of-type { border-bottom: 0; }
.ma-gi .ma-gt { display: flex; gap: 6px; align-items: baseline; } .ma-gi .ma-gt b { flex: 1; min-width: 0; } .ma-gi .ma-gt .num { font-size: 14px; color: var(--text-2); }
.ma-gi .ma-gx { font-size: 13px; color: var(--text-2); }
.ma-gi .ma-gx em { font-style: normal; color: var(--ai); font-weight: 600; }

/* ── 2 · Modulok es mag ── */
.ma-sugbar { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr); gap: 0; border: 1px solid color-mix(in srgb, var(--ai) 35%, var(--border)); border-radius: var(--r-lg); background: color-mix(in srgb, var(--ai-bg) 55%, var(--surface)); overflow: hidden; }
.ma-sugbar > div { padding: 10px 14px; display: flex; gap: 10px; align-items: center; font-size: 15px; min-width: 0; }
.ma-sugbar > div + div { border-left: 1px solid color-mix(in srgb, var(--ai) 22%, var(--border)); }
.ma-sugbar .ma-sk { font-size: 13px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--ai); white-space: nowrap; }
.ma-sugbar .ma-sx { flex: 1; min-width: 0; color: var(--text-2); } .ma-sugbar .ma-sx b { color: var(--text); display: block; }
.ma-sugbar .ma-sico { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; flex: 0 0 auto; background: var(--sleep-bg); color: var(--sleep); }
.ma-sugbar .ma-sico.ma-wk { background: var(--warn-bg); color: var(--warn); }
.ma-core { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.ma-cm { position: relative; border: 1px solid var(--border); border-radius: var(--r-lg); padding: 11px 12px 12px; background: linear-gradient(170deg, color-mix(in srgb, var(--primary) 6%, var(--surface)), var(--surface) 60%); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ma-cm::before { content: ''; position: absolute; left: 12px; right: 12px; top: -1px; height: 2px; border-radius: 2px; background: var(--primary); opacity: .7; }
.ma-cmh { display: flex; align-items: center; gap: 8px; }
.ma-cmh .ma-ci { width: 28px; height: 28px; border-radius: 8px; background: var(--primary-subtle); color: var(--primary); display: grid; place-items: center; flex: 0 0 auto; }
.ma-cmh .ma-ci svg { width: 15px; height: 15px; }
.ma-cmh b { font-size: 15px; flex: 1; min-width: 0; }
.ma-lock { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; font-weight: 700; color: var(--ok); white-space: nowrap; }
.ma-lock svg { width: 11px !important; height: 11px !important; }
.ma-cmv { font-size: 24px; font-weight: 700; letter-spacing: -.4px; font-variant-numeric: tabular-nums; line-height: 1.1; }
.ma-cmv small { font-size: 14px; font-weight: 600; color: var(--text-2); letter-spacing: 0; }
.ma-cm p { margin: 0; font-size: 14px; color: var(--text-2); }
.ma-cm .ma-cmf { margin-top: auto; display: flex; gap: 6px; flex-wrap: wrap; font-size: 13px; color: var(--muted); font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.ma-stsel { display: inline-flex; border: 1px solid var(--border); border-radius: 999px; padding: 2px; gap: 1px; background: var(--surface-2); }
.ma-stsel span { font-size: 13px; font-weight: 600; padding: 2px 8px; border-radius: 999px; color: var(--muted); white-space: nowrap; }
.ma-stsel span.on.ma-sa { background: var(--ok-bg); color: var(--ok); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ok) 35%, transparent); }
.ma-stsel span.on.ma-sz { background: var(--sleep-bg); color: var(--sleep); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sleep) 40%, transparent); }
.ma-stsel span.on.ma-so { background: var(--surface-3); color: var(--text-2); box-shadow: inset 0 0 0 1px var(--border-strong); }
#s-2 .tbl td { padding: 8px 10px; }
.ma-mod { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ma-mod .ma-mi { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; flex: 0 0 auto; background: var(--primary-subtle); color: var(--primary); }
.ma-mod b { display: block; font-size: 15px; } .ma-mod span { display: block; font-size: 13px; color: var(--muted); }
tr.ma-zz td { background: color-mix(in srgb, var(--sleep-bg) 55%, transparent); }
tr.ma-zz .ma-mi { background: var(--sleep-bg); color: var(--sleep); }
tr.ma-zz .ma-mod b { color: var(--text-2); }
tr.ma-off td { background: var(--surface-2); } tr.ma-off .ma-mi { background: var(--surface-3); color: var(--muted); } tr.ma-off .ma-mod b { color: var(--muted); text-decoration: line-through; text-decoration-color: var(--border-strong); }
.ma-subs { display: flex; gap: 4px; flex-wrap: wrap; }
.ma-sub { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; padding: 1px 6px; border-radius: 4px; border: 1px solid var(--border); color: var(--text-2); white-space: nowrap; background: var(--surface); }
.ma-sub.on::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--ok); }
.ma-sub.ma-wk { border-color: color-mix(in srgb, var(--warn) 45%, var(--border)); color: var(--warn); background: var(--warn-bg); }
.ma-sub.ma-wk::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--warn); }
.ma-avs { display: flex; } .ma-avs .av { width: 22px; height: 22px; font-size: 11px; border: 2px solid var(--surface); margin-left: -6px; } .ma-avs .av:first-child { margin-left: 0; }
.ma-avs .av.ma-ag { background: var(--ai); } .ma-avs .av.ma-gu { background: var(--t-amber); }
.ma-when { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 14px; white-space: nowrap; } .ma-when.ma-wk { color: var(--warn); font-weight: 600; }
.ma-g21 { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.ma-acc { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 12px 14px 4px; }
.ma-acc > div { border: 1px solid var(--border); border-radius: var(--r-md); padding: 9px 11px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; color: var(--text-2); background: var(--surface-2); }
.ma-acc > div > b { color: var(--text); font-size: 15px; display: flex; align-items: center; gap: 6px; }
.ma-acc > div.ma-v3 { border-style: dashed; background: var(--surface); }
.ma-acc .bar { height: 5px; margin-top: 2px; }
.ma-perm th:not(:first-child), .ma-perm td:not(:first-child) { text-align: center; }
.ma-perm td { font-size: 14px; }
#s-2 .ma-perm td, #s-2 .ma-perm th { padding: 7px 6px; }
.ma-perm .ma-ro, .ma-perm .ma-c1 { white-space: normal; text-align: center; line-height: 1.3; }
.ma-perm td:first-child { color: var(--text); font-weight: 500; }
.ma-y { color: var(--ok); font-weight: 700; } .ma-no { color: var(--muted); }
.ma-c1 { display: inline-flex; font-size: 11px; font-weight: 600; padding: 1px 6px; border-radius: 4px; background: var(--warn-bg); color: var(--warn); white-space: nowrap; }
.ma-ro { display: inline-flex; font-size: 13px; padding: 1px 6px; border-radius: 4px; background: var(--surface-3); color: var(--text-2); white-space: nowrap; }
.ma-perm th small { display: block; text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--muted); font-size: 13px; }
.ma-sleep { display: flex; flex-direction: column; gap: 10px; }
.ma-ghostnav { border: 1px dashed var(--border-strong); border-radius: var(--r-md); padding: 6px; display: flex; flex-direction: column; gap: 2px; background: var(--surface-2); }
.ma-ghostnav .nav { padding: 5px 8px; font-size: 14px; }
.ma-ghostnav .nav.ma-gone { opacity: .45; text-decoration: line-through; text-decoration-color: var(--border-strong); }
.ma-keep { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 6px 8px; font-size: 14px; align-items: center; }
.ma-keep svg { color: var(--ok); width: 14px !important; height: 14px !important; }
.ma-keep b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 14px; } .ma-keep span { color: var(--text-2); }
.ma-cmd { display: flex; align-items: center; gap: 8px; border: 1.5px solid color-mix(in srgb, var(--ai) 45%, var(--border)); border-radius: 999px; padding: 4px 6px 4px 12px; font-size: 15px; color: var(--text); background: var(--surface); }
.ma-cmd .ma-mc { margin-left: auto; width: 24px; height: 24px; border-radius: 50%; background: var(--ai); color: var(--surface); display: grid; place-items: center; }
.ma-cmd .ma-mc svg { width: 12px; height: 12px; }
.ma-find { height: 34px; min-width: 300px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--surface); display: flex; align-items: center; gap: 8px; padding: 0 10px; font-size: 15px; color: var(--text-2); }
.ma-find kbd { margin-left: auto; font-family: var(--font-mono); font-size: 13px; border: 1px solid var(--border); border-radius: 4px; padding: 1px 5px; color: var(--muted); }

/* ── 3 · Vaszon ── */
#s-3 .frame { min-width: 1280px; }
.ma-cv { position: relative; height: 580px; border: 1px solid var(--border); border-radius: var(--r-lg); overflow: hidden; background-color: var(--surface-2); background-image: radial-gradient(circle, var(--border-strong) 1px, transparent 1.4px); background-size: 18px 18px; }
.ma-wires { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; pointer-events: none; overflow: visible; }
.ma-wires .ma-wr { fill: none; stroke: var(--primary); stroke-width: 2; }
.ma-wires .ma-wb { fill: none; stroke: var(--primary); stroke-width: 1.75; stroke-dasharray: 6 5; }
.ma-wires .ma-wg { fill: none; stroke: var(--border-strong); stroke-width: 1.5; stroke-dasharray: 3 5; }
.ma-wires .ma-ahp { fill: var(--primary); } .ma-wires .ma-ahgp { fill: var(--border-strong); }
.ma-wires .ma-wl { fill: var(--surface); stroke: color-mix(in srgb, var(--primary) 40%, var(--border)); }
.ma-wires text { font-family: var(--font-ui); font-size: 10.5px; font-weight: 600; fill: var(--primary); }
.ma-wires text.ma-gx2 { fill: var(--muted); font-weight: 500; }
.ma-node { position: absolute; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--widget-shadow); padding: 9px 10px 10px; display: flex; flex-direction: column; gap: 6px; font-size: 12px; }
.ma-nh { display: flex; align-items: center; gap: 6px; font-size: 11px; letter-spacing: .5px; text-transform: uppercase; font-weight: 700; color: var(--muted); }
.ma-nh .ma-r { margin-left: auto; display: flex; gap: 4px; align-items: center; text-transform: none; letter-spacing: 0; }
.ma-nh svg { width: 13px !important; height: 13px !important; }
.ma-node.ma-sel { border: 2px solid var(--primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent), var(--widget-shadow); }
.ma-hd { position: absolute; width: 8px; height: 8px; background: var(--surface); border: 2px solid var(--primary); border-radius: 2px; }
.ma-hd.ma-h1 { left: -5px; top: -5px; } .ma-hd.ma-h2 { right: -5px; top: -5px; } .ma-hd.ma-h3 { left: -5px; bottom: -5px; } .ma-hd.ma-h4 { right: -5px; bottom: -5px; }
.ma-port { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--surface); border: 2px solid var(--primary); top: 50%; margin-top: -5px; }
.ma-port.ma-pr { right: -6px; } .ma-port.ma-pl { left: -6px; }
.ma-shot { position: relative; align-self: center; width: 104px; height: 130px; border-radius: 8px; overflow: hidden; background: linear-gradient(170deg, color-mix(in srgb, var(--ton-blue) 14%, var(--surface-2)), var(--surface-3)); border: 1px solid var(--border); }
.ma-shot svg { width: 104px !important; height: 130px !important; display: block; }
.ma-shot .ma-jar { fill: var(--surface); stroke: var(--border-strong); stroke-width: 1.2; }
.ma-shot .ma-lid { fill: var(--text); }
.ma-shot .ma-lab { fill: var(--primary); }
.ma-shot .ma-labt { fill: var(--on-primary); font-family: var(--font-ui); font-weight: 800; font-size: 8px; letter-spacing: .5px; }
.ma-shot .ma-labs { fill: var(--on-primary); font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 6.5px; }
.ma-shot .ma-sh { fill: var(--text); opacity: .12; }
.ma-shot .ma-las { fill: color-mix(in srgb, var(--ai) 12%, transparent); stroke: var(--ai); stroke-width: 1.5; stroke-dasharray: 4 3; }
.ma-copy { font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--text); }
.ma-okc { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; color: var(--ok); background: var(--ok-bg); border-radius: 4px; padding: 1px 6px; align-self: flex-start; }
.ma-nf { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--muted); font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.ma-nf .ma-r { margin-left: auto; display: flex; gap: 3px; }
.ma-nb { width: 22px; height: 22px; border-radius: 6px; border: 1px solid var(--border); display: grid; place-items: center; color: var(--text-2); background: var(--surface); }
.ma-nb svg { width: 12px !important; height: 12px !important; }
.ma-junc { position: absolute; display: flex; align-items: center; justify-content: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: 999px; background: var(--primary); color: var(--on-primary); font-size: 12px; font-weight: 700; box-shadow: var(--widget-shadow); white-space: nowrap; }
.ma-junc svg { width: 13px !important; height: 13px !important; }
.ma-ch2 { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 5px 7px; align-items: center; font-size: 12px; }
.ma-ch2 .ma-cic { width: 18px; height: 18px; border-radius: 5px; display: grid; place-items: center; font-size: 11px; font-weight: 800; color: var(--surface); }
.ma-ch2 span.t2 { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 11px; text-align: right; white-space: nowrap; }
.ma-seg2 { display: flex; flex-direction: column; gap: 3px; font-size: 12px; }
.ma-seg2 b { font-size: 13px; }
.ma-branch { position: absolute; border: 1.5px dashed var(--primary); border-radius: 12px; background: color-mix(in srgb, var(--primary-subtle) 70%, transparent); padding: 9px 10px; display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--text-2); }
.ma-branch b { color: var(--primary); font-size: 13px; display: flex; align-items: center; gap: 5px; }
.ma-ghost { position: absolute; border: 1.5px dashed var(--border-strong); border-radius: 12px; background: color-mix(in srgb, var(--surface) 55%, transparent); padding: 9px 10px; display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--muted); }
.ma-ghost b { color: var(--text-2); font-size: 12px; display: flex; align-items: center; gap: 5px; }
.ma-ghost .ma-rtl { direction: rtl; text-align: right; font-size: 13px; color: var(--text-2); border-right: 2px solid var(--border-strong); padding-right: 6px; }
.ma-ghost .ma-gact { display: flex; gap: 6px; align-items: center; font-size: 11px; font-weight: 600; color: var(--primary); margin-top: 2px; }
.ma-ghost .ma-gact span + span { color: var(--muted); font-weight: 500; }
.ma-bub { position: absolute; background: var(--ai); color: var(--surface); border-radius: 10px 10px 10px 2px; padding: 6px 9px; font-size: 12px; line-height: 1.35; box-shadow: var(--widget-shadow); max-width: 160px; }
.ma-bub small { display: block; opacity: .85; font-size: 11px; }
.ma-pal { position: absolute; left: 12px; top: 12px; bottom: 12px; width: 164px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--widget-shadow); padding: 8px; display: flex; flex-direction: column; gap: 3px; overflow: hidden; }
.ma-pal .ma-ph { font-size: 11px; letter-spacing: .6px; text-transform: uppercase; color: var(--muted); font-weight: 700; padding: 6px 4px 2px; display: flex; align-items: center; gap: 5px; }
.ma-pal .ma-ph em { font-style: normal; margin-left: auto; font-family:var(--font-ui);font-variant-numeric:tabular-nums; letter-spacing: 0; }
.ma-pi { display: flex; align-items: center; gap: 7px; padding: 4px 6px; border-radius: 7px; font-size: 12px; color: var(--text); border: 1px solid transparent; }
.ma-pi .ma-pg { color: var(--muted); opacity: .7; } .ma-pi .ma-pg svg { width: 11px !important; height: 11px !important; }
.ma-pi .ma-pic { width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; background: var(--surface-2); color: var(--text-2); flex: 0 0 auto; }
.ma-pi .ma-pic svg { width: 12px !important; height: 12px !important; }
.ma-pi small { margin-left: auto; font-size: 11px; color: var(--muted); font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.ma-pi.ma-drag { border-color: var(--primary); background: var(--primary-subtle); box-shadow: var(--widget-shadow); transform: translateX(6px) rotate(-1.5deg); }
.ma-pi.ma-pzz { opacity: .5; }
.ma-pal .ma-psr { height: 28px; border: 1px solid var(--border); border-radius: 7px; display: flex; align-items: center; gap: 6px; padding: 0 8px; font-size: 12px; color: var(--muted); background: var(--surface-2); margin-bottom: 2px; }
.ma-pal .ma-psr svg { width: 12px !important; height: 12px !important; }
.ma-props { position: absolute; right: 12px; top: 12px; bottom: 12px; width: 244px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--widget-shadow); display: flex; flex-direction: column; overflow: hidden; font-size: 14px; }
.ma-props > div { padding: 9px 12px; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: 6px; }
.ma-props > div:last-child { border-bottom: 0; margin-top: auto; }
.ma-props .ma-pk { font-size: 12px; letter-spacing: .6px; text-transform: uppercase; color: var(--muted); font-weight: 700; display: flex; align-items: center; gap: 6px; }
.ma-props .ma-pk .ma-r { margin-left: auto; text-transform: none; letter-spacing: 0; }
.ma-props .input { height: 28px; font-size: 14px; }
.ma-qc { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 3px 6px; font-size: 14px; align-items: start; }
.ma-qc svg { width: 14px !important; height: 14px !important; color: var(--ok); margin-top: 1px; }
.ma-qc span { color: var(--text-2); } .ma-qc code { font-family: var(--font-mono); font-size: 13px; color: var(--text); background: var(--surface-2); border-radius: 3px; padding: 0 4px; }
.ma-vh { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.ma-vh > div { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 6px; align-items: center; color: var(--text-2); }
.ma-vh > div.on { color: var(--text); font-weight: 600; }
.ma-vh time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.ma-tools { position: absolute; left: 50%; top: 12px; transform: translateX(-118px); display: flex; gap: 2px; align-items: center; padding: 3px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; box-shadow: var(--widget-shadow); }
.ma-tools span { width: 28px; height: 26px; border-radius: 7px; display: grid; place-items: center; color: var(--text-2); }
.ma-tools span svg { width: 14px !important; height: 14px !important; }
.ma-tools span.on { background: var(--ai-bg); color: var(--ai); }
.ma-tools i { width: 1px; height: 18px; background: var(--border); margin: 0 3px; }
.ma-tools b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 11px; color: var(--text-2); padding: 0 6px; font-weight: 600; }
.ma-say { position: absolute; left: 196px; bottom: 14px; display: flex; align-items: center; gap: 9px; height: 38px; padding: 0 6px 0 6px; border-radius: 999px; background: var(--surface); border: 1.5px solid color-mix(in srgb, var(--ai) 50%, var(--border)); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ai) 10%, transparent), var(--widget-shadow); font-size: 13px; }
.ma-say .ma-mc { width: 28px; height: 28px; border-radius: 50%; background: var(--ai); color: var(--surface); display: grid; place-items: center; }
.ma-say .ma-mc svg { width: 14px !important; height: 14px !important; }
.ma-say .ma-wave { display: flex; gap: 2px; align-items: center; height: 16px; }
.ma-say .ma-wave i { width: 2px; border-radius: 1px; background: var(--ai); }
.ma-say em { font-style: normal; color: var(--muted); font-size: 11px; padding-right: 8px; }
.ma-tlc .ma-lane { font-family: var(--font-ui); font-size: 13px; fill: var(--text-2); font-weight: 600; }
.ma-tlc .ma-we { fill: var(--surface-2); }
.ma-tlc .ma-gl2 { stroke: var(--border); stroke-width: 1; }
.ma-tlc .ma-camp { fill: var(--primary-subtle); stroke: var(--primary); stroke-width: 1.5; }
.ma-tlc .ma-meta { fill: color-mix(in srgb, var(--ton-blue) 22%, transparent); stroke: var(--ton-blue); stroke-width: 1; }
.ma-tlc .ma-pt { fill: var(--primary); stroke: var(--surface); stroke-width: 2; }
.ma-tlc .ma-pt2 { fill: var(--ok); stroke: var(--surface); stroke-width: 2; }
.ma-tlc .ma-pto { fill: var(--muted); stroke: var(--surface); stroke-width: 2; }
.ma-tlc .ma-gh { fill: none; stroke: var(--border-strong); stroke-width: 1.5; stroke-dasharray: 4 4; }
.ma-tlc .ma-ghd { fill: var(--surface); stroke: var(--border-strong); stroke-width: 1.5; stroke-dasharray: 2 2; }
.ma-tlc .ma-today { stroke: var(--bad); stroke-width: 1.5; }
.ma-tlc .ma-tdb { fill: var(--bad); }
.ma-tlc text.ma-w { fill: var(--on-primary); font-family: var(--font-ui); font-weight: 700; }
.ma-tlc text.ma-p { fill: var(--primary); font-family: var(--font-ui); font-weight: 700; }
.ma-tlc text.ma-t { fill: var(--text); font-family: var(--font-ui); }
.ma-tlc text.ma-g { fill: var(--muted); font-family: var(--font-ui); font-style: italic; }
.ma-tlc text.ma-wt { fill: var(--surface); font-family: var(--font-ui); font-weight: 700; }


/* ── frames-b: Képernyő 4–6 (Kreatív és beavatkozás · Kimenő sor · Hirdetésvezérlés) · saját előtag: mb- ── */
/* Közös apróságok */
.mb-k { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 13px; font-weight: 700; flex: 0 0 auto; box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent); vertical-align: middle; font-style: normal; }
.mb-n { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 5px; background: var(--ai-bg); color: var(--ai); font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; font-weight: 700; flex: 0 0 auto; }
.mb-lv { display: flex; align-items: center; gap: 6px; font-size: 13px; letter-spacing: .6px; text-transform: uppercase; font-weight: 700; color: var(--muted); }
.mb-lv b { color: var(--text); letter-spacing: 0; text-transform: none; font-size: 15px; }
.mb-hint { font-size: 14px; color: var(--muted); }
.mb-cols { display: grid; grid-template-columns: minmax(0, 1fr) 372px; gap: 16px; align-items: start; }
.mb-kv { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 5px 12px; font-size: 14px; margin: 0; }
.mb-kv dt { color: var(--muted); white-space: nowrap; } .mb-kv dd { margin: 0; min-width: 0; }
.mb-ibs { display: inline-flex; gap: 4px; }
.mb-ib { width: 28px; height: 28px; border-radius: var(--r-md); border: 1px solid var(--border); background: var(--surface); color: var(--text-2); display: inline-grid; place-items: center; }
.mb-ib svg { width: 14px; height: 14px; }
.mb-ok { color: var(--ok); } .mb-bad { color: var(--bad); } .mb-warn { color: var(--warn); }
.mb-ref { display: inline-flex; align-items: center; gap: 5px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--info); background: var(--info-bg); border-radius: 4px; padding: 1px 6px; white-space: nowrap; }
.mb-ref svg { width: 11px; height: 11px; }
.mb-btn-bad { background: var(--bad); color: var(--inverse); }
.mb-sub { font-size: 13px; letter-spacing: .6px; text-transform: uppercase; font-weight: 700; color: var(--muted); }

/* ── Képernyő 4: kreatív-előnézet ── */
#s-4 .mb-pv { display: grid; grid-template-columns: 316px minmax(0, 1fr); gap: 18px; align-items: start; }
.mb-post { border: 1px solid var(--border); border-radius: var(--r-lg); background: var(--surface); overflow: hidden; box-shadow: var(--widget-shadow); font-size: 13.5px; }
.mb-post-h { display: flex; align-items: center; gap: 8px; padding: 8px 10px; }
.mb-post-h b { display: block; font-size: 14px; } .mb-post-h span { display: block; font-size: 12.5px; color: var(--muted); }
.mb-post-h .mb-dots { margin-left: auto; color: var(--muted); font-weight: 700; letter-spacing: 1px; }
.mb-pg { width: 28px; height: 28px; border-radius: 50%; background: var(--primary); color: var(--on-primary); display: grid; place-items: center; font-weight: 800; font-size: 14px; flex: 0 0 auto; }
.mb-post-x { padding: 0 10px 8px; color: var(--text); line-height: 1.4; }
.mb-ad { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: linear-gradient(170deg, var(--t-blue) 0%, var(--t-purple) 64%, var(--t-red) 130%); color: var(--t-ink); }
.mb-ad svg.mb-scene { position: absolute; inset: 0; width: 100%; height: 100%; }
.mb-scene .mb-sa { fill: color-mix(in srgb, var(--t-ink) 9%, transparent); }
.mb-scene .mb-sb { fill: color-mix(in srgb, var(--t-ink) 20%, transparent); }
.mb-scene .mb-sc { fill: color-mix(in srgb, var(--t-ink) 34%, transparent); }
.mb-scene .mb-sp { fill: none; stroke: color-mix(in srgb, var(--t-ink) 42%, transparent); stroke-width: 9; stroke-linecap: round; stroke-linejoin: round; }
.mb-scene .mb-tub { fill: var(--t-ink); } .mb-scene .mb-lid { fill: var(--t-orange); } .mb-scene .mb-lab { fill: var(--t-blue); }
.mb-scene .mb-tx { fill: var(--t-ink); font-family: var(--font-ui); font-weight: 800; }
.mb-scene .mb-tx2 { fill: var(--t-blue); font-family: var(--font-ui); font-weight: 800; }
.mb-ad-tag { position: absolute; left: 6%; top: 1.4%; font-size: 11.5px; font-weight: 700; background: var(--surface); color: var(--text); padding: 1px 6px; border-radius: 4px; display: inline-flex; gap: 4px; align-items: center; }
.mb-ad-tag svg { width: 10px; height: 10px; }
.mb-ad-t { position: absolute; left: 6%; top: 8%; font-size: 23.5px; font-weight: 800; letter-spacing: -.4px; line-height: 1.05; outline: 1.5px dashed color-mix(in srgb, var(--t-ink) 80%, transparent); outline-offset: 4px; border-radius: 2px; white-space: nowrap; }
.mb-caret { display: inline-block; width: 2px; height: 20px; background: var(--t-ink); margin-left: 2px; vertical-align: -3px; }
.mb-ad-s { position: absolute; left: 6%; top: 17%; font-size: 14.5px; font-weight: 600; }
.mb-ad-c { position: absolute; left: 6%; top: 24%; font-size: 12px; font-weight: 700; padding: 3px 8px; border-radius: 999px; background: var(--t-orange); color: var(--t-ink); }
.mb-ad-l { position: absolute; left: 6%; right: 6%; bottom: 2.4%; font-size: 10px; line-height: 1.3; }
.mb-lasso { position: absolute; right: 2%; top: 3%; width: 40%; height: 40%; border: 2px dashed var(--t-ink); border-radius: 46% 54% 42% 58% / 52% 44% 56% 48%; background: color-mix(in srgb, var(--t-ink) 8%, transparent); }
.mb-lasso .mb-n { position: absolute; left: 6px; top: -9px; background: var(--surface); }
.mb-ask { position: absolute; right: 3%; top: 46%; width: 55%; background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: var(--r-md); box-shadow: var(--shadow); padding: 7px; display: flex; flex-direction: column; gap: 5px; font-size: 13px; }
.mb-ask::before { content: ''; position: absolute; top: -6px; right: 32%; width: 10px; height: 10px; background: var(--surface); border-left: 1px solid var(--border); border-top: 1px solid var(--border); transform: rotate(45deg); }
.mb-ask b { font-size: 13px; }
.mb-ask .mb-askin { border: 1px solid var(--primary); border-radius: 5px; padding: 4px 6px; font-size: 13px; line-height: 1.3; }
.mb-ask .row { gap: 4px; flex-wrap: nowrap; }
.mb-ask .btn { height: 22px; padding: 0 7px; font-size: 13px; }
.mb-post-f { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: var(--surface-2); }
.mb-post-f small { display: block; font-size: 12px; color: var(--muted); letter-spacing: .3px; } .mb-post-f b { display: block; font-size: 14px; }
.mb-cta { margin-left: auto; font-size: 14px; font-weight: 700; padding: 5px 10px; border-radius: var(--r-sm); background: var(--surface-3); color: var(--text); white-space: nowrap; }
.mb-fld { display: flex; flex-direction: column; gap: 4px; }
.mb-fld > label { font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); font-weight: 600; display: flex; gap: 6px; }
.mb-fld > label span { margin-left: auto; font-family:var(--font-ui);font-variant-numeric:tabular-nums; text-transform: none; letter-spacing: 0; }
.mb-fld .input { font-size: 15px; }
.mb-fld .input.mb-focus { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent); }
.mb-ta { border: 1px solid var(--border); border-radius: var(--r-md); background: var(--surface); padding: 7px 10px; font-size: 15px; line-height: 1.45; color: var(--text); }
.mb-ta.mb-focus { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent); }
.mb-sel { border: 1px solid color-mix(in srgb, var(--ai) 40%, var(--border)); background: color-mix(in srgb, var(--ai-bg) 60%, var(--surface)); border-radius: var(--r-md); padding: 9px 10px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--text-2); }
.mb-sel b { color: var(--text); }

/* „Nem tetszik” sáv és a 3 új változat */
.mb-nope { border-top: 1px solid var(--border); padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 10px; background: color-mix(in srgb, var(--surface-2) 55%, var(--surface)); border-radius: 0 0 var(--r-lg) var(--r-lg); }
.mb-down { border-color: color-mix(in srgb, var(--bad) 45%, var(--border)); color: var(--bad); background: var(--bad-bg); }
.mb-why { flex: 1; min-width: 200px; }
.mb-why .mb-mic { margin-left: auto; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--primary); color: var(--on-primary); }
.mb-why .mb-mic svg { width: 12px; height: 12px; }
.mb-vars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.mb-var { border: 1px solid var(--border); border-radius: var(--r-md); background: var(--surface); padding: 8px; display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 10px; }
.mb-var.mb-pick { border: 2px solid var(--primary); padding: 7px; }
.mb-var b { font-size: 14px; display: block; } .mb-var p { margin: 2px 0 6px; font-size: 13px; color: var(--text-2); line-height: 1.35; }
.mb-var .row { gap: 4px; }
.mb-mini { width: 62px; aspect-ratio: 4 / 5; border-radius: 5px; position: relative; overflow: hidden; flex: 0 0 auto; background: linear-gradient(170deg, var(--t-blue), var(--t-purple)); }
.mb-mini::before { content: ''; position: absolute; left: 14%; bottom: 10%; width: 36%; height: 42%; border-radius: 3px; background: linear-gradient(var(--t-orange) 0 14%, var(--t-ink) 14% 34%, var(--t-blue) 34% 72%, var(--t-ink) 72%); }
.mb-mini::after { content: ''; position: absolute; left: 12%; top: 10%; width: 52%; height: 6%; border-radius: 2px; background: var(--t-ink); box-shadow: 0 7px 0 -1px color-mix(in srgb, var(--t-ink) 60%, transparent); }
.mb-mini i { position: absolute; right: 12%; top: 10%; width: 22%; height: 34%; border-radius: 40% 40% 20% 20%; background: color-mix(in srgb, var(--t-ink) 40%, transparent); }
.mb-mini u { position: absolute; right: 8%; bottom: 10%; width: 36%; height: 30%; border-radius: 2px; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--t-ink) 35%, transparent) 0 30%, transparent 30% 34%); }
.mb-mini.mb-va { background: linear-gradient(170deg, color-mix(in srgb, var(--t-blue) 52%, var(--t-ink)), color-mix(in srgb, var(--t-blue) 28%, var(--t-ink))); }
.mb-mini.mb-va::after { background: var(--t-blue); box-shadow: 0 7px 0 -1px color-mix(in srgb, var(--t-blue) 60%, transparent); }
.mb-mini.mb-vc { background: linear-gradient(170deg, var(--t-ink), color-mix(in srgb, var(--t-ink) 85%, var(--t-orange))); }
.mb-mini.mb-vc::before { left: 30%; width: 42%; height: 52%; }
.mb-mini.mb-vc::after { background: var(--t-blue); box-shadow: none; }
.mb-mini.mb-sm { width: 34px; border-radius: 4px; }

/* Verzió-idővonal */
.mb-vt { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mb-vn { position: relative; display: flex; flex-direction: column; gap: 6px; padding-right: 12px; font-size: 14px; color: var(--text-2); }
.mb-vn::before { content: ''; position: absolute; left: 0; right: 0; top: 8px; height: 2px; background: var(--border); }
.mb-vn:last-child::before { right: auto; width: 10px; }
.mb-vn .mb-dot { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--ok); background: var(--ok); position: relative; z-index: 1; }
.mb-vn.mb-cur .mb-dot { border-color: var(--primary); background: var(--primary-subtle); box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent); }
.mb-vn .row { flex-wrap: nowrap; gap: 8px; align-items: flex-start; }
.mb-vn b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; color: var(--text); font-size: 14px; } .mb-vn time { display: block; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.mb-vn .btn { align-self: flex-start; }
.mb-vn.mb-cur b { color: var(--primary); }

/* Szerkesztő-menü, QC, „Ilyet soha”, ízlésprofil */
.mb-app { width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center; font-size: 13px; font-weight: 800; color: var(--t-ink); flex: 0 0 auto; }
.mb-app.mb-ps { background: var(--t-blue); } .mb-app.mb-ai { background: var(--t-amber); } .mb-app.mb-fi { background: var(--t-purple); } .mb-app.mb-ca { background: var(--t-green); }
#s-4 .menu { box-shadow: var(--widget-shadow); min-width: 0; }
#s-4 .menu-i b { display: block; font-size: 15px; } #s-4 .menu-i span { display: block; font-size: 13px; color: var(--muted); }
#s-4 .menu-i small { font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.mb-layers { display: flex; flex-wrap: wrap; gap: 4px; }
.mb-layers span { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; padding: 1px 6px; border-radius: 4px; background: var(--surface-2); color: var(--text-2); border: 1px solid var(--border); }
.mb-layers span.mb-lock { color: var(--info); background: var(--info-bg); border-color: transparent; }
.mb-qc { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.mb-qc-h { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 15px; }
.mb-qc-h .av-ok { margin-left: auto; }
.mb-qc-r { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 8px; align-items: start; color: var(--text-2); }
.mb-qc-r svg { width: 14px; height: 14px; color: var(--ok); margin-top: 2px; }
.mb-qc-r b { color: var(--text); font-weight: 600; }
.mb-claim { border: 1px solid color-mix(in srgb, var(--info) 30%, var(--border)); background: color-mix(in srgb, var(--info-bg) 60%, var(--surface)); border-radius: var(--r-md); padding: 8px 10px; font-size: 14px; display: flex; flex-direction: column; gap: 5px; color: var(--text-2); }
.mb-claim i { color: var(--text); }
.mb-pop { position: relative; border: 1.5px solid color-mix(in srgb, var(--primary) 55%, var(--border)); box-shadow: var(--shadow); }
.mb-pop::before { content: ''; position: absolute; top: -8px; left: 34px; width: 13px; height: 13px; background: var(--surface); border-left: 1.5px solid color-mix(in srgb, var(--primary) 55%, var(--border)); border-top: 1.5px solid color-mix(in srgb, var(--primary) 55%, var(--border)); transform: rotate(45deg); }
.mb-hit { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: var(--r-md); }
.mb-hit > div { display: flex; gap: 8px; align-items: center; padding: 6px 9px; border-bottom: 1px solid var(--border); font-size: 13.5px; }
.mb-hit > div:last-child { border-bottom: 0; }
.mb-hit > div > span:last-child { margin-left: auto; }
.mb-taste { display: flex; flex-direction: column; }
.mb-taste > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 14px; }
.mb-taste > div:first-child { padding-top: 0; }
.mb-taste > div:last-child { border-bottom: 0; }
.mb-taste b { font-size: 15px; } .mb-taste span { color: var(--muted); font-size: 13px; white-space: nowrap; } .mb-taste i { font-style: normal; grid-column: 1 / -1; color: var(--text-2); font-size: 14px; }
.mb-taste .mb-new b { color: var(--primary); }
.mb-cnt { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--text-2); background: var(--surface-2); border-radius: 4px; padding: 1px 6px; border: 1px solid var(--border); }

/* ── Képernyő 5: kimenő sor, megerősítés, leállítás, napló ── */
.mb-qs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.mb-qs > div { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mb-qs b { font-size: 20px; font-variant-numeric: tabular-nums; letter-spacing: -.3px; line-height: 1.2; }
.mb-qs span { font-size: 14px; color: var(--text-2); }
.mb-qs small { font-size: 13px; color: var(--muted); text-transform: uppercase; letter-spacing: .5px; font-weight: 600; }
.mb-qs .mb-qw { border-color: color-mix(in srgb, var(--warn) 45%, var(--border)); background: color-mix(in srgb, var(--warn-bg) 60%, var(--surface)); }
.mb-qs .mb-qw b { color: var(--warn); }
#s-5 .mb-q td { vertical-align: top; }
#s-5 .mb-q tr.mb-day td { background: var(--surface-2); font-size: 13px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--text-2); padding: 6px 10px; }
#s-5 .mb-q tr.mb-day td span { font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--muted); margin-left: 6px; }
#s-5 .mb-q tr.mb-need td { background: color-mix(in srgb, var(--warn-bg) 50%, var(--surface)); }
#s-5 .mb-q tr.mb-need td:first-child { box-shadow: inset 3px 0 0 var(--warn); }
#s-5 .mb-q tr.mb-need.sel td { background: color-mix(in srgb, var(--warn-bg) 90%, var(--surface)); }
#s-5 .mb-q tr.mb-stop td:first-child { box-shadow: inset 3px 0 0 var(--border-strong); }
#s-5 .mb-q tr.mb-stop .mb-mat b { color: var(--text-2); }
#s-5 .mb-q tr.mb-gone td { opacity: .62; }
.mb-t b { display: block; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 15px; white-space: nowrap; } .mb-t span { display: block; font-size: 13px; color: var(--muted); white-space: nowrap; }
.mb-ch { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; white-space: nowrap; }
.mb-ch i { width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center; flex: 0 0 auto; }
.mb-ch i svg { width: 13px; height: 13px; }
.mb-ch.mb-em i { background: var(--info-bg); color: var(--info); } .mb-ch.mb-wa i { background: var(--ok-bg); color: var(--ok); }
.mb-ch.mb-adc i { background: var(--primary-subtle); color: var(--primary); } .mb-ch.mb-li i { background: var(--ai-bg); color: var(--ai); }
.mb-ch small { display: block; font-size: 13px; color: var(--muted); }
.mb-mat b { display: block; font-size: 15px; } .mb-mat span { display: block; font-size: 13px; color: var(--muted); }
.mb-mat .mb-ref, .mb-mat .tag { margin-top: 3px; }
.mb-to b { display: block; font-size: 15px; font-weight: 600; } .mb-to span { display: block; font-size: 13px; color: var(--muted); }
.mb-to .num { font-weight: 700; }
.mb-cf { border: 1.5px solid color-mix(in srgb, var(--warn) 55%, var(--border)); }
.mb-cf > .card-h { background: color-mix(in srgb, var(--warn-bg) 70%, var(--surface)); border-radius: var(--r-lg) var(--r-lg) 0 0; }
.mb-cf > .card-h svg { color: var(--warn); }
.mb-cfi { border: 1px solid var(--border); border-radius: var(--r-md); padding: 10px; display: flex; flex-direction: column; gap: 8px; background: var(--surface); }
.mb-cfi.mb-open { border-color: color-mix(in srgb, var(--warn) 50%, var(--border)); box-shadow: var(--widget-shadow); }
.mb-cfi-h { display: flex; align-items: flex-start; gap: 8px; font-size: 15px; }
.mb-cfi-h b { display: block; } .mb-cfi-h span { display: block; font-size: 13px; color: var(--muted); }
.mb-cfi-h .mb-n { margin-top: 1px; }
.mb-w4 { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 7px 10px; font-size: 14px; margin: 0; }
.mb-w4 dt { font-size: 12px; letter-spacing: .5px; text-transform: uppercase; font-weight: 700; color: var(--muted); padding-top: 1px; }
.mb-w4 dd { margin: 0; color: var(--text-2); min-width: 0; } .mb-w4 dd b { color: var(--text); }
.mb-per { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.mb-per span { font-size: 13px; padding: 1px 6px; border-radius: 4px; background: var(--surface-2); color: var(--text-2); border: 1px solid var(--border); }
.mb-per span b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.mb-kill { border: 1.5px solid color-mix(in srgb, var(--bad) 45%, var(--border)); }
.mb-kill > .card-h { color: var(--bad); }
.mb-dlg { border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--shadow); padding: 12px; background: var(--surface); display: flex; flex-direction: column; gap: 8px; font-size: 14px; color: var(--text-2); }
.mb-dlg h5 { margin: 0; font-size: 17px; color: var(--text); display: flex; gap: 8px; align-items: center; }
.mb-dlg h5 svg { color: var(--bad); }
.mb-dlg ul { margin: 0; padding-left: 16px; display: flex; flex-direction: column; gap: 3px; }
.mb-off { border-radius: var(--r-md); background: var(--bad-bg); border: 1px solid color-mix(in srgb, var(--bad) 35%, transparent); padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.mb-off-h { display: flex; align-items: center; gap: 8px; color: var(--bad); font-weight: 700; }
.mb-off-h span { margin-left: auto; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; font-weight: 600; }
.mb-miss { display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md); }
.mb-miss > div { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 2px 8px; padding: 7px 9px; border-bottom: 1px solid var(--border); font-size: 14px; color: var(--text); align-items: start; }
.mb-miss > div:last-child { border-bottom: 0; }
.mb-miss time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); padding-top: 1px; }
.mb-miss span { color: var(--muted); font-size: 13px; display: block; }
.mb-miss .seg { grid-column: 2; justify-self: start; margin-top: 3px; }
.mb-miss .seg span { font-size: 13px; padding: 2px 7px; display: inline; }
#s-5 .mb-log td { font-size: 14px; vertical-align: top; }
.mb-ts { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; white-space: nowrap; color: var(--text-2); }
.mb-ts span { display: block; color: var(--muted); }
.mb-who { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.mb-who .av { width: 24px; height: 24px; font-size: 12px; }
.mb-who small { display: block; font-size: 13px; color: var(--muted); }
.mb-bot { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--ai-bg); color: var(--ai); flex: 0 0 auto; }
.mb-bot svg { width: 13px; height: 13px; }
.mb-bot.mb-rulebot { background: var(--surface-3); color: var(--text-2); }
.mb-hash { display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 13px; color: var(--text-2); white-space: nowrap; }
.mb-hash svg { width: 12px; height: 12px; color: var(--muted); }
.mb-rule { font-size: 14px; color: var(--text-2); }
.mb-chain { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--ok); background: var(--ok-bg); padding: 3px 9px; border-radius: 999px; white-space: nowrap; }
.mb-chain svg { width: 13px; height: 13px; }
.mb-lfoot { display: flex; gap: 10px; align-items: center; padding: 10px 14px; border-top: 1px solid var(--border); font-size: 14px; color: var(--muted); background: var(--surface-2); border-radius: 0 0 var(--r-lg) var(--r-lg); }
.mb-lfoot svg { width: 14px; height: 14px; }

/* ── Képernyő 6: hirdetésvezérlés ── */
.mb-plat { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.mb-pt { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.mb-pt.mb-hot { border-color: color-mix(in srgb, var(--bad) 45%, var(--border)); box-shadow: inset 0 3px 0 var(--bad); }
.mb-pt.mb-warm { box-shadow: inset 0 3px 0 var(--warn); }
.mb-pt.mb-fine { box-shadow: inset 0 3px 0 var(--ok); }
.mb-pt.mb-zz { border-style: dashed; background: color-mix(in srgb, var(--sleep-bg) 60%, var(--surface)); }
.mb-pt-h { display: flex; align-items: center; gap: 9px; } .mb-pt-h b { font-size: 17px; display: block; } .mb-pt-h small { display: block; font-size: 13px; color: var(--muted); }
.mb-pt-h .mst, .mb-pt-h .av-ok { margin-left: auto; }
.mb-pl { width: 32px; height: 32px; border-radius: 8px; display: grid; place-items: center; font-weight: 800; font-size: 15px; color: var(--t-ink); flex: 0 0 auto; }
.mb-pl.mb-me { background: var(--t-blue); } .mb-pl.mb-go { background: var(--t-amber); } .mb-pl.mb-li { background: var(--t-purple); } .mb-pl.mb-tt { background: var(--sleep); }
.mb-pt-s { display: flex; gap: 6px; flex-wrap: wrap; }
.mb-pt-n { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; color: var(--text-2); } .mb-pt-n b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; color: var(--text); font-weight: 600; }
.mb-lvl { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 700; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.mb-lvl::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.mb-lvl.mb-l-now { background: var(--bad-bg); color: var(--bad); } .mb-lvl.mb-l-day { background: var(--warn-bg); color: var(--warn); }
.mb-lvl.mb-l-wk { background: var(--info-bg); color: var(--info); } .mb-lvl.mb-l-done, .mb-lvl.mb-l-fine { background: var(--ok-bg); color: var(--ok); }
.mb-pace { display: grid; grid-template-columns: 210px minmax(0, 1fr) 236px; gap: 24px; align-items: center; }
.mb-big { font-size: 32px; font-weight: 700; letter-spacing: -.6px; font-variant-numeric: tabular-nums; line-height: 1.1; }
.mb-track { position: relative; margin-top: 20px; }
.mb-fill { height: 14px; border-radius: 7px; background: var(--surface-3); display: flex; overflow: hidden; }
.mb-fill i { display: block; height: 100%; }
.mb-fill .mb-fm { background: var(--ton-blue); } .mb-fill .mb-fg { background: var(--ton-amber); } .mb-fill .mb-fl { background: var(--ton-purple); }
.mb-budget { position: absolute; right: 0; top: -4px; bottom: -4px; width: 2px; background: var(--border-strong); }
.mb-now { position: absolute; top: -5px; bottom: -5px; width: 2px; background: var(--text); left: 58.3%; }
.mb-now::after { content: 'most 14:00 · 58%'; position: absolute; top: -17px; left: 50%; transform: translateX(-50%); font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; color: var(--text); white-space: nowrap; }
.mb-ticks { display: flex; justify-content: space-between; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; color: var(--muted); margin-top: 6px; }
.mb-leg { display: flex; gap: 14px; font-size: 14px; color: var(--text-2); flex-wrap: wrap; margin-top: 8px; }
.mb-leg i { width: 9px; height: 9px; border-radius: 2px; display: inline-block; margin-right: 5px; vertical-align: 0; }
.mb-leg b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; color: var(--text); font-weight: 600; }
.mb-fin { border-left: 1px solid var(--border); padding-left: 18px; display: flex; flex-direction: column; gap: 5px; font-size: 14px; color: var(--text-2); }
.mb-fin b { color: var(--text); }
.mb-sig { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); overflow: hidden; }
.mb-sig.mb-l-now { border-color: color-mix(in srgb, var(--bad) 50%, var(--border)); box-shadow: inset 4px 0 0 var(--bad); }
.mb-sig.mb-l-day { box-shadow: inset 4px 0 0 var(--warn); } .mb-sig.mb-l-done { box-shadow: inset 4px 0 0 var(--ok); }
.mb-sig-h { display: flex; align-items: center; gap: 8px; padding: 11px 14px 0 18px; font-size: 14px; color: var(--text-2); flex-wrap: wrap; }
.mb-sig-h time { margin-left: auto; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.mb-sig h5 { margin: 6px 0 0; padding: 0 14px 0 18px; font-size: 17px; letter-spacing: -.1px; }
.mb-sig-b { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 10px 14px 0 18px; }
.mb-sig-b > div { font-size: 14px; color: var(--text-2); display: flex; flex-direction: column; gap: 4px; }
.mb-sig-b > div > small { font-size: 12px; letter-spacing: .6px; text-transform: uppercase; font-weight: 700; color: var(--muted); }
.mb-sig-b > div > small::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 2px; margin-right: 5px; background: var(--border-strong); vertical-align: 1px; }
.mb-sig-b > div:nth-child(2) > small::before { background: var(--ai); } .mb-sig-b > div:nth-child(3) > small::before { background: var(--ok); }
.mb-sig-f { display: flex; align-items: center; gap: 8px; padding: 10px 14px 12px 18px; flex-wrap: wrap; }
.mb-sig-f .mb-hint { margin-left: auto; }
.mb-sig-v { padding: 10px 14px 0 18px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: end; }
.mb-sig svg.mb-chart { width: 100%; height: auto; display: block; }
.mb-chart text { fill: var(--muted); font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 10.5px; }
.mb-chart .mb-gr { stroke: var(--border); stroke-width: 1; }
.mb-chart .mb-cbar { fill: color-mix(in srgb, var(--ton-blue) 70%, transparent); }
.mb-chart .mb-zone { fill: color-mix(in srgb, var(--bad) 10%, transparent); }
.mb-chart .mb-zl { stroke: var(--bad); stroke-width: 1; stroke-dasharray: 3 3; }
.mb-chart .mb-ln1 { fill: none; stroke: var(--bad); stroke-width: 2; stroke-linejoin: round; }
.mb-chart .mb-ln2 { fill: none; stroke: var(--warn); stroke-width: 2; stroke-dasharray: 4 3; stroke-linejoin: round; }
.mb-chart .mb-l1 { fill: var(--bad); font-weight: 700; } .mb-chart .mb-l2 { fill: var(--warn); font-weight: 700; }
.mb-chart .mb-tbad { fill: var(--bad); font-weight: 700; }
.mb-stat { display: flex; flex-direction: column; gap: 2px; text-align: right; font-size: 13px; color: var(--muted); white-space: nowrap; }
.mb-stat b { font-size: 20px; color: var(--text); font-variant-numeric: tabular-nums; letter-spacing: -.3px; }
.mb-stat b.mb-bad { color: var(--bad); }
.mb-thumbs { display: flex; gap: 6px; }
.mb-ba { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; padding: 10px 14px 0 18px; }
.mb-ba > div { border: 1px solid var(--border); border-radius: var(--r-md); padding: 8px 10px; font-size: 14px; display: flex; flex-direction: column; gap: 3px; color: var(--text-2); }
.mb-ba .mb-was { background: color-mix(in srgb, var(--bad-bg) 60%, var(--surface)); border-color: color-mix(in srgb, var(--bad) 30%, var(--border)); }
.mb-ba .mb-fix { background: color-mix(in srgb, var(--ok-bg) 60%, var(--surface)); border-color: color-mix(in srgb, var(--ok) 30%, var(--border)); }
.mb-ba small { font-size: 12px; text-transform: uppercase; letter-spacing: .5px; font-weight: 700; color: var(--muted); }
.mb-ba .mb-gh { color: var(--info); font-weight: 600; font-size: 15px; } .mb-ba .mb-gu { font-family: var(--font-mono); font-size: 13px; color: var(--ok); }
.mb-ba .mb-was .mb-gh { text-decoration: line-through; text-decoration-color: var(--bad); }
#s-6 .mb-mt td { white-space: nowrap; }
#s-6 .mb-mt tr.mb-zzr td { color: var(--muted); background: color-mix(in srgb, var(--sleep-bg) 45%, var(--surface)); }
#s-6 .mb-mt tr.mb-sum td { font-weight: 700; background: var(--surface-2); border-top: 1px solid var(--border-strong); }
#s-6 .mb-mt .mb-pt-h { gap: 8px; }
#s-6 .mb-mt .mb-pl { width: 24px; height: 24px; font-size: 12px; border-radius: 6px; }
.mb-cell b { display: block; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 15px; } .mb-cell span { display: block; font-size: 13px; color: var(--muted); }
#s-6 svg.mb-spk { width: 84px; height: 24px; display: block; }
.mb-spk polyline { fill: none; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }
.mb-spk .mb-up { stroke: var(--ok); } .mb-spk .mb-dn { stroke: var(--bad); } .mb-spk .mb-flat { stroke: var(--muted); }
.mb-lc { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); overflow: hidden; display: flex; flex-direction: column; }
.mb-lc-h { padding: 10px 14px; display: flex; flex-direction: column; gap: 3px; border-bottom: 1px solid var(--border); }
.mb-lc.mb-l-now .mb-lc-h { background: color-mix(in srgb, var(--bad-bg) 75%, var(--surface)); }
.mb-lc.mb-l-day .mb-lc-h { background: color-mix(in srgb, var(--warn-bg) 75%, var(--surface)); }
.mb-lc.mb-l-wk .mb-lc-h { background: color-mix(in srgb, var(--info-bg) 75%, var(--surface)); }
.mb-lc-h b { font-size: 17px; } .mb-lc-h span { font-size: 14px; color: var(--text-2); }
.mb-lc ul { list-style: none; margin: 0; padding: 4px 14px; display: flex; flex-direction: column; }
.mb-lc li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 7px 0; border-bottom: 1px dashed var(--border); font-size: 14px; align-items: center; color: var(--text); }
.mb-lc li:last-child { border-bottom: 0; }
.mb-lc li em { font-style: normal; font-size: 13px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; color: var(--muted); white-space: nowrap; }
.mb-lc li.mb-act em { color: var(--bad); font-weight: 700; } .mb-lc.mb-l-day li.mb-act em { color: var(--warn); }
.mb-lc-f { margin-top: auto; padding: 8px 14px; border-top: 1px solid var(--border); font-size: 14px; color: var(--text-2); display: flex; gap: 6px; align-items: center; background: var(--surface-2); }
.mb-lc-f svg { width: 14px; height: 14px; color: var(--muted); }
#s-6 .mb-mx td, #s-6 .mb-mx th { text-align: center; }
#s-6 .mb-mx td:first-child, #s-6 .mb-mx th:first-child, #s-6 .mb-mx td:last-child, #s-6 .mb-mx th:last-child { text-align: left; }
#s-6 .mb-mx td:first-child { font-weight: 600; }
#s-6 .mb-mx .mb-zc { background: color-mix(in srgb, var(--sleep-bg) 55%, transparent); }
#s-6 .mb-mx th .mst { margin-left: 4px; text-transform: none; letter-spacing: 0; }
.mb-y { display: inline-flex; flex-direction: column; align-items: center; color: var(--ok); font-weight: 800; font-size: 15px; line-height: 1.2; }
.mb-y small { font-weight: 500; color: var(--text-2); font-size: 13px; }
.mb-zc .mb-y { color: var(--sleep); }
.mb-lk { display: inline-flex; gap: 4px; align-items: center; color: var(--info); font-weight: 600; font-size: 14px; }
.mb-lk svg { width: 12px; height: 12px; }
.mb-au { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; padding: 3px 9px; border-radius: 999px; line-height: 1.3; }
.mb-au::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: 0 0 auto; }
.mb-au.mb-au-a { background: var(--ok-bg); color: var(--ok); } .mb-au.mb-au-t { background: var(--info-bg); color: var(--info); }
.mb-au.mb-au-j { background: var(--ai-bg); color: var(--ai); } .mb-au.mb-au-h { background: var(--surface-3); color: var(--text-2); }
.mb-tlsrc { display: inline-flex; font-size: 12px; font-weight: 700; padding: 0 6px; border-radius: 4px; margin-left: 4px; vertical-align: 1px; background: var(--info-bg); color: var(--info); }
.mb-step { font-size: 12px; letter-spacing: .6px; text-transform: uppercase; font-weight: 700; color: var(--muted); }
#s-5 .mb-q tr.mb-drawer td { padding: 2px 12px 14px 14px; background: color-mix(in srgb, var(--warn-bg) 50%, var(--surface)); box-shadow: inset 3px 0 0 var(--warn); }
.mb-cfg { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) minmax(0, 1fr); gap: 10px; align-items: start; }
.mb-kg { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 16px; align-items: start; }
#s-5 .mb-log .mb-ref { white-space: normal; }


/* ── frames-c: Kreatívgyár (s-7), Szabálymotor (s-8), Kommunikáció (s-9) · előtag: mc- ── */
.mc-k { flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 13px; font-weight: 700; font-style: normal; display: inline-grid; place-items: center; }
.mc-split { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: start; }
.mc-g21 { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.mc-sub { font-size: 14px; color: var(--muted); }
.mc-h5 { font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); font-weight: 600; margin: 0; display: flex; align-items: center; gap: 6px; }
.mc-ok { color: var(--ok); } .mc-bad { color: var(--bad); } .mc-warn { color: var(--warn); }
.mc-os { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 700; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.mc-os.sup { background: color-mix(in srgb, var(--ton-blue) 16%, transparent); color: var(--info); }
.mc-os.sal { background: color-mix(in srgb, var(--ton-red) 15%, transparent); color: var(--bad); }
.mc-os.fin { background: color-mix(in srgb, var(--ton-orange) 16%, transparent); color: var(--primary); }
.mc-os svg { width: 12px; height: 12px; }
.mc-sm { font-size: 13px !important; padding: 1px 6px !important; }
.mc-kv { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 6px 10px; font-size: 14px; margin: 0; align-items: center; }
.mc-kv dt { color: var(--muted); } .mc-kv dd { margin: 0; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; min-width: 0; }
.mc-inl { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 7px; border: 1px solid var(--border); border-radius: var(--r-sm); background: var(--surface); font-size: 14px; font-weight: 600; color: var(--text); white-space: nowrap; vertical-align: middle; }
.mc-inl.sel::after { content: ''; width: 5px; height: 5px; border-right: 1.5px solid var(--muted); border-bottom: 1.5px solid var(--muted); transform: rotate(45deg) translate(-1px, -1px); }

/* s-7 · egyetlen igazságforrás sáv */
.mc-src { display: flex; align-items: center; gap: 12px; border: 1px solid color-mix(in srgb, var(--info) 35%, transparent); background: var(--info-bg); border-radius: var(--r-lg); padding: 10px 12px; font-size: 15px; }
.mc-src-i { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: var(--surface); color: var(--info); flex: 0 0 auto; }
.mc-src b { color: var(--text); } .mc-src .t2 { font-size: 14px; }
.mc-src .mc-act { margin-left: auto; display: flex; gap: 6px; align-items: center; flex: 0 0 auto; }
.mc-del { text-decoration: line-through; color: var(--bad); } .mc-add { color: var(--ok); font-weight: 600; }

/* s-7 · gyártási láncok */
.mc-lanes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.mc-lane { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 12px; display: flex; flex-direction: column; gap: 9px; position: relative; }
.mc-lane:not(:last-child)::after { content: ''; position: absolute; right: -11px; top: 22px; width: 7px; height: 7px; border-top: 2px solid var(--border-strong); border-right: 2px solid var(--border-strong); transform: rotate(45deg); }
.mc-lane-h { display: flex; align-items: center; gap: 9px; }
.mc-lane-h b { font-size: 17px; display: block; } .mc-lane-h small { display: block; font-size: 13px; color: var(--muted); }
.mc-lane-h .ver { margin-left: auto; }
.mc-ico { width: 32px; height: 32px; border-radius: 8px; display: grid; place-items: center; flex: 0 0 auto; background: var(--primary-subtle); color: var(--primary); }
.mc-ico.i-info { background: var(--info-bg); color: var(--info); } .mc-ico.i-ai { background: var(--ai-bg); color: var(--ai); }
.mc-ico.i-ok { background: var(--ok-bg); color: var(--ok); } .mc-ico.i-warn { background: var(--warn-bg); color: var(--warn); }
.mc-caps { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 14px; color: var(--text-2); }
.mc-caps li { display: flex; gap: 6px; align-items: flex-start; }
.mc-caps li svg { width: 13px; height: 13px; margin-top: 2px; color: var(--ok); }
.mc-caps li em { font-style: normal; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.mc-lane-f { margin-top: auto; border-top: 1px dashed var(--border); padding-top: 8px; display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--text-2); white-space: nowrap; }
.mc-lane-f .bar { flex: 1; }

/* s-7 · kimenet-rács */
.mc-srcdoc { display: flex; align-items: center; gap: 10px; border: 1px dashed var(--border-strong); border-radius: var(--r-md); padding: 8px 10px; font-size: 14px; color: var(--text-2); background: var(--surface-2); }
.mc-srcdoc b { color: var(--text); }
.mc-fmts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.mc-fmt { border: 1px solid var(--border); border-radius: var(--r-lg); background: var(--surface); overflow: hidden; display: flex; flex-direction: column; }
.mc-fmt.bad { border-color: color-mix(in srgb, var(--bad) 50%, var(--border)); }
.mc-fmt.sel { box-shadow: 0 0 0 2px var(--primary); border-color: var(--primary); }
.mc-fmt-b { padding: 8px 10px 10px; display: flex; flex-direction: column; gap: 3px; }
.mc-fmt-b b { font-size: 15px; }
.mc-fmt-b .m { font-size: 13px; color: var(--muted); }
.mc-qcr { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 4px; }
.mc-qcr > span { font-size: 13px; padding: 1px 6px; }
.mc-qcr svg { width: 11px; height: 11px; }
.mc-pv { height: 96px; background: var(--surface-2); border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: center; gap: 5px; padding: 10px; position: relative; }
.mc-pv i { display: block; height: 4px; border-radius: 2px; background: var(--border-strong); flex: 0 0 auto; }
.mc-pv i.h { height: 6px; background: color-mix(in srgb, var(--primary) 70%, transparent); }
.mc-pv i.s { width: 60%; }
.mc-pv i.im { height: 18px; background: color-mix(in srgb, var(--ton-blue) 24%, transparent); }
.mc-pv i.bt { height: 8px; width: 50%; background: var(--primary); }
.mc-sl { width: 42px; height: 56px; border-radius: 4px; background: var(--surface); border: 1px solid var(--border); padding: 5px; display: flex; flex-direction: column; gap: 3px; position: relative; }
.mc-sl.p { background: var(--primary-subtle); border-color: color-mix(in srgb, var(--primary) 35%, var(--border)); }
.mc-sl.tall { height: 64px; width: 40px; }
.mc-doc { width: 128px; background: var(--surface); border: 1px solid var(--border); border-radius: 4px; padding: 6px; display: flex; flex-direction: column; gap: 3px; }
.mc-vid { width: 46px; height: 78px; border-radius: 6px; background: color-mix(in srgb, var(--text) 80%, var(--surface)); color: var(--surface); display: grid; place-items: center; position: relative; }
.mc-vid svg { width: 16px; height: 16px; }
.mc-vid small { position: absolute; bottom: 5px; left: 4px; right: 4px; font-size: 11px; line-height: 1.1; text-align: center; color: var(--surface); }
.mc-bub { max-width: 150px; background: color-mix(in srgb, var(--ton-green) 18%, var(--surface)); border-radius: 8px 8px 2px 8px; padding: 6px 8px; font-size: 12px; color: var(--text); line-height: 1.3; }
.mc-bub[dir="rtl"] { border-radius: 8px 8px 8px 2px; }
.mc-a4 { width: 54px; height: 74px; background: var(--surface); border: 1px solid var(--border); outline: 1px dashed color-mix(in srgb, var(--bad) 55%, transparent); outline-offset: 3px; padding: 5px; display: flex; flex-direction: column; gap: 3px; }
.mc-sq { width: 58px; height: 58px; border-radius: 4px; background: var(--surface); border: 1px solid var(--border); padding: 5px; display: flex; flex-direction: column; gap: 3px; }
.mc-st { width: 36px; height: 64px; border-radius: 4px; background: var(--surface); border: 1px solid var(--border); padding: 4px; display: flex; flex-direction: column; gap: 3px; }
.mc-flag { position: absolute; top: 6px; left: 6px; font-size: 12px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; background: var(--surface); border: 1px solid var(--border); border-radius: 4px; padding: 0 5px; color: var(--text-2); }
.mc-hitbox { position: absolute; border: 2px dashed var(--bad); border-radius: 3px; width: 16px; height: 12px; right: 7px; bottom: 9px; }
.mc-prog { position: absolute; left: 10px; right: 10px; bottom: 7px; }

/* s-7 · QC-riport */
.mc-qc-step { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; }
.mc-qc-step .n { width: 20px; height: 20px; border-radius: 50%; background: var(--surface-3); display: grid; place-items: center; font-size: 13px; color: var(--text-2); }
.mc-qc-step .r { margin-left: auto; }
.mc-chk { display: grid; grid-template-columns: 16px 82px minmax(0, 1fr); gap: 8px; align-items: start; font-size: 14px; padding: 6px 0; border-bottom: 1px solid var(--border); }
.mc-chk:last-child { border-bottom: 0; }
.mc-chk svg { width: 15px; height: 15px; margin-top: 1px; }
.mc-chk b { font-weight: 600; } .mc-chk span { color: var(--text-2); }
.mc-hit { border: 1px solid color-mix(in srgb, var(--bad) 35%, transparent); background: var(--bad-bg); border-radius: var(--r-md); padding: 8px; display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; font-size: 14px; color: var(--text-2); }
.mc-hit b { color: var(--text); display: block; font-size: 14px; }
.mc-shot { width: 92px !important; height: 92px !important; border-radius: 4px; display: block; }
.mc-shot .bg { fill: var(--surface-3); } .mc-shot .fl { fill: var(--border-strong); } .mc-shot .sk { fill: var(--text-2); }
.mc-shot .tee { fill: var(--surface); } .mc-shot .lg { fill: var(--muted); }
.mc-shot .box { fill: none; stroke: var(--bad); stroke-width: 2; stroke-dasharray: 4 3; }
.mc-shot text { fill: var(--bad); font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 9.5px; font-weight: 700; }
.mc-claims { width: 100%; border-collapse: collapse; font-size: 14px; }
.mc-claims th { text-align: left; font-size: 12px; letter-spacing: .4px; text-transform: uppercase; color: var(--muted); font-weight: 600; padding: 4px 4px; border-bottom: 1px solid var(--border); }
.mc-claims td { padding: 5px 4px; border-bottom: 1px solid var(--border); vertical-align: top; }
.mc-claims tr:last-child td { border-bottom: 0; }
.mc-claims tr.no td { background: var(--bad-bg); }
.mc-claims svg { width: 13px; height: 13px; vertical-align: -2px; }
.mc-claims .mono { font-size: 13px; color: var(--text-2); }
.mc-swap { border: 1px solid color-mix(in srgb, var(--warn) 40%, transparent); background: var(--warn-bg); border-radius: var(--r-md); padding: 9px 10px; font-size: 14px; display: flex; flex-direction: column; gap: 6px; color: var(--text-2); }
.mc-swap b { color: var(--text); }
.mc-old { text-decoration: line-through; color: var(--bad); }
.mc-new { color: var(--text); font-weight: 600; background: var(--surface); border-radius: 4px; padding: 4px 6px; border: 1px solid var(--border); }

/* s-7 · nyomdai preflight */
.mc-pf { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.mc-pf > div { border: 1px solid var(--border); border-radius: var(--r-md); padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; font-size: 14px; color: var(--text-2); background: var(--surface); }
.mc-pf > div b { display: flex; align-items: center; gap: 5px; font-size: 15px; color: var(--text); }
.mc-pf svg { width: 14px; height: 14px; color: var(--ok); }
.mc-pf > div.fix { border-color: color-mix(in srgb, var(--warn) 50%, var(--border)); background: color-mix(in srgb, var(--warn-bg) 60%, var(--surface)); }
.mc-pf > div.fix svg { color: var(--warn); }

/* s-8 · Supply OS jel */
.mc-sig { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; border: 1px solid var(--border); background: var(--surface); border-radius: var(--r-lg); padding: 10px 12px; font-size: 15px; }
.mc-sig .mc-r { margin-left: auto; display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 14px; }
.mc-sig .mc-r svg { width: 13px; height: 13px; }
.mc-jel { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; font-size: 14px; font-weight: 600; border: 1px solid transparent; }
.mc-jel::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.mc-jel.many { background: var(--warn-bg); color: var(--warn); } .mc-jel.out { background: var(--bad-bg); color: var(--bad); } .mc-jel.back { background: var(--ok-bg); color: var(--ok); }
.mc-jel em { font-style: normal; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-weight: 700; }

/* s-8 · ha-akkor szabálykártyák */
.mc-rules { display: flex; flex-direction: column; gap: 10px; }
.mc-rule { display: grid; grid-template-columns: 216px 28px minmax(0, 1fr) 260px; border: 1px solid var(--border); border-radius: var(--r-lg); background: var(--surface); overflow: hidden; }
.mc-rule > div { padding: 12px; }
.mc-if { background: var(--surface-2); border-right: 1px solid var(--border); display: flex; flex-direction: column; gap: 7px; }
.mc-if > b { font-size: 17px; }
.mc-cond { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 14px; color: var(--text-2); }
.mc-kw { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; padding: 2px 7px; border-radius: 4px; align-self: flex-start; background: var(--primary); color: var(--on-primary); }
.mc-kw.then { background: var(--text); color: var(--surface); } .mc-kw.alw { background: var(--ai); color: var(--surface); }
.mc-arr { display: grid; place-items: center; color: var(--muted); padding: 0 !important; background: var(--surface-2); border-right: 1px solid var(--border); }
.mc-then { display: flex; flex-direction: column; gap: 8px; }
.mc-act { display: grid; grid-template-columns: 15px minmax(0, 1fr); gap: 9px; align-items: start; font-size: 15px; }
.mc-act .cb { margin-top: 2px; }
.mc-act .d { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; color: var(--text-2); font-size: 14px; margin-top: 3px; }
.mc-live { background: color-mix(in srgb, var(--primary-subtle) 40%, var(--surface)); border-left: 1px solid var(--border); display: flex; flex-direction: column; gap: 8px; font-size: 14px; color: var(--text-2); }
.mc-live-i { display: flex; flex-direction: column; gap: 2px; padding-bottom: 8px; border-bottom: 1px dashed var(--border); }
.mc-live-i:last-child { border-bottom: 0; padding-bottom: 0; }
.mc-live-i b { font-size: 15px; color: var(--text); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.mc-live-i .tag { font-size: 13px; }

/* s-8 · hírlevél-előnézet és WhatsApp */
.mc-prev { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
.mc-mail { border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; background: var(--surface); }
.mc-mail-h { padding: 10px 12px; border-bottom: 1px solid var(--border); background: var(--surface-2); font-size: 14px; display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 3px 8px; margin: 0; }
.mc-mail-h dt { color: var(--muted); } .mc-mail-h dd { margin: 0; }
.mc-mail-b { padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; font-size: 15px; }
.mc-mail-b p { margin: 0; }
.mc-mprod { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; align-items: center; border: 1px solid var(--border); border-radius: var(--r-md); padding: 8px; }
.mc-mprod.top { border-color: color-mix(in srgb, var(--primary) 45%, var(--border)); background: color-mix(in srgb, var(--primary-subtle) 45%, var(--surface)); }
.mc-mprod b { display: block; font-size: 15px; } .mc-mprod span { font-size: 13px; color: var(--text-2); }
.mc-why { display: block; font-size: 13px; color: var(--ai); font-weight: 600; }
.mc-reason { border: 1px dashed color-mix(in srgb, var(--ai) 45%, var(--border)); background: var(--ai-bg); color: var(--text-2); border-radius: var(--r-md); padding: 8px 10px; font-size: 14px; display: flex; flex-direction: column; gap: 3px; }
.mc-reason b { color: var(--ai); }
.mc-sign { border-top: 1px solid var(--border); padding-top: 10px; display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--text-2); }
.mc-chat { background: color-mix(in srgb, var(--ton-green) 7%, var(--surface-2)); border-radius: var(--r-md); padding: 12px; display: flex; flex-direction: column; gap: 6px; }
.mc-day-chip { align-self: center; font-size: 13px; background: var(--surface); border-radius: 6px; padding: 2px 8px; color: var(--muted); }
.mc-bubble { align-self: flex-end; max-width: 92%; background: color-mix(in srgb, var(--ton-green) 22%, var(--surface)); border-radius: 10px 10px 2px 10px; padding: 8px 10px; font-size: 14.5px; line-height: 1.4; color: var(--text); }
.mc-bubble small { display: block; text-align: right; font-size: 12px; color: var(--text-2); margin-top: 3px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.mc-bubble.in { align-self: flex-start; background: var(--surface); border-radius: 10px 10px 10px 2px; }
.mc-wbtn { display: grid; gap: 4px; align-self: flex-end; width: 92%; }
.mc-wbtn span { background: var(--surface); border-radius: 8px; text-align: center; font-size: 14px; color: var(--info); font-weight: 600; padding: 6px; }

/* s-8 · állandó szabályok */
.mc-cap { display: grid; grid-template-columns: 132px minmax(0, 1fr) 30px; gap: 8px; align-items: center; font-size: 14px; padding: 4px 6px; border-radius: var(--r-sm); }
.mc-cap.sel { background: var(--primary-subtle); }
.mc-cap .num { text-align: right; font-weight: 700; font-size: 14px; }
.mc-cap.full .num { color: var(--bad); }
.mc-segbar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; height: 12px; }
.mc-segbar i { border-radius: 3px; background: var(--surface-3); }
.mc-segbar i.m, .mc-lg i.m { background: var(--info); } .mc-segbar i.w, .mc-lg i.w { background: var(--ok); } .mc-segbar i.s, .mc-lg i.s { background: var(--ai); }
.mc-segbar i.p, .mc-lg i.p { background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--info) 45%, transparent) 0 3px, transparent 3px 6px); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--info) 55%, transparent); }
.mc-lg { display: flex; flex-wrap: wrap; gap: 10px; font-size: 13px; color: var(--text-2); }
.mc-lg span { display: inline-flex; align-items: center; gap: 4px; } .mc-lg i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.mc-q { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 8px; align-items: center; font-size: 14px; }
.mc-q > span { color: var(--text-2); }
.mc-day { --q: color-mix(in srgb, var(--sleep) 50%, transparent); --o: var(--ok-bg); height: 12px; border-radius: 3px; background: linear-gradient(90deg, var(--q) 0 var(--a), var(--o) var(--a) var(--b), var(--q) var(--b)); position: relative; }
.mc-day.full { background: var(--q); }
.mc-day.now::after { content: ''; position: absolute; top: -3px; bottom: -3px; left: 45.8%; width: 2px; background: var(--primary); border-radius: 1px; }
.mc-scale { display: flex; justify-content: space-between; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; color: var(--muted); }
.mc-hol { display: grid; grid-template-columns: 52px 30px minmax(0, 1fr); gap: 6px; font-size: 14px; align-items: baseline; padding: 4px 0; border-bottom: 1px dashed var(--border); }
.mc-hol:last-child { border-bottom: 0; }
.mc-hol time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--text-2); }
.mc-blk { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 8px; font-size: 14px; color: var(--text-2); padding: 5px 0; border-bottom: 1px dashed var(--border); }
.mc-blk.wide { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
.mc-blk:last-child { border-bottom: 0; }
.mc-blk time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; }

/* s-9 · flow-építő */
.mc-pal { display: flex; gap: 6px; flex-wrap: wrap; }
.mc-pal .chip { height: 26px; font-size: 14px; padding: 0 9px; }
.mc-canvas { position: relative; border: 1px solid var(--border); border-radius: var(--r-lg); background-color: var(--surface-2); background-image: radial-gradient(color-mix(in srgb, var(--border-strong) 75%, transparent) 1px, transparent 1.3px); background-size: 16px 16px; padding: 16px 12px 18px; display: flex; flex-direction: column; align-items: center; }
.mc-node { width: 262px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--widget-shadow); padding: 9px 10px; display: flex; flex-direction: column; gap: 4px; position: relative; z-index: 1; }
.mc-node-h { display: flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 700; }
.mc-node-h .ver, .mc-node-h .mc-r { margin-left: auto; }
.mc-node p { margin: 0; font-size: 14px; color: var(--text-2); }
.mc-node .mc-stat { display: flex; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--muted); font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.mc-node .mc-stat b { color: var(--text); font-weight: 600; }
.mc-node.cur { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent), var(--widget-shadow); }
.mc-node.warn { border-color: color-mix(in srgb, var(--warn) 60%, var(--border)); }
.mc-node.ghost { border-style: dashed; box-shadow: none; }
.mc-nt { width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; flex: 0 0 auto; background: var(--surface-3); color: var(--text-2); }
.mc-nt svg { width: 13px; height: 13px; }
.mc-nt.trg { background: var(--primary-subtle); color: var(--primary); } .mc-nt.mail { background: var(--info-bg); color: var(--info); }
.mc-nt.cond { background: var(--warn-bg); color: var(--warn); } .mc-nt.wa { background: var(--ok-bg); color: var(--ok); } .mc-nt.sms { background: var(--ai-bg); color: var(--ai); }
.mc-coll { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 700; color: var(--warn); background: var(--warn-bg); border-radius: 4px; padding: 1px 6px; align-self: flex-start; }
.mc-coll svg { width: 11px; height: 11px; }
.mc-wire { width: 2px; height: 20px; background: var(--border-strong); position: relative; flex: 0 0 auto; }
.mc-wire.dash { background: repeating-linear-gradient(var(--border-strong) 0 4px, transparent 4px 7px); height: 30px; }
.mc-wire span { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); width: 104px; text-align: right; font-size: 13px; line-height: 1.2; color: var(--muted); font-style: italic; }
.mc-forkl { width: calc(50% + 6px); height: 14px; border: 2px solid var(--border-strong); border-bottom: 0; border-radius: 10px 10px 0 0; }
.mc-joinl { width: calc(50% + 6px); height: 14px; border: 2px solid var(--border-strong); border-top: 0; border-radius: 0 0 10px 10px; }
.mc-fork { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.mc-fork > div { display: flex; flex-direction: column; align-items: center; }
.mc-fork .mc-node { width: 100%; max-width: 262px; }
.mc-fork .mc-grow { flex: 1; min-height: 20px; }
.mc-blab { font-size: 13px; font-weight: 700; padding: 1px 9px; border-radius: 999px; position: relative; z-index: 1; margin: 0 0 0; }
.mc-blab.yes { background: var(--ok-bg); color: var(--ok); } .mc-blab.no { background: var(--surface-3); color: var(--text-2); }
.mc-ord { display: flex; flex-direction: column; gap: 6px; }
.mc-ord > div { display: grid; grid-template-columns: 12px 22px minmax(0, 1fr) auto; gap: 8px; align-items: center; border: 1px solid var(--border); border-radius: var(--r-md); padding: 7px 8px; font-size: 14px; background: var(--surface); }
.mc-ord > div > svg { width: 12px; height: 12px; color: var(--muted); }
.mc-ord small { display: block; color: var(--muted); font-size: 13px; }
.mc-ord .n { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.mc-tog { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.mc-tog small { display: block; color: var(--muted); font-size: 13px; }

/* s-9 · csatornapanelek */
.mc-auth { display: inline-flex; align-items: center; gap: 3px; font-size: 13px !important; padding: 1px 6px !important; }
.mc-auth svg { width: 11px; height: 11px; }
.mc-inbox { border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; }
.mc-inbox-t { display: flex; gap: 2px; padding: 4px; background: var(--surface-2); border-bottom: 1px solid var(--border); }
.mc-inbox-t span { font-size: 13px; padding: 2px 8px; border-radius: 4px; color: var(--text-2); display: inline-flex; align-items: center; gap: 4px; }
.mc-inbox-t span.on { background: var(--surface); color: var(--text); font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.mc-inbox-t svg { width: 11px; height: 11px; color: var(--ok); }
.mc-inbox-r { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1px 8px; padding: 7px 9px; font-size: 14px; border-bottom: 1px solid var(--border); }
.mc-inbox-r:last-child { border-bottom: 0; }
.mc-inbox-r.me { background: color-mix(in srgb, var(--info-bg) 60%, var(--surface)); }
.mc-inbox-r b { font-size: 14px; } .mc-inbox-r time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.mc-inbox-r span { grid-column: 1 / -1; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-inbox-r.dim { opacity: .6; }
.mc-mini { width: 100%; border-collapse: collapse; font-size: 14px; }
.mc-mini td { padding: 5px 2px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.mc-mini tr:last-child td { border-bottom: 0; }
.mc-mini .mono { font-size: 13px; word-break: break-all; }
.mc-mini .r { text-align: right; }
.mc-win { border: 1px solid var(--border); border-radius: var(--r-md); padding: 8px 10px; display: flex; flex-direction: column; gap: 5px; font-size: 14px; color: var(--text-2); }
.mc-win b { color: var(--text); font-size: 14px; }
.mc-cd { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 20px; font-weight: 700; color: var(--text); letter-spacing: -.3px; }
.mc-file { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 8px; align-items: center; border: 1px solid var(--border); border-radius: var(--r-md); padding: 7px 9px; font-size: 14px; color: var(--text-2); }
.mc-file .thumb { width: 30px; height: 30px; background: var(--bad-bg); color: var(--bad); }
.mc-file b { color: var(--text); display: block; font-size: 14px; }
.mc-kws { display: flex; flex-wrap: wrap; gap: 4px; }
.mc-kws .tag b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; color: var(--text); font-weight: 600; }

/* s-9 · mérés */
.mc-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mc-stats > div { border: 1px solid var(--border); border-radius: var(--r-md); padding: 8px 10px; display: flex; flex-direction: column; gap: 1px; background: var(--surface); }
.mc-stats small { font-size: 13px; color: var(--muted); }
.mc-stats b { font-size: 20px; letter-spacing: -.3px; font-variant-numeric: tabular-nums; }
.mc-stats span { font-size: 13px; color: var(--text-2); }
.mc-chart { width: 100%; height: auto; display: block; }
.mc-chart text { fill: var(--muted); font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; }
.mc-chart .gr { stroke: var(--border); stroke-width: 1; }
.mc-chart .ig { fill: var(--ok); } .mc-chart .vr { fill: color-mix(in srgb, var(--ok) 30%, transparent); }
.mc-chart .lb { fill: var(--text-2); font-weight: 600; }

/* s-9 · egységes postafiók sáv */
.mc-band { display: flex; align-items: center; gap: 14px; border: 1px solid color-mix(in srgb, var(--ton-red) 40%, var(--border)); background: color-mix(in srgb, var(--ton-red) 7%, var(--surface)); border-radius: var(--r-lg); padding: 12px 14px; font-size: 15px; color: var(--text-2); }
.mc-band b { color: var(--text); }
.mc-band .mc-flowline { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.mc-band .mc-flowline .mc-nt { width: 26px; height: 26px; }
.mc-band .mc-flowline > svg { width: 16px; height: 16px; color: var(--muted); }
.mc-band .mc-act { margin-left: auto; display: flex; gap: 6px; align-items: center; flex: 0 0 auto; }

#s-8 .mc-exk th, #s-8 .mc-exk td { padding: 7px 6px; }
#s-8 .mc-exk td svg { width: 14px; height: 14px; }


/* ── frames-d: 10 Landing és űrlap · 11 Öntanulás · 12 Personák és felmérések (md- előtag) ── */
.md-k { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 13px; font-weight: 700; font-style: normal; flex: 0 0 auto; line-height: 1; }
.md-3c { display: grid; grid-template-columns: 210px minmax(0, 1fr) 256px; gap: 14px; align-items: start; }
.md-2c { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.md-2w { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr); gap: 16px; align-items: start; }
.md-2r { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.md-sm { font-size: 14px; color: var(--text-2); }
.md-xs { font-size: 13px; color: var(--muted); }
.md-hd { font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); font-weight: 700; }
.md-mono { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-variant-numeric: tabular-nums; }
.md-ic { width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; flex: 0 0 auto; background: var(--ok-bg); color: var(--ok); }
.md-ic svg { width: 13px; height: 13px; }
.md-ic.md-no { background: var(--bad-bg); color: var(--bad); }
.md-ic.md-ai { background: var(--ai-bg); color: var(--ai); }
.md-ic.md-in { background: var(--info-bg); color: var(--info); }
.md-ic.md-wa { background: var(--warn-bg); color: var(--warn); }
.md-sp { margin-left: auto; }
.md-li { display: flex; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--border); font-size: 14px; }
.md-li:last-child { border-bottom: 0; }
.md-li b { font-weight: 600; }

/* 10 · Landing: brief és blokk-könyvtár */
.md-ask { border: 1.5px solid color-mix(in srgb, var(--ai) 45%, var(--border)); background: var(--ai-bg); border-radius: var(--r-md); padding: 9px 10px; font-size: 15px; color: var(--text); display: flex; gap: 8px; }
.md-ask svg { width: 14px; height: 14px; color: var(--ai); margin-top: 2px; }
.md-okl { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; font-size: 14px; color: var(--text-2); }
.md-okl li { display: flex; gap: 7px; align-items: flex-start; }
.md-okl li svg { width: 13px; height: 13px; color: var(--ok); margin-top: 2px; }
.md-lib { display: flex; flex-direction: column; gap: 6px; }
.md-lib-i { display: flex; align-items: center; gap: 8px; border: 1px solid var(--border); border-radius: var(--r-md); padding: 7px 8px; background: var(--surface); }
.md-lib-i > svg { width: 14px; height: 14px; color: var(--muted); }
.md-lib-i b { display: block; font-size: 14px; } .md-lib-i span { display: block; font-size: 13px; color: var(--muted); }
.md-lib-i .tag { margin-left: auto; }
.md-lib-i.md-off { border-style: dashed; background: var(--surface-2); color: var(--muted); }
.md-lib-i.md-off b { color: var(--muted); text-decoration: line-through; }

/* 10 · Landing: élő előnézet */
.md-lp { border: 1px solid var(--border); border-radius: var(--r-lg); background: var(--surface); overflow: hidden; }
.md-lp-bar { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-bottom: 1px solid var(--border); background: var(--surface); }
.md-lp-url { flex: 1; min-width: 0; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); background: var(--surface-2); border: 1px solid var(--border); border-radius: 5px; padding: 3px 8px; display: flex; align-items: center; gap: 5px; white-space: nowrap; overflow: hidden; }
.md-lp-url svg { width: 11px; height: 11px; color: var(--ok); }
.md-lp-pg { padding: 14px 10px 10px; display: flex; flex-direction: column; gap: 14px; background: var(--surface-2); }
.md-blk { position: relative; border: 1px dashed var(--border-strong); border-radius: var(--r-md); background: var(--surface); padding: 12px; }
.md-blk.sel { border: 2px solid var(--primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent); }
.md-blk-t { position: absolute; top: -9px; left: 10px; display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; background: var(--surface-3); color: var(--text-2); padding: 1px 6px; border-radius: 3px; }
.md-blk-t svg { width: 10px; height: 10px; }
.md-blk.sel .md-blk-t { background: var(--primary); color: var(--on-primary); }
.md-blk-tr { position: absolute; top: -9px; right: 10px; display: flex; gap: 4px; }
.md-blk-tr span { font-size: 12px; font-weight: 700; background: var(--surface); border: 1px solid var(--border); border-radius: 3px; padding: 0 5px; color: var(--muted); }
.md-hero { border-radius: 6px; padding: 12px 14px; background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 60%), var(--surface-2); }
.md-hero-n { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--text-2); margin-bottom: 10px; }
.md-hero-n b { font-size: 14px; letter-spacing: 1px; color: var(--text); }
.md-hero-n span + span { margin-left: 2px; }
.md-hero h5 { font-family: var(--font-display); font-size: 20px; line-height: 1.15; margin: 0 0 6px; font-weight: 700; letter-spacing: -.2px; max-width: 30ch; }
.md-hero p { margin: 0 0 10px; font-size: 14px; color: var(--text-2); max-width: 52ch; }
.md-cta { display: inline-flex; align-items: center; height: 26px; padding: 0 11px; border-radius: 5px; font-size: 13px; font-weight: 700; background: var(--primary); color: var(--on-primary); }
.md-cta.md-sec { background: var(--surface); color: var(--text); border: 1px solid var(--border); font-weight: 600; }
.md-ied { margin-top: 10px; border-top: 1px dashed color-mix(in srgb, var(--primary) 45%, var(--border)); padding-top: 9px; display: grid; gap: 7px; }
.md-ied-q { display: flex; align-items: center; gap: 7px; font-size: 14px; border: 1px solid color-mix(in srgb, var(--ai) 45%, var(--border)); background: var(--ai-bg); border-radius: 999px; padding: 4px 6px 4px 10px; }
.md-ied-q svg { width: 13px; height: 13px; color: var(--ai); }
.md-ied-d { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.md-ied-d > div { border-radius: 5px; padding: 6px 8px; font-size: 13px; line-height: 1.4; }
.md-ied-d .md-old { background: var(--bad-bg); color: var(--text-2); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--bad) 60%, transparent); }
.md-ied-d .md-new { background: var(--ok-bg); color: var(--text); }
.md-pg { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.md-pc { border: 1px solid var(--border); border-radius: var(--r-md); padding: 7px; display: flex; flex-direction: column; gap: 3px; font-size: 13px; color: var(--text-2); position: relative; min-width: 0; }
.md-pc .md-img { height: 46px; border-radius: 5px; display: grid; place-items: center; color: var(--text-2); margin-bottom: 2px; background: linear-gradient(160deg, color-mix(in srgb, var(--ton-blue) 16%, var(--surface-2)), var(--surface-2)); }
.md-pc .md-img svg { width: 18px; height: 18px; }
.md-pc.md-wh .md-img { background: linear-gradient(160deg, color-mix(in srgb, var(--ton-amber) 18%, var(--surface-2)), var(--surface-2)); }
.md-pc b { font-size: 13px; color: var(--text); line-height: 1.25; }
.md-pc i { font-style: normal; font-size: 12px; font-weight: 700; color: var(--ok); }
.md-pc.md-out { border-style: dashed; background: var(--surface-2); }
.md-pc.md-out > :not(.md-gone) { opacity: .4; }
.md-pc.md-out b { text-decoration: line-through; }
.md-gone { position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%) rotate(-7deg); border: 1.5px solid var(--bad); color: var(--bad); background: var(--bad-bg); font-size: 12px; font-weight: 800; padding: 2px 6px; border-radius: 4px; white-space: nowrap; }
.md-trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.md-trust > div { background: var(--surface-2); border-radius: var(--r-md); padding: 8px 9px; font-size: 13px; color: var(--text-2); display: flex; flex-direction: column; gap: 3px; }
.md-trust b { font-size: 14px; color: var(--text); display: flex; align-items: center; gap: 5px; }
.md-trust b svg { width: 12px; height: 12px; color: var(--ok); }
.md-badges { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 2px; }
.md-badges span { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 11px; font-weight: 700; border: 1px solid var(--border-strong); border-radius: 3px; padding: 0 4px; color: var(--text); }
.md-fp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.md-fp > div { display: flex; flex-direction: column; gap: 5px; }
.md-st { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--text); }
.md-st i { font-style: normal; width: 16px; height: 16px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; background: var(--primary); color: var(--on-primary); }
.md-st.md-off { color: var(--muted); } .md-st.md-off i { background: var(--surface-3); color: var(--muted); }
.md-fi { height: 24px; border: 1px solid var(--border); border-radius: 4px; padding: 0 7px; font-size: 13px; display: flex; align-items: center; gap: 5px; color: var(--muted); background: var(--surface); white-space: nowrap; overflow: hidden; }
.md-fi.md-val { color: var(--text); }
.md-fi.sel::after { content: ''; margin-left: auto; width: 5px; height: 5px; border-right: 1.5px solid var(--muted); border-bottom: 1.5px solid var(--muted); transform: rotate(45deg) translate(-2px, -2px); }
.md-dim { opacity: .55; }
.md-faq { display: flex; flex-direction: column; gap: 0; font-size: 13px; }
.md-faq div { display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid var(--border); color: var(--text-2); }
.md-faq div:last-child { border-bottom: 0; }

/* 10 · jobb oldali panel */
.md-var { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 8px; align-items: center; font-size: 14px; }
.md-var .md-rtl { direction: rtl; font-size: 14px; color: var(--text); text-align: right; background: var(--surface-2); border-radius: 4px; padding: 3px 7px; grid-column: 1 / -1; }
.md-cl { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 8px; align-items: start; padding: 7px 0; border-bottom: 1px solid var(--border); font-size: 14px; }
.md-cl:last-child { border-bottom: 0; }
.md-cl .md-mk { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; font-weight: 700; border: 1px solid var(--border); border-radius: 4px; text-align: center; padding: 1px 0; }
.md-cl span { color: var(--text-2); display: block; }
.md-ab { display: grid; grid-template-columns: 22px minmax(0, 1fr) 46px; gap: 6px 8px; align-items: center; font-size: 14px; }
.md-ab .md-l { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-weight: 700; font-size: 13px; text-align: center; border-radius: 4px; background: var(--surface-3); }
.md-ab .md-l.md-wh { background: var(--ok-bg); color: var(--ok); }
.md-ver { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 8px; align-items: baseline; font-size: 14px; padding: 5px 0; border-bottom: 1px solid var(--border); }
.md-ver:last-child { border-bottom: 0; }
.md-ver b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; }
.md-ver span { color: var(--text-2); }
.md-ver time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.md-ver.md-now b { color: var(--primary); }
.md-chk { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 10px; font-size: 14px; color: var(--text-2); }
.md-chk span { display: flex; align-items: center; gap: 5px; }
.md-chk svg { width: 12px; height: 12px; color: var(--ok); }

/* 10 · űrlapkészítő */
.md-fb { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: 0; }
.md-fb > div { padding: 14px; border-right: 1px solid var(--border); display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.md-fb > div:last-child { border-right: 0; }
.md-fld { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 6px 8px; border: 1px solid var(--border); border-radius: var(--r-md); font-size: 14px; background: var(--surface); }
.md-fld > svg { width: 13px; height: 13px; color: var(--muted); }
.md-fld small { color: var(--muted); font-size: 13px; }
.md-fld.md-known { background: var(--ok-bg); border-color: color-mix(in srgb, var(--ok) 30%, var(--border)); }
.md-fld.md-known b { text-decoration: line-through; color: var(--text-2); font-weight: 500; }
.md-fld.md-hid { border-style: dashed; background: var(--surface-2); font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; }
.md-cond { margin-left: 14px; border-left: 2px solid var(--ai); padding: 2px 0 2px 10px; display: flex; flex-direction: column; gap: 5px; }
.md-if { font-size: 13px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; color: var(--ai); font-weight: 700; display: flex; align-items: center; gap: 5px; }
.md-if svg { width: 12px; height: 12px; }
.md-if.md-alt { color: var(--muted); }
.md-code { font-family: var(--font-mono); font-size: 13px; line-height: 1.5; background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--r-md); padding: 8px 10px; color: var(--text); overflow-wrap: anywhere; }
.md-code em { font-style: normal; color: var(--info); }
.md-code u { text-decoration: none; color: var(--ok); }
.md-score { display: flex; align-items: center; gap: 12px; }
.md-ring { width: 64px; height: 64px; flex: 0 0 auto; }
.md-ring circle { fill: none; stroke-width: 7; }
.md-ring .md-bg { stroke: var(--surface-3); } .md-ring .md-fg { stroke: var(--ok); stroke-linecap: round; }
.md-ring text { fill: var(--text); font-size: 20px; font-weight: 700; font-family: var(--font-ui); }
.md-pts { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 10px; font-size: 14px; color: var(--text-2); }
.md-pts b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; color: var(--ok); font-weight: 600; text-align: right; }
.md-pts b.md-neg { color: var(--bad); }
.md-fwd { display: flex; align-items: center; gap: 8px; border: 1px solid color-mix(in srgb, var(--ton-red) 45%, var(--border)); background: color-mix(in srgb, var(--ton-red) 8%, var(--surface)); border-radius: var(--r-md); padding: 8px 10px; font-size: 14px; }
.md-fwd > svg { width: 15px; height: 15px; color: var(--ton-red); }
.md-motor { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 12px 14px; border-top: 1px solid var(--border); background: var(--surface-2); border-radius: 0 0 var(--r-lg) var(--r-lg); align-items: center; }
.md-motor > div { display: flex; gap: 8px; align-items: center; font-size: 14px; color: var(--text-2); }
.md-motor b { color: var(--text); display: block; font-size: 14px; }

/* 11 · Öntanulás */
.md-ud { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.md-ud > div { border: 1px solid var(--border); border-radius: var(--r-md); padding: 9px 10px; display: flex; gap: 10px; align-items: center; }
.md-ud .md-n { font-size: 24px; font-weight: 700; letter-spacing: -.4px; line-height: 1; font-variant-numeric: tabular-nums; }
.md-ud small { display: block; font-size: 13px; color: var(--muted); }
.md-pref { display: grid; grid-template-columns: 22px minmax(0, 1fr) 74px; gap: 9px; padding: 8px 0; border-bottom: 1px solid var(--border); align-items: start; }
.md-pref:last-child { border-bottom: 0; }
.md-pref b { font-size: 15px; display: block; }
.md-pref span { font-size: 14px; color: var(--text-2); display: block; line-height: 1.35; }
.md-pref .md-tg { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 4px; }
.md-pref .md-str { display: flex; flex-direction: column; gap: 3px; align-items: flex-end; font-size: 13px; color: var(--muted); }
.md-pref .bar { width: 70px; min-width: 0; }
.md-pref.md-learn { opacity: .75; }
.md-heat { width: 100%; border-collapse: separate; border-spacing: 3px; font-size: 14px; table-layout: fixed; }
.md-heat th { font-size: 12px; font-weight: 600; color: var(--muted); text-align: center; padding: 2px 1px 4px; line-height: 1.2; vertical-align: bottom; overflow-wrap: anywhere; hyphens: manual; }
.md-heat th.md-lab { text-align: left; width: 118px; }
.md-heat th.md-mkt { color: var(--info); }
.md-heat td { text-align: center; font-family:var(--font-ui);font-variant-numeric:tabular-nums; padding: 6px 1px; border-radius: 4px; font-variant-numeric: tabular-nums; color: var(--text); }
.md-heat td.md-lab { text-align: left; font-family: var(--font-ui); font-size: 13px; padding: 3px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.md-heat td.md-lab small { color: var(--muted); display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .4px; font-weight: 700; }
.md-heat tr.md-grp td { padding-top: 7px; }
.md-h3 { background: color-mix(in srgb, var(--ok) 46%, var(--surface)); font-weight: 700; }
.md-h2 { background: color-mix(in srgb, var(--ok) 28%, var(--surface)); }
.md-h1 { background: color-mix(in srgb, var(--ok) 13%, var(--surface)); }
.md-h0 { background: var(--surface-2); color: var(--text-2) !important; }
.md-n1 { background: color-mix(in srgb, var(--text-2) 10%, var(--surface)); }
.md-n2 { background: color-mix(in srgb, var(--text-2) 22%, var(--surface)); }
.md-na { background: repeating-linear-gradient(45deg, var(--surface-2) 0 4px, var(--surface) 4px 8px); color: var(--muted) !important; font-size: 12px; }
.md-win { box-shadow: inset 0 0 0 2px var(--ok); }
.md-leg { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); flex-wrap: wrap; }
.md-leg i { width: 18px; height: 10px; border-radius: 2px; display: inline-block; }
.md-ch { width: 100%; height: auto; display: block; }
.md-ch text { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; fill: var(--muted); }
.md-ch .md-grid { stroke: var(--border); stroke-width: 1; }
.md-ch .md-band { fill: color-mix(in srgb, var(--ok) 14%, transparent); }
.md-ch .md-ln { fill: none; stroke: var(--ok); stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; }
.md-ch .md-ln.md-prj { stroke-dasharray: 4 4; }
.md-ch .md-base { fill: none; stroke: var(--border-strong); stroke-width: 1.5; stroke-dasharray: 5 4; }
.md-ch .md-mark { stroke: var(--ai); stroke-width: 1.5; stroke-dasharray: 3 3; }
.md-ch .md-dot { fill: var(--surface); stroke: var(--ok); stroke-width: 2; }
.md-ch text.md-ai { fill: var(--ai); font-family: var(--font-ui); font-weight: 700; }
.md-ch text.md-ok { fill: var(--ok); font-weight: 700; }
.md-ch text.md-mu { fill: var(--muted); font-family: var(--font-ui); }
.md-rf { display: flex; flex-direction: column; gap: 0; }
.md-rf-i { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; position: relative; padding-bottom: 12px; }
.md-rf-i::before { content: ''; position: absolute; left: 12px; top: 26px; bottom: 0; width: 2px; background: var(--border); }
.md-rf-i:last-child::before { display: none; }
.md-rf-i:last-child { padding-bottom: 0; }
.md-rf-i > i { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--surface-2); color: var(--text-2); border: 1px solid var(--border); font-style: normal; }
.md-rf-i > i svg { width: 13px; height: 13px; }
.md-rf-i.md-bad > i { background: var(--bad-bg); color: var(--bad); border-color: transparent; }
.md-rf-i.md-ai > i { background: var(--ai-bg); color: var(--ai); border-color: transparent; }
.md-rf-i.md-ok > i { background: var(--ok-bg); color: var(--ok); border-color: transparent; }
.md-rf-i b { font-size: 15px; display: block; }
.md-rf-i > div > span { font-size: 14px; color: var(--text-2); display: block; }
.md-vx { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 6px; }
.md-vx > div { border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; font-size: 13px; background: var(--surface); }
.md-vx .md-img { height: 42px; display: grid; place-items: center; color: var(--text-2); background: linear-gradient(160deg, color-mix(in srgb, var(--ton-blue) 12%, var(--surface-2)), var(--surface-2)); }
.md-vx .md-img svg { width: 16px; height: 16px; }
.md-vx p { margin: 0; padding: 4px 6px; line-height: 1.3; color: var(--text-2); }
.md-vx p b { color: var(--text); display: block; font-size: 13px; }
.md-vx > div.on { border: 2px solid var(--ok); }
.md-dl .tl-i { grid-template-columns: 16px minmax(0, 1fr) 54px; }
.md-dl .tl-i > div > span { display: block; color: var(--text-2); font-size: 14px; margin-top: 1px; }
.md-dl .md-tg { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 4px; align-items: center; }
.md-dl .tl-i.md-auto .d { border-color: var(--ai); background: var(--ai-bg); }
.md-dl .tl-i.md-conf .d { border-color: var(--warn); background: var(--warn-bg); }
.md-idea { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.md-idea > div { border: 1px solid var(--border); border-radius: var(--r-lg); padding: 10px 11px; background: var(--surface); display: flex; flex-direction: column; gap: 5px; font-size: 14px; color: var(--text-2); }
.md-idea > div > b { font-size: 15px; color: var(--text); display: flex; align-items: center; gap: 7px; }
.md-idea > div > b svg { width: 14px; height: 14px; color: var(--primary); }
.md-idea .md-x { margin-top: auto; padding-top: 4px; display: flex; gap: 5px; align-items: center; flex-wrap: wrap; }
.md-idea > div.md-wide { grid-column: 1 / -1; }

/* 12 · Personák */
.md-pr { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
.md-pr > div { border: 1px solid var(--border); border-radius: var(--r-lg); background: var(--surface); padding: 10px; display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--text-2); min-width: 0; position: relative; }
.md-pr > div.on { border: 2px solid var(--primary); background: color-mix(in srgb, var(--primary) 6%, var(--surface)); }
.md-pr b { font-size: 14px; line-height: 1.25; color: var(--text); min-height: 30px; }
.md-pr .md-n { font-size: 20px; font-weight: 700; color: var(--text); line-height: 1.1; font-variant-numeric: tabular-nums; }
.md-pr .md-n small { font-size: 13px; color: var(--muted); font-weight: 500; }
.md-pr .av-ok, .md-pr .av-warn, .md-pr .av-bad { font-size: 13px; padding: 1px 6px; align-self: flex-start; white-space: normal; line-height: 1.3; }
.md-pr .md-k { position: absolute; top: 8px; right: 8px; }
.md-attr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.md-attr > div { background: var(--surface-2); border-radius: var(--r-md); padding: 7px 9px; font-size: 13px; color: var(--muted); }
.md-attr b { display: block; font-size: 15px; color: var(--text); font-weight: 600; margin-top: 1px; }
.md-attr b s { color: var(--muted); font-weight: 500; }
.md-obj { display: grid; grid-template-columns: minmax(0, 1fr) 90px 28px; gap: 8px; align-items: center; font-size: 14px; padding: 5px 0; border-bottom: 1px solid var(--border); }
.md-obj:last-child { border-bottom: 0; }
.md-obj .md-mono { text-align: right; font-size: 14px; color: var(--text-2); }
.md-ch3 { display: grid; grid-template-columns: 78px minmax(0, 1fr) 34px; gap: 8px; align-items: center; font-size: 14px; padding: 3px 0; }
.md-ch3 .md-mono { text-align: right; color: var(--text-2); font-size: 13px; }
.md-prop { border: 2px solid var(--ai); border-radius: var(--r-lg); background: color-mix(in srgb, var(--ai) 6%, var(--surface)); overflow: hidden; }
.md-prop-h { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid color-mix(in srgb, var(--ai) 25%, var(--border)); }
.md-prop-h .md-hd { color: var(--ai); letter-spacing: 1px; }
.md-prop-b { padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.md-prop-b h5 { margin: 0; font-size: 17px; line-height: 1.3; }
.md-diff { display: grid; grid-template-columns: 112px minmax(0, 1fr) 14px minmax(0, 1fr); gap: 5px 8px; align-items: center; font-size: 14px; }
.md-diff .md-o { color: var(--muted); text-decoration: line-through; }
.md-diff .md-nw { color: var(--text); font-weight: 600; }
.md-diff > svg { width: 12px; height: 12px; color: var(--ai); }
.md-diff .md-lbl { color: var(--text-2); }
.md-evi { display: flex; flex-direction: column; gap: 6px; }
.md-evi > div { border: 1px solid var(--border); border-radius: var(--r-md); background: var(--surface); padding: 7px 9px; display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 8px; font-size: 14px; }
.md-evi q { display: block; color: var(--text); font-style: italic; quotes: '„' '”'; margin-top: 2px; }
.md-evi span { color: var(--muted); font-size: 13px; display: block; }
.md-imp { display: flex; gap: 6px; flex-wrap: wrap; font-size: 13px; }
.md-imp span { background: var(--surface); border: 1px solid var(--border); border-radius: 4px; padding: 1px 6px; color: var(--text-2); }
.md-imp span b { color: var(--text); font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.md-fit { display: flex; align-items: center; gap: 6px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; }
.md-fit .bar { width: 46px; min-width: 0; }
.md-chat { border-radius: var(--r-lg); background: var(--surface-2); border: 1px solid var(--border); overflow: hidden; }
.md-chat-h { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: var(--surface); border-bottom: 1px solid var(--border); font-size: 14px; }
.md-chat-h b { display: block; font-size: 14px; } .md-chat-h small { display: block; font-size: 13px; color: var(--muted); }
.md-chat-b { padding: 10px; display: flex; flex-direction: column; gap: 6px; }
.md-bub { max-width: 86%; padding: 7px 10px; border-radius: 12px; font-size: 14px; line-height: 1.4; }
.md-bub.md-am { align-self: flex-end; background: color-mix(in srgb, var(--ton-green) 15%, var(--surface)); border-bottom-right-radius: 4px; }
.md-bub.md-pt { align-self: flex-start; background: var(--surface); border: 1px solid var(--border); border-bottom-left-radius: 4px; }
.md-bub small { display: block; font-size: 12px; color: var(--muted); margin-top: 2px; text-align: right; }
.md-qb { display: flex; flex-wrap: wrap; gap: 4px; align-self: flex-end; justify-content: flex-end; max-width: 90%; }
.md-qb span { border: 1px solid color-mix(in srgb, var(--info) 45%, var(--border)); color: var(--info); background: var(--surface); border-radius: 999px; font-size: 13px; padding: 2px 9px; font-weight: 600; }
.md-qb span.on { background: var(--info); color: var(--surface); }
.md-aib { align-self: center; font-size: 12px; color: var(--ai); background: var(--ai-bg); border-radius: 999px; padding: 1px 8px; font-weight: 700; }
.md-qs { display: flex; flex-direction: column; gap: 6px; }
.md-qs > div { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 8px; border: 1px solid var(--border); border-radius: var(--r-md); padding: 7px 9px; font-size: 14px; background: var(--surface); }
.md-qs > div > i { font-style: normal; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; font-weight: 700; color: var(--primary); }
.md-qs small { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
.md-trg { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; font-size: 14px; padding: 6px 0; border-bottom: 1px solid var(--border); }
.md-trg:last-child { border-bottom: 0; }
.md-trg span { color: var(--text-2); font-size: 13px; display: block; }
.md-trg .md-mono { font-size: 13px; color: var(--text-2); }
#s-10 .tag svg { width: 11px; height: 11px; }
#s-10 .page-h .seg svg { width: 14px; height: 14px; display: block; }
.md-var .seg { display: flex; } .md-var .seg span { flex: 1; text-align: center; font-size: 13px; padding: 4px 6px; }
.md-fb .seg { flex-wrap: wrap; }
.md-fld > * { min-width: 0; } .md-fld.md-hid span { overflow-wrap: anywhere; }
.md-pr b { padding-right: 16px; }
#s-12 .md-th .tbl td, #s-12 .md-pa .tbl td { vertical-align: top; }
.md-th q { quotes: '„' '”'; font-style: italic; color: var(--text-2); }


/* ── frames-e: Kepernyo 13 (Integraciok) es 14 (Telefonon) · elotag: me- ── */
.me-pin { flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 13px; font-weight: 700; display: inline-grid; place-items: center; box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent); }
.me-find { width: 230px; font-size: 15px; }
.me-find svg { width: 14px; height: 14px; }
.me-gs { font-size: 14px; }

/* Alkalmazas-csoportok: ket oszlop */
.me-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.me-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.me-grp .card-h { padding: 10px 12px; }
.me-apps { display: flex; flex-direction: column; }
.me-app { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 8px 12px; border-bottom: 1px solid var(--border); }
.me-apps > .me-app:last-child { border-bottom: 0; }
.me-app.me-open { background: var(--surface-2); border-bottom: 0; }
.me-app.me-temp { background: color-mix(in srgb, var(--warn-bg) 60%, var(--surface)); }
.me-app.me-sleep { opacity: .72; }
.me-nm { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.me-nm b { font-size: 15px; }
.me-nm > span { font-size: 14px; color: var(--text-2); line-height: 1.35; }
.me-nm code { font-family: var(--font-mono); font-size: 13px; color: var(--muted); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.me-nm em { font-style: normal; font-family: var(--font-ui); font-weight: 600; font-size: 13px; }
.me-bad { color: var(--bad); } .me-badt { color: var(--bad) !important; }
.me-gdpr { color: var(--warn); }
.me-st { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.me-swap { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; color: var(--text-2); border: 1px solid var(--border); border-radius: var(--r-sm); padding: 2px 7px; background: var(--surface); white-space: nowrap; }
.me-swap svg { width: 12px !important; height: 12px !important; }
.me-mini { display: inline-block; width: 60px; height: 5px; border-radius: 3px; background: var(--surface-3); overflow: hidden; vertical-align: middle; }
.me-mini i { display: block; height: 100%; background: var(--warn); border-radius: 3px; }

/* Monogram-ikonok csoportonkent */
.me-mono { --mc: var(--ton-blue); width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; font-size: 14px; font-weight: 800; letter-spacing: -.2px; flex: 0 0 auto;
  color: color-mix(in srgb, var(--mc) 72%, var(--text)); background: color-mix(in srgb, var(--mc) 15%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mc) 32%, transparent); }
.me-mono.me-xs { width: 22px; height: 22px; border-radius: 6px; font-size: 12px; }
.me-m-ai { --mc: var(--ton-purple); } .me-m-gr { --mc: var(--ton-blue); } .me-m-so { --mc: var(--ton-orange); }
.me-m-ms { --mc: var(--ton-green); } .me-m-ad { --mc: var(--ton-red); } .me-m-dt { --mc: var(--ton-amber); }
.me-m-ws { --mc: var(--info); } .me-m-ny { --mc: var(--ai); } .me-m-ok { --mc: var(--text-2); } .me-m-an { --mc: var(--ok); }

/* Csere-panel a fal.ai alatt */
.me-swapbox { position: relative; margin: 0 12px 10px 52px; padding: 10px; border: 1px dashed color-mix(in srgb, var(--primary) 45%, var(--border)); border-radius: var(--r-md); background: var(--surface); display: flex; flex-direction: column; gap: 8px; }
.me-swapbox > .me-pin { position: absolute; left: -30px; top: 10px; }
.me-swh { display: flex; flex-direction: column; font-size: 14px; } .me-swh span { font-size: 13px; }
.me-swmenu { min-width: 0; box-shadow: none; }
.me-swmenu .menu-i { padding: 5px 7px; }
.me-swf, .me-note { display: flex; gap: 7px; align-items: flex-start; font-size: 14px; color: var(--text-2); }
.me-swf svg, .me-note svg { width: 14px !important; height: 14px !important; margin-top: 1px; color: var(--muted); }

/* AI-koltseg kartya */
.me-ctbl td, .me-ctbl th { padding: 7px 8px; }
.me-cn { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; white-space: nowrap; }
.me-dim td { color: var(--muted); }
.me-cbar { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }

/* Also sor: analitika + figyeles */
.me-low { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.me-chartbox { border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 8px; }
.me-chart text { font-size: 11.5px; }
.me-watch { display: flex; flex-direction: column; }
.me-w { padding: 10px 14px; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.me-w-bad { background: color-mix(in srgb, var(--bad-bg) 55%, var(--surface)); box-shadow: inset 3px 0 0 var(--bad); }
.me-w-off { opacity: .65; }
.me-w-ok { flex-direction: row; align-items: center; gap: 8px; color: var(--ok); font-size: 14px; }
.me-w-ok span { color: var(--text-2); }
.me-wh { display: flex; align-items: center; gap: 8px; }
.me-wh b { font-size: 15px; }
.me-wh time, .me-wh .ver { margin-left: auto; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.me-wh .ver { color: var(--info); }
.me-tier { display: inline-flex; align-items: center; font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; padding: 1px 7px; border-radius: 4px; white-space: nowrap; }
.me-t-bad { background: var(--bad); color: var(--surface); } .me-t-warn { background: var(--warn-bg); color: var(--warn); }
.me-t-ok { background: var(--ok-bg); color: var(--ok); } .me-t-zz { background: var(--sleep-bg); color: var(--sleep); }
.me-q { margin: 0; font-weight: 600; color: var(--bad); font-size: 15px; }
.me-wd { color: var(--text-2); line-height: 1.45; }
.me-wd code, .me-wfix code { font-family: var(--font-mono); font-size: 13px; background: var(--surface-3); padding: 0 4px; border-radius: 3px; }
.me-wfix { background: var(--ai-bg); color: var(--text); border-radius: var(--r-md); padding: 7px 9px; line-height: 1.45; }
.me-k { display: block; font-size: 12px; letter-spacing: .5px; text-transform: uppercase; font-weight: 700; color: var(--ai); margin-bottom: 2px; }
.me-utm { display: flex; flex-direction: column; gap: 3px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; }
.me-utm span { padding: 3px 6px; border-radius: 4px; overflow-wrap: anywhere; }
.me-old { background: var(--bad-bg); color: var(--bad); text-decoration: line-through; }
.me-new { background: var(--ok-bg); color: var(--ok); }
.me-lnk { display: inline-flex; align-items: center; gap: 3px; color: var(--primary); font-weight: 600; }
.me-lnk svg { width: 12px !important; height: 12px !important; }
.me-gap { display: grid; grid-template-columns: auto auto auto auto auto auto; gap: 2px 8px; align-items: baseline; justify-content: start; color: var(--text-2); }
.me-gap b { font-size: 17px; color: var(--text); }
.me-gap .muted { grid-column: 1 / -1; font-size: 13px; }
.me-watchc .me-note { padding: 10px 14px; }

/* ── Kepernyo 14: harom telefon egy vizszintesen gorgetheto sorban ── */
.me-phones { display: flex; gap: 28px; overflow-x: auto; padding: 6px 4px 14px; align-items: flex-start; }
.me-pcol { display: flex; flex-direction: column; gap: 10px; flex: 0 0 auto; width: 360px; }
.me-phones > .me-pcol:first-child { margin-left: auto; }
.me-phones > .me-pcol:last-child { margin-right: auto; }
.me-cap { font-size: 14px; color: var(--text-2); text-align: center; padding: 0 12px; }
.me-cap b { display: block; color: var(--text); font-size: 15px; }
#s-14 .phone { display: flex; flex-direction: column; }
.me-pstat { display: flex; align-items: center; justify-content: space-between; padding: 8px 18px 4px; font-size: 14px; font-weight: 700; }
.me-island { width: 84px; height: 20px; border-radius: 10px; background: var(--frame); }
.me-sig { display: inline-flex; align-items: flex-end; gap: 2px; font-size: 13px; }
.me-sig > i { width: 3px; border-radius: 1px; background: var(--text); }
.me-sig > i:nth-child(1) { height: 4px; } .me-sig > i:nth-child(2) { height: 6px; } .me-sig > i:nth-child(3) { height: 8px; } .me-sig > i:nth-child(4) { height: 10px; margin-right: 4px; opacity: .35; }
.me-bat { display: inline-block; width: 22px; height: 11px; border: 1.5px solid var(--text-2); border-radius: 3px; padding: 1px; margin-left: 5px; }
.me-bat i { display: block; height: 100%; background: var(--text); border-radius: 1px; }
.me-ph { display: flex; align-items: center; gap: 10px; padding: 8px 14px 10px; border-bottom: 1px solid var(--border); }
.me-ph .logo { width: 28px; height: 28px; font-size: 14px; border-radius: 7px; }
.me-ph b { display: block; font-size: 17px; } .me-ph span { display: block; font-size: 13px; color: var(--muted); }
.me-ph .av { margin-left: auto; width: 28px; height: 28px; font-size: 13px; }
.me-pb { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 10px; font-size: 15px; flex: 1; }
.me-pb p { margin: 0; }
.me-sm { font-size: 14px; }
.me-sm svg { width: 12px !important; height: 12px !important; vertical-align: -2px; }
.me-tab { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); background: var(--surface-2); padding: 7px 4px 12px; }
.me-tab span { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 13px; color: var(--muted); }
.me-tab span.on { color: var(--primary); font-weight: 700; }
.me-tab svg { width: 18px !important; height: 18px !important; }
.me-tab i { position: absolute; top: -3px; left: calc(50% + 5px); min-width: 15px; height: 15px; border-radius: 8px; background: var(--bad); color: var(--surface); font-style: normal; font-size: 12px; font-weight: 700; display: grid; place-items: center; padding: 0 4px; }
.me-tab i.me-n { background: var(--surface-3); color: var(--text-2); }

/* Telefon 1 */
.me-day { font-family: var(--font-display); font-size: 17px; line-height: 1.3; font-weight: 600; letter-spacing: -.1px; }
.me-day .ex { font-family: var(--font-ui); vertical-align: 2px; margin-left: 2px; }
.me-hot { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: var(--r-md); background: var(--bad-bg); color: var(--bad); font-size: 14px; }
.me-hot span { flex: 1; color: var(--text); } .me-hot svg:last-child { color: var(--muted); }
.me-tiles { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: var(--r-lg); overflow: hidden; }
.me-tile { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 9px; align-items: center; padding: 8px 10px; border-bottom: 1px solid var(--border); }
.me-tile:last-child { border-bottom: 0; }
.me-ti { --tc: var(--ton-orange); width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; color: var(--tc); background: color-mix(in srgb, var(--tc) 15%, transparent); }
.me-ti svg { width: 15px !important; height: 15px !important; }
.me-ti-or { --tc: var(--ton-orange); } .me-ti-gr { --tc: var(--ton-green); } .me-ti-bl { --tc: var(--ton-blue); } .me-ti-am { --tc: var(--ton-amber); } .me-ti-pu { --tc: var(--ton-purple); }
.me-tt { min-width: 0; display: flex; flex-direction: column; }
.me-tt small { font-size: 13px; color: var(--muted); font-weight: 600; letter-spacing: .3px; text-transform: uppercase; }
.me-tt span { font-size: 14px; color: var(--text-2); line-height: 1.3; }
.me-tv { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; }
.me-tv > b { font-size: 17px; font-weight: 700; letter-spacing: -.3px; }
.me-tv > span { font-size: 13px; }
.me-tv .conf { font-size: 12px; }
.me-voice { display: flex; flex-direction: column; gap: 6px; }
.me-bub { border-radius: 14px; padding: 8px 10px; font-size: 14px; max-width: 92%; }
.me-bub-me { align-self: flex-end; background: var(--primary); color: var(--on-primary); display: flex; align-items: center; gap: 8px; border-bottom-right-radius: 4px; font-weight: 600; }
.me-bub-me time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12.5px; opacity: .8; }
.me-bub-ai { align-self: flex-start; background: var(--surface-2); border: 1px solid var(--border); border-bottom-left-radius: 4px; display: flex; flex-direction: column; gap: 6px; color: var(--text); line-height: 1.45; }
.me-aud { display: flex; align-items: center; gap: 8px; color: var(--ai); }
.me-aud time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.me-play { width: 26px; height: 26px; border-radius: 50%; background: var(--ai); color: var(--surface); display: grid; place-items: center; flex: 0 0 auto; }
.me-play svg { width: 12px !important; height: 12px !important; fill: currentColor; }
.me-wave { flex: 1; display: block; min-width: 0; }
.me-wave svg { width: 100% !important; height: 20px !important; display: block; }
.me-wave-s { flex: 0 0 48px; }
.me-micw { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding-top: 4px; }
.me-micw > .me-pin { position: absolute; left: 70px; top: 6px; }
.me-mic { width: 62px; height: 62px; border-radius: 50%; background: var(--primary); color: var(--on-primary); display: grid; place-items: center; box-shadow: 0 0 0 8px color-mix(in srgb, var(--primary) 14%, transparent), 0 0 0 16px color-mix(in srgb, var(--primary) 6%, transparent); margin: 8px 0 6px; }
.me-mic svg { width: 26px !important; height: 26px !important; }
.me-micw > b { font-size: 14px; }
.me-sugg { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.me-sugg span { font-size: 13px; color: var(--text-2); border: 1px solid var(--border); border-radius: 999px; padding: 2px 8px; background: var(--surface); }

/* Telefon 2 */
.me-push { margin: 4px 10px 6px; padding: 9px 10px; border-radius: 14px; background: var(--surface-2); border: 1px solid var(--border); box-shadow: var(--widget-shadow); display: flex; gap: 9px; align-items: flex-start; }
.me-push .logo { width: 24px; height: 24px; font-size: 13px; border-radius: 6px; flex: 0 0 auto; }
.me-push div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.me-push small { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .4px; font-weight: 600; }
.me-push b { font-size: 15px; line-height: 1.3; } .me-push span { font-size: 14px; color: var(--text-2); }
.me-acard { position: relative; border: 1px solid color-mix(in srgb, var(--bad) 35%, var(--border)); box-shadow: inset 3px 0 0 var(--bad); border-radius: var(--r-lg); padding: 10px 12px; display: flex; flex-direction: column; gap: 7px; }
.me-at { font-size: 17px; line-height: 1.3; }
.me-acard p { color: var(--text-2); font-size: 14px; line-height: 1.45; }
.me-why { font-size: 14px; color: var(--text-2); line-height: 1.45; background: var(--surface-2); border-radius: var(--r-md); padding: 6px 8px; }
.me-why .me-k { color: var(--muted); }
.me-why-ai { background: var(--ai-bg); color: var(--text); }
.me-why-ai .me-k { color: var(--ai); }
.me-btns { display: flex; flex-direction: column; gap: 6px; }
.me-btns > .btn { justify-content: center; height: 40px; }
.me-b2 { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; }
.me-b2 .btn { justify-content: center; }
.me-crh { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.me-crh b { font-size: 15px; }
.me-swipe { position: relative; padding-bottom: 12px; }
.me-sc { border-radius: var(--r-lg); border: 1px solid var(--border); background: var(--surface); overflow: hidden; }
.me-sc2, .me-sc3 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.me-sc2 { transform: translateY(6px) scale(.96); background: var(--surface-2); }
.me-sc3 { transform: translateY(12px) scale(.92); background: var(--surface-3); }
.me-sc1 { position: relative; box-shadow: var(--widget-shadow); transform: rotate(-1.5deg); }
.me-crimg { width: 100% !important; height: auto !important; display: block; }
.me-crimg text { font-family: var(--font-ui); }
.me-scb { padding: 8px 10px 10px; display: flex; flex-direction: column; gap: 6px; }
.me-scb b { font-size: 15px; }
.me-scb .av-ok svg { width: 12px !important; height: 12px !important; }
.me-cnt { margin-left: auto; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.me-yn { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 18px; }
.me-r { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; border: 2px solid currentColor; background: var(--surface); }
.me-r svg { width: 20px !important; height: 20px !important; }
.me-r-no { color: var(--bad); } .me-r-yes { color: var(--ok); }
.me-hint { font-size: 13px; color: var(--muted); text-align: center; line-height: 1.45; }

/* Telefon 3 */
.me-ccard { border: 2px solid var(--primary); border-radius: var(--r-lg); padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 8px; background: radial-gradient(130% 90% at 0% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 60%), var(--surface); }
.me-ce { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--primary); }
.me-ce svg { width: 13px !important; height: 13px !important; }
.me-dl { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 5px 8px; font-size: 14px; }
.me-dl > span { color: var(--muted); }
.me-dl > b { font-weight: 600; line-height: 1.35; }
.me-okt { color: var(--ok); }
.me-cbtn { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 8px; }
.me-cbtn .btn { justify-content: center; height: 42px; }
.me-killbig { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--bad); color: var(--surface); box-shadow: 0 8px 20px -10px var(--bad); }
.me-kico { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--surface) 22%, transparent); flex: 0 0 auto; }
.me-kico svg { width: 22px !important; height: 22px !important; }
.me-killbig b { display: block; font-size: 17px; } .me-killbig span { font-size: 13px; opacity: .9; }
.me-ktxt { text-align: center; margin-top: -4px; }
.me-log { border: 1px solid var(--border); border-radius: var(--r-lg); overflow: hidden; }
.me-logh { display: flex; align-items: center; gap: 6px; padding: 7px 10px; background: var(--surface-2); border-bottom: 1px solid var(--border); font-size: 14px; }
.me-logh svg { width: 13px !important; height: 13px !important; color: var(--muted); }
.me-logh span { margin-left: auto; font-size: 13px; color: var(--muted); font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.me-lr { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 8px; padding: 6px 10px; border-bottom: 1px solid var(--border); }
.me-lr time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--text-2); padding-top: 1px; }
.me-lr b { display: block; font-size: 14px; } .me-lr span { display: block; font-size: 13px; color: var(--muted); line-height: 1.35; }
.me-logf { display: flex; align-items: center; gap: 5px; padding: 6px 10px; font-size: 13px; color: var(--primary); font-weight: 600; }
.me-logf svg { width: 12px !important; height: 12px !important; }


/* ── frames-f: Kepernyo 15 (Tudas es claim) es 16 (WhatsApp · SMS) · elotag: mf- ── */
.mf-pin { flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 13px; font-weight: 700; display: inline-grid; place-items: center; box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent); }
.mf-find { width: 230px; font-size: 15px; }
.mf-find svg { width: 14px; height: 14px; }
.mf-gs { font-size: 14px; }
.mf-code { font-family: var(--font-mono); font-size: 13px; color: var(--muted); white-space: nowrap; }
.mf-av { width: 22px; height: 22px; font-size: 11px; }
.mf-av-ka { background: var(--t-blue); } .mf-av-sb { background: var(--t-green); } .mf-av-tr { background: var(--t-amber); } .mf-av-me { background: var(--t-purple); }
.mf-note { display: flex; gap: 7px; align-items: flex-start; font-size: 14px; color: var(--text-2); line-height: 1.45; }
.mf-note svg { width: 14px !important; height: 14px !important; margin-top: 1px; color: var(--muted); }
.mf-k { display: block; font-size: 12px; letter-spacing: .5px; text-transform: uppercase; font-weight: 700; color: var(--muted); margin-bottom: 4px; }

/* ── Kepernyo 15: Tudas es claim ── */
#s-15 .kpis { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#s-15 .kpi { padding: 14px 14px 16px; gap: 11px; }
#s-15 .kpi .ico { width: 40px; height: 40px; }
#s-15 .kpi .ico svg { width: 19px; height: 19px; }
#s-15 .kpi .v { font-size: 24px; }
.mf-tabs { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mf-tabs .seg span { font-size: 15px; padding: 6px 12px; display: inline-flex; align-items: center; gap: 6px; }
.mf-tabs .seg small { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; font-weight: 500; opacity: .75; }
.mf-tabs .mf-src { margin-left: auto; font-size: 14px; color: var(--muted); display: inline-flex; align-items: center; gap: 6px; }
.mf-tabs .mf-src svg { width: 13px !important; height: 13px !important; }
.mf-sot { align-items: center; color: var(--text); }
.mf-sot > svg { color: var(--warn); }
.mf-sot-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mf-sot-t b { color: var(--text); font-size: 15px; }
.mf-sot-t span { color: var(--text-2); font-size: 14px; }
.mf-sot-t code { font-family: var(--font-mono); font-size: 13px; }
.mf-sot-x { text-decoration: line-through; color: var(--bad); }
.mf-sot-n { color: var(--ok); font-weight: 600; }
.mf-sot .row { flex-wrap: nowrap; }
.mf-reg { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
.mf-filt { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--border); }
.mf-filt .row { gap: 6px; }
.mf-filt .chip { height: 26px; padding: 0 9px; font-size: 14px; gap: 5px; }
.mf-filt .chip small { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; color: var(--muted); }
.mf-filt .seg span { font-size: 14px; }
.mf-flag { display: inline-grid; place-items: center; min-width: 22px; height: 16px; padding: 0 3px; border-radius: 3px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; font-weight: 700; background: var(--surface-3); color: var(--text-2); }
.mf-ctbl { font-size: 14px; table-layout: fixed; }
.mf-ctbl th { padding: 8px 8px; font-size: 12px; }
.mf-ctbl td { padding: 8px 8px; vertical-align: top; line-height: 1.4; }
.mf-ctbl td .pill { font-size: 12px; padding: 1px 6px; gap: 4px; }
.mf-ctbl th, .mf-ctbl td { padding-left: 6px; padding-right: 6px; }
.mf-date { font-size: 13px; color: var(--muted); }
.mf-ctbl tr.sel td:first-child { box-shadow: inset 3px 0 0 var(--primary); }
.mf-cl { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mf-cl q { font-weight: 600; color: var(--text); quotes: '„' '”'; }
.mf-cl .row { gap: 3px; }
.mf-pr b { display: block; font-weight: 600; font-size: 14px; } .mf-pr span { display: block; color: var(--muted); font-size: 13px; }
.mf-law { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--text-2); overflow-wrap: anywhere; }
.mf-cond { color: var(--text-2); font-size: 13px; }
.mf-use { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-weight: 600; }
.mf-use-0 { color: var(--muted); font-weight: 400; }
.mf-warn { color: var(--warn); font-weight: 600; }
.mf-tfoot { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-top: 1px solid var(--border); font-size: 14px; color: var(--muted); }
.mf-tfoot .btn { margin-left: auto; }

.mf-det { display: flex; flex-direction: column; }
.mf-det .card-h { align-items: flex-start; }
.mf-det-h { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mf-det-h h4 { font-size: 15px; line-height: 1.35; }
.mf-sec { padding: 11px 14px; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: 7px; font-size: 14px; }
.mf-mk { width: 100%; border-collapse: collapse; font-size: 14px; }
.mf-mk td { padding: 4px 0; border-bottom: 1px dashed var(--border); vertical-align: middle; }
.mf-mk tr:last-child td { border-bottom: 0; }
.mf-mk td:nth-child(2) { padding-left: 6px; }
.mf-mk td:last-child { text-align: right; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; color: var(--muted); }
.mf-dot { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 600; }
.mf-dot::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.mf-d-ok { color: var(--ok); } .mf-d-warn { color: var(--warn); } .mf-d-bad { color: var(--bad); } .mf-d-off { color: var(--muted); }
.mf-tr { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 6px; align-items: start; font-size: 14px; line-height: 1.4; }
.mf-tr i { font-style: italic; color: var(--text); }
.mf-tr .mf-dot { font-size: 13px; white-space: nowrap; }
.mf-used { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--r-md); background: var(--primary-subtle); }
.mf-used b.mf-big { font-size: 24px; line-height: 1; color: var(--primary); font-variant-numeric: tabular-nums; }
.mf-used span { font-size: 14px; color: var(--text-2); line-height: 1.35; }
.mf-uses { display: flex; flex-wrap: wrap; gap: 4px; }
.mf-det .tl-i { font-size: 14px; padding-bottom: 9px; }
.mf-det .tl-i b { font-size: 14px; }
.mf-det .tl-i span { font-size: 13px; }
.mf-det-f { padding: 10px 14px; display: flex; gap: 6px; flex-wrap: wrap; }

.mf-low { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.mf-rtbl { font-size: 14px; }
.mf-rtbl td, .mf-rtbl th { padding: 8px 10px; }
.mf-rtbl td { vertical-align: top; }
.mf-rule { display: flex; flex-direction: column; gap: 2px; }
.mf-rule b { font-size: 14px; }
.mf-rule span { font-size: 13px; color: var(--muted); }
.mf-who { display: inline-flex; align-items: center; gap: 6px; line-height: 1.3; }
.mf-who small { display: block; color: var(--muted); font-size: 13px; }
.mf-hit { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-weight: 600; }
.mf-asset { display: flex; flex-direction: column; gap: 10px; }
.mf-al { display: grid; grid-template-columns: 116px minmax(0, 1fr) 46px; gap: 8px; align-items: center; font-size: 14px; }
.mf-al > span:last-child { text-align: right; font-family:var(--font-ui);font-variant-numeric:tabular-nums; color: var(--text-2); }
.mf-scan { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px; border: 1px solid color-mix(in srgb, var(--bad) 30%, var(--border)); border-radius: var(--r-md); background: color-mix(in srgb, var(--bad-bg) 55%, var(--surface)); font-size: 14px; }
.mf-scan svg.mf-shot { width: 54px !important; height: 40px !important; border-radius: 4px; display: block; }
.mf-scan b { display: block; font-size: 14px; } .mf-scan span { color: var(--text-2); }
.mf-chart text { font-size: 11.5px; }
.mf-mini { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mf-mini > div { border: 1px solid var(--border); border-radius: var(--r-md); padding: 7px 9px; display: flex; flex-direction: column; gap: 1px; font-size: 13px; color: var(--muted); }
.mf-mini > div b { font-size: 17px; color: var(--text); font-variant-numeric: tabular-nums; }

/* ── Kepernyo 16: WhatsApp · SMS ── */
.mf-wa { display: grid; grid-template-columns: 292px minmax(0, 1fr) 284px; gap: 14px; align-items: start; }
.mf-list .card-h, .mf-side .card-h { padding: 10px 12px; }
.mf-lf { padding: 8px 10px; border-bottom: 1px solid var(--border); display: flex; flex-wrap: wrap; gap: 5px; }
.mf-lf .chip { height: 25px; padding: 0 8px; font-size: 14px; gap: 4px; }
.mf-lf .chip small { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; color: var(--muted); }
.mf-conv { width: 100%; border-collapse: collapse; font-size: 14px; }
.mf-conv td { padding: 8px 10px; border-bottom: 1px solid var(--border); vertical-align: top; }
.mf-conv tr:last-child td { border-bottom: 0; }
.mf-conv tr.sel td { background: var(--primary-subtle); }
.mf-conv tr.sel td:first-child { box-shadow: inset 3px 0 0 var(--primary); }
.mf-conv td:first-child { width: 30px; padding-right: 0; }
.mf-ci { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mf-ci-h { display: flex; align-items: center; gap: 6px; }
.mf-ci-h b { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.mf-ci-h time { margin-left: auto; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; color: var(--muted); white-space: nowrap; }
.mf-ci p { margin: 0; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mf-ci-f { display: flex; align-items: center; gap: 6px; }
.mf-unr { margin-left: auto; min-width: 17px; height: 17px; border-radius: 9px; padding: 0 5px; background: var(--ok); color: var(--surface); font-size: 12px; font-weight: 700; display: inline-grid; place-items: center; }
.mf-win { display: inline-flex; align-items: center; gap: 4px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; font-weight: 600; padding: 1px 6px; border-radius: 4px; white-space: nowrap; }
.mf-win svg { width: 11px !important; height: 11px !important; }
.mf-w-ok { background: var(--ok-bg); color: var(--ok); }
.mf-w-low { background: var(--warn-bg); color: var(--warn); }
.mf-w-off { background: var(--surface-3); color: var(--muted); font-family: var(--font-ui); }
.mf-w-sms { background: var(--info-bg); color: var(--info); font-family: var(--font-ui); }
.mf-chn { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 700; color: #fff; position: relative; }
.mf-chn i { position: absolute; right: -3px; bottom: -3px; width: 14px; height: 14px; border-radius: 50%; display: grid; place-items: center; background: var(--surface); box-shadow: 0 0 0 1px var(--border); color: var(--ok); }
.mf-chn i svg { width: 9px !important; height: 9px !important; }
.mf-chn i.mf-sms { color: var(--info); }

.mf-chat { display: flex; flex-direction: column; }
.mf-chat-h { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--border); }
.mf-chat-h > div:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }
.mf-chat-h b { font-size: 15px; } .mf-chat-h span { font-size: 13px; color: var(--muted); }
.mf-chat-h .mf-r { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.mf-clock { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ok); font-weight: 600; }
.mf-clock b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 15px; color: var(--ok); }
.mf-wbar { width: 120px; height: 4px; border-radius: 2px; background: var(--surface-3); overflow: hidden; }
.mf-wbar i { display: block; height: 100%; background: var(--ok); }
.mf-thread { padding: 12px 14px; display: flex; flex-direction: column; gap: 9px; background: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 0) 0 0 / 14px 14px, var(--surface-2); }
.mf-day { align-self: center; font-size: 13px; color: var(--text-2); background: var(--surface); border: 1px solid var(--border); border-radius: 999px; padding: 1px 10px; }
.mf-sys { align-self: center; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-2); background: color-mix(in srgb, var(--warn-bg) 70%, var(--surface)); border-radius: var(--r-md); padding: 3px 9px; text-align: center; }
.mf-sys svg { width: 12px !important; height: 12px !important; }
.mf-sys.mf-sys-ok { background: var(--ok-bg); color: var(--ok); }
.mf-sys.mf-sys-in { background: var(--info-bg); color: var(--info); }
.mf-b { max-width: 78%; border-radius: 12px; padding: 7px 10px 6px; font-size: 14px; line-height: 1.45; box-shadow: 0 1px 0 color-mix(in srgb, var(--text) 8%, transparent); display: flex; flex-direction: column; gap: 5px; }
.mf-b p { margin: 0; }
.mf-out { align-self: flex-end; background: color-mix(in srgb, var(--ok) 15%, var(--surface)); border-top-right-radius: 3px; }
.mf-in { align-self: flex-start; background: var(--surface); border-top-left-radius: 3px; }
.mf-meta { display: flex; align-items: center; justify-content: flex-end; gap: 5px; font-size: 12px; color: var(--muted); }
.mf-meta time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.mf-meta svg { width: 13px !important; height: 13px !important; color: var(--info); }
.mf-meta .mf-tpl { margin-right: auto; font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.mf-from { font-size: 13px; font-weight: 700; color: var(--t-blue); }
.mf-qbtn { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 2px -4px -2px; }
.mf-qbtn .btn { justify-content: center; height: 30px; font-size: 14px; background: var(--surface); color: var(--info); border-color: color-mix(in srgb, var(--text) 8%, transparent); }
.mf-qbtn .btn svg { width: 13px; height: 13px; }
.mf-reply { font-size: 13px; border-left: 3px solid var(--ok); background: color-mix(in srgb, var(--ok) 8%, var(--surface-2)); border-radius: 4px; padding: 3px 7px; color: var(--text-2); }
.mf-reply b { color: var(--ok); display: block; font-size: 13px; }
.mf-pdf { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 8px; align-items: center; background: color-mix(in srgb, var(--surface) 70%, transparent); border-radius: var(--r-md); padding: 7px; }
.mf-pdf .mf-pi { width: 34px; height: 40px; border-radius: 4px; background: var(--bad); color: var(--surface); display: grid; place-items: center; font-size: 12px; font-weight: 800; letter-spacing: .3px; }
.mf-pdf b { display: block; font-size: 14px; } .mf-pdf span { display: block; font-size: 13px; color: var(--muted); }
.mf-track { display: flex; flex-direction: column; gap: 3px; border-top: 1px dashed color-mix(in srgb, var(--text) 15%, transparent); padding-top: 5px; font-size: 13px; color: var(--text-2); }
.mf-track b { color: var(--ok); }
.mf-pages { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 2px; align-items: end; height: 22px; }
.mf-pages i { display: block; background: color-mix(in srgb, var(--ok) 55%, transparent); border-radius: 2px 2px 0 0; }
.mf-cat { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
.mf-ci2 { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; display: flex; flex-direction: column; }
.mf-ci2 svg.mf-ph { width: 100% !important; height: 62px !important; display: block; background: var(--primary-subtle); }
.mf-ci2 div { padding: 5px 7px 6px; display: flex; flex-direction: column; gap: 1px; font-size: 13px; }
.mf-ci2 b { font-size: 14px; } .mf-ci2 span { color: var(--muted); }
.mf-ci2 em { font-style: normal; color: var(--ok); font-weight: 600; }
.mf-compose { border-top: 1px solid var(--border); padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; }
.mf-sugg { display: flex; gap: 8px; align-items: flex-start; background: var(--ai-bg); border-radius: var(--r-md); padding: 7px 9px; font-size: 14px; line-height: 1.45; }
.mf-sugg > div { flex: 1; min-width: 0; }
.mf-sugg .mf-k { color: var(--ai); margin-bottom: 1px; }
.mf-sugg .btn { flex: 0 0 auto; }
.mf-ta { min-height: 40px; height: auto; align-items: flex-start; padding: 9px 10px; font-size: 15px; }
.mf-ctl { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.mf-ctl .input { height: 28px; font-size: 14px; }
.mf-ctl .mf-sp { margin-left: auto; }
.mf-hand { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-top: 1px solid var(--border); background: color-mix(in srgb, var(--info-bg) 55%, var(--surface)); font-size: 14px; color: var(--text-2); }
.mf-hand > svg { color: var(--info); width: 16px !important; height: 16px !important; }
.mf-hand > div { flex: 1; min-width: 0; }
.mf-hand b { color: var(--text); }

.mf-side { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.mf-ttbl { font-size: 13px; }
.mf-ttbl td { padding: 6px 10px; vertical-align: top; }
.mf-ttbl td .pill { font-size: 12px; padding: 1px 6px; }
.mf-tn { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.mf-tn code { font-family: var(--font-mono); font-size: 13px; color: var(--text); font-weight: 600; overflow-wrap: anywhere; }
.mf-tn span { font-size: 12px; color: var(--muted); }
.mf-why { font-size: 12px; color: var(--bad); }
.mf-cat-m { color: var(--ai); } .mf-cat-u { color: var(--info); }
.mf-team { display: flex; flex-direction: column; gap: 7px; font-size: 14px; }
.mf-tm { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.mf-tm span { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--text-2); }
.mf-tg { display: flex; align-items: center; gap: 9px; font-size: 14px; color: var(--text-2); }
.mf-tg > span { flex: 1; min-width: 0; line-height: 1.35; }
.mf-tg b { color: var(--text); display: block; font-size: 14px; }
.mf-num { display: inline-flex; align-items: center; gap: 6px; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 14px; font-weight: 600; }
.mf-ctwa { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.mf-ctwa > div { display: flex; flex-direction: column; gap: 1px; font-size: 13px; color: var(--muted); }
.mf-ctwa > div b { font-size: 17px; color: var(--text); font-variant-numeric: tabular-nums; }
.mf-sms { border-style: dashed; }
.mf-sms .card-h { background: color-mix(in srgb, var(--info-bg) 45%, var(--surface)); border-radius: var(--r-lg) var(--r-lg) 0 0; }
.mf-kv { width: 100%; border-collapse: collapse; font-size: 13px; }
.mf-kv td { padding: 3px 0; vertical-align: middle; }
.mf-kv td:first-child { width: 64px; }
.mf-kv code { font-family: var(--font-mono); font-size: 13px; font-weight: 600; background: var(--surface-3); border-radius: 3px; padding: 0 4px; }
.mf-kv td:last-child { text-align: right; }
.mf-kw { display: flex; flex-wrap: wrap; gap: 4px; }
.mf-kw span { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; border: 1px solid var(--border); border-radius: 4px; padding: 1px 5px; background: var(--surface); }
.mf-kw span em { font-style: normal; color: var(--muted); margin-right: 3px; font-family: var(--font-ui); font-size: 12px; }
.mf-link { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; display: flex; flex-direction: column; gap: 2px; padding: 6px 8px; border-radius: var(--r-md); background: var(--surface-2); overflow-wrap: anywhere; }
.mf-link b { color: var(--primary); }
.mf-sleep { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--muted); }
.mf-sleep span:nth-child(2) { flex: 1; }
#s-16 .kpis .kpi .v { font-size: 24px; }


/* ── frames-g: Kepernyo 17 (Felmeresek) es 18 (Kikuldesi naplo) · elotag: mg- ── */
.mg-pin { flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 13px; font-weight: 700; display: inline-grid; place-items: center; box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent); }
.mg-xs { font-size: 14px; }
.mg-k { display: block; font-size: 12px; letter-spacing: .5px; text-transform: uppercase; font-weight: 700; color: var(--ai); margin-bottom: 2px; }
.mg-ch { display: inline-flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 600; white-space: nowrap; }
.mg-ch svg { width: 13px !important; height: 13px !important; }
.mg-ch-wa { color: var(--ok); } .mg-ch-ml { color: var(--info); } .mg-ch-em { color: var(--ai); } .mg-ch-cv { color: var(--warn); }
.mg-ch-ad { color: var(--primary); } .mg-ch-li { color: var(--info); }

/* ── Kepernyo 17: cel + javaslatok ── */
.mg-top { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.mg-ask { display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 14px; border-radius: var(--r-lg); border: 1.5px solid transparent;
  background: linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(90deg, var(--mk-g1), var(--mk-g2) 60%, var(--mk-g3)) border-box; }
.mg-spk { font-size: 17px; background: linear-gradient(135deg, var(--mk-g1), var(--mk-g2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mg-asktx { flex: 1; font-family: var(--font-display); font-size: 17px; font-weight: 600; letter-spacing: -.1px; min-width: 0; }
.mg-mic { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: var(--text-2); background: var(--surface-2); }
.mg-mic svg { width: 14px !important; height: 14px !important; }
.mg-derive { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mg-derive > div { border: 1px solid var(--border); border-radius: var(--r-md); padding: 7px 9px; display: flex; flex-direction: column; gap: 1px; background: var(--surface-2); }
.mg-derive small { font-size: 12px; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); font-weight: 600; }
.mg-derive b { font-size: 15px; } .mg-derive span { font-size: 13px; color: var(--text-2); }
.mg-tryrow { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.mg-tryrow .chip { height: 26px; font-size: 14px; }
.mg-gl { display: flex; flex-direction: column; }
.mg-g { padding: 9px 14px; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: 5px; }
.mg-g:last-child { border-bottom: 0; }
.mg-g p { margin: 0; font-size: 14px; color: var(--text-2); line-height: 1.45; }
.mg-g-done { background: color-mix(in srgb, var(--ok-bg) 55%, var(--surface)); }
.mg-gh { display: flex; align-items: center; gap: 8px; } .mg-gh b { font-size: 15px; }
.mg-gh > :last-child { margin-left: auto; }
.mg-gh .av-ok svg { width: 12px !important; height: 12px !important; }
.mg-age { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; font-weight: 600; padding: 1px 6px; border-radius: 4px; }
.mg-age-bad { background: var(--bad-bg); color: var(--bad); } .mg-age-warn { background: var(--warn-bg); color: var(--warn); }

/* Lista */
.mg-sv td { padding: 8px 10px; }
.mg-sv td b { display: block; font-size: 15px; }
.mg-sv code { font-family: var(--font-mono); font-size: 13px; color: var(--muted); }
.mg-trg { font-size: 14px; color: var(--text-2); }
.mg-fill { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-2); white-space: nowrap; }
.mg-fill .bar { width: 70px; flex: 0 0 auto; }

/* Szerkeszto + elonezet */
.mg-ed { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.mg-qs { display: flex; flex-direction: column; }
.mg-q { display: grid; grid-template-columns: 22px minmax(0, 1fr) 150px; gap: 10px; align-items: start; padding: 10px 14px; border-bottom: 1px solid var(--border); }
.mg-qn { width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; font-size: 14px; font-weight: 700; color: var(--primary); background: var(--primary-subtle); }
.mg-qb { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.mg-qb > b { font-size: 15px; }
.mg-type { height: 28px; font-size: 14px; }
.mg-opts { display: flex; gap: 5px; flex-wrap: wrap; }
.mg-opts span { font-size: 13px; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--border); color: var(--text-2); background: var(--surface-2); }
.mg-scale { display: flex; align-items: center; gap: 4px; }
.mg-scale span { width: 22px; height: 22px; border-radius: 5px; border: 1px solid var(--border); display: grid; place-items: center; font-size: 13px; font-weight: 600; color: var(--text-2); }
.mg-scale em { font-style: normal; font-size: 13px; color: var(--muted); margin-left: 6px; }
.mg-free { font-size: 14px; color: var(--muted); border: 1px dashed var(--border-strong); border-radius: var(--r-md); padding: 6px 9px; }
.mg-lang { display: flex; gap: 4px; flex-wrap: wrap; }
.mg-lang i { font-style: normal; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; font-weight: 600; padding: 0 5px; border-radius: 3px; }
.mg-lok { background: var(--ok-bg); color: var(--ok); } .mg-lwait { background: var(--warn-bg); color: var(--warn); } .mg-lna { background: var(--surface-3); color: var(--muted); }
.mg-note { display: flex; gap: 5px; align-items: center; font-size: 13px; color: var(--ai); }
.mg-note svg { width: 12px !important; height: 12px !important; }
.mg-edf { display: flex; flex-direction: column; gap: 10px; }
.mg-lbl { font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); font-weight: 600; }
.mg-edf .chip { height: 28px; font-size: 14px; }
.mg-edf .alert { color: var(--text); }
.mg-edf .alert svg { color: var(--info); }
.mg-prev { display: flex; flex-direction: column; gap: 12px; }
.mg-mail { border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; }
.mg-mh { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 8px; padding: 7px 10px; background: var(--surface-2); border-bottom: 1px solid var(--border); font-size: 14px; }
.mg-mh span { display: flex; flex-direction: column; } .mg-mh small { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .4px; font-weight: 600; }
.mg-mb { padding: 9px 11px; display: flex; flex-direction: column; gap: 7px; font-size: 14px; line-height: 1.45; }
.mg-mb p { margin: 0; }
.mg-mbtn, .mg-wbtn { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.mg-mbtn span { text-align: center; font-size: 14px; font-weight: 600; padding: 5px; border-radius: var(--r-md); background: var(--primary-subtle); color: var(--primary); }
.mg-wa { border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--border); }
.mg-wah { display: flex; align-items: center; gap: 7px; padding: 6px 10px; background: color-mix(in srgb, var(--ok) 14%, var(--surface)); font-size: 14px; }
.mg-wah span:last-child { margin-left: auto; font-size: 13px; color: var(--text-2); }
.mg-wab { padding: 9px; display: flex; flex-direction: column; gap: 6px; background: color-mix(in srgb, var(--ok-bg) 40%, var(--surface-2)); }
.mg-bub { align-self: flex-start; max-width: 88%; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; border-top-left-radius: 3px; padding: 6px 9px; font-size: 14px; line-height: 1.4; }
.mg-bub time { display: block; text-align: right; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; color: var(--muted); margin-top: 2px; }
.mg-bub-me { align-self: flex-end; background: color-mix(in srgb, var(--ok) 18%, var(--surface)); border-top-left-radius: 10px; border-top-right-radius: 3px; }
.mg-wbtn { max-width: 88%; }
.mg-wbtn span { text-align: center; font-size: 13px; font-weight: 600; padding: 4px; border-radius: 8px; background: var(--surface); border: 1px solid var(--border); color: var(--info); }

/* Eredmeny */
.mg-res { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; border-bottom: 1px solid var(--border); }
.mg-rq { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.mg-rq > b { font-size: 14px; margin-bottom: 2px; }
.mg-hb { display: grid; grid-template-columns: 96px minmax(0, 1fr) 16px; gap: 8px; align-items: center; font-size: 14px; color: var(--text-2); }
.mg-hb em { font-style: normal; font-family: var(--font-mono); font-size: 13px; color: var(--text); text-align: right; }
.mg-hb .bar > i { background: var(--primary); }
.mg-hb .bar.low > i { background: var(--warn); }
.mg-sc { max-width: 240px; }
.mg-th td { padding: 8px 12px; }
.mg-qt { color: var(--text-2); font-style: italic; }
.mg-out { display: flex; flex-direction: column; gap: 10px; border-top: 1px solid var(--border); }
.mg-outh { display: flex; align-items: baseline; gap: 10px; } .mg-outh b { font-size: 15px; }
.mg-outg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.mg-o { border: 1px solid var(--border); border-radius: var(--r-md); padding: 10px 12px; display: flex; flex-direction: column; gap: 7px; align-items: flex-start; background: var(--surface-2); }
.mg-o p { margin: 0; font-size: 14px; color: var(--text-2); line-height: 1.45; flex: 1; }
.mg-oh { display: flex; align-items: center; gap: 7px; } .mg-oh b { font-size: 15px; }
.mg-oh svg { width: 15px !important; height: 15px !important; color: var(--primary); }

/* ── Kepernyo 18: leallitas-elozmenyek ── */
.mg-kill .card-h { background: color-mix(in srgb, var(--bad-bg) 45%, var(--surface)); border-radius: var(--r-lg) var(--r-lg) 0 0; }
.mg-kico { width: 18px !important; height: 18px !important; color: var(--bad); }
.mg-kill .av-ok svg { width: 12px !important; height: 12px !important; }
.mg-kg { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.mg-ke { padding: 12px 14px; display: flex; flex-direction: column; gap: 7px; }
.mg-ke + .mg-ke { border-left: 1px solid var(--border); }
.mg-kt { display: flex; align-items: center; gap: 8px; font-size: 14px; white-space: nowrap; }
.mg-kd { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; font-weight: 600; padding: 1px 6px; border-radius: 4px; background: var(--surface-3); }
.mg-ks b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; }
.mg-kt > .mg-ks:nth-of-type(2) b { color: var(--bad); } .mg-kt > .mg-ks:nth-of-type(4) b { color: var(--ok); }
.mg-kbar { flex: 1; height: 6px; border-radius: 3px; min-width: 30px; background: linear-gradient(90deg, var(--bad), var(--ok)); opacity: .55; }
.mg-kl { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.mg-kw { font-size: 14px; color: var(--text-2); }
.mg-km { display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.mg-km > b { font-size: 14px; }
.mg-mi { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 4px 8px; border-radius: var(--r-md); background: var(--surface-2); }
.mg-mi time { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--text-2); }
.mg-mi .pill { font-size: 13px; }

/* Szurok */
.mg-flt { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px 12px; padding: 12px 14px; align-items: end; }
.mg-fs { grid-column: 3 / span 2; }
.mg-flt .input { height: 30px; font-size: 14px; }
.mg-flt .input svg { width: 13px; height: 13px; color: var(--muted); }
.mg-flt .seg span { font-size: 14px; padding: 4px 7px; }
.mg-tg { height: 30px; flex-wrap: nowrap; }

/* Tabla + reszletek */
.mg-lay { display: grid; grid-template-columns: minmax(0, 1fr) 316px; gap: 14px; align-items: start; }
.mg-logc { min-width: 0; }
.mg-log { font-size: 14px; }
.mg-log th { padding: 8px 7px; font-size: 12px; }
.mg-log td { padding: 7px 7px; vertical-align: top; line-height: 1.35; }
.mg-log td > span:not(.mg-who):not(.mg-ch), .mg-log td > b + span { display: block; color: var(--muted); font-size: 13px; margin-top: 1px; }
.mg-log td > b { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; margin-right: 3px; }
.mg-ts { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; white-space: nowrap; color: var(--text); }
.mg-ts span { font-size: 12px; }
.mg-who { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-size: 14px; }
.mg-who svg { width: 12px !important; height: 12px !important; flex: 0 0 auto; }
.mg-w-rule svg { color: var(--ai); } .mg-w-ag svg { color: var(--ai); } .mg-w-me svg { color: var(--text-2); }
.mg-log .mg-sub { display: block; }
.mg-log td > .mg-cl { color: var(--info); }
.mg-cf { white-space: nowrap; }
.mg-log .mg-hs { display: inline-flex !important; align-items: center; gap: 3px; margin-top: 4px; font-family: var(--font-mono); font-size: 12px !important; color: var(--text-2) !important; background: var(--surface-2); border: 1px solid var(--border); border-radius: 4px; padding: 0 5px; }
.mg-hs svg { width: 10px !important; height: 10px !important; color: var(--ok); }
.mg-log tr.sel td:first-child { box-shadow: inset 3px 0 0 var(--primary); }
.mg-lf { display: flex; gap: 7px; align-items: flex-start; font-size: 14px; color: var(--text-2); border-top: 1px solid var(--border); padding: 10px 14px; }
.mg-lf svg { width: 14px !important; height: 14px !important; color: var(--muted); flex: 0 0 auto; margin-top: 1px; }
.mg-ro { display: inline-flex; align-items: center; font-size: 13px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; padding: 1px 7px; border-radius: 4px; background: var(--surface-3); color: var(--text-2); }
.mg-ds { padding: 10px 14px; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: 7px; }
.mg-dh { display: flex; align-items: center; gap: 6px; font-size: 13px; letter-spacing: .5px; text-transform: uppercase; font-weight: 700; color: var(--text); }
.mg-dh .muted { text-transform: none; letter-spacing: 0; font-weight: 500; margin-left: auto; font-size: 13px; }
.mg-dl { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 4px 8px; margin: 0; font-size: 14px; }
.mg-dl dt { color: var(--muted); } .mg-dl dd { margin: 0; line-height: 1.35; }
.mg-msg { font-size: 14px; line-height: 1.45; padding: 7px 9px; border-radius: var(--r-md); background: color-mix(in srgb, var(--ok-bg) 45%, var(--surface-2)); display: flex; flex-direction: column; gap: 6px; }
.mg-msg .mg-k { color: var(--muted); }
.mg-msg .mg-wbtn { max-width: none; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mg-rc { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: var(--r-md); }
.mg-rc > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 8px; padding: 4px 8px; border-bottom: 1px solid var(--border); font-size: 14px; }
.mg-rc > div:last-child { border-bottom: 0; }
.mg-rc span { color: var(--text-2); font-size: 13px; grid-column: 1; }
.mg-rc em { font-style: normal; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; color: var(--ok); grid-column: 2; grid-row: 1 / span 2; align-self: center; text-align: right; max-width: 80px; }
.mg-qc { display: flex; flex-wrap: wrap; gap: 4px; }
.mg-qc .av-ok { font-size: 13px; padding: 1px 6px; }
.mg-qc svg { width: 11px !important; height: 11px !important; }
.mg-chain { display: grid; grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr) 12px minmax(0, 1fr); gap: 3px; align-items: center; }
.mg-blk { border: 1px solid var(--border); border-radius: var(--r-md); padding: 5px 6px; display: flex; flex-direction: column; gap: 1px; min-width: 0; background: var(--surface-2); }
.mg-blk small { font-size: 12px; color: var(--muted); }
.mg-blk b { font-size: 13px; }
.mg-blk span { font-size: 12px; color: var(--text-2); line-height: 1.25; }
.mg-blk-on { border-color: var(--primary); background: var(--primary-subtle); }
.mg-car svg { width: 12px !important; height: 12px !important; color: var(--muted); }
.mg-full { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 12px; line-height: 1.5; color: var(--text-2); background: var(--surface-2); border-radius: 4px; padding: 4px 6px; overflow-wrap: anywhere; }
.mg-dfoot { display: flex; flex-direction: column; gap: 9px; }
.mg-lock { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; color: var(--text-2); padding: 7px 9px; border-radius: var(--r-md); background: var(--surface-3); }
.mg-lock svg { width: 14px !important; height: 14px !important; color: var(--text); flex: 0 0 auto; margin-top: 1px; }
.mg-lock b { color: var(--text); }
/* ── Marketing OS kattinthato prototipus: app-hej a tervtabla kepernyoi kore ──
   Layout: bal oldalsav (menu) · felul fejlec · kozepen az aktiv kepernyo · jobbra lenyithato "Ezen a kepernyon" funkcio-panel. */
html, body { height: 100%; }
body { background: var(--bg); }
.proto { min-height: 100%; }
:where(.proto) svg:not(.sparks):not(.mk-logo) { width: 16px; height: 16px; flex: 0 0 auto; }
.proto .app { display: grid; grid-template-columns: 224px minmax(0, 1fr); min-height: 100vh; margin: 0; border-radius: 0; overflow: visible; background: var(--bg); }
.proto .side { position: sticky; top: env(safe-area-inset-top, 0px); height: 100vh; overflow-y: auto; z-index: 30; }
.proto .nav { cursor: pointer; user-select: none; transition: background .15s, color .15s; }
.proto .nav:hover:not(.on) { background: var(--surface-2); color: var(--text); }
.proto .main { min-width: 0; display: flex; flex-direction: column; }
.proto .top { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 25; }
.proto .brief, .proto .kill, .proto .ib, .proto .user { cursor: pointer; }
.proto .brief:hover { box-shadow: 0 0 0 5px color-mix(in srgb, var(--mk-g1) 16%, transparent); }
.p-tagline { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; letter-spacing: .4px; text-transform: uppercase; color: var(--muted); border: 1px dashed var(--border-strong); border-radius: 4px; padding: 2px 6px; white-space: nowrap; }
.p-burger { display: none; }

/* Kepernyo-terulet es funkcio-panel */
.p-body { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; min-height: 0; }
.p-host { min-width: 0; overflow-x: auto; }
.view { min-width: 960px; }
.view > .content { padding: 20px; max-width: 1320px; }
#s-3 { min-width: 1080px; }
#s-14 .content { min-width: 1180px; }
.p-guide { width: 340px; border-left: 1px solid var(--border); background: var(--surface); position: sticky; top: calc(56px + env(safe-area-inset-top, 0px)); height: calc(100vh - 56px); overflow-y: auto; display: flex; flex-direction: column; }
.p-guide[hidden] { display: none !important; }
.p-guide-h { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--surface); z-index: 1; }
.p-guide-h b { font-size: 15px; }
.p-guide-h .p-x { margin-left: auto; }
.p-guide-b { padding: 14px; display: flex; flex-direction: column; gap: 12px; }
.p-guide-b h2 { font-family: var(--font-display); font-weight: 600; font-size: 20px; line-height: 1.15; margin: 2px 0 0; text-wrap: balance; }
.p-guide-b p { margin: 0; font-size: 15px; color: var(--text-2); line-height: 1.5; }
.p-guide-b .eyebrow { color: var(--mk-g2); }
.p-guide-b .fns .fn { cursor: default; }
.p-anns { display: flex; flex-direction: column; gap: 8px; }
.p-anns .ann { cursor: default; }
.p-guide-nav { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--border); position: sticky; bottom: 0; background: var(--surface); }
.p-guide-nav .btn { justify-content: center; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.p-step { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.p-progress { height: 3px; border-radius: 2px; background: var(--surface-3); overflow: hidden; }
.p-progress i { display: block; height: 100%; background: linear-gradient(90deg, var(--mk-g1), var(--mk-g3)); }

/* Kattinthato elemek visszajelzese */
.proto .content .btn, .proto .content .chip, .proto .content .seg span, .proto .content .toggle, .proto .content .cb, .proto .content tbody tr, .proto .content .menu-i, .proto .content .mc-fmt, .proto .content .ma-tile, .proto .content .kill { cursor: pointer; }
.proto .content .btn { transition: filter .12s, transform .12s; }
.proto .content .btn:hover { filter: brightness(.96); }
.proto .content .btn:active { transform: translateY(1px); }
.proto .content tbody tr:hover td { background: color-mix(in srgb, var(--primary-subtle) 45%, transparent); }
.proto .content .btn.p-done { opacity: .7; }
.p-flash { animation: p-flash 1.1s ease-out 1; }
@keyframes p-flash { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mk-g1) 60%, transparent); } 100% { box-shadow: 0 0 0 14px transparent; } }

/* Leallitott allapot savja */
.p-stopbar { display: flex; align-items: center; gap: 10px; padding: 9px 20px; background: var(--bad); color: #fff; font-size: 15px; font-weight: 600; position: sticky; top: calc(56px + env(safe-area-inset-top, 0px)); z-index: 24; }
.p-stopbar[hidden] { display: none !important; }
.p-stopbar .btn { margin-left: auto; background: #fff; color: var(--bad); }
.proto.p-stopped .kill { background: var(--bad); color: #fff; }

/* Modal, palettak, ertesitesek, toast */
.p-scrim { position: fixed; inset: 0; background: color-mix(in srgb, #000 45%, transparent); z-index: 60; display: grid; place-items: start center; padding: max(8vh, 24px) 16px 16px; }
.p-scrim[hidden] { display: none !important; }
.p-modal { width: min(560px, 100%); background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-xl); box-shadow: var(--shadow); overflow: hidden; max-height: 84vh; display: flex; flex-direction: column; }
.p-modal-h { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--border); }
.p-modal-h h3 { margin: 0; font-size: 17px; }
.p-modal-h .p-x { margin-left: auto; }
.p-modal-b { padding: 16px; display: flex; flex-direction: column; gap: 12px; overflow-y: auto; font-size: 15px; color: var(--text-2); }
.p-modal-b b { color: var(--text); }
.p-modal-f { display: flex; gap: 8px; justify-content: flex-end; padding: 12px 16px; border-top: 1px solid var(--border); background: var(--surface-2); }
.p-x { width: 30px; height: 30px; border-radius: var(--r-md); border: 1px solid var(--border); background: var(--surface); display: grid; place-items: center; color: var(--text-2); cursor: pointer; }
.p-x svg { width: 15px; height: 15px; }
.p-field { width: 100%; min-height: 44px; border: 1.5px solid color-mix(in srgb, var(--mk-g2) 40%, var(--border)); border-radius: var(--r-lg); background: var(--surface); color: var(--text); font: inherit; font-size: 17px; padding: 10px 12px; resize: vertical; }
.p-field:focus { outline: 2px solid var(--mk-g2); outline-offset: 1px; }
.p-steps { display: flex; flex-direction: column; gap: 6px; }
.p-steps div { display: flex; gap: 8px; align-items: center; font-size: 15px; }
.p-steps i { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--border-strong); flex: 0 0 auto; display: grid; place-items: center; font-style: normal; font-size: 12px; color: #fff; }
.p-steps .ok i { background: var(--ok); border-color: var(--ok); }
.p-steps .run i { border-color: var(--mk-g2); border-top-color: transparent; animation: p-spin .8s linear infinite; }
@keyframes p-spin { to { transform: rotate(360deg); } }
.p-list { display: flex; flex-direction: column; gap: 2px; }
.p-li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 8px 10px; border-radius: var(--r-md); cursor: pointer; }
.p-li:hover, .p-li.on { background: var(--primary-subtle); }
.p-li b { font-size: 15px; color: var(--text); } .p-li span { font-size: 14px; color: var(--muted); grid-column: 1; }
.p-li small { grid-row: 1 / span 2; grid-column: 2; align-self: center; font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 13px; color: var(--muted); }
.p-pop { position: fixed; z-index: 55; width: 360px; max-width: calc(100vw - 32px); background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--shadow); padding: 6px; }
.p-pop[hidden] { display: none !important; }
.p-pop h4 { margin: 6px 8px 4px; font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); }
.p-toasts { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 80; display: flex; flex-direction: column; gap: 8px; align-items: flex-end; pointer-events: none; }
.p-toast { pointer-events: auto; max-width: min(420px, calc(100vw - 32px)); background: var(--text); color: var(--bg); border-radius: var(--r-lg); padding: 10px 14px; font-size: 15px; box-shadow: var(--shadow); display: flex; gap: 10px; align-items: flex-start; animation: p-in .18s ease-out; }
.p-toast i { font-style: normal; font-weight: 700; color: var(--mk-g1); }
@keyframes p-in { from { transform: translateY(8px); opacity: 0; } to { transform: none; opacity: 1; } }
.p-sleep { max-width: 720px; margin: 24px auto; display: flex; flex-direction: column; gap: 14px; }
.p-sleep .card-b p { margin: 0 0 8px; color: var(--text-2); font-size: 15px; }
.p-sleep ul { margin: 0; padding-left: 18px; color: var(--text-2); font-size: 15px; display: grid; gap: 4px; }

@media (max-width: 1280px) { .p-guide { position: fixed; right: 0; top: calc(56px + env(safe-area-inset-top, 0px)); height: calc(100vh - 56px); z-index: 40; box-shadow: var(--shadow); } }
@media (max-width: 860px) {
  .proto .app { grid-template-columns: minmax(0, 1fr); }
  .proto .side { position: fixed; left: 0; top: 0; bottom: 0; width: 260px; height: auto; transform: translateX(-105%); transition: transform .2s ease; z-index: 70; box-shadow: var(--shadow); }
  .proto.p-menu-open .side { transform: none; }
  .p-burger { display: grid; }
  .proto .top { padding: 0 10px; gap: 8px; }
  .proto .brief .txt, .proto .brief .go, .proto .user, .p-tagline, .proto .kill span.p-kl { display: none; }
  .proto .brief { flex: 0 0 auto; padding: 0 4px 0 10px; }
  .p-guide { width: 100%; }
  #s-1, #s-7, #s-8, #s-14, #s-22, .view[data-sleep] { min-width: 0; }
  #s-14 .content { min-width: 0; }
  .proto .top-r { gap: 4px; }
  #s-1 details.wt > summary { flex-wrap: wrap !important; }
  #s-1 details.wt > summary > * { white-space: normal !important; }
}
@media (prefers-reduced-motion: reduce) { .p-toast, .p-steps .run i, .p-flash { animation: none; } .proto .side { transition: none; } }

.p-guide-btn.on { background: var(--mk-subtle); color: var(--mk-deep); }

/* ===== Uj szerkezet (2. kor): Ma kepernyo es munkafolyamat-menu ===== */
.mx-sys > summary { list-style: none; cursor: pointer; display: flex; align-items: baseline; gap: 8px; padding: 0 8px 4px; }
.mx-sys > summary::-webkit-details-marker { display: none; }
.mx-sys > summary small { padding: 0 !important; }
.mx-sys > summary::after { content: '▸'; margin-left: auto; color: var(--muted); font-size: 13px; }
.mx-sys[open] > summary::after { content: '▾'; }
.mx-sys-h { font-size: 13px; color: var(--muted); }
.mx-sys[open] .mx-sys-h { display: none; }
.mx-auto { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 14px; color: var(--text-2); }
.mx-auto > span:not(.mx-auto-k):not(.mx-more) { background: var(--surface); border: 1px solid var(--border); border-radius: 999px; padding: 3px 9px; }
.mx-auto-k { color: var(--ok); font-weight: 700; display: inline-flex; gap: 5px; align-items: center; margin-right: 2px; }
.mx-more { color: var(--muted); }
.mx-two { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.card-h.mx-plain { background: transparent; border-radius: var(--r-lg) var(--r-lg) 0 0; }
.card-h.mx-plain svg { color: inherit; }
.mx-wait { display: flex; flex-direction: column; }
.mx-dec { margin: 10px 12px 0; border: 1px solid var(--border); border-radius: var(--r-lg); padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; position: relative; background: var(--surface); }
.mx-dec:last-child { margin-bottom: 12px; }
.mx-dec::before { content: ''; position: absolute; left: -1px; top: 10px; bottom: 10px; width: 3px; border-radius: 2px; background: var(--border-strong); }
.mx-dec.mx-bad::before { background: var(--bad); }
.mx-dec.mx-warn::before { background: var(--warn); }
.mx-dec-h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mx-dec-h b { font-size: 17px; }
.mx-lvl { font-size: 13px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; padding: 2px 7px; border-radius: 4px; }
.mx-bad .mx-lvl { background: var(--bad-bg); color: var(--bad); }
.mx-warn .mx-lvl { background: var(--warn-bg); color: var(--warn); }
.mx-src { margin-left: auto; font-size: 13px; color: var(--muted); }
.mx-q { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.mx-q > div { font-size: 15px; color: var(--text-2); line-height: 1.45; }
.mx-q span { display: block; font-size: 13px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }
.mx-acts { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.mx-undo { font-size: 13px; color: var(--muted); margin-left: auto; }
.mx-dec.mx-done { padding: 9px 14px; flex-direction: row; align-items: center; background: color-mix(in srgb, var(--ok-bg) 60%, var(--surface)); }
.mx-dec.mx-done::before { background: var(--ok); }
.mx-dec.mx-done > *:not(.mx-donetxt) { display: none; }
.mx-donetxt { font-size: 15px; color: var(--ok); font-weight: 600; display: flex; gap: 8px; align-items: center; width: 100%; }
.mx-donetxt span { margin-left: auto; color: var(--muted); font-weight: 500; cursor: pointer; text-decoration: underline; }
.mx-out { display: flex; flex-direction: column; }
.mx-day-l { font-size: 13px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); padding: 10px 14px 4px; }
.mx-row { display: grid; grid-template-columns: 44px 72px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 14px; border-top: 1px solid var(--border); font-size: 15px; }
.mx-day-l + .mx-row { border-top: 0; }
.mx-row b { display: block; font-size: 15px; }
.mx-row div span { color: var(--muted); font-size: 14px; }
.mx-t { font-family:var(--font-ui);font-variant-numeric:tabular-nums; font-size: 14px; color: var(--text-2); }
.mx-ch { font-size: 13px; font-weight: 700; padding: 2px 6px; border-radius: 4px; text-align: center; background: var(--surface-3); color: var(--text-2); }
.mx-ch.mx-wa { background: var(--ok-bg); color: var(--ok); }
.mx-ch.mx-nl { background: var(--ai-bg); color: var(--ai); }
.mx-ch.mx-li { background: var(--info-bg); color: var(--info); }
.mx-foot { padding: 8px 14px 12px; border-top: 1px solid var(--border); margin-top: auto; }
.mx-tile-row { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 12px; align-items: center; }
.mx-spark { width: 100%; height: 56px; }
.mx-sp-band { fill: var(--ton-orange); fill-opacity: .16; }
.mx-sp-line { fill: none; stroke: var(--ton-orange); stroke-width: 2.25; stroke-linejoin: round; stroke-linecap: round; }
.mx-sp-dot { fill: var(--ton-orange); stroke: var(--surface); stroke-width: 2; }
#s-1 .ma-tile { --ton: var(--ton-orange); }
#s-1 .ma-tile.ma-tn-r { --ton: var(--ton-red); }
@media (max-width: 1100px) { .mx-two { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .mx-q { grid-template-columns: 1fr; } .mx-tile-row { grid-template-columns: 1fr; } .mx-row { grid-template-columns: 40px minmax(0,1fr) auto; } .mx-row .mx-ch { display: none; } }

/* menüsáv: sötétszürke betűk */
.side .brand b{color:var(--text)}
.side .nav{color:var(--text-2)}
.side .nav svg{color:var(--text-2)}
.side .nav .cnt,.side .mx-sys-h{color:var(--muted)}
.side .nav-g>small,.side .mx-sys>summary small{color:var(--text-2) !important;background:none !important;-webkit-text-fill-color:currentColor}
.side .nav:hover:not(.on){color:var(--text)}

/* Tervek */
.mx-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mx-plan{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:11px 13px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.mx-plan:hover{border-color:var(--border-strong)}
.mx-plan.on{border-color:var(--mk-g2);box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-g2) 14%,transparent)}
.mx-plan b{font-size:15px;line-height:1.3}
.mx-pt{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}
.mx-st{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:5px;background:var(--surface-3);color:var(--text-2)}
.mx-st-run{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
.mx-st-mk{background:var(--mk-subtle);color:var(--mk-deep)}
.mx-st-auto{background:color-mix(in srgb,var(--ton-blue) 14%,transparent);color:var(--ton-blue)}
.mx-pm{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.mx-bar{flex:1;height:4px;border-radius:2px;background:var(--surface-3);overflow:hidden}
.mx-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mk-g1),var(--mk-g3))}
.mx-flag{color:var(--warn,#b7791f);font-weight:600}
.mx-phead{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;padding:14px 16px;align-items:center}
.mx-ptitle{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.mx-ptitle b{font-size:17px}
.mx-ptitle .muted{font-size:14px}
.mx-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mx-facts>div{display:flex;flex-direction:column;gap:1px;border-left:2px solid var(--border);padding-left:10px}
.mx-facts small{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600}
.mx-facts span{font-size:15px;font-weight:600}
.mx-facts em{font-style:normal;font-size:13px;color:var(--muted)}
.mx-phr{display:flex;flex-direction:column;gap:12px}
.mx-steps>div{font-size:14px;cursor:default}
.mx-steps>div[data-go]{cursor:pointer}
.mx-steps>div[data-go]:hover{text-decoration:underline}
.mx-steps>div.mx-isflag{color:var(--warn,#b7791f);font-weight:600}
.mx-steps>div.mx-isflag::before{background:var(--warn,#d69e2e)}
.mx-pact{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.mx-pact .seg{margin:0 auto 0 0}
.mx-cvmsg{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:color-mix(in srgb,var(--surface-2) 93%,transparent);backdrop-filter:blur(3px);padding:24px}
.mx-cvmsg[hidden]{display:none}
.mx-cvmsg b{font-size:17px}
.mx-cvmsg>span:not(.btn){max-width:440px;color:var(--text-2);font-size:15px}
.mx-cvi{width:44px;height:44px;border-radius:50%;border:3px solid var(--mk-subtle);border-top-color:var(--mk-g2);animation:mxspin 1s linear infinite}
.mx-cvi.still{animation:none;border-color:var(--border-strong)}
@keyframes mxspin{to{transform:rotate(360deg)}}
@media (max-width:1100px){.mx-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-phead{grid-template-columns:1fr}}
@media (max-width:700px){.mx-plans{grid-template-columns:1fr}.mx-facts{grid-template-columns:1fr}.mx-pact{flex-wrap:wrap}}

/* Tervek: oszlopos tábla */
.mx-boardw{position:relative;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);overflow:hidden}
.mx-bhint{padding:10px 16px;font-size:14px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface)}
.mx-board{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px;padding:16px 20px 20px}
.mx-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}
.mx-links path{fill:none;stroke:var(--border-strong);stroke-width:2;transition:opacity .15s,stroke .15s}
.mx-links path.hit{stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}
.mx-links path.hit:hover + path{stroke:var(--bad);stroke-dasharray:5 4}
.mx-links path.w{stroke:var(--warn,#C98A1B)}
.mx-links path.on{stroke:var(--mk-g2);stroke-width:2.5}
.mx-links path.dim{opacity:.18}
.mx-links path.tmp{stroke:var(--mk-g2);stroke-dasharray:6 4}
.mx-col{display:flex;flex-direction:column;gap:12px;min-width:0;position:relative;z-index:2}
.mx-colh{display:flex;align-items:center;gap:8px;font-size:15px;margin-bottom:2px}
.mx-num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--text);color:var(--surface)}
.mx-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:11px 13px;display:flex;gap:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s,opacity .15s;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.mx-card:hover{border-color:var(--border-strong)}
.mx-card.sel{border-color:var(--mk-g2);box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-g2) 16%,transparent)}
.mx-card.dim{opacity:.4}
.mx-card.mx-warn{border-left:3px solid var(--warn,#C98A1B)}
.mx-cb{display:flex;flex-direction:column;gap:4px;min-width:0}
.mx-cb b{font-size:15px;line-height:1.3}
.mx-cs{font-size:14px;color:var(--muted)}
.mx-tag{align-self:flex-start;font-size:13px;padding:2px 8px;border-radius:999px;background:var(--surface-3);color:var(--text-2)}
.mx-tagw{background:var(--warn-bg);color:var(--warn,#B7791F);font-weight:600}
.mx-ok{font-size:13px;color:var(--ok);font-weight:600}
.mx-busy{font-size:13px;color:var(--ai,var(--mk-g2));font-weight:600}
.mx-warnbox{font-size:14px;background:var(--warn-bg);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;color:var(--text-2)}
.mx-warnbox .btn{align-self:flex-start}
.mx-thumb{flex:0 0 auto}
.mx-thumb .ma-shot{width:64px;height:80px}
.mx-thumb .ma-shot svg{width:64px !important;height:80px !important}
.mx-shot2{background:linear-gradient(170deg,color-mix(in srgb,var(--ton-green) 14%,var(--surface-2)),var(--surface-3)) !important}
.mx-port{position:absolute;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--surface);border:2px solid var(--border-strong);z-index:3}
.mx-port.out{right:-8px;cursor:crosshair}
.mx-port.out:hover,.mx-dragging .mx-port.out{border-color:var(--mk-g2);background:var(--mk-subtle);transform:scale(1.2)}
.mx-port.in{left:-8px;pointer-events:none}
.mx-dropok{border-color:var(--mk-g2) !important;border-style:dashed !important}
.mx-ghost{border-style:dashed;border-width:1.5px;background:color-mix(in srgb,var(--surface) 60%,transparent);box-shadow:none}
.mx-gl{font-size:12px;font-weight:700;color:var(--mk-deep);text-transform:uppercase;letter-spacing:.5px}
.mx-gact{display:flex;gap:6px;margin-top:4px}
.mx-addc{font-size:14px;color:var(--muted);border:1.5px dashed var(--border);border-radius:10px;padding:8px;text-align:center;cursor:pointer}
.mx-addc:hover{color:var(--mk-deep);border-color:var(--mk-g2)}
.mx-drawer{position:absolute;top:0;right:0;bottom:0;width:340px;background:var(--surface);border-left:1px solid var(--border);box-shadow:-12px 0 30px rgba(0,0,0,.08);z-index:10;overflow-y:auto;padding:18px}
.mx-drawer[hidden]{display:none}
.mx-x{position:absolute;right:12px;top:8px;font-size:24px;color:var(--muted);cursor:pointer;line-height:1}
.mx-dbody{display:flex;flex-direction:column;gap:14px}
.mx-dk{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600;margin-bottom:3px}
.mx-dbody h5{margin:0;font-size:17px;line-height:1.3;padding-right:20px}
.mx-dbody p{margin:0;font-size:15px;color:var(--text-2)}
.mx-dl{display:flex;flex-direction:column;gap:4px;font-size:15px}
.mx-dl span::before{content:'→ ';color:var(--muted)}
.mx-dbtns{display:flex;flex-wrap:wrap;gap:6px}
.mx-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--text);color:var(--surface);padding:10px 16px;border-radius:10px;font-size:15px;z-index:200;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow)}
.mx-toast span{color:var(--mk-g1);font-weight:700;cursor:pointer}
@media (max-width:1100px){.mx-board{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.mx-links{display:none}.mx-port{display:none}}
@media (max-width:700px){.mx-board{grid-template-columns:1fr;padding:12px}.mx-drawer{width:100%}}

/* Kreatív */
.mx-note{display:flex;align-items:center;gap:14px;background:color-mix(in srgb,var(--ton-blue) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--ton-blue) 25%,var(--border));border-radius:var(--r-lg);padding:12px 16px}
.mx-note>div:nth-child(2){display:flex;flex-direction:column;gap:2px;font-size:15px;flex:1}
.mx-note>div:nth-child(2) span{color:var(--text-2)}
.mx-note .mx-acts{margin:0}
.mx-ni{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--ton-blue);font-size:17px;font-weight:700;border:1px solid var(--border)}
.mx-filt{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mx-chips{display:flex;gap:6px;flex-wrap:wrap}
.mx-chips .chip{cursor:pointer;height:32px;font-size:14px}
.mx-kd{display:grid;grid-template-columns:200px 1fr;gap:14px;border:1px solid var(--border);border-left:3px solid var(--bad);border-radius:12px;padding:12px;background:var(--surface)}
.mx-kd.mx-done{border-left-color:var(--ok)}
.mx-kpv .mc-pv{height:120px;border:1px solid var(--border);border-radius:10px}
.mx-kb{display:flex;flex-direction:column;gap:6px;min-width:0}
.mx-kb p{margin:0;font-size:15px;color:var(--text-2)}
.mx-kb p b{color:var(--text)}
.mx-kh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mx-kh b{font-size:17px}
.mx-mk{display:grid;grid-template-columns:64px 1fr 200px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}
.mx-mk:first-child{border-top:0}
.mx-mk>div:nth-child(2){display:flex;flex-direction:column;font-size:14px;color:var(--muted)}
.mx-mk>div:nth-child(2) b{color:var(--text);font-size:15px}
.mx-mkp{display:flex;flex-direction:column;gap:4px}
.mx-mkp em{font-style:normal;font-size:13px;color:var(--muted)}
.mx-tile{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.mx-tile:hover{border-color:var(--mk-g2);box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-g2) 12%,transparent)}
.mx-line>div{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;font-size:15px}
.mx-line em{font-style:normal;font-size:14px;color:var(--muted)}
.mx-taste>div{display:flex;flex-direction:column;gap:1px;font-size:14px;color:var(--muted)}
.mx-taste b{color:var(--text);font-size:15px}
.mx-kr .mc-fmts{grid-template-columns:repeat(3,minmax(0,1fr))}
.mx-hide{display:none !important}
@media (max-width:1100px){.mx-kr .mc-fmts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.mx-kd{grid-template-columns:1fr}.mx-mk{grid-template-columns:56px 1fr}.mx-mkp{grid-column:1/-1}.mx-kr .mc-fmts{grid-template-columns:1fr}.mx-note{flex-wrap:wrap}}
.mx-mkp .mx-bar{display:block;flex:none;width:100%}
.mx-line .mx-bar{display:block}
.mx-kr .mc-bub,.mx-kpv .mc-bub{font-size:11.5px;line-height:1.35;max-height:76px;overflow:hidden}
/* Kreatív: keskeny jobb sáv, nagyobb képek */
.mx-two.mx-kr{grid-template-columns:minmax(0,1fr) 280px}
.mx-kr .mc-pv{height:190px}
.mx-kr .mc-pv>*:not(.mc-flag){zoom:1.6}
.mx-kr .mx-kd{grid-template-columns:300px 1fr}
.mx-kr .mx-kpv .mc-pv{height:200px}
.mx-kr .mx-kpv .mc-pv>*:not(.mc-flag){zoom:1.7}
.mx-kr .mc-bub{max-height:none;font-size:11px}
.mx-kr .mc-fmt-b b{font-size:17px}
.mx-kr .mx-line>div{grid-template-columns:62px 1fr;row-gap:2px}
.mx-kr .mx-line>div em{grid-column:2}
@media (max-width:1100px){.mx-two.mx-kr{grid-template-columns:1fr}.mx-kr .mx-kd{grid-template-columns:220px 1fr}}
@media (max-width:700px){.mx-kr .mx-kd{grid-template-columns:1fr}}

/* Kreatív szerkesztő */
#s-4 .mb-cols{grid-template-columns:minmax(0,1fr) 300px}
#s-4 .mb-pv{grid-template-columns:427px minmax(0,1fr)}
#s-4 .mb-post{zoom:1.35}
.mx-qc{border:1px solid var(--border);border-radius:10px;padding:0 12px;background:var(--surface)}
.mx-qc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 0;font-size:15px}
.mx-qc>summary::-webkit-details-marker{display:none}
.mx-qc>summary span{margin-left:auto;font-size:14px;color:var(--ok);font-weight:600}
.mx-qc>summary::after{content:'▸';color:var(--muted);font-size:13px}
.mx-qc[open]>summary::after{content:'▾'}
.mx-qc[open]{padding-bottom:10px}
.mx-qr{display:grid;grid-template-columns:18px 1fr;gap:6px;font-size:14px;color:var(--text-2);padding:5px 0;border-top:1px solid var(--border)}
.mx-qr b{display:block;color:var(--text);font-size:14px}
.mx-qok{color:var(--ok);font-weight:700}
.mx-ct{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}
.mx-ct th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:4px 4px 4px 0}
.mx-ct td{padding:5px 4px 5px 0;border-top:1px solid var(--border);vertical-align:top}
.mx-ct code{font-size:12px}
.mx-qn{margin:0;font-size:14px;color:var(--muted)}
.mx-apps .menu-i{display:flex;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--border);font-size:14px;cursor:pointer}
.mx-apps .menu-i div{display:flex;flex-direction:column}
.mx-apps .menu-i span:not(.mb-app){color:var(--muted)}
.mx-apps>summary span{color:var(--muted)}
.mx-neverbox[hidden]{display:none}
@media (max-width:1250px){#s-4 .mb-pv{grid-template-columns:1fr}#s-4 .mb-post{zoom:1.2;max-width:316px}}
@media (max-width:1100px){#s-4 .mb-cols{grid-template-columns:1fr}}
@media (max-width:700px){#s-4 .mb-post{zoom:1}}
.mx-ct2{display:flex;flex-direction:column;margin-top:6px;font-size:14px}
.mx-ctq{font-style:italic;color:var(--text-2);padding:6px 0}
.mx-ct2>div:not(.mx-ctq){display:grid;grid-template-columns:18px 30px 1fr;gap:4px;padding:5px 0;border-top:1px solid var(--border);align-items:center}
.mx-ct2 code{font-size:13px;justify-self:end}

/* Kimenő */
.mx-sum{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;color:var(--text-2);padding:2px 2px}
.mx-sum b{font-size:17px;color:var(--text);margin-right:3px}
.mx-conf{border-color:color-mix(in srgb,var(--warn,#C98A1B) 45%,var(--border))}
.mx-cfg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mx-cf{border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.mx-cf.mx-done{opacity:.75}
.mx-cfh{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}
.mx-cft{font-size:17px;line-height:1.3}
.mx-cf dl{margin:0;display:grid;grid-template-columns:86px 1fr;gap:6px 10px;font-size:14px}
.mx-cf dt{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;padding-top:2px}
.mx-cf dd{margin:0;color:var(--text-2)}
.mx-cf .mx-acts{margin-top:auto;padding-top:4px;flex-wrap:wrap}
.mx-wt{color:var(--warn,#B7791F) !important;font-weight:600}
.mx-stp{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}
.mx-stp:first-child{border-top:0}
.mx-stp>div:nth-child(2){display:flex;flex-direction:column;font-size:14px;color:var(--muted)}
.mx-stp>div:nth-child(2) b{font-size:15px;color:var(--text)}
.mx-stp .mx-acts{margin:0}
@media (max-width:1100px){.mx-cfg{grid-template-columns:1fr}}
@media (max-width:700px){.mx-stp{grid-template-columns:60px 1fr}.mx-stp .mx-acts{grid-column:1/-1}}

/* Eredmények */
.mx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mx-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.mx-kpi small{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600}
.mx-kpi b{font-size:28px;letter-spacing:-.5px}
.mx-kpi span{font-size:14px;color:var(--ok);font-weight:600}
.mx-kpi em{font-style:normal;font-size:14px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mx-kpim{border-color:var(--mk-g2);box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-g2) 10%,transparent)}
.mx-rt td{vertical-align:middle;font-size:15px}
.mx-rt td b{display:block;font-size:15px}
.mx-rt td span:not(.mx-st):not(.mx-good):not(.mx-bad2){font-size:13px;color:var(--muted)}
.mx-rt tr[data-go]{cursor:pointer}
.mx-good{color:var(--ok);font-weight:600;font-size:14px}
.mx-bad2{color:var(--text-2);font-weight:600;font-size:14px}
.mx-two.mx-er{grid-template-columns:minmax(0,1fr) 300px}
.mx-chs>div{display:grid;grid-template-columns:86px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--border);font-size:14px;color:var(--muted)}
.mx-chs>div:first-child{border-top:0}
.mx-chs b{color:var(--text);font-size:15px}
.mx-learned p{margin:0;font-size:15px;color:var(--text-2)}
@media (max-width:1100px){.mx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-two.mx-er{grid-template-columns:1fr}}
@media (max-width:700px){.mx-kpis{grid-template-columns:1fr}.mx-rt{display:block;overflow-x:auto}}

/* Hirdetés */
#s-6 .mb-cols{grid-template-columns:minmax(0,1fr) 300px}
.mx-sech{display:flex;align-items:baseline;gap:10px}
.mx-sech h4{margin:0;font-size:17px}
.mx-undo{color:var(--mk-deep);font-weight:600;cursor:pointer;text-decoration:underline}
.mx-more{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:0 16px 14px}
.mx-more:not([open]){padding-bottom:0}
.mx-more>summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:10px;padding:14px 0 0;font-size:17px}
.mx-more:not([open])>summary{padding-bottom:14px}
.mx-more>summary::-webkit-details-marker{display:none}
.mx-more>summary span{color:var(--muted);font-size:14px}
.mx-more>summary::after{content:'▸';margin-left:auto;color:var(--muted)}
.mx-more[open]>summary::after{content:'▾'}
@media (max-width:1100px){#s-6 .mb-cols{grid-template-columns:1fr}}
#s-6 .mb-sig-v .mb-chart{display:none}

/* Hírlevél */
.mx-two.mx-hl{grid-template-columns:minmax(0,1fr) 300px}
.mx-nl-r{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--border);cursor:pointer}
.mx-nl-r:first-child{border-top:0}
.mx-nl-r>div:nth-child(2){display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--muted)}
.mx-nl-r b{font-size:17px;color:var(--text)}
.mx-nlp{width:72px;height:60px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:6px;display:flex;flex-direction:column;gap:4px}
.mx-nlp i{display:block;height:4px;border-radius:2px;background:var(--surface-3)}
.mx-nlp i.h{width:50%;background:var(--mk-g2)}
.mx-nlp i.im{height:12px;background:color-mix(in srgb,var(--ton-blue) 22%,var(--surface))}
.mx-nlp i.bt{width:40%;height:6px;background:var(--mk-deep)}
.mx-flows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mx-flow{border:1px solid var(--border);border-radius:12px;padding:13px 14px;display:flex;flex-direction:column;gap:6px;cursor:pointer;background:var(--surface)}
.mx-flow:hover{border-color:var(--mk-g2)}
.mx-flow>b{font-size:17px}
.mx-fl-steps{font-size:14px;color:var(--muted)}
.mx-fl-n{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--muted);margin-top:2px}
.mx-fl-n b{color:var(--text);font-size:15px}
.mx-flzz{opacity:.6;cursor:default;border-style:dashed}
@media (max-width:1100px){.mx-two.mx-hl{grid-template-columns:1fr}}
@media (max-width:700px){.mx-flows{grid-template-columns:1fr}.mx-nl-r{grid-template-columns:56px 1fr}.mx-nl-r .pill{grid-column:2;justify-self:start}}

/* WhatsApp */
.mx-wabub{background:#DCF5E3;border-radius:12px 12px 12px 4px;padding:10px 12px;font-size:14px;color:#1d2b22;display:flex;flex-direction:column;gap:6px;align-self:start}
.mx-wabub small{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}
.mx-wabub.sm{font-size:13px;padding:8px 10px}
.mx-wad{grid-template-columns:260px 1fr;border-left-color:var(--bad)}
.mx-war{display:grid;grid-template-columns:96px 220px 1fr;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--border);cursor:pointer}
.mx-war:first-child{border-top:0}
.mx-war>div:last-child{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--muted)}
.mx-war b{font-size:15px;color:var(--text)}
.mx-t{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;display:flex;flex-direction:column}
.mx-t small{font-weight:400;color:var(--muted);font-size:13px}
.mx-tpl code{font-size:14px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mx-wabub{background:#1F3A2A;color:#E3F3E8}}
@media (max-width:1100px){.mx-war{grid-template-columns:90px 1fr}.mx-war>div:last-child{grid-column:1/-1}}
@media (max-width:700px){.mx-wad{grid-template-columns:1fr}.mx-tpl{display:block;overflow-x:auto}}
.mx-tg{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}
.mx-tg .toggle{margin-top:2px}
.mx-tg div{display:flex;flex-direction:column;font-size:14px;color:var(--muted)}
.mx-tg b{font-size:15px;color:var(--text)}
.mx-snd>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--border);font-size:14px}
.mx-snd code{font-size:13px}

/* Landing */
.mx-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mx-pg{display:grid;grid-template-columns:96px 1fr;gap:12px;border:1px solid var(--border);border-radius:12px;padding:12px;cursor:pointer;background:var(--surface)}
.mx-pg:hover{border-color:var(--mk-g2)}
.mx-pgv{height:110px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:8px;display:flex;flex-direction:column;gap:5px}
.mx-pgv i{display:block;border-radius:2px;background:var(--surface-3);height:4px}
.mx-pgv i.h{height:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--mk-g2) 30%,var(--surface)),var(--surface))}
.mx-pgv i.s{width:60%}
.mx-pgv i.b{width:45%;height:8px;background:var(--mk-deep)}
.mx-pgv i.g{height:18px;background:color-mix(in srgb,var(--ton-blue) 16%,var(--surface))}
.mx-pgb{display:flex;flex-direction:column;gap:5px;min-width:0}
.mx-pgb b{font-size:17px;line-height:1.3}
.mx-ms{display:grid;grid-template-columns:18px 1fr;gap:6px;font-size:14px;padding:4px 0}
.mx-msbad{color:var(--bad);font-weight:600}
.mx-msbad>span{font-weight:800}
@media (max-width:700px){.mx-pages{grid-template-columns:1fr}}

/* Szerkesztők */
.mx-fe{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 300px;gap:14px;align-items:start}
.mx-fe-frame{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--surface-2)}
.mx-fe-frame .md-blk{zoom:1.15;margin:0}
.mx-fl-link{margin-left:auto}
.mx-rt tr[data-go]{cursor:pointer}
.mx-rt tr[data-go]:hover td{background:var(--surface-2)}
#s-10 .md-3c{grid-template-columns:220px minmax(0,1fr) 270px}
@media (max-width:1250px){.mx-fe{grid-template-columns:1fr 1fr}.mx-fe>.stack{grid-column:1/-1}}
@media (max-width:800px){.mx-fe{grid-template-columns:1fr}}
.mx-fe-frame .md-blk{zoom:1}
.mx-fe-frame .md-fp{display:flex !important;flex-direction:column;gap:16px}
.mx-fe-frame .md-fp>div{width:100%}
.mx-fe-frame .input,.mx-fe-frame .md-fp [class*="input"]{width:100%;font-size:15px;height:auto;padding:9px 11px}

/* Landingszerkesztő v2 */
.mx-edbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:8px 12px}
.mx-edt{display:flex;flex-direction:column;margin-right:auto;min-width:0}
.mx-edt b{font-size:17px}
.mx-edt span{font-size:13px;color:var(--muted)}
.mx-edbar .seg{margin:0}
.mx-le{display:grid;grid-template-columns:230px minmax(0,1fr) 290px;gap:14px;align-items:start}
.mx-lb{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:8px 10px;cursor:pointer;background:var(--surface)}
.mx-lb.on{border-color:var(--mk-g2);background:var(--mk-subtle)}
.mx-lb>div{display:flex;flex-direction:column;min-width:0}
.mx-lb b{font-size:15px}
.mx-lb span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-hd{color:var(--muted);cursor:grab}
.mx-lbgo{font-weight:700;color:var(--mk-deep) !important;font-size:15px !important}
.mx-lib{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 8px}
.mx-lib span{font-size:13px;border:1px solid var(--border);border-radius:999px;padding:3px 9px;cursor:pointer}
.mx-lib span.off{text-decoration:line-through;color:var(--muted);cursor:not-allowed}
.mx-ai{border:1px dashed var(--border-strong);border-radius:8px;padding:7px 10px;font-size:14px;color:var(--muted);margin-bottom:6px}
.mx-lec .md-lp{margin:0}
.mx-ab{display:grid;grid-template-columns:18px 1fr 44px;gap:8px;align-items:center;font-size:14px;margin-top:6px}
.mx-ab>span{font-weight:700;color:var(--muted)}
.mx-ab>div{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}
.mx-ab>div i{display:block;height:100%;background:var(--warn,#C98A1B)}
.mx-abw>div i{background:var(--ok)}
.mx-ab b{font-family:var(--font-ui);font-variant-numeric:tabular-nums;text-align:right}
.mx-ir{display:grid;grid-template-columns:16px 52px 1fr;gap:6px;align-items:baseline;font-size:14px;padding:5px 0;border-top:1px solid var(--border)}
.mx-ir b{font-size:14px}
.mx-ir span:last-child{color:var(--text-2)}
.mx-qw{color:var(--warn,#B7791F);font-weight:800}
.mx-qn2{color:var(--muted)}
.mx-bads{color:var(--bad) !important}
@media (max-width:1250px){.mx-le{grid-template-columns:210px minmax(0,1fr)}.mx-ler{grid-column:1/-1;display:grid !important;grid-template-columns:1fr 1fr}}
@media (max-width:800px){.mx-le{grid-template-columns:1fr}.mx-ler{grid-template-columns:1fr}}

/* Teljes képernyős landingszerkesztő */
body:has(#s-10:not([hidden])) .proto .app{grid-template-columns:minmax(0,1fr)}
body:has(#s-10:not([hidden])) .proto .side,body:has(#s-10:not([hidden])) .proto .top{display:none !important}
#s-10 .le-root{padding:0;gap:0;height:100vh;display:flex;flex-direction:column}
.le-top{height:56px;flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border)}
.le-exit{font-weight:600;font-size:15px;cursor:pointer;padding:6px 10px;border-radius:8px;border:1px solid var(--border)}
.le-name{display:flex;flex-direction:column;min-width:0}
.le-name b{font-size:17px;white-space:nowrap}
.le-name span{font-size:13px;color:var(--muted)}
.le-mid{display:flex;align-items:center;gap:10px;margin:0 auto}
.le-mid .seg{margin:0}.le-mid .seg span{cursor:pointer}
.le-zoom{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}
.le-ib{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);cursor:pointer;font-size:17px}
.le-act{display:flex;gap:6px}
.le-body{flex:1;min-height:0;display:grid;grid-template-columns:64px auto minmax(0,1fr) auto}
.le-rail{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0}
.le-rb{position:relative;width:52px;padding:8px 0;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:17px;cursor:pointer;color:var(--text-2)}
.le-rb small{font-size:11px}
.le-rb.on,.le-rb:hover{background:var(--mk-subtle);color:var(--mk-deep)}
.le-rb i{position:absolute;top:2px;right:4px;min-width:16px;height:16px;border-radius:8px;background:var(--bad);color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center}
.le-fly{width:250px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}
.le-fly.closed,.le-insp.closed{display:none}
.le-fh{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-size:15px}
.le-x{cursor:pointer;font-size:20px;color:var(--muted);line-height:1}
.le-fp{padding:10px;display:flex;flex-direction:column;gap:6px}
.le-fp[hidden]{display:none}
.le-l{padding:8px 10px;border-radius:8px;font-size:15px;cursor:pointer;display:flex;gap:6px;align-items:center}
.le-l em{margin-left:auto;font-style:normal;font-size:12px;color:var(--muted)}
.le-l .le-go{color:var(--mk-deep);font-weight:600}
.le-l.on{background:var(--mk-subtle);color:var(--mk-deep);font-weight:600}
.le-l:hover:not(.on){background:var(--surface-2)}
.le-hint{margin:0;font-size:14px;color:var(--muted)}
.le-q{margin:0;font-size:15px;font-weight:600}
.le-ai2{border:1px dashed var(--border-strong);border-radius:8px;padding:8px 10px;font-size:14px;color:var(--muted)}
.le-lib{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.le-lib div{border:1px solid var(--border);border-radius:8px;padding:6px;font-size:13px;display:flex;flex-direction:column;gap:4px;cursor:grab}
.le-lib div i{display:block;height:34px;border-radius:4px;background:var(--surface-3)}
.le-lib i.h{background:linear-gradient(135deg,var(--mk-subtle),var(--surface-2))}
.le-lib div em{font-style:normal;color:var(--muted);font-size:11px}
.le-lib div.off{opacity:.45;text-decoration:line-through;cursor:not-allowed}
.le-ck{display:grid;grid-template-columns:18px 1fr;gap:6px;font-size:14px;padding:6px 2px;border-bottom:1px solid var(--border)}
.le-ck .ok{color:var(--ok);font-weight:700}.le-ck .w{color:var(--warn);font-weight:800}.le-ck .bad{color:var(--bad);font-weight:800}
.le-ck em{font-style:normal;color:var(--mk-deep);font-weight:600;cursor:pointer;margin-left:4px}
.le-canvas{position:relative;overflow:auto;background:var(--surface-3);padding:28px 28px 110px}
.le-page{width:min(100%,var(--w));margin:0 auto;background:#fff;color:#1b1714;box-shadow:0 10px 40px -16px rgba(0,0,0,.35);border-radius:6px;transition:width .25s}
.le-b{position:relative;outline:1px dashed transparent;outline-offset:-1px;cursor:pointer;padding:40px 56px}
.le-b:hover{outline-color:#E0479F}
.le-b.on{outline:2px solid var(--mk-g2);outline-offset:-2px}
.le-tag{position:absolute;top:0;left:0;background:var(--mk-g2);color:var(--mk-on);font-size:12px;font-weight:700;padding:2px 8px;border-radius:0 0 6px 0;display:none;z-index:2}
.le-tag em{font-style:normal;text-decoration:underline;margin-left:6px;cursor:pointer}
.le-b:hover .le-tag,.le-b.on .le-tag{display:block}
.le-tb{position:absolute;top:8px;right:10px;display:none;gap:2px;background:#1b1714;border-radius:8px;padding:3px;z-index:3}
.le-b.on .le-tb{display:flex}
.le-tb span{color:#fff;font-size:13px;padding:4px 8px;border-radius:5px;cursor:pointer}
.le-tb span:first-child{background:linear-gradient(135deg,var(--mk-g1),var(--mk-g2));font-weight:700}
.lp-nav{display:flex;align-items:center;gap:22px;font-size:14px;color:#4a4541;margin:-16px 0 36px}
.lp-nav b{font-size:17px;letter-spacing:2px;color:#1b1714;margin-right:auto}
.lp-btn{display:inline-flex;align-items:center;background:#A3157A;color:#fff;font-weight:700;font-size:15px;padding:12px 20px;border-radius:8px}
.lp-btn.sm{font-size:13px;padding:8px 12px}
.lp-btn.ghost{background:#fff;color:#1b1714;border:1px solid #d9d4cf}
.lp-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.lp-hero h1{font-family:var(--font-display);font-size:44px;line-height:1.08;margin:0 0 16px;letter-spacing:-.5px}
.lp-hero p{font-size:18px;color:#4a4541;margin:0 0 22px;max-width:520px}
.lp-cta{display:flex;gap:10px;flex-wrap:wrap}
.lp-proof{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}
.lp-proof span{font-size:12px;font-weight:700;border:1px solid #d9d4cf;border-radius:4px;padding:3px 8px;color:#4a4541}
.lp-vis{display:flex;justify-content:center;align-items:flex-end;background:linear-gradient(160deg,#FBE8F4,#F4F2F0);border-radius:16px;padding:30px 10px;min-height:280px}
.lp-vis .lp-jar{width:31%;height:auto}
.le-b h2{font-family:var(--font-display);font-size:30px;margin:0 0 20px}
.lp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lp-grid>div{border:1px solid #ece9e6;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:#5a544f}
.lp-grid .lp-jar{width:60%;margin:0 auto 6px;display:block}
.lp-grid b{color:#1b1714;font-size:15px}
.lp-grid em{font-style:normal;color:#1E7F3C;font-weight:600}
.lp-grid .lp-gone{opacity:.45;border-style:dashed}
.lp-grid .lp-gone em.x{color:#B3261E}
.lp-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-trust>div{background:#F4F2F0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;color:#4a4541}
.lp-trust b{font-size:17px;color:#1b1714}
.lp-form{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;background:#FBE8F4;border-radius:16px;padding:32px}
.lp-form p{color:#4a4541;font-size:16px}
.lp-ff{background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px}
.lp-ff small{font-weight:700;font-size:13px}
.lp-ff i{font-style:normal;border:1px solid #d9d4cf;border-radius:8px;padding:10px 12px;color:#8a837c;font-size:14.5px}
.lp-ff .lp-btn{align-self:flex-start}
.lp-faq>div{display:flex;justify-content:space-between;border-bottom:1px solid #ece9e6;padding:14px 0;font-size:16px}
.lp-foot{display:flex;justify-content:space-between;font-size:13px;color:#8a837c}
.lp-foot b{letter-spacing:2px;color:#1b1714}
.le-page[style*="390px"] .le-b{padding:28px 18px}
.le-page[style*="390px"] .lp-hero,.le-page[style*="390px"] .lp-form{grid-template-columns:1fr}
.le-page[style*="390px"] .lp-grid{grid-template-columns:1fr 1fr}
.le-page[style*="390px"] .lp-trust{grid-template-columns:1fr}
.le-page[style*="390px"] .lp-hero h1{font-size:30px}
.le-page[style*="390px"] .lp-nav span:not(.lp-btn){display:none}
.le-page[style*="820px"] .lp-grid{grid-template-columns:repeat(2,1fr)}
.le-page[style*="820px"] .lp-hero h1{font-size:36px}
.le-ai{position:sticky;bottom:0;margin:22px auto 0;width:min(640px,100%);display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid transparent;border-radius:999px;padding:6px 6px 6px 16px;box-shadow:0 12px 30px -12px rgba(0,0,0,.35);background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(90deg,var(--mk-g1),var(--mk-g2) 60%,var(--mk-g3)) border-box}
.le-ai input{flex:1;border:0;outline:0;background:transparent;font-size:15px;color:var(--text);font-family:inherit}
.le-ai>span:first-child{color:var(--mk-g2);font-weight:700}
.le-mic{cursor:pointer}
.le-insp{width:300px;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto}
.le-ib2{padding:12px 14px;display:flex;flex-direction:column;gap:14px}
.le-sec label{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin:8px 0 3px;font-weight:600}
.le-sec label em{font-style:normal;font-family:var(--font-ui);font-variant-numeric:tabular-nums}
.le-in{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.35}
@media (max-width:1100px){.le-insp{position:absolute;right:0;top:56px;bottom:0;z-index:20;box-shadow:-10px 0 30px rgba(0,0,0,.15)}.le-fly{position:absolute;left:64px;top:56px;bottom:0;z-index:20}.le-body{grid-template-columns:64px 0 minmax(0,1fr) 0}#s-10 .le-root{position:relative}.le-mid .le-lang,.le-zoom,.le-ib{display:none}}
@media (max-width:700px){.le-name span,.le-act .btn-g,.le-act .btn-s{display:none}.le-top{gap:8px}.le-canvas{padding:12px 12px 100px}.le-b{padding:24px 16px}.lp-hero,.lp-form{grid-template-columns:1fr}.lp-grid{grid-template-columns:1fr 1fr}.lp-trust{grid-template-columns:1fr}.lp-hero h1{font-size:28px}.le-mid{margin:0}}
body:has(#s-10:not([hidden])) .p-body{grid-template-columns:minmax(0,1fr)}
body:has(#s-10:not([hidden])) .p-body>:not(.p-host){display:none !important}
.le-page{width:var(--w) !important;max-width:none;transform-origin:top left}
.le-canvas{padding:24px 0 110px}
.le-scaler{margin:0 auto}
.lp-vis svg.lp-jar{width:120px !important;height:150px !important}
.lp-grid svg.lp-jar{width:96px !important;height:120px !important}
#s-10 > .content.le-root{max-width:none;width:100%}
.le-body{grid-template-columns:64px auto minmax(0,1fr) auto;grid-template-areas:"rail fly canvas insp"}
.le-rail{grid-area:rail}.le-fly{grid-area:fly}.le-canvas{grid-area:canvas}.le-insp{grid-area:insp}
.le-b{scroll-margin:40px}.le-tb{top:auto !important;bottom:calc(100% - 14px);right:14px}.le-b[data-b="hero"] .le-tb{bottom:auto;top:-1px !important;transform:translateY(-100%)}.le-scaler{padding-top:18px}
.le-phone{display:none}
@media (max-width:700px){#s-10 .le-body{display:none}.le-phone{display:flex;flex-direction:column;gap:10px;padding:32px 20px;font-size:15px;color:var(--text-2)}.le-phone b{font-size:17px;color:var(--text)}.le-mid,.le-act{display:none}.le-name b{white-space:normal}}

/* Teljes képernyős űrlapszerkesztő */
body:has(#s-10f:not([hidden])) .proto .app{grid-template-columns:minmax(0,1fr)}
body:has(#s-10f:not([hidden])) .proto .side,body:has(#s-10f:not([hidden])) .proto .top{display:none !important}
body:has(#s-10f:not([hidden])) .p-body{grid-template-columns:minmax(0,1fr)}
body:has(#s-10f:not([hidden])) .p-body>:not(.p-host){display:none !important}
#s-10f > .content.le-root{max-width:none;width:100%;padding:0;gap:0;height:100vh;display:flex;flex-direction:column}
.fe-tabs span{cursor:pointer}
.fe-canvas{padding:32px 24px 120px}
.fe-form{width:min(640px,100%);margin:0 auto;background:#fff;color:#1b1714;border-radius:16px;box-shadow:0 10px 40px -16px rgba(0,0,0,.3);padding:36px 40px}
.fe-form h2{font-family:var(--font-display);font-size:28px;margin:0 0 4px}
.fe-sub{color:#6b6460;margin:0 0 20px;font-size:15px}
.fe-prog{display:flex;gap:6px;margin-bottom:22px}.fe-prog span{flex:1;height:4px;border-radius:2px;background:#ece9e6}.fe-prog span.on{background:var(--mk-primary)}
.fe-step[hidden]{display:none}
.fe-f{position:relative;border:1.5px solid transparent;border-radius:10px;padding:10px 12px;margin:0 -12px 6px;cursor:pointer}
.fe-f:hover{border-color:color-mix(in srgb,var(--mk-g2) 35%,var(--border));border-style:dashed}
.fe-f.on{border-color:var(--mk-g2);border-style:solid;background:#FDF5FA}
.fe-f label{display:block;font-size:14.5px;font-weight:600;margin-bottom:6px}
.fe-f label i{color:#B3261E;font-style:normal}
.fe-in{border:1px solid #d9d4cf;border-radius:8px;padding:11px 12px;color:#8a837c;font-size:15px;background:#fff}
.fe-ftag{position:absolute;right:10px;top:8px;font-size:12px;color:#8a837c;display:none}
.fe-f:hover .fe-ftag,.fe-f.on .fe-ftag{display:block}
.fe-known{display:block;font-size:13px;color:var(--text-2);margin-top:5px}
.fe-c{margin-left:4px;border-left:3px solid var(--border-strong) !important;border-radius:0 10px 10px 0}
.fe-cond{font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:4px}
.fe-consent{display:flex;align-items:center;gap:8px;font-size:14px;margin:8px 0 18px;flex-wrap:wrap}
.fe-consent em{font-style:normal;font-size:12px;color:#8a837c}
.fe-cb{width:18px;height:18px;border-radius:4px;border:1.5px solid #d9d4cf}.fe-cb.on{background:var(--mk-primary);border-color:var(--mk-primary)}
.fe-add{margin-top:16px;border:1.5px dashed #d9d4cf;border-radius:10px;padding:10px;text-align:center;color:#8a837c;font-size:14px;cursor:pointer}
.fe-add:hover{border-color:var(--mk-g2);color:var(--mk-g2)}
.fe-pal{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.fe-pal span{border:1px solid var(--border);border-radius:8px;padding:8px;font-size:14px;cursor:grab}
.fe-code{font-family:var(--font-mono);font-size:13px;background:var(--surface-2);border-radius:6px;padding:6px 8px;color:var(--text-2)}
@media (max-width:700px){#s-10f .le-body{display:none}#s-10f .le-phone{display:flex;flex-direction:column;gap:10px;padding:32px 20px}#s-10f .le-mid,#s-10f .le-act{display:none}}

/* Űrlapszerkesztő v2: kérdéslista + vászon + beállítás, Logika-térkép */
.fo-body{flex:1;min-height:0;display:grid;grid-template-columns:270px minmax(0,1fr) 300px}
.fo-body[data-view="logic"],.fo-body[data-view="after"],.fo-body[data-view="res"]{grid-template-columns:minmax(0,1fr)}
.fo-body[data-view]:not([data-view="content"]) .fo-out,.fo-body[data-view]:not([data-view="content"]) .le-insp{display:none}
.fo-v[hidden]{display:none}
.fo-out{background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:3px}
.fo-sh{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:12px 8px 4px;cursor:pointer}
.fo-q{display:grid;grid-template-columns:26px 24px 1fr auto;gap:6px;align-items:center;padding:8px;border-radius:8px;cursor:pointer;font-size:15px}
.fo-q:hover:not(.on){background:var(--surface-2)}
.fo-q.on{background:var(--mk-subtle);color:var(--mk-deep)}
.fo-q b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fo-n{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}
.fo-t{width:24px;height:24px;border-radius:6px;background:var(--surface-3);display:grid;place-items:center;font-size:12px}
.fo-q em{font-style:normal;font-size:11px;color:var(--text-2);font-weight:700}
.fo-cq{margin-left:16px;border-left:3px solid var(--border-strong);border-radius:0 8px 8px 0}
.fo-add{margin-top:10px;border:1.5px dashed var(--border-strong);border-radius:8px;padding:9px;text-align:center;font-size:14px;color:var(--muted);cursor:pointer}
.fo-add:hover{color:var(--mk-deep);border-color:var(--mk-g2)}
.lg{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:44px;align-items:center;padding:40px 20px;min-width:1000px;position:relative}
.lg-col{display:flex;flex-direction:column;gap:12px;position:relative}
.lg-col:not(:last-child)::after{content:'→';position:absolute;right:-32px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--muted)}
.lg-n{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;box-shadow:0 4px 14px -8px rgba(0,0,0,.2)}
.lg-n b{font-size:15px}.lg-n span{font-size:13px;color:var(--muted)}
.lg-st{border-color:var(--ok)}.lg-dec{border-color:var(--border-strong);background:var(--surface-2)}
.lg-c{border-left:4px solid var(--border-strong)}.lg-out{border-color:var(--border-strong);background:var(--surface-2)}
.lg-lbl{font-size:13px;font-weight:700;color:var(--text-2)}
.lg-skip{font-size:13px;color:var(--text-2);border:1px dashed var(--border-strong);border-radius:8px;padding:6px 8px}
.fo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1100px;margin:0 auto}
.fo-res{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.fr-r{display:grid;grid-template-columns:220px 1fr 54px;gap:10px;align-items:center;font-size:15px}
.fr-r>div{height:12px;border-radius:6px;background:var(--surface-3);overflow:hidden}
.fr-r i{display:block;height:100%;background:linear-gradient(90deg,var(--mk-g1),var(--mk-g2))}
.fr-r.w i{background:var(--warn)}.fr-r.w span{color:var(--warn);font-weight:700}
.fr-r b{font-family:var(--font-ui);font-variant-numeric:tabular-nums;text-align:right}
@media (max-width:1100px){.fo-body{grid-template-columns:230px minmax(0,1fr)}.fo-body .le-insp{display:none}.fo-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){#s-10f .fo-body{display:none}}
.fo-body .le-canvas,.fo-body .le-insp,.fo-body .fo-out{grid-area:auto}
.fo-body .le-insp{grid-column:3}.fo-body .fo-out{grid-column:1}.fo-body[data-view="content"] .le-canvas{grid-column:2}

/* GHL-minta: bal mezőpaletta, jobb kontextus-panel */
.gh-left{gap:6px}
.gh-lt{display:flex;margin:0 0 6px}.gh-lt span{flex:1;text-align:center;cursor:pointer}
.gh-lp[hidden]{display:none}
.gh-lp{display:flex;flex-direction:column;gap:5px}
.gh-g{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:10px 4px 2px}
.gh-f{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:7px 9px;cursor:grab;background:var(--surface)}
.gh-f:hover{border-color:var(--mk-g2);box-shadow:0 2px 8px -4px rgba(0,0,0,.2)}
.gh-f div{display:flex;flex-direction:column;min-width:0}.gh-f b{font-size:14px;font-weight:600}.gh-f span:not(.fo-t){font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:12px;color:var(--text-2)}
.gh-gen{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.gh-gen span{border:1px solid var(--border);border-radius:8px;padding:7px 8px;font-size:13px;cursor:grab;background:var(--surface)}
.gh-gen span:hover{border-color:var(--mk-g2)}
.gh-steps{display:flex;gap:6px;justify-content:center;margin:0 auto 14px;flex-wrap:wrap}
.gh-steps span{font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text-2)}
.gh-steps span.on{background:var(--mk-deep);color:#fff;border-color:var(--mk-deep)}
.gh-steps .gh-addst{border-style:dashed;color:var(--muted)}
.gh-rp[hidden]{display:none}
.gh-rt{display:flex;margin:10px 14px 0}.gh-rt span{flex:1;text-align:center;cursor:pointer}
.gh-rtp[hidden]{display:none}
.gh-map{border-color:var(--border-strong);color:var(--text-2);font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:13px}
.gh-themes{display:flex;flex-direction:column;gap:8px}
.gh-themes div{display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:8px;font-size:14px;cursor:pointer}
.gh-themes div.on{border-color:var(--mk-g2);background:var(--mk-subtle)}
.gh-themes i{width:40px;height:28px;border-radius:5px;background:linear-gradient(135deg,#fff,#FBE8F4);border:1px solid var(--border)}
.gh-themes i.d{background:linear-gradient(135deg,#2a2521,#3B032F)}.gh-themes i.m{background:#F4F2F0}

/* Partnerek */
.mx-pw{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:1100px){.mx-pw{grid-template-columns:1fr}}
.mx-pw{grid-template-columns:minmax(0,1fr) 320px}
@media (max-width:1100px){.mx-pw{grid-template-columns:1fr}}

#s-17 .mg-top{grid-template-columns:minmax(0,1fr) 340px}
#s-17 tr[data-go]{cursor:pointer}#s-17 tr[data-go]:hover td{background:var(--surface-2)}
[data-fdp][hidden]{display:none}
.mx-learnt{font-size:13px;color:var(--text-2);margin-top:3px;white-space:nowrap}
#s-17 tr[hidden]{display:none}
.mx-fst span{cursor:pointer}
.mx-tt{align-self:flex-start}.mx-tt span{cursor:pointer}.mx-tt small{font-family:var(--font-ui);font-variant-numeric:tabular-nums;opacity:.7;margin-left:4px}
[data-tp][hidden]{display:none}
#s-15 .tbl th{white-space:normal}#s-15 .mf-reg .card{min-width:0;overflow-x:auto}#s-15 .tbl td,#s-15 .tbl th{padding-left:8px;padding-right:8px}

/* Utánpótlás, angle, ellenőrzés */
.mx-two.mx-sa{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.sp-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sp-c{background:var(--surface-2);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}
.sp-h{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}
.sp-h em{font-style:normal;font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--muted)}
.sp-res{background:color-mix(in srgb,var(--ok) 8%,var(--surface-2))}
.sp-idea{background:color-mix(in srgb,var(--ai) 7%,var(--surface-2))}
.sp-i{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 9px;display:flex;flex-direction:column;gap:1px}
.sp-i code{font-size:12px;color:var(--muted)}.sp-i b{font-size:14px}.sp-i span{font-size:13px;color:var(--muted)}
.sp-i.w{border-left:3px solid var(--warn)}.sp-i.w span{color:var(--warn);font-weight:600}
.sp-i.x{opacity:.55}
.sp-note{margin:2px 0 0;font-size:13px;color:var(--ok);font-weight:600}
.sp-flow{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px;font-size:13px}
.sp-flow span{background:var(--surface-2);border-radius:999px;padding:3px 9px;color:var(--text-2)}
.sp-flow span:not(:last-child)::after{content:' →';color:var(--muted)}
.sp-flow span.me{background:var(--mk-subtle);color:var(--mk-deep);font-weight:600}
.ag-head{display:grid;grid-template-columns:22px 110px 1fr 40px 1.1fr;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600}
.ag-head span:nth-child(3){grid-column:3/5}
.ag-r{display:grid;grid-template-columns:22px 110px 1fr 40px 1.1fr;gap:8px;align-items:center;font-size:14px;padding:4px 0}
.ag-r .btn{grid-column:5;justify-self:start;margin-top:-2px}
.ag-n{width:20px;height:20px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:12px;font-weight:700}
.ag-bar{height:10px;border-radius:5px;background:var(--surface-3);overflow:hidden}.ag-bar i{display:block;height:100%;background:var(--text-2)}
.ag-r.ok .ag-bar i{background:var(--ok)}.ag-r.w .ag-bar i{background:var(--warn)}.ag-r.x{opacity:.55}
.ag-v{font-family:var(--font-ui);font-variant-numeric:tabular-nums;text-align:right}
.ag-res{font-size:13px;color:var(--text-2)}.ag-r.ok .ag-res{color:var(--ok);font-weight:600}
.mx-ck{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px}
.ck-r{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:7px 0;border-top:1px solid var(--border);font-size:14px}
.ck-r div{display:flex;flex-direction:column}.ck-r span{font-size:13px;color:var(--muted)}
.mx-st2 td{font-size:14px}.mx-st2 tr.gap td{background:color-mix(in srgb,var(--bad) 6%,transparent)}
@media (max-width:1100px){.mx-two.mx-sa,.mx-ck{grid-template-columns:1fr}.sp-cols{grid-template-columns:1fr 1fr}}
/* Bemutató */
.tr-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--mk-g1),var(--mk-g2));white-space:nowrap}
.tr-spot{position:fixed;z-index:9000;border-radius:12px;box-shadow:0 0 0 4px #F0509F,0 0 0 9999px rgba(20,10,18,.55);pointer-events:none;transition:all .25s}
.tr-card{position:fixed;z-index:9001;width:380px;max-width:calc(100vw - 32px);background:var(--surface);color:var(--text);border-radius:14px;box-shadow:0 20px 50px -10px rgba(0,0,0,.5);padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.tr-card small{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--mk-deep)}
.tr-card b{font-size:17px}.tr-card p{margin:0;font-size:15px;color:var(--text-2)}
.tr-nav{display:flex;align-items:center;gap:8px;margin-top:4px}.tr-nav .tr-x{margin-right:auto;color:var(--muted);cursor:pointer;font-size:14px}
.tr-dots{display:flex;gap:4px}.tr-dots i{width:6px;height:6px;border-radius:50%;background:var(--surface-3)}.tr-dots i.on{background:var(--mk-g2)}
.tr-menu{position:fixed;inset:0;z-index:9002;background:rgba(20,10,18,.55);display:grid;place-items:center;padding:16px}
.tr-menu>div{background:var(--surface);border-radius:16px;padding:22px;width:min(560px,100%);display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 50px -10px rgba(0,0,0,.5)}
.tr-menu h3{margin:0;font-size:20px}.tr-menu p{margin:0 0 6px;color:var(--text-2);font-size:15px}
.tr-sc{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:12px;cursor:pointer}
.tr-sc:hover{border-color:var(--mk-g2);background:var(--mk-subtle)}
.tr-sc i{font-style:normal;width:34px;height:34px;border-radius:50%;background:var(--mk-subtle);color:var(--mk-deep);display:grid;place-items:center;font-weight:800}
.tr-sc div{display:flex;flex-direction:column}.tr-sc b{font-size:17px}.tr-sc span{font-size:14px;color:var(--muted)}.tr-sc em{font-style:normal;font-size:13px;color:var(--muted)}
.mx-two.mx-sa{grid-template-columns:1fr !important}
.ag-r{grid-template-columns:24px 160px minmax(120px,1fr) 44px 240px auto}
.ag-r .btn{grid-column:auto}
.tr-card .btn-p{background:linear-gradient(135deg,var(--mk-g1),var(--mk-g2) 55%,var(--mk-g3) 130%);color:#fff}
@media (max-width:800px){.ag-r{grid-template-columns:22px 1fr 40px}.ag-bar{display:none}.ag-res{grid-column:2/-1}}
@media (max-width:900px){.tr-bl{display:none}.tr-btn{width:34px;padding:0;justify-content:center}}

/* Ígéretlánc (11. óra) */
.pl-tabs span,.pl-mode span,.jr-per .seg span,.la-per span{cursor:pointer}
.pl-p[hidden]{display:none}
.pl-scroll{overflow-x:auto}
.pl-mt td{vertical-align:top;font-size:14px;min-width:130px}
.pl-mt td:first-child{min-width:190px}
.pl-mt td b{display:block;font-size:14px}
.mt{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.4px;padding:1px 6px;border-radius:4px;margin-bottom:3px}
.mt-e{background:var(--ok-bg);color:var(--ok)}.mt-r{background:var(--warn-bg);color:var(--warn)}.mt-g{background:var(--bad-bg);color:var(--bad)}
.mt-t{display:block;color:var(--text-2);font-size:13px}
.pl-sum{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}.pl-sum .g{color:var(--bad)}
.pl-rule{margin:0;font-size:14px;color:var(--text-2);background:var(--surface-2);border-radius:8px;padding:8px 10px}
.jr-per{display:flex;align-items:center;gap:10px}.jr-per .seg{margin:0}
.jr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.jr-s{position:relative;border:1px solid var(--border);border-top:4px solid var(--ok);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:5px;background:var(--surface)}
.jr-s:not(:last-child)::after{content:'→';position:absolute;right:-9px;top:14px;color:var(--muted);background:var(--surface);font-size:13px}
.jr-w{border-top-color:var(--warn)}.jr-bad{border-top-color:var(--bad)}
.jr-h{display:flex;justify-content:space-between}.jr-h b{font-size:15px}.jr-h em{font-style:normal;font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-2)}
.jr-q{font-size:13px;color:var(--muted)}.jr-n{font-size:13px;color:var(--text-2)}
.jr-tags{display:flex;flex-wrap:wrap;gap:3px}
.fr{font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--surface-3);color:var(--text-2)}
.fr-e{background:var(--ai-bg);color:var(--ai)}.fr-k{background:var(--info-bg);color:var(--info)}.fr-f{background:var(--warn-bg);color:var(--warn)}.fr-t{background:var(--bad-bg);color:var(--bad)}
.jr-jump{font-size:14px;background:var(--warn-bg);border-radius:8px;padding:10px 12px;color:var(--text)}
.jr-jump span{display:block;margin-top:4px;color:var(--text-2)}
.la-a{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid var(--border)}
.la-a>b{font-size:14px}
.la-i{display:grid;grid-template-columns:auto 1fr;gap:6px;align-items:baseline;font-size:13px;color:var(--text-2)}
.lt{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.3px;padding:1px 5px;border-radius:4px;white-space:nowrap}
.lt-j{background:var(--ok-bg);color:var(--ok)}.lt-h{background:var(--bad-bg);color:var(--bad)}.lt-f{background:var(--warn-bg);color:var(--warn)}
.la-per{display:flex;margin:4px 0}.la-per span{flex:1;text-align:center;font-size:13px}
.la-pr{display:flex;flex-direction:column;gap:4px;font-size:13px;padding:8px 0}.la-pr i{margin-right:4px}
@media (max-width:1100px){.jr{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.jr{grid-template-columns:1fr 1fr}}
[hidden]{display:none !important}
.mx-flash{animation:mxflash 1.4s ease}
@keyframes mxflash{0%,60%{box-shadow:0 0 0 4px #F0509F}100%{box-shadow:0 0 0 0 transparent}}
.mx-steps>div[data-jump]{cursor:pointer}.mx-steps>div[data-jump]:hover{text-decoration:underline}
.mx-next{border-color:var(--mk-g2) !important;color:var(--mk-deep) !important}

/* Persona szerkesztő */
.mx-two.pe-two{grid-template-columns:minmax(0,1fr) 300px}
.pe-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pe-f label{display:flex;justify-content:space-between;gap:6px;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:4px}
.pe-in{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:15px;min-height:38px;outline:none}
.pe-in:focus{border-color:var(--mk-g2);box-shadow:0 0 0 3px var(--mk-subtle)}
.pe-chg .pe-in{border-color:var(--warn);background:var(--warn-bg)}
.src{font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;white-space:nowrap}
.src-s{background:color-mix(in srgb,var(--ton-red) 14%,transparent);color:#B3261E}.src-f{background:var(--ai-bg);color:var(--ai)}.src-u{background:var(--info-bg);color:var(--info)}.src-t{background:var(--ok-bg);color:var(--ok)}
.pe-chips{display:flex;flex-wrap:wrap;gap:6px}
.pe-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:4px 6px 4px 11px;font-size:14px;background:var(--surface)}
.pe-chip b{font-size:11px;background:var(--mk-deep);color:#fff;border-radius:999px;padding:0 6px}
.pe-chip i{font-style:normal;color:var(--muted);cursor:pointer;padding:0 4px}
.pe-add{font-size:14px;color:var(--mk-deep);border:1.5px dashed var(--border-strong);border-radius:999px;padding:4px 11px;cursor:pointer}
.pe-src div{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--text-2)}
.pe-hit{font-size:14px;color:var(--text-2)}.pe-hit b{font-size:17px;color:var(--text);margin-right:4px}
.pu-wrap{position:fixed;inset:0;z-index:9500;background:rgba(20,10,18,.5);display:grid;place-items:center;padding:16px}
.pu{background:var(--surface);border-radius:14px;width:min(560px,100%);box-shadow:0 20px 50px -10px rgba(0,0,0,.5);overflow:hidden}
.pu-b{padding:16px;display:flex;flex-direction:column;gap:12px}
.pu-drop{border:2px dashed var(--border-strong);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.pu-drop b{font-size:17px}.pu-drop span:not(.btn){font-size:14px;color:var(--muted)}
.pu-or{text-align:center;font-size:13px;color:var(--muted)}
.pu-steps{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-2)}
.pu-f{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}
.pu .btn-p{background:linear-gradient(135deg,var(--mk-g1),var(--mk-g2) 55%,var(--mk-g3) 130%);color:#fff}
@media (max-width:1100px){.mx-two.pe-two{grid-template-columns:1fr}}
@media (max-width:700px){.pe-grid{grid-template-columns:1fr}}

.kl-t td{font-size:14px;vertical-align:top}.kl-t td b{font-size:14px}
.kl-use{color:var(--muted);font-size:13px !important}
.kl-new td{background:color-mix(in srgb,var(--mk-g2) 6%,transparent)}
.pe-chip-b{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;background:var(--mk-deep);color:#fff;border-radius:999px;padding:0 6px}
.pe-more{margin-top:2px}
/* forrás: szöveges címke a mező mellett */
#s-12e .pe-src .src{font-size:11px;width:auto;height:auto;padding:1px 6px}
.src-s{background:#E2445C !important}.src-f{background:#8B6CFF !important}.src-u{background:#4C7DFF !important}.src-t{background:#1E7F3C !important}
#s-12e .pe-src .src{color:var(--text-2) !important}

.pg-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pg-sum{display:flex;gap:14px;font-size:15px;flex-wrap:wrap}.pg-sum .e{color:var(--ok)}.pg-sum .r{color:var(--warn)}.pg-sum .x{color:#7A1FA2}
.pg-by span{cursor:pointer}
.pg-leg{display:flex;gap:12px;font-size:13px;flex-wrap:wrap;align-items:center}.pg-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.pg-leg i.e,.pg-bar i.e{background:var(--ok)}.pg-leg i.r,.pg-bar i.r{background:#E9A21B}.pg-leg i.g,.pg-bar i.g{background:#E2445C}.pg-leg i.x,.pg-bar i.x{background:#7A1FA2}
.pg-list{display:flex;flex-direction:column}
.pg-r{border-top:1px solid var(--border)}
.pg-r>summary{list-style:none;display:grid;grid-template-columns:220px 90px 1fr 110px 1.3fr;gap:12px;align-items:center;padding:10px 4px;cursor:pointer;font-size:14px}
.pg-r>summary::-webkit-details-marker{display:none}
.pg-r>summary:hover{background:var(--surface-2)}
.pg-c{color:var(--muted);font-size:13px}
.pg-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--surface-3)}
.pg-n{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}.pg-n b{color:#7A1FA2}
.pg-gap{font-size:13px;color:var(--text-2)}
.pg-ads{padding:4px 0 10px 16px;display:flex;flex-direction:column;gap:5px}
.pg-ads div{display:flex;gap:8px;align-items:center;font-size:13px}
.mt-x{background:color-mix(in srgb,#7A1FA2 14%,transparent);color:#7A1FA2}
.km{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;margin:0 0 4px}
.km-i{background:var(--ok-bg);color:var(--ok)}.km-k{background:var(--warn-bg);color:var(--warn)}.km-l{background:var(--surface-3);color:var(--text-2)}
.fe-f .km{position:absolute;right:10px;top:8px;margin:0}

.kmd{width:8px;height:8px;border-radius:50%;display:inline-block}
.kmd-i{background:var(--text)}.kmd-k{background:#E9A21B}.kmd-l{background:var(--border-strong)}
.fo-q{grid-template-columns:26px 24px 1fr auto auto}
.km-seg{display:flex;margin:2px 0 4px}.km-seg span{flex:1;text-align:center;cursor:pointer}
.km-sum{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;align-items:center;margin-top:6px}
@media (max-width:900px){.pg-r>summary{grid-template-columns:1fr auto;}.pg-r>summary .pg-bar{grid-column:1/-1}.pg-n,.pg-gap{grid-column:1/-1}}

.pg-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pg-sum{display:flex;gap:14px;font-size:15px;flex-wrap:wrap}.pg-sum .e{color:var(--ok)}.pg-sum .r{color:var(--warn)}.pg-sum .x{color:#7A1FA2}
.pg-by span{cursor:pointer}
.pg-leg{display:flex;gap:14px;font-size:13px;flex-wrap:wrap}.pg-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.pg-leg i.e,.pg-bar i.e{background:var(--ok)}.pg-leg i.r,.pg-bar i.r{background:#E9A21B}.pg-leg i.g,.pg-bar i.g{background:#E2445C}.pg-leg i.x,.pg-bar i.x{background:#7A1FA2}
.pg-r{border-top:1px solid var(--border)}
.pg-r>summary{list-style:none;display:grid;grid-template-columns:230px 90px minmax(120px,1fr) 100px 1.3fr;gap:12px;align-items:center;padding:10px 4px;cursor:pointer;font-size:14px}
.pg-r>summary::-webkit-details-marker{display:none}
.pg-r>summary:hover{background:var(--surface-2)}
.pg-hot>summary b{color:#7A1FA2}
.pg-c{color:var(--muted);font-size:13px}
.pg-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--surface-3)}
.pg-n{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}.pg-n b{color:#7A1FA2}
.pg-gap{font-size:13px;color:var(--text-2)}
.pg-ads{padding:4px 0 10px 16px;display:flex;flex-direction:column;gap:5px}
.pg-ads div{display:flex;gap:8px;align-items:center;font-size:13px}
.mt-x{background:color-mix(in srgb,#7A1FA2 14%,transparent);color:#7A1FA2}
.kmd{width:9px;height:9px;border-radius:50%;display:inline-block}
.kmd-i{background:var(--text)}.kmd-k{background:#E9A21B}.kmd-l{background:var(--border-strong)}
.fe-kmd{position:absolute;left:-6px;top:16px}
.km-seg{display:flex;margin:2px 0 4px}.km-seg span{flex:1;text-align:center;cursor:pointer}
@media (max-width:900px){.pg-r>summary{grid-template-columns:1fr auto}.pg-r>summary .pg-bar,.pg-n,.pg-gap{grid-column:1/-1}}

.core{display:block;font-size:14px;color:var(--text-2);margin-top:4px}.core b{color:var(--text)}
.of{border-left:2px solid var(--border);padding-left:10px;position:relative}
.of>summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:1px}.of>summary::-webkit-details-marker{display:none}
.of small{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600}
.of>summary span{font-size:15px;font-weight:600}.of-n{color:var(--warn);font-size:17px}
.of>summary em{font-style:normal;font-size:13px;color:var(--mk-deep);font-weight:600}
.of-pop{position:absolute;z-index:30;top:100%;left:0;width:330px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;gap:6px;margin-top:6px}
.of-pop>b{font-size:15px}
.an{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 12px}
.an>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:6px;padding:9px 0;font-size:14px}.an>summary::-webkit-details-marker{display:none}
.an>summary span{font-size:13px;color:var(--mk-deep);font-weight:600}
.an-b{display:flex;flex-direction:column;gap:6px;padding-bottom:10px}
.an-r{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:start;border-top:1px solid var(--border);padding-top:7px;cursor:pointer}
.an-r input{margin-top:3px;accent-color:var(--mk-g2)}
.an-r div{display:flex;flex-direction:column;min-width:0}.an-r b{font-size:14px}.an-r div span{font-size:12px;color:var(--muted)}.an-r em{font-style:normal;font-size:12px;color:var(--text-2)}
.an-st{font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;white-space:nowrap}
.an-t{background:var(--info-bg);color:var(--info)}.an-w{background:var(--ok-bg);color:var(--ok)}.an-x{background:var(--surface-3);color:var(--text-2)}
.an-go{align-self:flex-start}
@media (max-width:1100px){.mx-facts{grid-template-columns:1fr 1fr !important}}
.mx-ptitle .core{font-size:14px !important;font-weight:400}.mx-ptitle .core b{font-size:14px !important;font-weight:600}
.an>summary{flex-direction:column;align-items:flex-start;gap:0}
.an-r{grid-template-columns:18px 1fr}.an-st{grid-column:2;justify-self:start;margin-top:2px}

/* Heti riport, Miért?, Új tény */
.wk>summary{list-style:none;cursor:pointer}.wk>summary::-webkit-details-marker{display:none}
.wk-ic{width:26px;height:26px;border-radius:8px;background:var(--mk-subtle);color:var(--mk-deep);display:grid;place-items:center;font-weight:800}
.wk-x{font-size:13px;color:var(--muted)}.wk:not([open]) .wk-x{font-size:0}.wk:not([open]) .wk-x::after{content:'kinyit ▸';font-size:13px}
.wk-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px}
.wk-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.wk-k>div{display:flex;flex-direction:column}.wk-k small{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.wk-k b{font-size:24px}.wk-k em{font-style:normal;font-size:13px;color:var(--muted)}
.wk-t{display:flex;flex-direction:column;gap:6px;font-size:14px}.wk-t div{display:flex;gap:8px;align-items:baseline}
.wk-j{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--border)}
.wk-n{width:22px;height:22px;border-radius:50%;background:var(--mk-deep);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}
.wk-j div{display:flex;flex-direction:column}.wk-j b{font-size:15px}.wk-j span:not(.btn):not(.wk-n){font-size:13px;color:var(--muted)}
.mx-why{margin:6px 0 4px;font-size:14px}
.mx-why>summary{cursor:pointer;color:var(--mk-deep);font-weight:600;font-size:13px;list-style:none}.mx-why>summary::-webkit-details-marker{display:none}
.mx-why>summary::before{content:'▸ '}.mx-why[open]>summary::before{content:'▾ '}
.mx-why>div{display:grid;grid-template-columns:16px 1fr;gap:6px;padding:3px 0;color:var(--text-2)}
.mx-why .ok{color:var(--ok);font-weight:700}.mx-why .w{color:var(--warn);font-weight:800}
.mx-mem{font-size:13px;background:var(--ai-bg);color:var(--ai);border-radius:8px;padding:6px 9px;margin:4px 0}
.ft-wrap{position:fixed;inset:0;z-index:9500;background:rgba(20,10,18,.5);display:grid;place-items:center;padding:16px}
.ft-in{font-size:17px;border-color:var(--mk-g2)}
.ft-imp{display:flex;flex-direction:column;gap:6px;font-size:14px}
.ft-imp div:not(.mx-dk){display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.ft-imp b{font-size:17px}.ft-imp span{color:var(--muted);font-size:13px}
.ft-run{color:var(--bad)}
@media (max-width:1000px){.wk-b{grid-template-columns:1fr}}

/* Mai napom v3 */
.wk-line{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px}
.wk-tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--mk-deep)}
.wk-line b{font-size:17px}.wk-line em{font-style:normal;font-size:13px}.wk-s{color:var(--text-2)}
.rc{display:grid;grid-template-columns:1fr 90px 70px;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--border);cursor:pointer}
.rc:hover b{text-decoration:underline}
.rc div{display:flex;flex-direction:column}.rc b{font-size:15px}.rc div span{font-size:13px;color:var(--muted)}
.rc em{font-style:normal;font-size:12px;font-weight:700;text-align:right;color:var(--text-2)}
.rc-w div span{color:var(--warn);font-weight:600}
.mx-ifnot{grid-column:1/-1;font-size:14px;color:var(--bad);background:var(--bad-bg);border-radius:8px;padding:6px 9px}
.mx-ifnot span{font-weight:700;margin-right:6px}
.wt{border:1.5px dashed var(--border-strong);border-radius:12px;padding:0 12px;margin-top:4px}
.wt>summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:baseline;padding:10px 0;flex-wrap:wrap;font-size:14px}.wt>summary::-webkit-details-marker{display:none}
.wt>summary span{color:var(--text-2);font-size:14px}.wt>summary em{font-style:normal;margin-left:auto;font-size:13px;color:var(--warn);font-weight:700}
.wt-b{display:flex;flex-direction:column;gap:2px;padding-bottom:10px}
.wt-r{display:grid;grid-template-columns:90px 1fr auto;gap:4px 10px;align-items:center;padding:7px 0;border-top:1px solid var(--border);font-size:14px}
.wt-r b{font-size:14px}.wt-r em{grid-column:2;font-style:normal;font-size:13px;color:var(--muted)}.wt-r em.wt-up{color:var(--warn);font-weight:700}
.wt-r .wt-d{grid-column:2;font-size:13px;color:var(--text-2)}.wt-r .btn{grid-column:3;grid-row:1/4}
.wt-cap{font-size:13px;border:1px solid var(--border);border-radius:999px;padding:2px 9px;cursor:pointer;color:var(--text-2)}
.mx-nums{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}
.mx-nums>div{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;cursor:pointer}
.mx-nums small{grid-column:1/-1;font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;gap:6px;align-items:center}
.mx-nums b{font-size:24px}.mx-nums .mx-bar{height:6px}.mx-nums em{grid-column:1/-1;font-style:normal;font-size:13px;color:var(--muted)}
@media (max-width:900px){.mx-nums{grid-template-columns:1fr}.rc{grid-template-columns:1fr 60px}.rc em{display:none}}

/* Mai napom: egységes oszlopok, rendezett felső sor */
#s-1 .ma-day,#s-1 .mx-two{grid-template-columns:minmax(0,1fr) 360px;gap:16px}
#s-1 .ma-day{gap:0}
#s-1 .mx-nums{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 360px}
#s-1 .mx-nums>a{justify-self:end}
#s-1 .mx-auto{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start}
#s-1 .mx-auto-k{grid-row:1/span 3;padding-top:3px}
#s-1 .mx-auto>span:not(.mx-auto-k){background:none;border:0;padding:0;font-size:14px}
#s-1 .mx-auto>span:not(.mx-auto-k):not(.mx-more)::before{content:'· ';color:var(--muted)}
#s-1 .mx-auto .mx-more{color:var(--mk-deep);font-weight:600;cursor:pointer}
#s-1 .wk-line{display:grid;grid-template-columns:auto auto auto auto 1fr;gap:4px 16px}
#s-1 .wk-line .wk-s{grid-column:1/5}#s-1 .wk-line a{grid-column:5;justify-self:end;align-self:end}
#s-1 .rc{grid-template-columns:1fr 70px 56px}
@media (max-width:1100px){#s-1 .ma-day,#s-1 .mx-two,#s-1 .mx-nums{grid-template-columns:1fr}#s-1 .mx-nums>a{justify-self:start}#s-1 .wk-line{grid-template-columns:1fr 1fr}#s-1 .wk-line .wk-s,#s-1 .wk-line a{grid-column:1/-1;justify-self:start}}
#s-1 .mx-r2{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:start}
#s-1 .mx-r2>div{display:flex;flex-direction:column;gap:3px}
#s-1 .mx-r2>div>div:first-child{display:flex;flex-direction:column}
#s-1 .mx-r2m{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
#s-1 .mx-auto .mx-more{grid-column:2}
.nd{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);padding-top:10px;margin-top:2px}
.nd-r{display:grid;grid-template-columns:76px 1fr;gap:10px;font-size:14px;align-items:baseline}
.nd-k{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.nd-v{color:var(--text-2)}.nd-v b{color:var(--text);font-size:15px}.nd-v em{font-style:normal;font-size:13px}
.nd-v .mx-undo{margin-left:6px;white-space:nowrap}
#s-1 .ma-day-s{margin:2px 0 4px}
#s-1 .ma-day{border:0;background:none;border-radius:0;overflow:visible;gap:16px !important;align-items:start}
#s-1 .ma-day>div{border:1px solid color-mix(in srgb,var(--ai) 30%,var(--border));border-radius:var(--r-xl);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--ai) 8%,transparent),transparent 60%),var(--surface)}
#s-1 .ma-day>div+div{border-left:1px solid var(--border);border-color:var(--border);background:var(--surface)}
#s-1 .ma-cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
#s-1 .ma-colL,#s-1 .ma-colR{display:flex;flex-direction:column;gap:16px;min-width:0}
#s-1 .ma-card{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:9px}
#s-1 .ma-nap{border-color:color-mix(in srgb,var(--ai) 30%,var(--border));background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--ai) 8%,transparent),transparent 60%),var(--surface)}
#s-1 .mx-nums{grid-template-columns:1fr 1fr}
@media (max-width:1100px){#s-1 .ma-cols{grid-template-columns:1fr}}
@media (max-width:700px){#s-1 .mx-nums{grid-template-columns:1fr}}
#s-1 .ma-colR .mx-nums{grid-template-columns:1fr}

.st-bar{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border)}
.st-sig{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-radius:10px;padding:8px 12px;font-size:15px}
.st-dot{width:14px;height:14px;border-radius:50%;flex:none}
.st-red .st-sig{background:var(--bad-bg);color:var(--bad)}.st-red .st-dot{background:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 25%,transparent);animation:stp 1.6s ease-in-out infinite}
.st-green .st-sig{background:var(--ok-bg);color:var(--ok)}.st-green .st-dot{background:var(--ok)}
.st-why{color:var(--text-2);font-size:14px}
@keyframes stp{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--bad) 10%,transparent)}}
.st-main{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.st-main h3{margin:0;font-size:24px;letter-spacing:-.3px}
.st-main>span:not(.wt-cap){color:var(--muted);font-size:14px}
#s-1 .ma-kozben{padding:12px 14px;gap:0}
#s-1 .ma-kozben .nd{border:0;padding:0;margin:0;gap:8px}
#s-1 .ma-kozben .nd-r{grid-template-columns:1fr;gap:2px;font-size:14px}

/* nagy rendrakás */
.ptr{margin-left:auto;font-size:13px;font-weight:700;color:var(--mk-deep);background:var(--mk-subtle);border-radius:999px;padding:3px 10px;cursor:pointer;white-space:nowrap}
.card-h .ptr{margin-left:0}
.ptr-line{font-size:14px;color:var(--bad);background:var(--bad-bg);border-radius:8px;padding:8px 10px}
.ptabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:-4px}
.ptabs span{padding:8px 12px;font-size:15px;font-weight:600;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.ptabs span.on{color:var(--mk-deep);border-bottom-color:var(--mk-g2)}
.ptabs span:hover:not(.on){color:var(--text)}
.mx-set{margin-top:auto;border-top:1px solid var(--border);padding-top:10px}

.mx-fold{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-top:0}
.mx-fold>summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:10px;padding:14px 16px;font-size:17px}
.mx-fold>summary::-webkit-details-marker{display:none}
.mx-fold>summary span{color:var(--muted);font-size:14px}
.mx-fold>summary::after{content:'▸';margin-left:auto;color:var(--muted)}
.mx-fold[open]>summary::after{content:'▾'}
.mx-fold[open]>summary{border-bottom:1px solid var(--border)}
.mx-foldb{padding:14px;background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg)}
.mx-foldb>*:first-child{margin-top:0}
.mx-wfull{margin-top:0}
.mx-wfull .me-watchc{max-width:none}

.st-box{border-radius:var(--r-lg);overflow:hidden}
.st-box .st-sig,.st-box .st-ok{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--r-lg)}
.st-box.st-red .st-ok,.st-box.st-green .st-sig{display:none}
.st-box .st-sig{background:var(--bad);color:#fff}
.st-box .st-ok{background:var(--ok);color:#fff}
.st-box .st-dot{width:22px;height:22px;border-radius:50%;flex:none;background:#fff}
.st-box.st-red .st-dot{box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:stpw 1.4s ease-out infinite}
@keyframes stpw{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}100%{box-shadow:0 0 0 14px rgba(255,255,255,0)}}
.st-box .st-txt{display:flex;flex-direction:column;gap:2px}
.st-box .st-txt b{font-size:17px;letter-spacing:-.2px}
.st-box .st-why{color:rgba(255,255,255,.9);font-size:15px}
.st-cta{margin-left:auto;background:#fff;color:var(--bad);font-weight:700;font-size:15px;padding:8px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}
.ma-colL>.st-main{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:18px 2px 2px}
.ma-colL>.st-main h3{margin:0;font-size:24px;letter-spacing:-.3px}
.ma-colL>.st-main>span:not(.wt-cap){color:var(--muted);font-size:14px}
#s-1 .mx-ifnot{background:transparent;color:var(--text-2);border-radius:0;border-left:3px solid var(--bad);padding:2px 0 2px 10px}
#s-1 .mx-ifnot>span{color:var(--bad)}

/* ===== Egységes színhasználat =====
   piros = azonnal / baj · sárga = rád vár, megerősítés · zöld = rendben, kész
   lila = a rendszer csinálja, javasolja, megjegyezte · kék = ütemezve, tájékoztatás
   magenta = amit megnyomhatsz · szürke = minden más (csatorna, forrás, kategória, alvó) */
:root{--sleep:var(--muted) !important;--sleep-bg:var(--surface-3) !important}
/* csatornák, források, platformok, kategóriák: szürke */
.mx-ch.mx-wa,.mx-ch.mx-nl,.mx-ch.mx-li{background:var(--surface-3) !important;color:var(--text-2) !important}
.mg-ch-wa,.mg-ch-ml,.mg-ch-em,.mg-ch-cv,.mg-ch-ad,.mg-ch-li{color:var(--text-2) !important}
.mc-os.sup,.mc-os.sal,.mc-os.fin{background:var(--surface-3) !important;color:var(--text-2) !important}
.src-s,.src-f,.src-u,.src-t{background:var(--surface-3) !important;color:var(--text-2) !important}
.pe-src i,.pe-dots i{filter:grayscale(1)}
.mb-pl.mb-me,.mb-pl.mb-go,.mb-pl.mb-li,.mb-pl.mb-tt,.mb-app.mb-ps,.mb-app.mb-ai,.mb-app.mb-fi,.mb-app.mb-ca{background:var(--surface-3) !important;color:var(--text) !important}
.me-mono,.me-m-ai,.me-m-gr,.me-m-so,.me-m-ms,.me-m-ad,.me-m-dt,.me-m-ws,.me-m-ny,.me-m-an{--mc:var(--text-2) !important}
.me-ti,.me-ti-or,.me-ti-gr,.me-ti-bl,.me-ti-am,.me-ti-pu{--tc:var(--text-2) !important}
.av:not(.user .av){background:var(--text-2) !important;color:var(--inverse) !important}
.ver.v1,.ver.v2,.ver.v3,.me-wh .ver{background:var(--surface-3) !important;color:var(--text-2) !important}
.ma-day-k{color:var(--text-2) !important}
.mc-kw.alw{background:var(--text) !important}
.mc-kw:not(.then):not(.alw){background:var(--text) !important;color:var(--surface) !important}
.fe-cond{color:var(--text-2) !important}
/* gomb = magenta, akkor is, ha "altatás" */
.btn-ai{background:var(--surface) !important;color:var(--text) !important;box-shadow:inset 0 0 0 1px var(--border-strong)}
/* a rendszer csinálja / javasolja: lila */
.mx-st-auto,.mx-st-mk,.mb-au.mb-au-a,.an-st.an-t{background:var(--ai-bg) !important;color:var(--ai) !important}
.mx-gl{color:var(--ai) !important}
/* egy koppintás kell tőled: sárga */
.mb-au.mb-au-t{background:var(--warn-bg) !important;color:var(--warn) !important}
/* ígéretlánc: erős zöld · részleges sárga · gyenge halvány piros · ellentmondás teli piros */
.mt-g{background:var(--bad-bg) !important;color:var(--bad) !important}
.mt-x{background:var(--bad) !important;color:#fff !important}
.pg-leg i.r,.pg-bar i.r{background:var(--warn) !important}
.pg-leg i.g,.pg-bar i.g{background:color-mix(in srgb,var(--bad) 40%,var(--surface)) !important}
.pg-leg i.x,.pg-bar i.x{background:var(--bad) !important}
.pg-sum .x,.pg-hot>summary b,.pg-n b{color:var(--bad) !important}

.mx-st-mk{background:var(--surface-3) !important;color:var(--text-2) !important}
.of em{color:var(--warn) !important}
.me-ce{color:var(--warn) !important}

.mb-fill .mb-fm,.mb-leg i.mb-fm,i.mb-fm{background:var(--text-2) !important}
.mb-fill .mb-fg,i.mb-fg{background:color-mix(in srgb,var(--text-2) 55%,var(--surface)) !important}
.mb-fill .mb-fl,i.mb-fl{background:color-mix(in srgb,var(--text-2) 30%,var(--surface)) !important}
.ma-src.ma-fin::before,.ma-src.ma-sal::before,.ma-src.ma-sup::before{background:var(--muted) !important}

/* állapotsáv: szebb változat */
.st-box .st-sig,.st-box .st-ok{position:relative;padding:16px 20px 16px 22px;border-radius:16px;color:var(--text);overflow:hidden}
.st-box .st-sig{background:linear-gradient(100deg,color-mix(in srgb,var(--bad) 13%,var(--surface)) 0%,color-mix(in srgb,var(--bad) 4%,var(--surface)) 55%,var(--surface) 100%);border:1px solid color-mix(in srgb,var(--bad) 30%,transparent);box-shadow:0 10px 28px -14px color-mix(in srgb,var(--bad) 55%,transparent)}
.st-box .st-ok{background:linear-gradient(100deg,color-mix(in srgb,var(--ok) 12%,var(--surface)) 0%,var(--surface) 70%);border:1px solid color-mix(in srgb,var(--ok) 28%,transparent)}
.st-box .st-sig::before,.st-box .st-ok::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--bad)}
.st-box .st-ok::before{background:var(--ok)}
.st-box .st-dot{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bad);box-shadow:none !important;animation:none !important}
.st-box .st-ok .st-dot{background:var(--ok)}
.st-box .st-sig .st-dot::after{content:'!';color:#fff;font-weight:800;font-size:20px;line-height:1}
.st-box .st-ok .st-dot::after{content:'✓';color:#fff;font-weight:800;font-size:17px;line-height:1}
.st-box.st-red .st-sig .st-dot::before{content:'';position:absolute;inset:0;border-radius:50%;background:var(--bad);animation:string 1.6s ease-out infinite;z-index:-1}
.st-box .st-dot{z-index:0}
@keyframes string{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.9);opacity:0}}
.st-box .st-txt b{font-size:17px;color:var(--bad)}
.st-box .st-ok .st-txt b{color:var(--ok)}
.st-box .st-why{color:var(--text-2) !important;font-size:15px}
.st-cta{background:var(--bad);color:#fff;padding:9px 16px;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--bad) 60%,transparent)}
.st-cta:hover{filter:brightness(1.08)}

/* Kreatív: családok, alapanyag, jelenetek */
.kr-in{display:inline-flex;align-items:center;gap:3px;margin-left:auto}
.kr-in i{width:9px;height:9px;border-radius:50%;background:var(--ok)}
.kr-in i.n{background:transparent;box-shadow:inset 0 0 0 2px var(--bad)}
.kr-in em{font-style:normal;font-size:13px;color:var(--muted);margin-left:5px}
.mx-kh .kr-in{margin-left:auto}
.kr-fam{padding:14px 0 16px;border-top:1px solid var(--border)}
.kr-fam:first-child{border-top:0;padding-top:2px}
.kr-fh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kr-fh>b{font-size:17px}
.kr-n{font-size:13px;color:var(--muted)}
.kr-fh .kr-in{margin-left:auto}
.kr-hyp{margin:4px 0 10px;font-size:14px;color:var(--text-2)}
.kr-diff{display:inline-block;align-self:flex-start;font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface-3);border-radius:999px;padding:1px 8px;margin-bottom:4px}
.kr-diff.base{background:var(--text);color:var(--surface)}
.mc-fmt-b{display:flex;flex-direction:column}
.kr-warn{margin-top:8px;font-size:13px;line-height:1.35;color:var(--warn);background:var(--warn-bg);border-radius:8px;padding:6px 8px}
.kr-warn::before{content:'! ';font-weight:800}
.kr-empty{display:grid;place-items:center}
.kr-miss{width:64px;height:64px;border-radius:12px;border:2px dashed var(--border-strong);display:grid;place-items:center;font-size:24px;color:var(--muted);font-weight:700}
.mc-sq.tall{height:150px}
.kr-vid>summary{list-style:none;cursor:pointer}
.kr-vid>summary::-webkit-details-marker{display:none}
.kr-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:4px 0 8px}
.kr-sc{border:1px solid var(--border);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:3px;cursor:pointer;background:var(--surface)}
.kr-sc:hover{border-color:var(--border-strong)}
.kr-sc small{font-size:12px;color:var(--muted)}
.kr-sc b{font-size:14px}
.kr-sc span{font-size:13px;color:var(--text-2);line-height:1.35}
.kr-sc em{font-style:normal;font-size:12px;font-weight:600;margin-top:auto;padding-top:4px}
.kr-sc em.ok{color:var(--ok)}
.kr-sc em.w{color:var(--warn)}
.kr-scw{border-color:color-mix(in srgb,var(--warn) 50%,transparent)}
.kr-st{position:relative;height:96px;border-radius:8px;background:var(--surface-3);display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:6px;overflow:hidden;margin-bottom:4px}
.kr-st .im{position:absolute;left:6px;right:6px;top:6px;height:50%;border-radius:5px;background:color-mix(in srgb,var(--text-2) 22%,var(--surface))}
.kr-st .s{height:5px;border-radius:3px;background:color-mix(in srgb,var(--text-2) 30%,var(--surface));width:70%}
.kr-st .bt{height:12px;border-radius:4px;background:var(--mk-g2);width:60%;position:relative;z-index:1}
.kr-zone{position:absolute;left:0;right:0;bottom:0;height:22px;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--warn) 35%,transparent) 0 4px,transparent 4px 8px)}
.kr-vnote{margin:0 0 10px}
@media (max-width:900px){.kr-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}}

.kr-base{width:104px;height:104px;margin-top:6px;border-radius:6px;background:var(--surface);border:1px solid var(--border);padding:8px;display:flex;flex-direction:column;gap:5px}
.kr-base .im{flex:1;border-radius:4px;background:color-mix(in srgb,var(--text-2) 18%,var(--surface))}
.kr-base .h{height:7px;width:80%;border-radius:3px;background:var(--text-2)}
.kr-base .s{height:5px;width:60%;border-radius:3px;background:color-mix(in srgb,var(--text-2) 35%,var(--surface))}
.kr-base .bt{height:12px;width:50%;border-radius:4px;background:var(--mk-g2)}
#s-7 .mx-kd{border-left-color:var(--warn)}
#s-7 .mx-kd.mx-done{border-left-color:var(--ok)}

/* Megnyitás külső szerkesztőben */
.kr-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.kr-open{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:4px 9px 4px 4px;cursor:pointer;white-space:nowrap}
.kr-open:hover{border-color:var(--mk-g2);color:var(--mk-deep)}
.kr-ab{display:grid;place-items:center;min-width:22px;height:20px;padding:0 3px;border-radius:5px;background:var(--text);color:var(--surface);font-size:11px;font-weight:800;letter-spacing:.2px}
.kr-open.kr-2{border-color:var(--border);color:var(--text-2);font-weight:500}
.kr-open.kr-2 .kr-ab{background:var(--surface-3);color:var(--text-2)}
.kr-open.kr-sm{font-size:12px;padding:2px 7px 2px 3px;margin-top:6px;align-self:flex-start}
.kr-open.kr-sm .kr-ab{height:17px;font-size:11px}
.mx-acts .kr-open{padding:5px 10px 5px 5px}
.kr-vbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.kr-vbar .kr-vnote{margin:0;flex:1;min-width:220px}
.kr-vbar .kr-acts{margin:0}
.kr-big{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kr-big .kr-open{justify-content:flex-start;padding:7px 10px 7px 6px;font-size:14px}
.kr-big .kr-open .kr-ab{height:24px;min-width:26px;font-size:12px}

/* Kimenő: kimaradt, erre vár, szürke csatornák */
.mb-ch.mb-adc i,.mb-ch.mb-em i,.mb-ch.mb-li i,.mb-ch.mb-wa i{background:var(--surface-3) !important;color:var(--text-2) !important}
.mx-cfh .mx-st{background:var(--surface-3) !important;color:var(--text-2) !important}
.kim-out{display:inline-block;margin-top:3px;font-size:13px;color:var(--text-2);border-bottom:1px dotted var(--muted);cursor:help}
.kim-wait{margin-top:4px;font-size:13px;color:var(--warn);cursor:pointer;line-height:1.3}
.kim-wait:hover{text-decoration:underline}
tr.kim-blk td:first-child{box-shadow:inset 3px 0 0 var(--info)}
/* Eredmények: tanulságok */
.ln-two{grid-template-columns:minmax(0,1fr) 340px;align-items:start}
.ln-r{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--border)}
.ln-r:first-child{border-top:0;padding-top:2px}
.ln-k{align-self:start;justify-self:start;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:6px;white-space:nowrap}
.ln-t{background:var(--text);color:var(--surface)}
.ln-r .ln-k.ln-f{background:transparent;color:var(--text-2);box-shadow:inset 0 0 0 1.5px var(--border-strong);border:0;outline:1.5px dashed var(--muted);outline-offset:-1.5px;box-shadow:none}
.ln-k.ln-kk,.ln-b{display:flex;flex-direction:column;gap:3px}
.ln-b b{font-size:15px;font-weight:600;line-height:1.4}
.ln-b small{font-size:13px;color:var(--muted)}
.ln-ds{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.ln-dl{font-size:13px;color:var(--muted)}
.ln-d{font-size:13px;padding:2px 9px;border-radius:999px;border:1px dashed var(--border-strong);color:var(--text-2);cursor:pointer}
.ln-d.on{border-style:solid;border-color:var(--mk-g2);background:var(--mk-subtle);color:var(--mk-deep);font-weight:600}
.ln-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)}
.ln-hyp{display:flex;flex-direction:column;gap:6px}
.ln-hyp b{font-size:17px;line-height:1.35}
.ln-dl2{display:grid;grid-template-columns:96px 1fr;gap:6px 10px;margin:0;font-size:14px}
.ln-dl2 dt{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;padding-top:2px}
.ln-dl2 dd{margin:0;color:var(--text-2)}
@media (max-width:1100px){.ln-two{grid-template-columns:1fr}}
.ln-k.ln-t{background:var(--text);color:var(--surface)}
.ln-k.ln-k{background:var(--surface-3);color:var(--text)}

/* Hirdetés: öt pötty, javaslatok */
.p5{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
.p5-i{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-2);cursor:help}
.p5-i i{width:9px;height:9px;border-radius:50%;background:var(--ok)}
.p5-w i{background:var(--warn)}
.p5-bad i{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 22%,transparent)}
.p5-bad{color:var(--bad);font-weight:600}
.p5-n{font-size:13px;color:var(--muted);margin-top:4px}
.p5-n b{color:var(--text)}
.p5-open{margin-top:8px;align-self:flex-start;font-size:13px}
.mb-pt{display:flex;flex-direction:column}
.ps-sw{display:flex;gap:12px;align-items:flex-start;padding:4px 0 14px;border-bottom:1px solid var(--border)}
.ps-sw>div{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--text-2)}
.ps-sw>div>b{font-size:15px;color:var(--text)}
.ps-off{color:var(--text)}
.ps-r{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}
.ps-r:last-child{border-bottom:0}
.ps-b{display:flex;flex-direction:column;gap:2px}
.ps-b b{font-size:15px;font-weight:600}
.ps-b span{font-size:13px;color:var(--muted)}
.ps-v{font-size:13px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.ps-auto{background:var(--ai-bg);color:var(--ai)}
.ps-me{background:var(--warn-bg);color:var(--warn)}
.ps-no{background:var(--surface-3);color:var(--text-2)}
.ps-part{background:var(--ai-bg);color:var(--ai)}
.ps-a{min-width:96px;text-align:right}
.ps-ptr{cursor:pointer;margin-top:4px}
/* Szabályok: autonómia */
.aut-wrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}
.aut-m{display:flex;flex-direction:column;gap:6px;font-size:13px}
.aut-mh,.aut-mr{display:grid;grid-template-columns:72px 1fr 1fr;gap:6px;align-items:stretch}
.aut-mh b{font-size:12px;color:var(--muted);font-weight:600;text-align:center}
.aut-mr>b{font-size:12px;color:var(--muted);font-weight:600;align-self:center}
.aut-mr span{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px;text-align:center;color:var(--text-2);line-height:1.3}
.aut-mr:last-of-type span:last-child{background:var(--text);color:var(--surface);border-color:var(--text)}
.aut-t td{vertical-align:middle;font-size:14px}
.aut-t td b{font-weight:600}
.aut-seg{display:inline-flex;flex-wrap:nowrap}
.aut-seg span{font-size:13px;padding:4px 9px;white-space:nowrap;cursor:pointer}
.aut-fix{font-size:13px;color:var(--bad);font-weight:600}
@media (max-width:1180px){.aut-wrap{grid-template-columns:1fr}.aut-m{max-width:420px}}

.aut-wrap{grid-template-columns:1fr !important}
.aut-m{max-width:560px}
.aut-t td:first-child{min-width:260px}
.ps-ptr{background:var(--surface) !important;color:var(--text-2) !important;border:1px solid var(--border);border-radius:var(--r-lg);padding:12px 16px}
.ps-ptr u{color:var(--mk-deep)}

/* Platformlogók: márkaszín (kivétel a színrend alól, mert logó) */
.mb-pl.mb-me{background:#0866FF !important;color:#fff !important}
.mb-pl.mb-go{background:#fff !important;color:#4285F4 !important;box-shadow:inset 0 0 0 1px var(--border-strong)}
.mb-pl.mb-li{background:#0A66C2 !important;color:#fff !important}
.mb-pl.mb-go{background:#fff !important;box-shadow:inset 0 0 0 1px var(--border-strong);color:transparent !important;font-size:17px !important;font-weight:900 !important;background-image:conic-gradient(from -40deg at 55% 52%,#EA4335 0 26%,#FBBC05 0 38%,#34A853 0 62%,#4285F4 0) !important;-webkit-background-clip:text !important;background-clip:text !important}
.mb-pl.mb-go{background-color:#fff !important}

/* platformkártya: nincs színes tető; csak azonnali bajnál piros keret */
.mb-pt.mb-warm,.mb-pt.mb-fine{box-shadow:none !important}
.mb-pt.mb-hot{box-shadow:none !important;border-color:var(--bad) !important}
.pg-sum .g{color:color-mix(in srgb,var(--bad) 60%,var(--text-2))}

/* Szabályszerkesztő */
.rb-always{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);font-size:14px}
.rb-always>b{font-size:15px}
.rb-always>span:not(.rb-lock){color:var(--muted)}
.rb-lock{display:inline-flex;align-items:center;gap:5px;font-size:13px;padding:3px 9px;border-radius:999px;background:var(--surface-3);color:var(--text-2);font-weight:600}
.rb-lock::before{content:'';width:9px;height:9px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 10V7a6 6 0 0 1 12 0v3h1v12H5V10zm2 0h8V7a4 4 0 0 0-8 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 10V7a6 6 0 0 1 12 0v3h1v12H5V10zm2 0h8V7a4 4 0 0 0-8 0z'/%3E%3C/svg%3E") center/contain no-repeat}
.rb-row{display:grid;grid-template-columns:auto 210px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}
.rb-row:first-child{border-top:0}
.rb-row.off .rb-n,.rb-row.off .rb-logic{opacity:.5}
.rb-row.sel{background:color-mix(in srgb,var(--mk-subtle) 55%,transparent);margin:0 -16px;padding-left:16px;padding-right:16px}
.rb-n{display:flex;flex-direction:column;gap:2px}
.rb-n b{font-size:15px}
.rb-hit{font-size:13px;color:var(--muted)}
.rb-logic{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.rb-k{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:5px;background:var(--text);color:var(--surface)}
.rb-kx{background:var(--surface-3);color:var(--text-2)}
.rb-chip{font-size:13px;padding:2px 8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}
.rb-chip.rb-act{background:var(--surface);border-color:var(--border-strong);color:var(--text);font-weight:600}
.rb-chip.rb-sup,.rb-chip.rb-sal,.rb-chip.rb-fin{background:var(--surface);color:var(--text);font-weight:600;border-color:var(--border-strong)}
.rb-b .card-h{position:relative}
.rb-x{cursor:pointer}
.card-h .rb-x{font-size:20px;color:var(--muted);line-height:1}
.rb-say{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.rb-sk{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.rb-in{flex:1;min-width:260px;font-size:15px;outline:none;padding:4px 0}
.rb-tpl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rb-tpl .chip{cursor:pointer}
.rb-grid{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px 14px;align-items:start}
.rb-lbl{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding-top:6px}
.rb-andor span{font-size:12px;padding:2px 7px}
.rb-sel{display:inline-flex;align-items:center;gap:8px;justify-content:space-between;border:1px solid var(--border-strong);border-radius:8px;padding:6px 10px;font-size:14px;background:var(--surface);cursor:pointer;min-height:34px}
.rb-sel em{font-style:normal;color:var(--muted);font-size:11px}
.rb-ha{min-width:320px;font-weight:600}
.rb-v{font-weight:600}
.rb-menu{position:absolute;z-index:30;margin-top:6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:10px;display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px 14px;max-width:720px}
.rb-menu[hidden]{display:none}
.rb-mg{display:flex;flex-direction:column;gap:2px}
.rb-mg small{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}
.rb-mi{font-size:14px;padding:4px 6px;border-radius:6px;cursor:pointer}
.rb-mi:hover{background:var(--surface-2)}
.rb-conds,.rb-acts{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.rb-c{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rb-del{color:var(--muted);cursor:pointer;font-size:17px;padding:0 4px}
.rb-add{font-size:14px;color:var(--mk-deep);font-weight:600;cursor:pointer}
.rb-flowlink{font-size:13px;color:var(--mk-deep);cursor:pointer;text-decoration:underline}
.rb-exc{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:4px}
.rb-prev{background:var(--info-bg);color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45}
.rb-seelist{color:var(--info);font-weight:600;cursor:pointer;margin-left:4px}
.rb-b[hidden]{display:none}
@media (max-width:1000px){.rb-row{grid-template-columns:auto 1fr}.rb-logic{grid-column:1/-1}.rb-grid{grid-template-columns:1fr}.rb-menu{grid-template-columns:1fr 1fr}}

/* Flow-k */
.fl-row{display:grid;grid-template-columns:minmax(0,1.6fr) 150px minmax(0,1.3fr) 110px auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--border)}
.fl-row:first-child{border-top:0}
.fl-n{display:flex;flex-direction:column;gap:3px;font-size:14px}
.fl-n b{font-size:17px}
.fl-n em{font-style:normal;color:var(--muted)}
.fl-k{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:4px;background:var(--text);color:var(--surface);margin-right:6px}
.fl-mini{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.fl-d{font-style:normal;display:grid;place-items:center;min-width:24px;height:22px;padding:0 3px;border-radius:6px;background:var(--surface-3);color:var(--text-2);font-size:11px;font-weight:700}
.fl-d+.fl-d{position:relative;margin-left:7px}
.fl-d+.fl-d::before{content:'';position:absolute;left:-8px;top:50%;width:6px;height:1.5px;background:var(--border-strong)}
.fl-nums{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--text-2)}
.fl-nums em{font-style:normal;color:var(--muted)}
.fl-st{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.fl-st small{font-size:12px;color:var(--muted)}
.fl-reg{grid-template-columns:minmax(0,1.6fr) 0 minmax(0,1.3fr) 110px auto}
.fl-pps{display:flex;flex-wrap:wrap;gap:8px}
.fl-pp{font-size:14px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--surface)}
.fl-pp:hover{border-color:var(--mk-g2)}
.fl-gen .mc-node .mc-stat{font-family:var(--font-ui);font-variant-numeric:tabular-nums}
.mc-nt.fl-ic{font-size:11px;font-weight:800}
@media (max-width:1100px){.fl-row{grid-template-columns:1fr auto}.fl-mini,.fl-nums{grid-column:1/-1}}

/* Pipeline */
.pl-row{display:flex;align-items:stretch;gap:0}
.pl-st{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.pl-st small{font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.pl-st b{font-size:28px;letter-spacing:-.5px;line-height:1.1}
.pl-bar{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}
.pl-bar i{display:block;height:100%;background:var(--text-2);border-radius:3px}
.pl-st em{font-style:normal;font-size:13px;color:var(--muted);line-height:1.3}
.pl-st em.pl-w,.pl-mini em.pl-w{color:var(--warn);font-weight:600}
.pl-ar{width:46px;display:flex;align-items:center;justify-content:center;position:relative;flex:none}
.pl-ar::before{content:'';position:absolute;left:4px;right:4px;top:50%;height:1.5px;background:var(--border-strong)}
.pl-ar span{position:relative;background:var(--bg,var(--surface-2));font-size:12px;font-weight:700;color:var(--text-2);padding:1px 3px;border-radius:4px;background:var(--surface)}
.pl-stuck{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:var(--warn-bg)}
.pl-stuck>div:not(.mx-acts){flex:1;min-width:260px;display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--text-2)}
.pl-stuck b{color:var(--text);font-size:15px}
.pl-sk{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--warn)}
.pl-mrow{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:4px 0 2px}
.pl-mrow span{display:flex;flex-direction:column;font-size:12px;color:var(--muted);line-height:1.1}
.pl-mrow b{font-size:17px;color:var(--text)}
.pl-mrow i{font-style:normal;color:var(--muted);font-size:12px}
@media (max-width:1000px){.pl-row{flex-direction:column}.pl-ar{width:auto;height:26px}.pl-ar::before{display:none}}

/* Flow-szerkesztő teljes képernyőn */
body:has(#s-9:not([hidden])) .proto .app{grid-template-columns:minmax(0,1fr)}
body:has(#s-9:not([hidden])) .proto .side,body:has(#s-9:not([hidden])) .proto .top{display:none !important}
body:has(#s-9:not([hidden])) .p-body{grid-template-columns:minmax(0,1fr)}
body:has(#s-9:not([hidden])) .p-body>:not(.p-host){display:none !important}
#s-9 .content{max-width:none;width:100%;padding-top:0}
#s-9 .page-h{position:sticky;top:0;z-index:20;background:var(--surface);margin:0 -24px 6px;padding:10px 24px;border-bottom:1px solid var(--border)}
#s-9 .page-h h3{font-size:20px}
#s-9 .mc-split.fl-ed{grid-template-columns:200px minmax(0,1fr) 340px}
#s-9 .fl-ed>.card{min-height:calc(100vh - 120px)}
#s-9 .fl-ed .mc-canvas{min-height:calc(100vh - 200px);overflow:auto}
#s-9 [data-ftab][hidden]{display:none !important}
.fl-pal{position:sticky;top:84px;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:12px}
.fl-ph{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.fl-pal p{margin:0 0 4px;font-size:13px;color:var(--muted);line-height:1.35}
.fl-pi{display:flex;align-items:center;gap:8px;font-size:14px;padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);cursor:grab}
.fl-pi:hover{border-color:var(--mk-g2)}
.fl-pi svg{width:14px;height:14px}
.fl-insp .fl-if{display:flex;flex-direction:column;gap:4px}
.fl-if label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.fl-if .rb-sel{width:100%}
#s-9 .mc-node{cursor:pointer}
@media (max-width:1200px){#s-9 .mc-split.fl-ed{grid-template-columns:minmax(0,1fr) 300px}.fl-pal{display:none}}

/* flow: vászon kapja a teljes szélességet */
#s-9 .mc-split.fl-ed{grid-template-columns:72px minmax(0,1fr) !important;gap:12px}
#s-9 .fl-ed>.card{position:relative;min-height:calc(100vh - 110px)}
#s-9 .fl-ed .mc-canvas{min-height:calc(100vh - 190px)}
#s-9 .fl-ed .mc-node{width:300px}
.fl-pal{padding:8px 6px;align-items:stretch;top:80px}
.fl-pal p,.fl-pal .fl-rule,.fl-pal .rb-flowlink,.fl-pal .fl-ph{display:none}
.fl-pi{flex-direction:column;gap:3px;padding:8px 2px;font-size:11px;line-height:1.15;text-align:center;justify-content:center}
.fl-pi svg,.fl-pi .mc-nt{width:18px !important;height:18px !important}
.fl-drawer{position:absolute;top:58px;right:14px;width:330px;z-index:15;box-shadow:var(--shadow)}
.fl-drawer[hidden]{display:none}
.fl-x{font-size:20px;color:var(--muted);cursor:pointer;line-height:1}
#s-9 .fl-tabgrid{max-width:520px}
#s-9 .fl-tabgrid[data-ftab="meres"]{max-width:620px}

/* Szövegszerkesztő, teljes képernyő */
body:has(#s-20:not([hidden])) .proto .app{grid-template-columns:minmax(0,1fr)}
body:has(#s-20:not([hidden])) .proto .side,body:has(#s-20:not([hidden])) .proto .top{display:none !important}
body:has(#s-20:not([hidden])) .p-body{grid-template-columns:minmax(0,1fr)}
body:has(#s-20:not([hidden])) .p-body>:not(.p-host){display:none !important}
#s-20 .tx-root{max-width:none;width:100%;padding:0;gap:0;min-height:100vh;display:flex;flex-direction:column}
.tx-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}
.tx-tt{display:flex;flex-direction:column;margin-right:auto;min-width:0}
.tx-tt b{font-size:17px}
.tx-sub{font-size:13px;color:var(--muted)}
.tx-lang span{font-size:13px}
.tx-body{display:grid;grid-template-columns:230px minmax(0,1fr) 340px;flex:1;min-height:0}
.tx-left,.tx-right{background:var(--surface);padding:14px;overflow:auto;max-height:calc(100vh - 62px);position:sticky;top:62px}
.tx-left{border-right:1px solid var(--border)}
.tx-right{border-left:1px solid var(--border)}
.tx-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:6px}
.tx-outline div{font-size:14px;padding:6px 8px;border-radius:6px;cursor:pointer;color:var(--text-2)}
.tx-outline div.l2{padding-left:20px;font-size:13px}
.tx-outline div:hover{background:var(--surface-2);color:var(--text)}
.tx-outline em{font-style:normal;font-size:11px;color:var(--ai);margin-left:4px}
.tx-ver div{display:flex;flex-direction:column;padding:6px 8px;border-radius:6px;font-size:13px;cursor:pointer}
.tx-ver div.on{background:var(--mk-subtle)}
.tx-ver span{color:var(--muted);font-size:12px}
.tx-main-col{padding:18px 28px 60px;background:var(--surface-2);overflow:auto}
.tx-tb{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:4px;align-items:center;max-width:780px;margin:0 auto 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px}
.tx-tb span{font-size:13px;padding:5px 9px;border-radius:6px;cursor:pointer;color:var(--text-2)}
.tx-tb span:hover{background:var(--surface-2)}
.tx-tb .tx-sep{flex:1;padding:0}
.tx-tb .tx-tb-ai{color:var(--ai);font-weight:600}
.tx-meta{max-width:780px;margin:0 auto 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;display:grid;grid-template-columns:120px 1fr auto;gap:6px 12px;font-size:14px;align-items:center}
.tx-meta label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.tx-meta em{font-style:normal;font-size:12px;color:var(--muted);text-align:right}
.tx-doc{display:block;max-width:780px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:40px 56px;min-height:70vh;font-size:17px;line-height:1.65;outline:none;color:var(--text)}
.tx-doc h1{font-size:32px;line-height:1.2;margin:0 0 16px;letter-spacing:-.4px}
.tx-doc h2{font-size:23px;margin:28px 0 8px}
.tx-doc p{margin:0 0 14px}
.tx-doc .tx-btn{display:inline-block;background:var(--mk-g2);color:#fff;padding:10px 18px;border-radius:8px;font-weight:600;font-size:15px}
.tx-doc .tx-dyn{border:1.5px dashed var(--border-strong);border-radius:10px;padding:12px 14px;margin:0 0 14px;position:relative}
.tx-doc .tx-dyn::before{content:attr(data-l);position:absolute;top:-10px;left:10px;background:var(--surface);padding:0 6px;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.tx-doc .tok{background:var(--surface-3);border-radius:4px;padding:0 4px;font-family:var(--font-mono);font-size:14px}
.tx-doc del.ai{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);text-decoration:line-through}
.tx-doc ins.ai{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);text-decoration:none}
.tx-doc .flag{background:var(--warn-bg);border-bottom:2px solid var(--warn);cursor:pointer}
.tx-doc .smell{border-bottom:2px dotted var(--ai);cursor:pointer}
.tx-doc .tx-img{height:180px;border-radius:10px;background:linear-gradient(160deg,var(--surface-3),color-mix(in srgb,var(--text-2) 18%,var(--surface)));margin:0 0 14px;display:grid;place-items:center;color:var(--muted);font-size:13px}
.tx-rtabs{margin-bottom:12px}
.tx-rtabs span{font-size:13px}
.tx-selq{font-size:14px;background:var(--surface-2);border-left:3px solid var(--ai);padding:8px 10px;border-radius:6px;margin-bottom:8px}
.tx-qa{display:flex;flex-wrap:wrap;gap:6px}
.tx-q{font-size:13px;padding:4px 9px;border-radius:999px;border:1px solid var(--border-strong);cursor:pointer;background:var(--surface)}
.tx-q:hover{border-color:var(--mk-g2)}
.tx-ask{display:flex;gap:6px;align-items:center;margin-top:10px;border:1px solid var(--border);border-radius:8px;padding:4px 4px 4px 10px}
.tx-ask .rb-in{min-width:0;font-size:14px;color:var(--muted)}
.tx-sug{border:1px solid var(--border);border-radius:10px;padding:9px 10px;margin-bottom:8px;font-size:14px;display:flex;flex-direction:column;gap:6px}
.tx-sug small{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.tx-sug small.k-ai{color:var(--ai)} .tx-sug small.k-w{color:var(--warn)} .tx-sug small.k-s{color:var(--ai)}
.tx-sug .mx-acts{gap:6px}
.tx-sug.done{opacity:.55}
.tx-qc div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}
.tx-qc div span:last-child{font-weight:600;white-space:nowrap}
.tx-qc .ok{color:var(--ok)} .tx-qc .w{color:var(--warn)}
.tx-x div{padding:8px 0;border-bottom:1px solid var(--border);font-size:14px;display:flex;flex-direction:column;gap:2px}
.tx-x div span{color:var(--muted);font-size:13px}
/* Blog lista */
.bl-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 150px auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--border);cursor:pointer}
.bl-row:first-child{border-top:0}
.bl-n{display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--text-2)}
.bl-n b{font-size:17px;color:var(--text)}
.bl-m{font-size:14px;color:var(--text-2)}
@media (max-width:1100px){.tx-body{grid-template-columns:minmax(0,1fr)}.tx-left,.tx-right{position:static;max-height:none}.bl-row{grid-template-columns:1fr auto}}

.tx-rev{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--warn-bg);border-radius:10px;padding:12px 14px;margin:-12px -20px 22px;font-size:14px}
.tx-rev.done{background:var(--ok-bg)}
.tx-rev-t{flex:1;min-width:260px;display:flex;flex-direction:column;gap:2px}
.tx-rev-t b{font-size:15px}
.tx-rev-t span{color:var(--text-2);font-size:14px;line-height:1.4}
.need{border:2px solid var(--warn);border-radius:12px;padding:12px 14px;margin:0 0 16px;background:color-mix(in srgb,var(--warn-bg) 60%,var(--surface));font-size:15px}
.need.cur{box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 22%,transparent)}
.need-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.need-h i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--warn);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.need-h b{font-size:15px}
.need-h span{font-size:13px;color:var(--muted)}
.need-s{margin:0 0 10px !important;line-height:1.55}
.tx-todo div{display:flex;align-items:center;gap:8px;font-size:14px;padding:7px 8px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;cursor:pointer}
.tx-todo div i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--warn);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.tx-todo div.done{opacity:.55;text-decoration:line-through}
.tx-todo div.done i{background:var(--ok)}
.tx-fixed div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}
.tx-fixed b{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--ai)}
.tx-fixed span{grid-column:1;color:var(--text-2)}
.tx-fixed em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:13px;color:var(--mk-deep);cursor:pointer}
.tx-brief{font-size:15px}
.tb-f{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.tb-f>label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.tb-in{border:1px solid var(--border-strong);border-radius:8px;padding:10px 12px;font-size:15px}
.tb-ch{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tb-ch .chip{cursor:pointer}
.tb-src{display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--text-2)}
.tb-row{flex-direction:row;align-items:center;gap:10px}
.tb-in{min-height:180px;line-height:1.55;resize:vertical;overflow:auto;white-space:pre-wrap}
.tb-hint{font-size:13px;color:var(--muted)}

/* Skillek */
.sk-prop{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.sk-prop>div:not(.mx-acts){display:flex;flex-direction:column;gap:2px}
.sk-prop b{font-size:15px}
.sk-prop>div>span{font-size:13px;color:var(--muted)}
.sk-prop .mx-ch{justify-self:start}
.sk-props .card-b{padding-top:4px}
.sk-head,.sk-row{display:grid;grid-template-columns:minmax(0,1.6fr) 60px 90px minmax(0,1.2fr) 80px 80px;gap:12px;align-items:center}
.sk-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:6px 0}
.sk-row{padding:11px 8px;border-top:1px solid var(--border);cursor:pointer;margin:0 -8px;border-radius:6px}
.sk-row:hover{background:var(--surface-2)}
.sk-row.sel{background:var(--mk-subtle)}
.sk-n{display:flex;flex-direction:column;gap:2px}
.sk-n b{font-size:15px}
.sk-n span,.sk-last,.sk-r{font-size:13px;color:var(--muted)}
.sk-v{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:13px}
.sk-res{font-size:14px;color:var(--text-2)}
.sk-dg{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}
.sk-sec p{margin:0;font-size:14px;color:var(--text-2)}
.sk-tags{display:flex;flex-wrap:wrap;gap:6px}
.sk-tags span{font-size:13px;padding:3px 9px;border-radius:999px;background:var(--surface-3);color:var(--text-2)}
.sk-steps{margin:0;padding-left:20px;font-size:14px;color:var(--text-2);display:flex;flex-direction:column;gap:4px}
.sk-rules>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:14px}
.sk-rules em{font-style:normal;font-size:12px;white-space:nowrap;padding:1px 8px;border-radius:999px}
.src-me{background:var(--text);color:var(--surface)}
.src-learn{background:var(--ai-bg);color:var(--ai)}
.src-rule{background:var(--surface-3);color:var(--text-2)}
.sk-rules .rb-add{display:inline-block;margin-top:8px}
.sk-ex>div{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;margin-bottom:6px;border:1px solid var(--border);font-size:14px}
.sk-ex span{color:var(--muted);font-size:13px}
.sk-ex .good{border-left:3px solid var(--ok)}
.sk-ex .bad{border-left:3px solid var(--bad)}
.sk-box{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--surface)}
.sk-box p{margin:0 0 8px;font-size:14px;color:var(--text-2)}
.sk-test{background:var(--ai-bg);border-color:transparent}
.sk-cmp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.sk-cmp div{background:var(--surface);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column}
.sk-cmp small{font-size:12px;color:var(--muted)}
.sk-cmp b{font-size:24px}
.sk-cmp span{font-size:12px;color:var(--muted)}
.sk-vers div{display:flex;flex-direction:column;padding:7px 8px;border-radius:6px;font-size:14px;position:relative}
.sk-vers div.on{background:var(--mk-subtle)}
.sk-vers span{font-size:13px;color:var(--muted)}
.sk-vers em{position:absolute;right:8px;top:8px;font-style:normal;font-size:13px;color:var(--mk-deep);cursor:pointer}
.sk-trend{display:flex;align-items:flex-end;gap:6px;height:70px;margin:6px 0}
.sk-trend i{flex:1;background:var(--text-2);border-radius:3px 3px 0 0;opacity:.75}
.sk-modal{position:fixed;inset:0;background:rgba(20,10,20,.35);z-index:300;display:grid;place-items:center}
.sk-mbox{width:min(640px,92vw);max-height:88vh;overflow:auto;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.sk-mbox h3{margin:0;font-size:20px}
.sk-mbox .tb-f{margin-bottom:4px}
.sk-mbox ol{margin:0;padding-left:20px;font-size:14px;color:var(--text-2)}
.sk-cap{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-2)}
@media (max-width:1100px){.sk-dg{grid-template-columns:1fr}.sk-head{display:none}.sk-row{grid-template-columns:1fr auto}.sk-prop{grid-template-columns:1fr}}
.tx-top{flex-wrap:nowrap}
.tx-top>*{flex-shrink:0}
.tx-top .tx-tt{flex:1 1 auto;flex-shrink:1;min-width:0}
.tx-tt b,.tx-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Egységes szerkesztő-váz */
#s-20 .le-top,#s-9 .le-top{position:sticky;top:0;z-index:25}
#s-20 .tx-top{padding:0 14px;height:56px}
#s-20 .le-name b{max-width:520px}
.le-name b,.le-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.le-name{min-width:0;flex:1 1 auto}
.le-top .le-mid,.le-top .le-act{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.ed-mode span[data-m="pv"],.ed-mode span[data-ft="pv"],.ed-mode span[data-v="pv"]{font-weight:600}
#s-9 .content{padding-left:0;padding-right:0}
#s-9 .fl-top{margin:0 0 10px}
#s-9 .mc-split.fl-ed,#s-9 [data-ftab]{margin-left:16px;margin-right:16px}
.fl-sub{display:flex !important;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.fl-sub .pill{flex:none}
/* szöveg előnézet */
.tx-pvh{display:none}
.tx-root.pv .tx-left,.tx-root.pv .tx-right,.tx-root.pv .tx-tb,.tx-root.pv .tx-meta,.tx-root.pv .tx-rev,.tx-root.pv .need{display:none !important}
.tx-root.pv .tx-body{grid-template-columns:minmax(0,1fr)}
.tx-root.pv .tx-pvh{display:block;max-width:780px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-bottom:0;border-radius:10px 10px 0 0;padding:12px 16px;font-size:13.5px}
.tx-root.pv .tx-doc{border-radius:0 0 10px 10px;box-shadow:var(--shadow)}
.tx-root.pv del.ai{display:none}
.tx-root.pv ins.ai{background:none;color:inherit}
.tx-root.pv .flag,.tx-root.pv .smell{background:none;border:0}
.tx-root.pv.mob .tx-pvh,.tx-root.pv.mob .tx-doc{max-width:390px}
.tx-root.pv.mob .tx-doc{padding:24px 20px;font-size:16px}
.tx-root.pv.mob .tx-doc h1{font-size:24px}
.pvh-mail{display:grid;grid-template-columns:70px 1fr;gap:3px 10px}
.pvh-mail span{color:var(--muted)}
.pvh-web{display:flex;flex-direction:column;gap:8px}
.pvh-url{background:var(--surface-2);border-radius:999px;padding:4px 12px;color:var(--muted);font-family:var(--font-mono);font-size:12.5px}
.pvh-nav{display:flex;gap:16px;font-weight:600}
.pvh-nav b{margin-right:auto}
/* landing és űrlap előnézet */
.le-root.pv .le-rail,.le-root.pv .le-fly,.le-root.pv .le-insp,.le-root.pv .le-ai{display:none !important}
.le-root.pv .le-body{grid-template-columns:0 0 minmax(0,1fr) 0 !important}
.fo-body[data-view="pv"]{grid-template-columns:minmax(0,1fr) !important}
.fo-body[data-view="pv"] .fo-out,.fo-body[data-view="pv"] .le-insp,.fo-body[data-view="pv"] .le-ai{display:none !important}
.fo-body[data-view="pv"] .le-canvas{grid-column:1 !important}
/* flow előnézet: partner útja */
.fl-tl{display:flex;flex-direction:column;gap:0}
.fl-tr{display:grid;grid-template-columns:110px 28px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;position:relative}
.fl-tr .fl-day{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);padding-top:3px}
.fl-tr .mc-nt{margin-top:1px}
.fl-tr b{font-size:15px}
.fl-tr span{display:block;font-size:13px;color:var(--muted)}
.fl-tr.br{opacity:.75}
.fl-tr+.fl-tr::before{content:'';position:absolute;left:124px;top:-10px;height:20px;width:2px;background:var(--border-strong)}
.le-exit{white-space:nowrap;flex:none}

.le-root.pv .le-b{outline:none !important}
.le-root.pv .le-tag,.le-root.pv .le-tb{display:none !important}
.fo-body[data-view="pv"] .fe-f{border-color:transparent !important;background:none !important}
.fo-body[data-view="pv"] .fe-ftag,.fo-body[data-view="pv"] .fe-cond,.fo-body[data-view="pv"] .fe-known,.fo-body[data-view="pv"] .fe-kmd,.fo-body[data-view="pv"] .fe-add,.fo-body[data-view="pv"] .gh-steps{display:none !important}
.fo-body[data-view="pv"] .fe-f.fe-c{border-left:0 !important;padding-left:0 !important;margin-left:0 !important}

/* Megmutatom egyszer: felvétel */
.rec-bar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:250;display:flex;align-items:center;gap:12px;background:var(--text);color:var(--surface);padding:10px 12px 10px 16px;border-radius:999px;box-shadow:var(--shadow);font-size:14px}
.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--bad);animation:recp 1.2s ease-in-out infinite}
@keyframes recp{50%{opacity:.35}}
.rec-bar b{font-weight:700}
.rec-bar .rec-n{opacity:.75}
.rec-bar .btn{background:var(--surface);color:var(--text)}
.rec-bar .rec-x{cursor:pointer;opacity:.7;padding:0 4px}
.rec-steps{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto}
.rec-steps div{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:start;font-size:14px;padding:6px 8px;border:1px solid var(--border);border-radius:8px}
.rec-steps i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:12px;font-weight:700}
.rec-steps em{font-style:normal;font-size:12px;padding:1px 8px;border-radius:999px;white-space:nowrap}
.rec-steps em.ai{background:var(--ai-bg);color:var(--ai)}
.rec-steps em.me{background:var(--warn-bg);color:var(--warn)}
.rec-bar b,.rec-bar .rec-n{white-space:nowrap}
.rec-bar .rec-n{max-width:360px;overflow:hidden;text-overflow:ellipsis}

/* Kreatív szerkesztő teljes képernyőn */
body:has(#s-4:not([hidden])) .proto .app{grid-template-columns:minmax(0,1fr)}
body:has(#s-4:not([hidden])) .proto .side,body:has(#s-4:not([hidden])) .proto .top{display:none !important}
body:has(#s-4:not([hidden])) .p-body{grid-template-columns:minmax(0,1fr)}
body:has(#s-4:not([hidden])) .p-body>:not(.p-host){display:none !important}
#s-4 .content{max-width:none;width:100%;padding:0 0 40px}
#s-4 .kr-top{position:sticky;top:0;z-index:25;margin-bottom:14px}
#s-4 .mb-cols{grid-template-columns:minmax(0,1fr) 340px !important;padding:0 16px}
#s-4 .mb-pv{grid-template-columns:460px minmax(0,1fr) !important}
.kpv-ph{display:none}
/* előnézet: a hirdetés a feedben */
#s-4 .content.pv .mx-s4r,#s-4 .content.pv .mb-pv>.stack,#s-4 .content.pv .mb-nope,#s-4 .content.pv .mb-lasso,#s-4 .content.pv .mb-ask,#s-4 .content.pv .mb-cols>.stack>.card:not(:first-child){display:none !important}
#s-4 .content.pv .mb-cols{grid-template-columns:minmax(0,1fr) !important}
#s-4 .content.pv .mb-cols>.stack>.card:first-child{background:transparent;border:0;box-shadow:none}
#s-4 .content.pv .mb-pv{display:flex !important;flex-direction:column;align-items:center;gap:12px;width:430px;margin:0 auto;background:var(--surface-3);border-radius:36px;padding:28px 16px;border:8px solid var(--text)}
#s-4 .content.pv .mb-post{width:100%}
#s-4 .content.pv .kpv-ph{display:flex;flex-direction:column;gap:8px;width:100%;background:var(--surface);border-radius:10px;padding:12px}
.kpv-ph i{height:10px;border-radius:5px;background:var(--surface-3)}
.kpv-ph i:first-child{width:40%}.kpv-ph i:nth-child(2){height:120px}.kpv-ph i:nth-child(3){width:70%}

#s-4 .kr-top .le-name{min-width:260px}
#s-4 .content.pv .mb-ad-tag,#s-4 .content.pv .mb-caret{display:none !important}
#s-4 .content.pv .mb-ad-t{outline:none !important;border:0 !important}
.p-brief-big{min-height:170px;line-height:1.55;font-size:15px;resize:vertical}
.p-modal:has(.p-brief-big){width:min(760px,94vw) !important;max-width:none !important}

.kr-tbar{margin:0 0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:0 12px}
.kr-tbar>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 0;font-size:14px}
.kr-tbar>summary::-webkit-details-marker{display:none}
.kr-tbar>summary::after{content:'▸';margin-left:auto;color:var(--muted)}
.kr-tbar[open]>summary::after{content:'▾'}
.kr-tbt{font-weight:700}
.kr-tbs{color:var(--muted);font-size:13px}
.kr-tbig{grid-template-columns:repeat(4,minmax(0,1fr)) !important;margin-bottom:8px}
.kr-tbar[open]{padding-bottom:10px}
#s-4 .mb-pv{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr) !important}
#s-4 .mb-post{max-width:none}
.mb-ta-big{min-height:150px;line-height:1.55;outline:none}
#s-4 .content.pv .kr-tbar{display:none}

/* ===== Közös alapelemek (UX-kör) ===== */
/* egy állapotcímke */
.pill,.mx-st,.mst,.lt,.an-st,.ver.use{display:inline-flex !important;align-items:center;gap:5px;font-family:var(--font-ui) !important;font-size:12px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;padding:2px 9px !important;border-radius:999px !important;line-height:1.5;white-space:nowrap}
.pill:not([class*="st-"]):not(.mx-st-auto){background:var(--surface-3);color:var(--text-2)}
.mx-st::before,.lt::before,.an-st::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
/* fekete címkék helyett semleges */
.fl-k,.rb-k,.mc-kw,.mc-kw.then,.mc-kw.alw{background:var(--surface-3) !important;color:var(--text-2) !important;font-family:var(--font-ui) !important;font-size:11px !important;letter-spacing:.4px}
.src-me,.kr-diff.base{background:var(--surface) !important;color:var(--text) !important;box-shadow:inset 0 0 0 1px var(--border-strong)}
.aut-mr:last-of-type span:last-child{background:var(--surface-3) !important;color:var(--text) !important;border-color:var(--border-strong) !important;font-weight:700}
/* egy linkstílus: magenta, félkövér, aláhúzás nélkül */
.mx-undo,a.mx-undo,.ma-day-k a,.rb-flowlink,.me-lnk,.ptr,.p5-n a,.rb-seelist,.tx-fixed em,.sk-vers em,.kim-wait,.mx-gl a,.mb-lk,.ptr-line a{color:var(--mk-primary) !important;text-decoration:none !important;font-weight:600 !important;text-transform:none !important;letter-spacing:0 !important;cursor:pointer}
.ptr{background:none !important;padding:0 !important;font-size:13px !important;border:0 !important}
.mx-undo:hover,.ptr:hover,.rb-flowlink:hover{text-decoration:underline !important}
/* állapotjelző szöveg ne nézzen ki linknek */
span.mx-undo:not([data-go]){color:var(--muted) !important;font-weight:500 !important}
/* gombok: a sürgős sáv gombja keretes, nem teli */
.st-cta{background:var(--surface) !important;color:var(--bad) !important;box-shadow:inset 0 0 0 1.5px var(--bad) !important}
/* elsődleges gombok fényes árnyéka visszafogottabb */
.btn-p{box-shadow:none !important}

/* ===== Színrendszer javítások (UX-kör) ===== */
/* címek: egyszínű */
.mk .page-h h3{background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;color:var(--text) !important}
/* nem kattintható folyamat- és adatsávok: semlegesek */
.mx-bar i,.pl-bar i,.p-progress i,.mx-pgv i.h,.fr-r i,.le-lib i.h{background:var(--text-2) !important}
.mx-kpim{border-color:var(--border) !important;box-shadow:none !important}
.mf-used b.mf-big{color:var(--text) !important}
.kpi::after,.mk .kpi::after{display:none !important}
.kpi .ico{background:var(--surface-3) !important;color:var(--text-2) !important}
/* számozott körök: nem lila, nem magenta, csak szürke */
.ma-pin,.mb-k,.mc-k,.md-k,.me-pin,.mf-pin,.mg-pin,.mb-n,.mg-qn{background:var(--surface-3) !important;color:var(--text-2) !important}
.mb-lasso .mb-n{background:var(--surface) !important}
/* a rendszer csinálta, javasolta, tanulta: lila */
.mx-learned,.ln-auto,.sk-props,.me-watchc{box-shadow:inset 3px 0 0 var(--ai)}
.mx-learned .card-h h4::before,.sk-props .card-h h4::before{content:'✦ ';color:var(--ai)}
.me-tier.me-t-ok,.fe-known,.mb-au.mb-au-a{color:var(--ai) !important;background:var(--ai-bg) !important}
.fe-known{background:none !important}
.tl-i.done .d{border-color:var(--ai) !important;background:var(--ai) !important}
.tl-i.done.ok .d{border-color:var(--ok) !important;background:var(--ok) !important}
/* díszítő zöld és borostyán ki */
.mc-bub,.mc-bubble:not(.in){background:var(--surface-3) !important}
.gh-map{border-color:var(--border-strong) !important;color:var(--text-2) !important}
.kmd-k{background:var(--text-2) !important}
.mc-segbar i.m,.mc-lg i.m{background:var(--text-2) !important}
.mc-segbar i.w,.mc-lg i.w{background:color-mix(in srgb,var(--text-2) 55%,var(--surface)) !important}
.mc-segbar i.s,.mc-lg i.s{background:color-mix(in srgb,var(--text-2) 28%,var(--surface)) !important}
.md-heat th.md-mkt{color:var(--text-2) !important}
.ma-tlc .ma-today,.ma-tlc .ma-tdb{stroke:var(--text) !important}
.ma-tlc .ma-tdb{fill:var(--text) !important}
.ma-tlc .ma-pt2{fill:var(--text-2) !important}
.mx-sp-band{fill:var(--text-2) !important}.mx-sp-line{stroke:var(--text-2) !important}.mx-sp-dot{fill:var(--text-2) !important}
.md-ch .md-ln,.md-ch .md-dot{stroke:var(--text-2) !important}.md-ch .md-band{fill:var(--surface-3) !important}
/* Ütemezve mindig kék */
.pill.st-sent,.mst.sch,.mg-st-sch{background:var(--info-bg) !important;color:var(--info) !important}
/* sürgősségi vörös csak a valódi bajnál: tiltás jele, rossz minta szürke */
td.mc-bad,.mc-bad svg{color:var(--text-2) !important}
.sk-ex .bad{border-left-color:var(--border-strong) !important}
/* serif sehol */
.mg-ask,.mg-ask *,.mg-goal,.mg-goal *{font-family:var(--font-ui) !important}

.bar>i,.bar.low>i,.bar.crit>i,.ag-bar>i,.me-mini>i{background:var(--text-2) !important}
.bar.crit>i{background:var(--text) !important}
.tag>i{background:var(--muted) !important}
.lp-gone em.x{color:var(--ai) !important}

.dup-go{margin-top:8px}
.dup-go .ptr,.mx-acts>.ptr{font-size:13.5px !important}
.dup-fold>summary .ptr{margin-left:auto}
.dup-fold>summary::after{margin-left:12px !important}
#mx-conf.dup-fold{margin:0}

/* Szerkesztők 2. kör */
.ed-st{display:flex !important;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-st .pill{flex:none;font-size:11.5px !important;padding:1px 8px !important}
.le-top .seg:not(.ed-mode) span.on{background:var(--surface-3) !important;color:var(--text) !important;box-shadow:none !important}
.le-top .ed-sec span{color:var(--text-2)}
.le-cv-tools{position:absolute;right:18px;top:12px;z-index:6;display:flex;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:3px 6px;font-size:12.5px}
.le-body{position:relative}
.le-root.pv .le-cv-tools{display:none}
.fl-plus{font-style:normal;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border-strong);display:grid;place-items:center;font-size:13px;line-height:1;color:var(--text-2);cursor:pointer;opacity:0;transition:opacity .12s;z-index:2}
#s-9 .mc-canvas:hover .fl-plus{opacity:1}
.fl-plus:hover{border-color:var(--mk-g2);color:var(--mk-deep)}
#s-9 .mc-wire{min-height:24px}
/* lebegő AI: alapból kicsi gomb a sarokban */
.le-ai:not(.open){width:auto !important;margin:16px 16px 0 auto !important;padding:8px 14px !important;cursor:pointer;gap:6px}
.le-ai:not(.open) input,.le-ai:not(.open) .le-mic,.le-ai:not(.open) .btn{display:none !important}
.le-ai:not(.open)::after{content:'Kérj az AI-tól';font-size:13.5px;font-weight:600;color:var(--text)}
/* kreatív szerkesztő elrendezés */
#s-4 .mb-pv>.mb-post{position:sticky;top:76px;align-self:start}
#s-4 .mb-n:not(.mb-lasso .mb-n){display:none !important}
#s-4 .kr-nope .mb-nope{border:0;margin:0;padding:14px}
#s-4 .kr-nope{overflow:hidden}
#s-4 .kr-tl:not([hidden]){display:block}

.le-cv-tools{position:sticky !important;top:8px;right:auto;float:right;margin:0 12px 0 0}
#s-4 .kr-nope .mb-vars{display:flex !important;flex-direction:column;gap:8px}
#s-4 .kr-nope .mb-var{display:grid !important;grid-template-columns:72px minmax(0,1fr);gap:4px 10px;width:auto !important;align-items:start}
#s-4 .kr-nope .mb-var>*{min-width:0}
.le-rail{display:flex;flex-direction:column}
.le-rtools{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;border-top:1px solid var(--border)}
.le-rtools .le-zoom{font-size:11.5px;color:var(--muted)}

/* oldalon belüli fülek */
.pg-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:4px 0 14px}
.pg-tabs span{padding:8px 12px;font-size:14px;font-weight:600;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.pg-tabs span.on{color:var(--mk-deep);border-bottom-color:var(--mk-g2)}
[data-ptab][hidden]{display:none !important}
.rb-algo{margin-left:auto}

/* Üzenetek, Flow-k */
.fl-hd{display:grid;grid-template-columns:minmax(0,1.6fr) 150px minmax(0,1.3fr) 110px auto;gap:14px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:4px 0 6px}
.fl-hd span:last-child{width:96px}
.fl-nums{display:grid !important;grid-template-columns:repeat(3,auto);justify-content:start;gap:2px 16px !important}
.fl-d{min-width:28px !important;height:26px !important;font-size:13px !important}
.fl-regptr{background:var(--surface) !important;color:var(--text-2) !important;border:1px solid var(--border);border-radius:var(--r-lg);padding:12px 16px;cursor:pointer}
.fl-regptr u{color:var(--mk-deep)}
/* fejléc: gombok egy sorban a leírás mellett */
.page-h{flex-wrap:nowrap !important}
.page-h>div:first-child{min-width:0}
.page-h p{max-width:760px}
.page-h .act{flex-wrap:nowrap !important;flex:none}
/* Integrációk szűrő a listánál */
.int-flt{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.int-flt .me-find{flex:1;max-width:420px;white-space:nowrap;overflow:hidden}
/* Kreatív: kész darabok kompakt rács */
.kr-compact .mc-fmts{grid-template-columns:repeat(auto-fill,minmax(210px,1fr)) !important}
.kr-compact .mc-qcr{display:none !important}
.kr-compact .kr-acts{display:none}
.kr-compact .mc-fmt:hover .kr-acts{display:flex}
.kr-compact .mc-fmt-b .m{font-size:12px}
.kr-compact .kr-fam{padding:12px 0}
.ptabs.ptabs-below{margin:-4px 0 14px}

.rb-b.rb-inline{margin:4px -16px 12px;border-color:var(--mk-g2);box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-g2) 10%,transparent)}
.sk-det:not([hidden]){margin:6px -8px 14px;border-color:var(--mk-g2)}
.sk-row.sel+.sk-det{border-top-left-radius:0;border-top-right-radius:0}
/* Napló időbélyeg */
td.mg-ts{white-space:nowrap}
/* várakozó munkadarab: borostyán szél */
.mx-kd{border-left-color:var(--warn) !important}
.mx-wabub{background:var(--surface-3) !important}

.sl-page .p-sleep{max-width:none !important;margin:0 !important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.sl-page .p-sleep>.alert{grid-column:1/-1}
.sl-sug{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-lg);background:var(--ai-bg);box-shadow:inset 3px 0 0 var(--ai)}
.sl-sug>div{display:flex;flex-direction:column;gap:2px;font-size:14px}
.sl-sug b{color:var(--ai)}
.sl-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-2)}
.sl-back{color:var(--mk-deep);cursor:pointer}

.bl-two{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.bl-row{grid-template-columns:minmax(0,1fr) 150px 130px auto !important}
.bl-sug{box-shadow:inset 3px 0 0 var(--ai)}
.bl-sug h4{color:var(--text)}
.bl-si{display:flex;flex-direction:column;gap:3px;padding-bottom:10px;border-bottom:1px solid var(--border);font-size:13.5px}
.bl-si:last-child{border-bottom:0;padding-bottom:0}
.bl-si span:not(.btn){color:var(--muted);font-size:13px}
.bl-si .btn{align-self:flex-start;margin-top:4px}
.ma-day-k{font-size:15px !important;text-transform:none !important;letter-spacing:0 !important;color:var(--text) !important}

#s-5 .mb-q td.mb-to{min-width:190px}
#s-5 .mb-q td.mb-to b{white-space:nowrap}
#s-5 .mb-q td.mb-mat{min-width:260px}
.tl-i.done:has(.mb-tlsrc) .d{border-color:var(--border-strong) !important;background:var(--text-2) !important}

/* +4 vár még: észrevehető, nem harsány */
.wt{border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border)) !important;border-left:3px solid var(--warn) !important;background:var(--surface) !important;padding:0 16px !important;margin-top:8px !important}
.wt>summary{padding:14px 0 !important;align-items:center !important;font-size:15px !important}
.wt>summary b{font-size:15.5px}
.wt-n{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:var(--warn-bg);color:var(--warn);font-weight:800;font-size:14px}
.wt>summary::after{content:'Mutasd ▾';margin-left:12px;font-size:13.5px;font-weight:600;color:var(--mk-deep);white-space:nowrap}
.wt[open]>summary::after{content:'Elrejt ▴'}
.wt>summary{flex-wrap:nowrap !important}
.wt>summary span:not(.wt-n){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wt>summary em{white-space:nowrap}
.wt>summary b{white-space:nowrap;flex:none}
.wt>summary span:not(.wt-n){flex:1 1 auto}
.wt>summary em{margin-left:8px !important}

/* ===== Telefonos nézet ===== */
.tp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.tp-col{display:flex;flex-direction:column;gap:12px;align-items:center}
.tp-ph{position:relative;width:100%;max-width:320px;height:660px;border:9px solid #1d1a1f;border-radius:38px;background:var(--surface-2);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 30px -14px rgba(0,0,0,.35);font-size:13px}
.tp-cap{display:flex;flex-direction:column;gap:3px;text-align:center;max-width:300px}
.tp-cap b{font-size:14px}.tp-cap span{font-size:13px;color:var(--muted);line-height:1.4}
.tp-sb{display:flex;align-items:center;justify-content:space-between;padding:8px 18px 4px;font-size:12px;background:var(--surface)}
.tp-sb i{width:70px;height:18px;border-radius:10px;background:#1d1a1f}
.tp-sb span{font-size:10px;color:var(--text-2)}
.tp-hd{display:flex;align-items:center;gap:10px;padding:8px 14px 10px;background:var(--surface);border-bottom:1px solid var(--border)}
.tp-hd>div{flex:1;min-width:0;display:flex;flex-direction:column}
.tp-hd b{font-size:16px}.tp-hd span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--mk-g1),var(--mk-g3));flex:none}
.tp-logo.sm{width:24px;height:24px;border-radius:6px}
.tp-back{font-size:26px;line-height:1;color:var(--mk-deep);width:20px}
.tp-kill{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bad-bg);color:var(--bad);font-size:11px;border:1px solid color-mix(in srgb,var(--bad) 35%,transparent);flex:none}
.tp-body{flex:1;overflow:hidden;padding:10px 12px;display:flex;flex-direction:column;gap:8px;position:relative}
.tp-st{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,var(--bad) 13%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--bad) 30%,transparent);box-shadow:inset 4px 0 0 var(--bad)}
.tp-dot{width:26px;height:26px;border-radius:50%;background:var(--bad);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.tp-st>div{flex:1;display:flex;flex-direction:column}.tp-st b{color:var(--bad);font-size:13.5px}.tp-st span{font-size:11.5px;color:var(--text-2)}
.tp-stb{font-size:12px;font-weight:700;color:var(--bad);border:1.5px solid var(--bad);border-radius:999px;padding:4px 9px;background:var(--surface)}
.tp-h2{font-size:16px;font-weight:700;display:flex;align-items:baseline;gap:6px;margin-top:2px}.tp-h2 span{font-size:11.5px;font-weight:500;color:var(--muted)}
.tp-h3{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-top:4px}
.tp-dec{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;gap:4px}
.tp-dec.tp-bad{border-left-color:var(--bad)}.tp-dec.tp-warn{border-left-color:var(--warn)}
.tp-lvl{align-self:flex-start;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:1px 7px;border-radius:5px;background:var(--bad-bg);color:var(--bad)}
.tp-warn .tp-lvl,.tp-warnl{background:var(--warn-bg) !important;color:var(--warn) !important}
.tp-dec b{font-size:13.5px;line-height:1.3}.tp-dec p{margin:0;font-size:12px;color:var(--text-2);line-height:1.35}
.tp-ifnot{font-size:11.5px;color:var(--text-2);border-left:2px solid var(--bad);padding-left:7px;line-height:1.35}
.tp-ifnot span{display:block;color:var(--bad);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.4px}
.tp-acts,.tp-row{display:flex;gap:6px;margin-top:3px}
.tp-btn{flex:1;text-align:center;font-size:12.5px;font-weight:600;padding:8px 6px;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}
.tp-btn.p{background:linear-gradient(90deg,var(--mk-g1),var(--mk-g3));color:#fff;border-color:transparent}
.tp-btn.wide{display:block;padding:12px;font-size:14px}
.tp-why{font-size:11.5px;color:var(--mk-deep);font-weight:600}
.tp-wt{display:flex;align-items:center;gap:7px;padding:9px 10px;background:var(--surface);border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border));border-left:3px solid var(--warn);border-radius:10px;font-size:13px}
.tp-wn{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--warn-bg);color:var(--warn);font-weight:800;font-size:12px}
.tp-wm{margin-left:auto;color:var(--mk-deep);font-weight:600;font-size:12px}
.tp-kp{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tp-kp>div,.tp-pl{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column}
.tp-kp small,.tp-pl small{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-weight:600}
.tp-kp b{font-size:20px}.tp-kp span{font-size:11px;color:var(--muted)}
.tp-pl>div{display:flex;align-items:center;gap:5px;margin:4px 0}
.tp-pl>div span{display:flex;flex-direction:column;font-size:10px;color:var(--muted);line-height:1.1}.tp-pl>div b{font-size:16px;color:var(--text)}
.tp-pl i{font-style:normal;color:var(--muted)}
.tp-pl em{font-style:normal;font-size:11.5px;color:var(--warn);font-weight:600}
.tp-voice{position:absolute;right:16px;bottom:64px;display:flex;align-items:center;gap:6px;background:var(--text);color:var(--surface);padding:7px 12px 7px 8px;border-radius:999px;font-size:12px;box-shadow:var(--shadow)}
.tp-mic{width:20px;height:20px;border-radius:50%;background:var(--mk-g2)}
.tp-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--border);padding:6px 4px 10px}
.tp-tabs>span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--muted);position:relative}
.tp-tabs>span.on{color:var(--mk-deep);font-weight:700}
.tp-ti{width:18px;height:18px;border-radius:5px;border:1.8px solid currentColor}
.tp-ti-kim{border-radius:3px 3px 8px 8px}.tp-ti-tar{border-radius:3px}.tp-ti-tobb{border:0;background:radial-gradient(circle,currentColor 2px,transparent 2.5px) 0 50%/6px 6px repeat-x}
.tp-tabs em{position:absolute;top:-4px;left:calc(50% + 4px);font-style:normal;background:var(--mk-g2);color:#fff;font-size:9.5px;font-weight:700;border-radius:999px;padding:0 5px;line-height:14px}
.tp-push{position:absolute;left:8px;right:8px;top:30px;z-index:5;display:flex;gap:9px;padding:10px;border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 10px 24px -8px rgba(0,0,0,.35);border:1px solid var(--border)}
.tp-push>div{display:flex;flex-direction:column;gap:1px}.tp-push small{font-size:10.5px;color:var(--muted)}.tp-push b{font-size:12.5px}.tp-push span{font-size:11.5px;color:var(--text-2)}
.tp-det{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--bad);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:7px;margin-top:60px}
.tp-det h4{margin:0;font-size:15px;line-height:1.3}
.tp-det dl,.tp-sheet dl{margin:0;display:flex;flex-direction:column;gap:5px}
.tp-det dt,.tp-sheet dt{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.tp-det dd,.tp-sheet dd{margin:0;font-size:12.5px;color:var(--text-2);line-height:1.4}
.tp-mem{font-size:11.5px;background:var(--ai-bg);color:var(--ai);border-radius:8px;padding:6px 8px}
.tp-sticky{margin-top:auto;display:flex;flex-direction:column;gap:6px;background:var(--surface-2);padding-top:6px}
.tp-rev{font-size:11px;color:var(--muted);text-align:center}
.tp-day{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-top:4px}
.tp-q{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 9px}
.tp-q.tp-qw{box-shadow:inset 3px 0 0 var(--warn)}
.tp-q>div{flex:1;min-width:0;display:flex;flex-direction:column}.tp-q b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-q span:not(.pill){font-size:11px;color:var(--muted)}
.tp-t{font-size:12px;font-weight:700;width:38px;flex:none;font-variant-numeric:tabular-nums}
.tp-q .pill{font-size:10.5px !important;padding:1px 6px !important}
.tp-dim{filter:brightness(.95);opacity:.75}
.tp-sheet{position:absolute;left:0;right:0;bottom:52px;z-index:4;background:var(--surface);border-radius:18px 18px 0 0;box-shadow:0 -10px 30px -10px rgba(0,0,0,.3);padding:8px 14px 12px;display:flex;flex-direction:column;gap:7px}
.tp-grab{width:36px;height:4px;border-radius:2px;background:var(--border-strong);align-self:center;margin-bottom:4px}
.tp-sheet h4{margin:0;font-size:15px}
.tp-seg{display:flex;background:var(--surface-3);border-radius:9px;padding:3px}
.tp-seg span{flex:1;text-align:center;font-size:12px;padding:5px;border-radius:7px;color:var(--text-2);font-weight:600}
.tp-seg span.on{background:var(--surface);color:var(--text)}
.tp-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.tp-img{position:relative;height:170px;background:linear-gradient(160deg,#e9e3f6,#f7eef4)}
.tp-ibadge{position:absolute;left:8px;top:8px;font-size:10.5px;background:var(--surface);border-radius:5px;padding:1px 6px;color:var(--text-2)}
.tp-art{position:absolute;inset:30px 18px 14px;display:flex;flex-direction:column;gap:2px}
.tp-art b{font-size:20px;color:#3a1d5c}.tp-art span{font-size:12px;color:#5b3b7e}
.tp-art i{position:absolute;right:6px;bottom:0;width:54px;height:84px;border-radius:8px 8px 6px 6px;background:linear-gradient(#2a2430 0 14%,#fff 14% 40%,var(--mk-g2) 40% 70%,#fff 70%);box-shadow:0 6px 12px -6px rgba(0,0,0,.4)}
.tp-cb{padding:8px 10px;display:flex;flex-direction:column}.tp-cb b{font-size:13px}.tp-cb span{font-size:11.5px;color:var(--muted)}
.tp-sw{display:flex;align-items:center;justify-content:space-between;padding:4px 14px 8px}
.tp-no,.tp-yes{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:16px;border:1.5px solid var(--border-strong);color:var(--text-2);background:var(--surface)}
.tp-yes{border-color:var(--mk-g2);color:var(--mk-deep)}
.tp-mid{font-size:12px;font-weight:600;border:1px solid var(--border-strong);border-radius:999px;padding:5px 12px}
.tp-hint{font-size:10.5px;color:var(--muted);text-align:center;padding-bottom:8px}
.tp-need{display:flex;gap:8px;background:var(--surface);border:2px solid var(--warn);border-radius:12px;padding:9px 10px}
.tp-nn{width:20px;height:20px;border-radius:50%;background:var(--warn);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}
.tp-need b{font-size:12.5px}.tp-need p{margin:3px 0 4px;font-size:11.5px;color:var(--text-2);line-height:1.4}
.tp-desk{font-size:11px;color:var(--muted);background:var(--surface-3);border-radius:8px;padding:7px 9px;line-height:1.4}
.tp-rules{margin-top:22px}
.tp-rg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tp-rg>div{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-2);line-height:1.5}
.tp-rg b{color:var(--text);font-size:14.5px}
@media (max-width:1300px){.tp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.tp-grid,.tp-rg{grid-template-columns:1fr}}

/* telefon javítások */
.tp-body>*{flex-shrink:0}
.tp-push{background:var(--surface)}
.tp-h2{white-space:nowrap;font-size:15px}.tp-h2 span{white-space:nowrap}
.tp-st b{font-size:13px;white-space:nowrap}
.tp-stb{white-space:nowrap}
.tp-body:has(+.tp-voice)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(transparent,var(--surface-2) 70%);pointer-events:none}
.tp-voice{bottom:62px;z-index:3}
.tp-ph{background:var(--surface-2)}

.tp-ph{width:340px;max-width:none;height:690px;flex:none}
.tp-col{min-width:0}
@media (max-width:1300px){.tp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.tp-grid,.tp-rg{grid-template-columns:1fr}}
@media (max-width:1700px){.tp-ph{zoom:.82}}
@media (max-width:1300px){.tp-ph{zoom:1}}
@media (max-width:760px){.tp-ph{zoom:.92}}

/* ===== Riportok ===== */
#s-11:has(.pg-tabs [data-pt="r"].on) .page-h .act{visibility:hidden}
.rp-root{display:flex;flex-direction:column;gap:16px}
.rp-in{width:100%;box-sizing:border-box;font:inherit;font-size:15px;line-height:1.5;padding:12px 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);resize:vertical}
.rp-row,.rp-f{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}
.rp-l{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;min-width:84px}
.rp-sel{font-size:13px;font-weight:600;padding:5px 10px;border:1px solid var(--border-strong);border-radius:8px;cursor:pointer;color:var(--mk-deep)}
.rp-chip{font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:var(--surface)}
.rp-chip.on{background:var(--surface-3);border-color:var(--border-strong);color:var(--text);font-weight:600}
.rp-acts{display:flex;gap:8px;margin-top:14px;align-items:center}
.rp-plan{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}
.rp-ph{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.rp-ph b{font-size:14px}
.rp-plan ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.rp-plan li{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--muted);cursor:pointer}
.rp-plan li.on{color:var(--text)}
.rp-plan li em{font-style:normal;font-size:12px;color:var(--muted)}
.rp-plan li.rp-add em{color:var(--ai)}.rp-plan li.rp-mine em{color:var(--warn);font-weight:600}
.rp-ck{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);display:inline-grid;place-items:center;font-size:11px;flex:none;position:relative;top:2px}
.rp-plan li.on .rp-ck{background:var(--mk-g2);border-color:var(--mk-g2);color:#fff}
.rp-tbl td,.rp-tbl th{padding:10px 14px}.rp-tbl b{font-size:14px}
.rp-r.sel{background:var(--surface-2)}
.rp-tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px}
.rp-tpl dl{grid-template-columns:1fr !important}.rp-tpl dt{padding-top:4px}
.rp-ta{flex-wrap:nowrap}
.rp-tpl{border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.rp-tpl.sel{border-color:var(--mk-g2);box-shadow:0 0 0 1px var(--mk-g2)}
.rp-th{display:flex;flex-direction:column;gap:2px}.rp-th b{font-size:15px}.rp-who{font-size:13px;color:var(--text-2)}
.rp-tpl dl{margin:0;display:grid;grid-template-columns:72px 1fr;gap:4px 8px;font-size:13px}
.rp-tpl dt{color:var(--muted);font-size:12px;font-weight:600;padding-top:1px}.rp-tpl dd{margin:0;color:var(--text-2)}
.rp-tf{display:flex;flex-direction:column;gap:8px;margin-top:auto;font-size:12px}
.rp-ta{display:flex;gap:6px;flex-wrap:wrap}
.rp-dsp{flex:1}
.card-h:has(.rp-newtpl){display:flex;align-items:center;gap:10px}
.rp-ed{margin-top:16px;border:1px solid var(--border-strong);border-radius:12px;padding:14px 16px;background:var(--surface-2)}
.rp-edh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rp-edh b{font-size:17px}
.rp-edg{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:16px;margin-top:12px}
.rp-l2{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:8px}.rp-l2 .muted{font-weight:400;font-size:12px}
.rp-sec{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);margin-bottom:6px;cursor:pointer}
.rp-sec.sel{border-color:var(--mk-g2);box-shadow:inset 3px 0 0 var(--mk-g2)}
.rp-hd{color:var(--muted);font-size:12px;cursor:grab}
.rp-sec i{font-style:normal;font-size:12px;font-weight:700;color:var(--muted);width:16px}
.rp-sec>div{display:flex;flex-direction:column}.rp-sec b{font-size:14px}.rp-sec span{font-size:12px;color:var(--muted)}
.rp-addsec{display:inline-block;font-size:13px;color:var(--mk-deep);font-weight:600;cursor:pointer;margin-top:2px}
.rp-set{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}
.rp-set .rp-f{margin-top:12px}
.rp-tin{flex:1;min-width:200px;font:inherit;font-size:14px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text)}
.rp-gen{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 18px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.rp-gen>div{display:flex;flex-direction:column;gap:3px;font-size:14px}
.rp-dbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.rp-dbar>b{font-size:15px}
.rp-close{font-size:20px;color:var(--muted);cursor:pointer;padding:0 4px}
.rp-paper{max-width:760px;margin:20px auto;padding:28px 36px;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px -16px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:12px}
.rp-ptop small{font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--muted)}
.rp-ptop h2{margin:4px 0;font-size:24px;line-height:1.25}
.rp-ptop .muted{font-size:13px}
.rp-paper h3{margin:8px 0 0;font-size:17px;display:flex;align-items:baseline;gap:8px}
.rp-req{font-style:normal;font-size:12px;font-weight:600;color:var(--ai)}
.rp-ai{margin:0;font-size:14px;line-height:1.55;color:var(--text)}
.rp-aitag{display:inline-block;font-size:11px;font-weight:600;color:var(--ai);background:var(--ai-bg);border-radius:5px;padding:0 6px;margin-right:6px;position:relative;top:-1px}
.rp-kp{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.rp-kp>div{border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column}
.rp-kp small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.rp-kp b{font-size:20px;font-variant-numeric:tabular-nums}.rp-kp span{font-size:12px;color:var(--text-2)}
.rp-good{color:var(--ok) !important}
.rp-mt td,.rp-mt th{padding:7px 10px;font-variant-numeric:tabular-nums}
.rp-ch{display:block;width:100% !important;max-width:520px;height:150px !important;color:var(--text-2)}
.rp-ta .btn{display:inline-flex !important;width:auto !important}.rp-b1{fill:var(--mk-g2);opacity:.8}
.rp-need{border:2px solid var(--warn);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.rp-need.done{border-color:var(--ok)}
.rp-nh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.rp-nh i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--warn);color:#fff;display:inline-grid;place-items:center;font-size:11px;font-weight:800;position:relative;top:3px}
.rp-nh b{font-size:14px}.rp-nh span{font-size:13px;color:var(--muted)}
.rp-need textarea{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);resize:vertical}
.rp-need .rp-acts{margin-top:0}
.rp-learn{margin:0 16px 16px;font-size:13px;color:var(--ai);background:var(--ai-bg);border-radius:8px;padding:8px 12px}
@media (max-width:1100px){.rp-edg{grid-template-columns:1fr}.rp-plan ul{grid-template-columns:1fr}}

/* ===== Parancssor ===== */
.cp-ov{position:fixed;inset:0;z-index:300;background:rgba(20,16,24,.28);display:flex;justify-content:center;align-items:flex-start;padding-top:72px}
.cp-ov[hidden]{display:none}
.cp-root{width:min(680px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}
.cp-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}
.cp-top .spark{font-size:17px;background:linear-gradient(135deg,var(--mk-g1),var(--mk-g2));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.cp-in{flex:1;border:0;outline:0;font:inherit;font-size:17px;background:transparent;color:var(--text)}
.cp-mic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--text-2);cursor:pointer}
.cp-mic svg{width:15px;height:15px}
.cp-esc{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:1px 6px}
.cp-body{overflow:auto;padding:8px 0 10px}
.cp-g{padding:6px 16px 2px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.cp-it{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:14px;cursor:pointer;color:var(--text)}
.cp-it:hover,.cp-it.act{background:var(--surface-2)}
.cp-ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:13px;background:var(--surface-3);color:var(--text-2);flex:none}
.cp-it span.cp-m{margin-left:auto;font-size:12px;color:var(--muted)}
.cp-it em{font-style:normal;color:var(--muted)}
.cp-int{margin:10px 16px 6px;padding:10px 12px;border-radius:10px;background:var(--ai-bg);color:var(--text);font-size:14px;display:flex;align-items:center;gap:10px}
.cp-int b{color:var(--ai)}.cp-int .cp-m{margin-left:auto;font-size:12px;color:var(--muted)}
.cp-ans{margin:10px 16px 6px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5}
.cp-ans .cp-src{font-size:12px;color:var(--muted)}
.cp-ans .cp-acts{display:flex;gap:8px}
.cp-foot{display:flex;gap:14px;padding:8px 16px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}

/* ===== Egységes két sáv: jobb oldali sáv mindenhol 320px, 16px köz ===== */
:root{--side-w:320px;--col-gap:16px}
.proto .ma-cols,.proto .ma-g21,.proto #s-6 .mb-cols,.proto .mx-two,.proto .mx-pw,.proto .mf-reg,.proto .mg-top,.proto .mg-lay,.proto .pe-two{grid-template-columns:minmax(0,1fr) var(--side-w) !important;column-gap:var(--col-gap) !important}
.proto #s-6 .mx-sech{margin:16px 0 0}
.proto .mx-kpis{gap:var(--col-gap)}
.proto #s-11 .mx-kpis{grid-template-columns:repeat(3,minmax(0,1fr)) var(--side-w)}
.proto #s-11 .mx-two,.proto #s-18 .mg-lay{margin-top:16px}
@media (max-width:1100px){.proto .ma-cols,.proto .ma-g21,.proto #s-6 .mb-cols,.proto .mx-two,.proto .mx-pw,.proto .mf-reg,.proto .mg-top,.proto .mg-lay,.proto .pe-two{grid-template-columns:1fr !important}.proto #s-11 .mx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

#s-7 .kr-none{padding:14px 16px;font-size:14px;color:var(--muted)}
#s-7 .card.kr-isempty>.card-b{display:none}

/* ===== Ada/Mira javítások ===== */
.def{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--border-strong);font-size:10px;font-weight:700;font-style:italic;color:var(--text-2);cursor:help;position:relative;vertical-align:1px;margin-left:3px;text-transform:none;letter-spacing:0;font-family:Georgia,serif}
.def:hover::after,.def:focus::after{content:attr(data-def);position:absolute;top:20px;right:-8px;width:280px;white-space:normal;background:var(--text);color:var(--surface);font:400 12px/1.45 var(--font,inherit);font-style:normal;text-align:left;padding:8px 10px;border-radius:8px;z-index:50;box-shadow:var(--shadow)}
.mq-bad{display:inline-block;font-size:11px;font-weight:700;color:var(--bad);background:var(--bad-bg);border-radius:5px;padding:1px 6px;white-space:nowrap}
.mq-ok{display:inline-block;font-size:11px;font-weight:600;color:var(--ok);background:var(--ok-bg);border-radius:5px;padding:1px 6px}
.mq-dim{color:var(--muted) !important;text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--bad) 50%,transparent)}
.mb-mt .mq-sec,.mb-mt .mq-sec b{color:var(--text-2);font-weight:500}
.mq-win{display:block;font-size:11px;font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}
.mq-note{font-size:13px;color:var(--text-2);padding:10px 16px 12px;border-top:1px solid var(--border);line-height:1.5}
.mq-rec .tbl td,.mq-rec .tbl th{padding:9px 14px}
.mq-ai{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--border)}
.mq-ai:first-child{border-top:0}
.mq-ai>div{flex:1;display:flex;flex-direction:column;gap:2px}.mq-ai b{font-size:14px}.mq-ai span:not(.mq-lv):not(.mq-go){font-size:13px;color:var(--text-2)}
.mq-lv{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:1px 7px;border-radius:5px;background:var(--info-bg);color:var(--info);flex:none}
.mq-lv.w{background:var(--warn-bg);color:var(--warn)}
.mq-go{font-size:13px;font-weight:600;color:var(--mk-deep);cursor:pointer;white-space:nowrap}
.mq-nr{display:block;font-style:normal;font-size:12px;color:var(--text-2);margin-top:2px}
.mq-warnline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-2);padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--bad-bg) 55%,var(--surface))}
.mq-warnline .ptr{margin-left:auto}
.pl-src .tbl td,.pl-src .tbl th{padding:9px 12px}.pl-src small{color:var(--muted);font-size:11px;margin-left:3px;font-family:inherit}
.mq-sub{display:block;font-size:12px;color:var(--muted)}
.rp-must{font-style:normal;font-size:11px;font-weight:700;color:var(--warn);background:var(--warn-bg);border-radius:5px;padding:0 6px;margin-left:4px}
.rp-paper .mq-bad{margin-right:6px}
.pl-row[hidden],.pl-src[hidden]{display:none !important}

.mb-mt th{white-space:normal;vertical-align:bottom;line-height:1.25}
.mb-mt td,.mb-mt th{padding-left:10px !important;padding-right:10px !important}
.card:has(>.mb-mt),.mq-rec{overflow-x:auto}
.mb-mt .mb-cell b.mq-dim,.mb-mt b.mq-dim{color:var(--muted) !important}
.mq-rec .tbl th{white-space:normal;vertical-align:bottom;line-height:1.25}
.mq-rec .tbl td:first-child{white-space:nowrap}
.mq-rec .mq-bad{white-space:normal}
.mb-mt .mb-spk{width:56px !important}
.pl-card>.card-h{flex-wrap:wrap;row-gap:8px}.pl-card>.card-h h4{white-space:nowrap}.pl-seg span{white-space:nowrap}
.mb-mt td:last-child,.mb-mt th:last-child{padding-right:14px !important}
/* ── Színrend 10.16: egy szín, egy jelentés (1. javítócsomag) ──
   piros sürgős · borostyán rád vár · zöld rendben/kiment · lila a rendszer · kék ütemezve/info · magenta kattintható · szürke minden más */
/* kattintható szöveg: magenta; a --mk-deep csak az aktív menüpont szövege */
.tp-why,.tp-wm,.wt>summary::after,.ps-ptr u,.fl-regptr u,.sl-back,.rp-sel,.rp-addsec,.mq-go,.rb-add,.mx-why>summary,.le-l .le-go,.le-ck em,.pe-add,#s-1 .mx-auto .mx-more{color:var(--mk-primary) !important}
/* KPI-csempék: nincs díszítő derengés */
.kpi{background:var(--surface) !important}
.mk .kpi{--ton:var(--text-2)}
.kpi .ico{box-shadow:none !important}
/* Mai napom: futó kampány állapotcímke */
#s-1 .rc{grid-template-columns:1fr 64px auto}
#s-1 .rc>.mx-st,#s-1 .rc>.pill{justify-self:end;white-space:nowrap}
@media (max-width:900px){#s-1 .rc{grid-template-columns:1fr 60px}#s-1 .rc>.mx-st,#s-1 .rc>.pill{display:none}}
.mx-ch.mx-me{background:var(--surface-3) !important;color:var(--text-2) !important}
/* Supply OS jeltípus: kategória, nem állapot */
.mc-jel.many,.mc-jel.out,.mc-jel.back{background:var(--surface-3) !important;color:var(--text-2) !important}
/* napi összefoglaló szint: tájékoztatás (kék) */
.mb-lvl.mb-l-day{background:var(--info-bg) !important;color:var(--info) !important}
.mb-sig.mb-l-day{box-shadow:inset 4px 0 0 var(--info) !important}
.mb-l-day .mb-lc-h{background:color-mix(in srgb,var(--info-bg) 75%,var(--surface)) !important}
.mb-l-day li.mb-act em{color:var(--info) !important}
.me-t-warn,.mq-lv.w{background:var(--info-bg) !important;color:var(--info) !important}
.p5-w i{background:var(--muted) !important}
/* Tudás: állítás-státusz állandó besorolás (szürke) */
.mf-dot.mf-d-bad,.mf-dot.mf-d-warn{color:var(--text-2) !important}
.mf-dot.mf-d-bad::before,.mf-dot.mf-d-warn::before{background:var(--muted) !important}
.mf-cond .mf-warn{color:var(--ai) !important}
.mf-used{background:var(--surface-2) !important}
/* Partnerek, Felmérések: régi adat szürke; persona-jelölt a rendszer javaslata (lila) */
.mg-age.mg-age-bad,.mg-age.mg-age-warn{background:var(--surface-3) !important;color:var(--text-2) !important}
.md-cand{background:var(--ai-bg);box-shadow:inset 3px 0 0 var(--ai)}
.md-cand b,.md-cand svg{color:var(--ai)}
.md-evi .md-ic,.md-evi .md-ic.md-in,.md-evi .md-ic.md-wa{background:var(--surface-3) !important;color:var(--text-2) !important}
/* Modulok: a mag-kártya nem kattintható; altatás a rendszer jelzése; a mikrofon kattintható */
.ma-cm{background:var(--surface) !important}
.ma-cm::before{display:none !important}
.ma-ci{background:var(--surface-3) !important;color:var(--text-2) !important}
.ma-sub.ma-wk{color:var(--ai) !important;border-color:color-mix(in srgb,var(--ai) 35%,var(--border)) !important;background:var(--ai-bg) !important}
.ma-sub.ma-wk::before{background:var(--ai) !important}
.ma-mc{background:var(--mk-primary) !important}
.ma-cmd{border-color:var(--border) !important}
/* idővonal: kézi szürke, rendszer lila, kiment zöld, azonnali piros */
.tl-i.done .d{border-color:var(--border-strong) !important;background:var(--border-strong) !important}
.tl-i.done.ok .d{border-color:var(--ok) !important;background:var(--ok) !important}
.tl-i.sys .d{border-color:var(--ai) !important;background:var(--ai) !important}
.tl-i.now .d{border-color:var(--text-2) !important;background:var(--surface) !important}
.tl-i.bad .d{border-color:var(--bad) !important;background:var(--bad) !important}
/* Ígéretlánc: csak az ellentmondás színes (piros) */
.pg-leg i.r,.pg-bar i.r{background:var(--text-2) !important}
.pg-leg i.g,.pg-bar i.g{background:color-mix(in srgb,var(--text-2) 30%,var(--surface)) !important}
.pg-sum .r,.pg-sum .g{color:var(--text-2) !important}
.mt-r{background:var(--surface-3) !important;color:var(--text) !important}
.mt-g{background:var(--surface-2) !important;color:var(--text-2) !important}
/* fehér betű helyett felület-token (sötét módban is olvasható) */
.st-box .st-sig .st-dot::after,.st-box .st-ok .st-dot::after,.tp-dot,.le-rb i,.mt-x,.need-h i,.rp-nh i,.tp-nn,.tx-todo div i{color:var(--surface) !important}
.gh-steps span.on,.pe-chip-b,.wk-n{color:var(--mk-on) !important}
/* kattintható gombok és mutatók: magenta */
.st-cta,.tp-stb{color:var(--mk-primary) !important;box-shadow:inset 0 0 0 1.5px var(--mk-primary) !important;border-color:var(--mk-primary) !important}
.mb-down{border-color:var(--border) !important;color:var(--text) !important;background:var(--surface) !important}
.pl-st em.pl-w,.pl-mini em.pl-w{color:var(--mk-primary) !important}
/* Klárára vár: borostyán */
.kr-in i.n{box-shadow:inset 0 0 0 2px var(--warn) !important}
.mc-hitbox{border-color:var(--warn) !important}
/* drótvázak: semleges képhely és gombcsík; tájékoztató sáv: info */
.kr-base .im,.mc-sq .im,.mc-sl .im,.mc-st .im,.mc-a4 .im,.mc-doc .im,.mx-pgv i.g{background:color-mix(in srgb,var(--text-2) 18%,var(--surface)) !important}
.kr-base .bt,.kr-st .bt{background:var(--text-2) !important}
.mx-note{background:var(--info-bg) !important;border-color:color-mix(in srgb,var(--info) 25%,var(--border)) !important}
.mx-ni{color:var(--info) !important}
/* Idősáv: „ez a kampány” sötét, a többi halvány */
.ma-tlc .ma-camp{fill:var(--surface-3) !important;stroke:var(--text) !important}
.ma-tlc text.ma-p,.ma-tlc .ma-pt{fill:var(--text) !important}
.ma-tlc .ma-pt2{fill:var(--muted) !important}
.ma-tlc .ma-meta{fill:color-mix(in srgb,var(--muted) 18%,transparent) !important;stroke:var(--muted) !important}
/* Flow: a lépéstípus kategória */
.mc-nt.trg,.mc-nt.cond,.mc-nt.mail,.mc-nt.wa,.mc-nt.sms{background:var(--surface-3) !important;color:var(--text-2) !important}
.mc-blab.yes{background:var(--surface-3) !important;color:var(--text-2) !important}
/* Űrlap, Felmérés */
.fo-t{color:var(--text-2)}
.fe-form{--text-2:#4A4541;--muted:#57514C}
/* KPI-sor: semleges szöveg szürke, bizonyosság szürke */
.mx-kpi span:not(.conf):not(.up):not(.down):not(.def){color:var(--text-2)}
.mx-kpi .conf{color:var(--text-2) !important}
.conf.mid i b:nth-child(-n+2),.conf.lo i b:first-child{background:var(--text-2) !important}
.conf.hi i b{background:var(--text) !important}
/* AI-átírás: a rendszer javaslata (lila) */
.tx-doc ins.ai,.me-new{background:var(--ai-bg) !important;color:var(--ai) !important}
.tx-doc del.ai,.me-old{background:transparent !important;color:var(--muted) !important;text-decoration:line-through}
/* persona-szerkesztő: „új” címke szürke, mint a Partnereknél */
.pe-chip b{background:var(--surface-3) !important;color:var(--text-2) !important}
/* 2. csomag: Mai napom várólista, Kimenő naptár */
.wt>summary::after{content:none !important}
.wt>summary span.wt-more{flex:none;overflow:visible;margin-left:12px;font-size:13.5px;font-weight:600;color:var(--mk-primary)}
.wt[open]>summary span.wt-more{font-size:0}
.wt[open]>summary span.wt-more::after{content:'Elrejtés ▴';font-size:13px}
.mx-src[data-go]{cursor:pointer;color:var(--mk-primary);font-weight:600}
.wt-cap{user-select:none}
.wt-b>.mx-dec{margin:6px 0 10px}
.wt-r.wt-done{display:none}
.wt-r.wt-isopen{border-bottom:0}
.mx-wait>.mx-dec[hidden]{display:none}
#s-5 [data-kmv][hidden]{display:none !important}
#s-5 .kc-grid{display:grid;grid-template-columns:repeat(7,minmax(128px,1fr));gap:8px;overflow-x:auto;padding:12px 14px 14px}
#s-5 .kc-d{display:flex;flex-direction:column;gap:6px;min-width:0}
#s-5 .kc-h{font-size:13px;color:var(--text-2);padding-bottom:5px;border-bottom:1px solid var(--border)}
#s-5 .kc-h b{color:var(--text)}
#s-5 .kc-i{border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--r-md);padding:6px 8px;display:flex;flex-direction:column;gap:3px;font-size:13px;background:var(--surface)}
#s-5 .kc-i b{font-size:13px;line-height:1.3;font-weight:600}
#s-5 .kc-i .pill{align-self:flex-start}
#s-5 .kc-t{font-weight:700;font-family:var(--font-mono);color:var(--text)}
#s-5 .kc-ch{color:var(--muted)}
#s-5 .kc-e{font-size:12.5px;color:var(--muted)}
#s-5 .kc-ordered{border-left-color:var(--ok);opacity:.75}
#s-5 .kc-sent{border-left-color:var(--info)}
#s-5 .kc-viewed{border-left-color:var(--warn);background:color-mix(in srgb,var(--warn-bg) 50%,var(--surface))}
#s-5 .kc-draft{border-left-color:var(--border-strong)}
#s-1 .mx-nums .mq-bad{justify-self:start;align-self:center;width:max-content}
#s-1 .nd-v .mq-bad{vertical-align:1px}
#s-3 .ma-gh,#s-3 .ma-gx{cursor:grab;touch-action:none}
#s-3 .ma-tlc.ma-drag .ma-gh,#s-3 .ma-tlc.ma-drag .ma-gx{cursor:grabbing}
#s-3 .ma-tlc .ma-clash{fill:none;stroke:var(--ai);stroke-width:1.5;stroke-dasharray:3 2}
#s-3 .ma-tlc .ma-clashm rect{fill:var(--ai)}
#s-3 .ma-tlc .ma-clashm text{fill:var(--surface);font-weight:800;font-size:11px}
#s-3 .ma-clashnote{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:8px;font-size:13.5px;color:var(--text-2)}
#s-3 .ma-clashk{font-size:11px;font-weight:700;color:var(--ai);background:var(--ai-bg);border-radius:5px;padding:1px 7px}
#mx-check .pl-bl{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column}
#mx-check .pl-bl li{display:grid;grid-template-columns:170px 1fr auto;gap:10px;align-items:baseline;padding:8px 0;border-top:1px solid var(--border);font-size:14px;color:var(--text-2)}
#mx-check .pl-bl li:first-child{border-top:0}
#mx-check .pl-bl li b{color:var(--text)}
#mx-check .pl-bl li em{font-style:normal;font-weight:700;font-size:13px;white-space:nowrap}
#mx-check .pl-bl li.ok em{color:var(--ok)}
#mx-check .pl-bl li.w em{color:var(--warn)}
@media (max-width:760px){#mx-check .pl-bl li{grid-template-columns:1fr auto}#mx-check .pl-bl li>span{grid-column:1/-1;grid-row:2}}
.rp-plan li.rp-lock{cursor:default}
.rp-plan li.rp-lock em{color:var(--warn);font-weight:600}
.rp-newmenu{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border)}
.rp-nm{cursor:pointer;font-size:13px;font-weight:600;padding:4px 11px;border-radius:999px;border:1px solid var(--border-strong);color:var(--mk-primary);background:var(--surface)}
.rp-nm:hover{background:var(--surface-3)}
.mx-chs .mq-bad{margin-left:4px}
#s-11 .mx-kpi em .mq-bad,#s-11 .mx-chs .mq-bad{font-size:11px !important;font-weight:700 !important;color:var(--bad) !important;background:var(--bad-bg) !important}
.mb-sig-oef>div:nth-child(n+4){border-top:1px dashed var(--border);padding-top:10px}
.mb-sig-oef>div:nth-child(4){grid-column:span 2}
.mb-sig-oef>div:nth-child(2)>small::before{background:var(--warn)}
.mb-sig-oef>div:nth-child(3)>small::before{background:var(--border-strong)}
.mb-sig-oef>div:nth-child(4)>small::before{background:var(--ai)}
.mb-sig-oef>div:nth-child(5)>small::before{background:var(--ok)}
.mb-sig-oef .conf{align-self:flex-start}
#s-6 .card-b .row>.rb-lock,#s-6 .card-b .row>.mb-au{flex:0 0 auto;white-space:nowrap;font-size:12.5px}
@media (max-width:760px){.mb-sig-oef{grid-template-columns:1fr}.mb-sig-oef>div:nth-child(4){grid-column:auto}.mb-sig-oef>div:nth-child(n+2){border-top:1px dashed var(--border);padding-top:8px}}
/* 4. csomag: szerkesztők */
body:has(#s-4:not([hidden])) .p-stopbar,body:has(#s-20:not([hidden])) .p-stopbar,body:has(#s-9:not([hidden])) .p-stopbar,body:has(#s-10:not([hidden])) .p-stopbar,body:has(#s-10f:not([hidden])) .p-stopbar{position:relative;top:auto}
.le-act .kill{height:32px;padding:0 10px;font-size:13.5px}
@media (max-width:1560px){.le-act .kill .p-kl{display:none}}
.ed-tl{position:fixed;top:64px;right:16px;width:min(400px,calc(100vw - 32px));max-height:calc(100vh - 88px);overflow:auto;z-index:60;box-shadow:var(--shadow)}
.ed-tl[hidden]{display:none !important}
.ed-tl .card-h{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.ed-tv{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--border);font-size:14px;color:var(--text-2)}
.ed-tv:first-child{border-top:0}
.ed-tv b{display:block;color:var(--text);font-variant-numeric:tabular-nums}
.ed-tv time{display:block;font-size:13px;color:var(--muted)}
.ed-tv.on b{color:var(--primary)}
#s-21 .bl-row[hidden]{display:none !important}
#s-20 .tb-in:empty::before{content:attr(data-ph);color:var(--muted)}
@media (max-width:700px){#s-4 .le-top~*:not(.le-phone),#s-20 .le-top~*:not(.le-phone),#s-9 .le-top~*:not(.le-phone){display:none}#s-4 .le-phone,#s-20 .le-phone,#s-9 .le-phone{display:flex;flex-direction:column;gap:10px;padding:32px 20px}.le-top .le-act:has(.kill){display:flex !important;margin-left:auto}.le-top .le-act:has(.kill)>:not(.kill){display:none !important}#s-4,#s-20,#s-9,#s-10,#s-10f{min-width:0}.le-top .le-mid{display:none !important}.le-top .le-name{min-width:0 !important;flex:1 1 auto}.le-top .le-name b{white-space:normal}.le-top .le-name>span{display:none !important}.le-top{height:auto !important;min-height:56px;padding-top:8px;padding-bottom:8px}.le-top .le-name b{font-size:15px;line-height:1.25}.le-phone .btn{align-self:flex-start}}
/* 5. csomag: Alap, Beállítások, telefon, keret */
[data-pmv][hidden]{display:none !important}.mx-fwdb{margin-top:8px;font-size:13px}.tp-whyb{font-size:12px;color:var(--text-2);margin-top:4px;display:flex;flex-direction:column;gap:3px}.tp-whyb[hidden]{display:none}.p-guide-count[hidden]{display:none !important}.mc-act>.rb-lock{padding:4px 6px;flex:none;width:auto !important;height:auto !important;align-self:start;margin-top:2px}.mc-act>.rb-lock::before{flex:none;width:10px;height:10px}
.mb-lc li:has(.mb-lvs){grid-template-columns:minmax(0,1fr) auto auto}.mb-lvs{margin:0 !important;justify-self:end}.mb-lvs span{font-size:12px !important;padding:1px 7px !important}
/* köztes töréspont a felső sávhoz + kontraszt-javítások */
@media (max-width:1180px){.top .p-tagline{display:none}.top .user > div:last-child{display:none}}
.mb-post-h .mb-pg{display:grid;place-items:center;background:var(--text-2);color:var(--inverse)}
.kr-sc .kr-ab{color:var(--surface)}
.kr-open.kr-2 .kr-ab{color:var(--text-2)}