/* Voteum landing · animált termékdemók – eszközkeretek + app-felületek.
   A jelenetek logikai méretben épülnek (iPhone: 402×874 pt képernyő; asztali ablak:
   1040×650), és transform: scale-lel illeszkednek; így minden éles marad. */

/* ── iPhone (Pro, 2025–26-os arányok, mély kék alumínium keret) ────────────── */
.vd-phone-host{position:relative;}
.vd-iphone{position:absolute;left:0;top:0;width:434px;height:906px;transform-origin:0 0;border-radius:78px;
  background:linear-gradient(135deg,#55627c 0%,#27324a 18%,#1b2336 50%,#2c3852 78%,#4b5874 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 0 0 3px #10151f,inset 0 0 0 4px rgba(255,255,255,.07),
    0 1px 0 1px rgba(0,0,0,.08),0 40px 70px -30px rgba(52,69,126,.55),0 18px 34px -18px rgba(91,127,210,.42);}
.vd-btn{position:absolute;display:block;width:4px;border-radius:2px;background:linear-gradient(90deg,#1a2233,#4a5670 60%,#28324a);}
.vd-btn-action{left:-3px;top:172px;height:34px;}
.vd-btn-vup{left:-3px;top:232px;height:62px;}
.vd-btn-vdn{left:-3px;top:308px;height:62px;}
.vd-btn-side{right:-3px;top:262px;height:100px;background:linear-gradient(270deg,#1a2233,#4a5670 60%,#28324a);}
.vd-btn-cam{right:-2px;top:540px;height:58px;width:3px;opacity:.75;background:linear-gradient(270deg,#161d2c,#3a4660);}
.vd-bezel{position:absolute;inset:6px;border-radius:72px;background:#050608;padding:10px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}
.vd-screen{position:relative;width:402px;height:874px;border-radius:62px;overflow:hidden;background:#F5F1E8;
  -webkit-font-smoothing:antialiased;isolation:isolate;}
.vd-status{position:absolute;left:0;right:0;top:0;height:54px;z-index:30;display:flex;align-items:center;justify-content:space-between;
  padding:4px 34px 0 50px;font:600 17px/1 -apple-system,'SF Pro Text','Inter',system-ui,sans-serif;color:#121A2E;pointer-events:none;}
.vd-island{position:absolute;left:50%;top:11px;width:126px;height:37px;margin-left:-63px;border-radius:19px;background:#000;}
.vd-sicons{display:flex;align-items:center;gap:6px;color:#121A2E;fill:currentColor;}
.vd-home{position:absolute;left:50%;bottom:8px;width:140px;height:5px;margin-left:-70px;border-radius:3px;background:#121A2E;z-index:30;}
.vd-app{position:absolute;inset:0;}
.vd-touch{position:absolute;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;z-index:40;pointer-events:none;
  background:rgba(18,26,46,.16);box-shadow:0 0 0 1px rgba(255,255,255,.55) inset;opacity:0;}

/* ── macOS ablak (Safari-szerű sáv) ───────────────────────── */
.vd-mac-host{position:relative;}
.vd-mac{position:absolute;left:0;top:0;width:1040px;transform-origin:0 0;border-radius:14px;overflow:hidden;background:#F5F1E8;
  box-shadow:0 0 0 1px rgba(18,26,46,.16),0 1px 0 rgba(255,255,255,.6) inset,0 40px 80px -34px rgba(124,88,24,.45),0 16px 34px -20px rgba(176,126,34,.34);}
.vd-mac-bar{position:relative;height:44px;display:flex;align-items:center;gap:14px;padding:0 16px;background:linear-gradient(#f3f0ea,#e9e5dc);
  border-bottom:1px solid rgba(18,26,46,.12);font:500 13px/1 -apple-system,'Inter',system-ui,sans-serif;color:#3A4366;}
.vd-lights{display:flex;gap:8px;}
.vd-lights i{width:12px;height:12px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.18);}
.vd-lights i:nth-child(2){background:#febc2e;} .vd-lights i:nth-child(3){background:#28c840;}
.vd-mac-url{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;height:28px;padding:0 90px;
  border-radius:8px;background:rgba(18,26,46,.06);color:#3A4366;font-size:12.5px;}
.vd-mac-title{display:none;}
.vd-mac-body{position:relative;height:650px;overflow:hidden;}
.vd-cam{position:absolute;inset:0;transform-origin:0 0;}
.vd-desk{position:absolute;inset:0;}
.vd-cursor{position:absolute;left:0;top:0;z-index:50;pointer-events:none;will-change:transform;}
.vd-cursor svg{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));}
.vd-cursor i{position:absolute;left:-14px;top:-14px;width:30px;height:30px;border-radius:50%;border:2px solid #5B7FD2;opacity:0;}

/* ── app-alap (a voter-app valós tokenjei: tailwind.config.ts / globals.css) ─── */
.m-root,.r-root{--bg:#F5F1E8;--bg-deep:#ECE5D4;--surface:#fff;--ink:#121A2E;--ink2:#1E2747;--soft:#3A4366;--muted:#63677D;
  --line:#E2DED5;--line2:#D5D0C4;--ind:#9FB1E4;--ind2:#5B7FD2;--deep:#34457E;--isoft:#E4E9F7;--em:#047857;--em50:#ECFDF5;--em100:#D1FAE5;--em300:#6EE7B7;
  --rose50:#FFF1F2;--rose100:#FFE4E6;--rose300:#FDA4AF;--wine:#A23A57;
  --sans:'Inter',system-ui,-apple-system,sans-serif;--mono:'JetBrains Mono','IBM Plex Mono',ui-monospace,monospace;
  position:absolute;inset:0;font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.55;letter-spacing:0;text-align:left;}
.m-root svg,.r-root svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.m-root button,.r-root button{font:inherit;cursor:default;}

/* ── lakos (telefon) ─────────────────────────────────────── */
.m-root{background:radial-gradient(520px 420px at 0% 0%,rgba(159,177,228,.28),transparent 70%),radial-gradient(420px 380px at 100% 100%,rgba(91,127,210,.12),transparent 70%),var(--bg);}
.m-head{position:absolute;top:54px;left:0;right:0;height:60px;z-index:8;display:flex;align-items:center;gap:10px;padding:0 20px;
  background:rgba(245,241,232,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);}
.m-logo svg{width:24px;height:16px;stroke:var(--ink);}
.m-head b{font-size:17px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;}
.m-head>svg{width:14px;height:14px;stroke:var(--soft);stroke-width:1.8;margin-right:auto;}
.m-round{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.55);display:grid;place-items:center;color:var(--soft);
  box-shadow:0 1px 2px rgba(18,26,46,.05);}
.m-round svg{width:18px;height:18px;}
.m-tabs{position:absolute;left:0;right:0;bottom:0;height:88px;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);padding:0 8px 30px;
  background:rgba(255,255,255,.85);border-top:1px solid var(--line);backdrop-filter:blur(12px);}
.m-tabs span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10.5px;font-weight:600;letter-spacing:.05em;color:var(--soft);}
.m-tabs svg{width:28px;height:28px;padding:7px;border-radius:50%;stroke-width:1.6;}
.m-tabs span.on{color:var(--ink);} .m-tabs span.on svg{background:var(--isoft);color:var(--deep);}
.m-plus{display:block;width:28px;height:28px;border-radius:50%;background:var(--ind2);color:#fff;font:400 20px/27px var(--sans);text-align:center;font-style:normal;
  box-shadow:0 1px 2px rgba(91,127,210,.3);}
.m-pane{position:absolute;top:114px;bottom:88px;left:0;right:0;overflow:hidden;padding:0 20px;opacity:0;transform:translateX(56px);
  transition:transform .5s cubic-bezier(.2,.75,.2,1),opacity .35s ease;}
.m-pane.vis{opacity:1;transform:none;}
.m-pane.left:not(.vis){transform:translateX(-56px);}
.m-list{display:flex;flex-direction:column;gap:16px;padding:20px 0;will-change:transform;}
.m-card{border-radius:10px;border:1px solid var(--line2);padding:20px;background:rgba(255,255,255,.4);box-shadow:0 1px 2px rgba(18,26,46,.05);}
.m-card:first-child{border:1.5px solid rgba(91,127,210,.7);background:rgba(255,255,255,.9);}
.m-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.m-pill{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:4px 10px;font:700 10.5px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;}
.m-pill i{width:6px;height:6px;border-radius:50%;background:var(--ind2);}
.m-pill-blue{background:var(--isoft);color:var(--deep);} .m-pill-sand{background:rgba(18,26,46,.06);color:var(--soft);}
.m-age{font-size:11.5px;color:var(--muted);}
.m-left{margin-left:auto;font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--soft);}
.m-type{font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);display:flex;align-items:center;gap:8px;}
.m-chip{font:600 10px var(--mono);letter-spacing:.08em;padding:2px 6px;border-radius:8px;background:rgba(18,26,46,.05);color:var(--soft);}
.m-card h4{margin:12px 0 0;font-size:17px;font-weight:600;line-height:1.375;letter-spacing:-.01em;}
.m-by{font-size:12.5px;color:var(--muted);margin-top:4px;}
.m-card p{margin:12px 0 0;font-size:14px;line-height:1.625;color:var(--soft);}
.m-tags{display:flex;gap:6px;margin-top:12px;} .m-tags span{border-radius:8px;padding:2px 8px;background:rgba(18,26,46,.05);font-size:11px;font-weight:600;color:var(--soft);}
.m-count{margin-top:16px;font-size:12.5px;font-weight:600;}
.m-thr{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;font-weight:500;color:var(--muted);}
.m-thr b{color:var(--ink);font-weight:600;}
.m-bar{display:block;height:6px;border-radius:6px;margin-top:8px;background:rgba(18,26,46,.07);overflow:hidden;}
.m-bar i{display:block;height:100%;border-radius:6px;background:var(--ind2);transition:width .5s ease;}
.m-support{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:600;
  border:1px solid var(--line2);background:rgba(255,255,255,.7);color:var(--soft);transition:background .2s,color .2s,border-color .2s;}
.m-support svg{width:12px;height:12px;fill:currentColor;stroke:none;}
.m-support b{border-radius:8px;padding:2px 6px;font-size:12px;font-weight:700;color:var(--ink);}
.m-support.on{background:var(--em);border-color:var(--em);color:#fff;} .m-support.on b{color:#fff;background:rgba(18,26,46,.3);}

.m-dim{position:absolute;inset:0;z-index:10;background:rgba(18,26,46,.5);opacity:0;transition:opacity .35s;pointer-events:none;}
.m-dim.open{opacity:1;}
.m-sheet{position:absolute;left:0;right:0;bottom:0;z-index:11;border-radius:22px 22px 0 0;background:#fff;padding:10px 20px 110px;
  transform:translateY(105%);transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 30px rgba(18,26,46,.12);}
.m-sheet.open{transform:none;}
.m-grab{display:block;width:40px;height:5px;border-radius:3px;background:var(--line2);margin:0 auto 14px;}
.m-sub{display:flex;align-items:center;gap:10px;padding:18px 0 12px;}
.m-sub b{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-right:auto;}
.m-sheet .m-sub{padding-top:0;}
.m-sub svg{width:20px;height:20px;color:var(--soft);}
.m-hint{margin:0 0 14px;font-size:13.5px;color:var(--soft);}
.m-opt{border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.7);padding:16px;display:flex;flex-direction:column;gap:6px;margin-bottom:12px;transition:border-color .2s,transform .2s;}
.m-opt b{font-size:15px;font-weight:600;} .m-opt span{font-size:12.5px;line-height:1.625;color:var(--muted);}
.m-opt.hit{border-color:var(--ind2);transform:translateY(-1px);box-shadow:0 0 0 3px rgba(91,127,210,.22);}

.m-inputwrap{transition:opacity .3s,max-height .45s ease;max-height:240px;overflow:hidden;}
.m-inputwrap.sent{opacity:0;max-height:0;}
.m-input{position:relative;min-height:112px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.8);padding:12px 16px;font-size:14px;line-height:1.625;}
.m-ph{position:absolute;left:16px;top:12px;right:16px;color:var(--muted);opacity:.8;} .m-ph.hide{display:none;}
.m-caret{display:inline-block;width:1.5px;height:17px;margin-left:1px;vertical-align:-3px;background:var(--ind2);animation:vdBlink 1s steps(1) infinite;}
.m-caret.hide{display:none;}
@keyframes vdBlink{50%{opacity:0;}}
.m-send{margin-top:12px;border:0;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:600;background:rgba(18,26,46,.25);color:#fff;transition:background .2s;}
.m-send.ready{background:var(--ink);box-shadow:0 1px 2px rgba(18,26,46,.18);}
.m-convo{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.5);opacity:0;transform:translateY(12px);transition:opacity .4s,transform .45s;}
.m-convo.show{opacity:1;transform:none;}
.m-convo-h{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;}
.m-convo-h svg{width:24px;height:24px;padding:6px 3px;border-radius:50%;background:var(--isoft);color:var(--deep);}
.m-convo>.m-who{margin:12px 14px 4px;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.m-who-me{text-align:right;}
.m-bub{box-sizing:border-box;max-width:calc(92% - 28px);margin:0 14px;padding:8px 14px;font-size:13.5px;line-height:1.625;}
.m-bub-me{align-self:flex-end;background:var(--ink);color:#fff;border-radius:14px 14px 8px 14px;}
.m-bub-vt{align-self:flex-start;background:rgba(228,233,247,.7);border-radius:14px 14px 14px 8px;margin-bottom:14px;min-height:38px;}
.m-dots{display:inline-flex;gap:5px;padding:6px 0;} .m-dots i{width:6px;height:6px;border-radius:50%;background:rgba(52,69,126,.7);animation:vdDot 1s infinite;}
.m-dots i:nth-child(2){animation-delay:.15s;} .m-dots i:nth-child(3){animation-delay:.3s;}
@keyframes vdDot{0%,60%,100%{transform:none;}30%{transform:translateY(-4px);}}
.m-dots.hide,.m-bub-vt span.hide{display:none;}
.m-rel{margin-top:14px;border-radius:10px;border:1px solid var(--line2);padding:18px 18px 14px;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .5s;
  background:rgba(255,255,255,.35);}
.m-rel.show{opacity:1;transform:none;}
.m-rel-t{font-size:15px;font-weight:700;} .m-rel p{margin:6px 0 12px;font-size:12.5px;line-height:1.55;color:var(--soft);}
.m-rel-item{border-radius:10px;border:1px solid var(--line2);background:#fff;padding:10px 12px;display:flex;flex-direction:column;gap:3px;transition:box-shadow .2s,border-color .2s;}
.m-rel-item.hit{border-color:var(--ind2);box-shadow:0 0 0 3px rgba(91,127,210,.22);}
.m-k{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep);}
.m-k em{font:600 11.5px var(--sans);letter-spacing:0;text-transform:none;color:var(--em);margin-left:6px;}
.m-rel-item b{font-size:14px;font-weight:600;} .m-rel-item b svg{width:12px;height:12px;color:var(--muted);vertical-align:-1px;}
.m-rel-item span{font-size:12.5px;color:var(--soft);}
.m-btns{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);}
.m-dark{border:0;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;background:var(--ink);color:#fff;}
.m-light{border:1px solid var(--line2);border-radius:8px;padding:10px 16px;font-size:12.5px;font-weight:600;background:transparent;color:var(--soft);}

.m-survey{padding-top:16px;}
.m-back{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--soft);margin-bottom:10px;}
.m-back svg{width:15px;height:15px;}
.m-survey>.m-k{color:var(--muted);letter-spacing:.14em;font-size:11px;}
.m-survey>.m-k em{color:var(--soft);font-weight:600;font-size:12.5px;}
.m-survey h3{margin:6px 0 2px;font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.3;}
.m-qcard{position:relative;margin-top:14px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.45);padding:18px;height:548px;overflow:hidden;
  box-shadow:0 1px 2px rgba(18,26,46,.05);}
.m-q{position:absolute;left:18px;right:18px;top:18px;opacity:0;transform:translateX(40px);transition:opacity .35s,transform .45s cubic-bezier(.2,.75,.2,1);}
.m-q.vis{opacity:1;transform:none;} .m-q.past:not(.vis){transform:translateX(-40px);}
.m-qtop{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);} .m-qtop span:first-child{font-weight:600;color:var(--soft);}
.m-prog{height:6px;border-radius:6px;background:rgba(18,26,46,.07);margin:8px 0 14px;overflow:hidden;} .m-prog i{display:block;height:100%;background:var(--ind2);border-radius:6px;}
.m-q h5{margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.35;}
.m-qhint{font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-bottom:10px;}
.m-opts{display:flex;flex-direction:column;gap:8px;}
.m-o{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.7);padding:10px 14px;font-size:14px;transition:border-color .15s,background .15s;}
.m-o i{width:16px;height:16px;border:1px solid var(--line3,#A0A0AA);display:grid;place-items:center;flex:none;background:#fff;transition:background .15s,border-color .15s;}
.m-radio i{border-radius:50%;} .m-checkbox i{border-radius:3px;}
.m-o i svg{width:10px;height:10px;stroke:#fff;stroke-width:3;opacity:0;}
.m-o.sel{border-color:var(--deep);background:#fff;} .m-o.sel i{background:var(--deep);border-color:var(--deep);} .m-o.sel i svg{opacity:1;}
.m-pts{display:flex;flex-direction:column;gap:6px;}
.m-pt{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;border:1px solid var(--line);background:#fff;padding:7px 10px;font-size:13px;}
.m-step{display:flex;align-items:center;gap:5px;} .m-step i{width:26px;height:26px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;font:400 15px var(--sans);color:var(--soft);font-style:normal;}
.m-step b{width:40px;height:26px;border-radius:8px;border:1px solid var(--line2);display:grid;place-items:center;font-size:13px;font-weight:500;}
.m-ptbar{grid-column:1 / -1;height:5px;border-radius:5px;background:rgba(18,26,46,.07);overflow:hidden;} .m-ptbar i{display:block;height:100%;width:0;background:var(--ind2);transition:width .2s;}
.m-ptfoot{display:flex;justify-content:space-between;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--soft);} .m-ptfoot em{font-style:normal;color:var(--deep);}
.m-scale{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:#fff;}
.m-sc{height:52px;display:grid;place-items:center;border-right:1px solid var(--line);font-size:16px;font-weight:600;color:var(--soft);transition:background .18s,color .18s;}
.m-sc:last-child{border-right:0;}
.m-sc span{display:none;}
.m-sc.sel{background:var(--deep);color:#fff;}
.m-scends{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--muted);}
.m-area{position:relative;min-height:120px;border-radius:10px;border:1px solid var(--line2);background:#fff;padding:10px 14px;font-size:14px;line-height:1.6;}
.m-area em{position:absolute;right:12px;bottom:8px;font-style:normal;font-size:11px;color:var(--muted);}
.m-qnav{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;transition:opacity .3s;}
.m-qnav.hide{opacity:0;}
.m-qnav .m-dark{background:rgba(52,69,126,.45);font-size:14px;padding:10px 20px;transition:background .2s;}
.m-qnav .m-dark.ready{background:var(--deep);box-shadow:0 1px 2px rgba(91,127,210,.3);}
.m-ok{position:absolute;left:18px;right:18px;top:30%;opacity:0;transform:scale(.96);transition:opacity .4s,transform .45s;text-align:center;}
.m-ok.show{opacity:1;transform:none;}
.m-okbox{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:var(--em50);padding:12px 14px;color:var(--em);font-size:14px;}
.m-okbox svg{width:18px;height:18px;stroke-width:2.4;} .m-okbox b{font-weight:600;}
.m-ok p{margin:10px 0 0;font-size:12.5px;color:var(--muted);}
.m-filled{margin-top:22px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.6);padding:16px 18px;display:flex;align-items:baseline;gap:8px;text-align:left;}
.m-filled b{font-size:24px;font-weight:600;transition:color .3s;display:inline-block;} .m-filled b.bump{color:var(--em);animation:vdBump .5s ease;}
.m-filled span{font-size:12px;color:var(--muted);} .m-filled em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--muted);}
@keyframes vdBump{40%{transform:translateY(-3px) scale(1.12);}}

/* ── kezelőfelület (asztali) ─────────────────────────────── */
.r-root{font-size:13px;background:radial-gradient(620px 460px at 8% 0%,rgba(159,177,228,.26),transparent 70%),radial-gradient(520px 420px at 100% 100%,rgba(91,127,210,.10),transparent 70%),var(--bg);}
.r-side{position:absolute;left:0;top:0;bottom:0;width:224px;background:rgba(255,255,255,.7);border-right:1px solid var(--line);padding:12px 10px;display:flex;flex-direction:column;gap:2px;}
.r-org{display:flex;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--line2);background:rgba(236,229,212,.4);padding:8px 10px;margin-bottom:10px;}
.r-org>i{width:24px;height:24px;border-radius:8px;background:var(--deep);color:#fff;font:700 11px/24px var(--sans);text-align:center;font-style:normal;flex:none;}
.r-org div{min-width:0;flex:1;} .r-org b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.r-org span{display:block;font-size:11.5px;color:var(--muted);} .r-org svg{width:14px;height:14px;color:var(--soft);}
.r-nav{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;font-size:13px;font-weight:500;color:var(--soft);transition:background .25s,color .25s;}
.r-nav svg{width:15px;height:15px;flex:none;}
.r-nav.on{background:rgba(228,233,247,.85);color:var(--deep);}
.r-nav em{margin-left:auto;font:700 10.5px/1 var(--sans);font-style:normal;background:#F6E3E9;color:var(--wine);border-radius:8px;padding:3px 6px;}
.r-sec{margin:14px 6px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);}
.r-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:10px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--soft);}
.r-foot>span:first-child{display:flex;align-items:center;gap:8px;flex:1;padding:0 6px;} .r-foot svg{width:15px;height:15px;}
.r-theme{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--muted);}
.r-lang{display:flex;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.55);padding:2px;}
.r-lang b{font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.14em;padding:4px 8px;border-radius:6px;color:var(--soft);}
.r-lang b.on{background:var(--ink);color:#fff;}
.r-main{position:absolute;left:224px;top:0;right:0;bottom:0;padding:22px 28px;overflow:hidden;}
.r-crumb{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--soft);} .r-crumb svg{width:14px;height:14px;}
.r-eyebrow{font:700 10.5px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--deep);}
.r-card{border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.45);box-shadow:0 1px 2px rgba(18,26,46,.05);padding:18px;}
.r-card h3{margin:0 0 10px;font-size:15px;font-weight:600;}

/* eredmény */
.r-titlerow{display:flex;align-items:center;gap:10px;margin-top:10px;}
.r-titlerow h2{margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em;}
.r-live{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:4px 10px;background:var(--em100);color:var(--em);font-size:11px;font-weight:700;}
.r-live i{width:6px;height:6px;border-radius:50%;background:var(--em);animation:vdPulse 1.6s infinite;}
@keyframes vdPulse{50%{opacity:.35;}}
.r-toast{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:6px 12px;background:#fff;border:1px solid var(--em300);color:var(--em);font-size:12px;font-weight:600;
  box-shadow:0 8px 20px -10px rgba(4,120,87,.4);opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .35s;}
.r-toast svg{width:14px;height:14px;stroke-width:2.4;} .r-toast.show{opacity:1;transform:none;}
.r-sub{font-size:12.5px;color:var(--muted);margin-top:2px;}
.r-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 14px;}
.r-kpi{position:relative;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.5);padding:14px 16px;transition:border-color .3s,box-shadow .3s;}
.r-kpi b{display:block;font-size:22px;font-weight:600;letter-spacing:-.01em;} .r-kpi b.deep{color:var(--deep);}
.r-kpi span{font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.025em;color:var(--muted);}
.r-kpi.bump{border-color:var(--em300);box-shadow:0 0 0 3px rgba(110,231,183,.35);} .r-kpi.bump b{color:var(--em);animation:vdBump .5s ease;}
.r-mini{display:block;height:6px;border-radius:6px;background:rgba(18,26,46,.07);margin-top:6px;overflow:hidden;} .r-mini u{display:block;height:100%;background:var(--ind2);}
.r-spark{position:absolute;right:14px;top:18px;width:56px;height:20px;} .r-spark path{stroke:var(--ind2);stroke-width:1.75;opacity:.85;} .r-spark circle{fill:var(--ind2);stroke:none;}
.r-two{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;align-items:start;}
.r-chart svg{display:block;width:100%;height:auto;} .r-base{stroke:rgba(18,26,46,.08);stroke-width:1;}
.r-area{fill:rgba(91,127,210,.09);stroke:none;} .r-line{stroke:var(--ind2);stroke-width:2.2;}
.r-dot{fill:var(--ind2);stroke:#fff;stroke-width:2;transform-origin:460px 26px;} .r-dot.pulse{animation:vdDotPulse 1.2s ease 2;}
@keyframes vdDotPulse{50%{transform:scale(1.7);}}
.r-dates{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:2px;}
.r-ai{margin-top:14px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:8px;padding:9px 14px;background:var(--deep);color:#fff;font-size:12.5px;font-weight:600;
  box-shadow:0 1px 2px rgba(91,127,210,.3);transition:filter .2s;}
.r-ai svg{width:14px;height:14px;} .r-ai.busy{filter:brightness(1.25);}
.r-aibox{margin-top:12px;border-radius:10px;border:1px solid rgba(91,127,210,.5);background:rgba(228,233,247,.35);padding:12px 14px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .4s;}
.r-aibox.show{opacity:1;transform:none;} .r-aibox p{margin:6px 0 0;font-size:13px;line-height:1.6;min-height:62px;}
.r-q h4{margin:6px 0 12px;font-size:14.5px;font-weight:600;}
.r-bar{margin-bottom:10px;} .r-bar div{display:flex;justify-content:space-between;font-size:13px;color:var(--soft);margin-bottom:4px;} .r-bar b{font-size:12.5px;font-weight:600;color:var(--ink);}
.r-bar.lead span{font-weight:600;color:var(--ink);}
.r-bar i{display:block;height:8px;border-radius:8px;background:rgba(18,26,46,.06);overflow:hidden;} .r-bar u{display:block;height:100%;border-radius:8px;background:var(--ind);}
.r-bar.lead u{background:var(--ind2);}
.r-x{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding-top:10px;margin-top:12px;font-size:12px;font-weight:600;color:var(--soft);}
.r-x span{margin-right:4px;} .r-x em{font-style:normal;border-radius:8px;padding:2px 8px;font-size:11.5px;border:1px solid var(--line2);} .r-x em.on{background:var(--ink);border-color:var(--ink);color:#fff;}

/* döntés */
.r-main.r-dec,.r-main.r-mem,.r-main.r-prop,.r-main.r-res,.r-main.r-list,.r-main.r-vote,.r-main.r-pub{opacity:0;pointer-events:none;transition:opacity .45s;} .r-main.vis{opacity:1;}
.r-dec{padding:18px 22px 0;}
.r-dhead{display:flex;align-items:center;gap:10px;} .r-dhead h2{margin:0;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.r-phchip{font:500 10px var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.1em;border-radius:8px;border:1px solid rgba(91,127,210,.6);background:rgba(228,233,247,.7);color:var(--deep);padding:2px 6px;}
.r-phases{display:flex;gap:6px;border-radius:8px;border:1px solid var(--line2);background:rgba(255,255,255,.7);padding:10px;margin:12px 0;}
.r-ph{flex:1;border-radius:8px;border:1px solid var(--line2);background:#fff;padding:6px 8px;color:var(--muted);}
.r-ph b{display:block;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.09em;} .r-ph span{font-size:11px;}
.r-ph.done{background:var(--em50);border-color:rgba(110,231,183,.7);color:#064E3B;} .r-ph.cur{background:var(--deep);border-color:var(--ind2);color:#fff;}
.r-dgrid{position:absolute;left:22px;right:22px;top:122px;bottom:0;}
.r-dclip{position:absolute;left:0;top:0;bottom:0;right:316px;overflow:hidden;}
.r-doc{will-change:transform;}
.r-memin{will-change:transform;}
.r-sumbox{border-radius:8px;border:1px solid var(--line2);background:rgba(255,255,255,.7);overflow:hidden;}
.r-strip{background:rgba(236,229,212,.4);border-bottom:1px solid var(--line2);padding:7px 14px;font:500 10.5px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--soft);}
.r-sumin{padding:12px 14px;} .r-lead{margin:0 0 10px;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.45;}
.r-sumin .r-eyebrow{color:var(--soft);font-weight:500;margin-bottom:4px;}
.r-prow{display:grid;grid-template-columns:92px 1fr auto;gap:10px;align-items:center;padding:6px 0 6px 10px;border-bottom:1px solid rgba(213,208,196,.7);font-size:12.5px;position:relative;transition:background .4s;}
.r-prow::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--ind2);}
.r-prow:nth-child(3)::before{background:#B07E22;} .r-prow:nth-child(4)::before{background:#159081;}
.r-prow b{font-weight:600;} .r-prow em{font:400 11px var(--mono);font-style:normal;color:var(--deep);border-radius:8px;padding:1px 6px;background:rgba(228,233,247,.6);}
.r-prow.upd{background:rgba(236,253,245,.8);}
.r-cap s,.r-cap2 s{text-decoration:none;} .r-cap ins,.r-cap2 ins{display:none;text-decoration:none;}
.r-prow.upd .r-cap s,.r-cl.upd .r-cap2 s{text-decoration:line-through;color:#881337;background:rgba(255,228,230,.7);}
.r-prow.upd .r-cap ins,.r-cl.upd .r-cap2 ins{display:inline;margin-left:4px;color:#064E3B;background:rgba(209,250,229,.8);border-radius:3px;padding:0 2px;}
.r-docbody{border-radius:8px;border:1px solid var(--line2);background:rgba(255,255,255,.7);padding:6px 14px 14px;margin-top:12px;}
.r-docbody h3{margin:14px 0 6px;font-size:16px;font-weight:600;padding:6px 12px;border-radius:6px;background:rgba(91,127,210,.045);border:1px solid rgba(91,127,210,.14);border-left:3px solid rgba(91,127,210,.8);}
.r-docbody h3.r-sec5{background:rgba(176,126,34,.045);border-color:rgba(176,126,34,.14);border-left-color:rgba(176,126,34,.8);}
.r-cl{position:relative;border-radius:8px;border:1px solid transparent;padding:6px 10px 6px 14px;margin:2px 0;font-size:13.5px;line-height:1.7;transition:background .25s,border-color .25s;}
.r-cl::before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:rgba(91,127,210,.3);}
.r-cl>em{font:400 11px var(--mono);font-style:normal;color:var(--muted);margin-right:8px;}
.r-cl.hover{background:rgba(228,233,247,.35);} .r-cl.sel{border-color:rgba(91,127,210,.7);background:rgba(228,233,247,.6);}
.r-inline{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .3s,margin .3s;}
.r-inline.show{max-height:90px;opacity:1;margin-top:8px;}
.r-ta{position:relative;border-radius:8px;border:1px solid rgba(91,127,210,.6);background:rgba(255,255,255,.95);padding:8px 10px;min-height:52px;font-size:13px;}
.r-ta em{position:absolute;left:10px;top:8px;font-style:normal;color:var(--muted);} .r-ta em.hide{display:none;}
.r-rcol{position:absolute;right:0;top:0;width:300px;min-height:420px;}
.r-empty{border-radius:8px;border:1px dashed var(--line2);padding:14px;transition:opacity .3s;} .r-empty b{font-size:13.5px;font-weight:600;}
.r-empty p{margin:6px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5;} .r-empty.hide{opacity:0;}
.r-rv,.r-am{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateX(24px);transition:opacity .4s,transform .45s cubic-bezier(.2,.75,.2,1);pointer-events:none;}
.r-rv.show,.r-am.show{opacity:1;transform:none;}
.r-rv{border-radius:8px;border:1px solid rgba(91,127,210,.5);background:rgba(228,233,247,.35);padding:14px;}
.r-rvT{font-size:14px;font-weight:600;} .r-rvN{font-size:12.5px;font-weight:600;color:var(--deep);margin:2px 0 8px;}
.r-rv label{display:block;font-size:12px;font-weight:600;color:var(--soft);margin:8px 0 4px;}
.r-field{border-radius:8px;border:1px solid var(--line2);background:#fff;padding:7px 10px;font-size:12.5px;line-height:1.45;} .r-field.r-area{font-size:12px;color:var(--soft);}
.r-chg{border-radius:8px;border:1px solid var(--line2);background:rgba(255,255,255,.8);padding:10px;margin-top:10px;}
.r-chg .r-eyebrow{color:var(--ink);font-size:10.5px;letter-spacing:.08em;} .r-chg p{margin:6px 0 0;font-size:12.5px;line-height:1.5;}
.r-chg s{color:var(--muted);} .r-chg ins{text-decoration:none;background:rgba(236,253,245,.9);}
.r-submit{width:100%;margin-top:12px;border:0;border-radius:8px;padding:11px 20px;background:var(--deep);color:#fff;font-size:14px;font-weight:600;}
.r-rvb{display:flex;gap:6px;margin-top:6px;} .r-ghost{border:1px solid var(--line2);background:transparent;border-radius:8px;padding:7px 10px;font-size:12px;color:var(--soft);}
.r-plain{border:0;background:transparent;font-size:12px;color:var(--soft);}
.r-am{border-radius:8px;border:1px solid var(--ind2);background:rgba(228,233,247,.25);padding:12px 12px 12px 16px;box-shadow:0 2px 8px -2px rgba(18,26,46,.1);}
.r-am::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:rgba(91,127,210,.7);}
.r-amtop{display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.r-st{font:500 10px var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.1em;border-radius:8px;border:1px solid rgba(91,127,210,.6);background:rgba(228,233,247,.7);color:var(--deep);padding:2px 6px;transition:all .3s;}
.r-am.passed .r-st{background:rgba(209,250,229,.8);border-color:rgba(110,231,183,.7);color:#065F46;}
.r-am.passed{border-color:var(--em300);}
.r-no{display:inline-flex;align-items:center;gap:4px;font:400 10.5px var(--mono);color:var(--muted);} .r-no i{width:6px;height:6px;background:var(--ind2);border-radius:1px;}
.r-chg2{font:500 10.5px var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:rgba(18,26,46,.05);border-radius:8px;padding:2px 6px;}
.r-votedp{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;border-radius:8px;padding:2px 8px;background:var(--em50);color:#065F46;opacity:0;transition:opacity .3s;}
.r-votedp.show{opacity:1;}
.r-amT{display:block;margin-top:8px;font-size:13.5px;font-weight:600;line-height:1.35;} .r-by{font-size:11.5px;color:var(--muted);margin-top:2px;}
.r-diff{margin-top:6px;font-size:12px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.r-diff s{background:rgba(255,228,230,.7);color:#881337;} .r-diff ins{text-decoration:none;background:rgba(209,250,229,.7);color:#064E3B;margin-left:3px;}
.r-vote{margin-top:10px;padding-top:8px;border-top:1px solid var(--line);}
.r-rule{display:flex;justify-content:space-between;gap:8px;font:400 10.5px var(--mono);text-transform:uppercase;color:var(--muted);} .r-rule b{color:var(--ink);}
.r-vbar{position:relative;display:block;height:6px;border-radius:6px;background:rgba(18,26,46,.07);margin:6px 0 8px;}
.r-vbar u{display:block;height:100%;border-radius:6px;background:var(--ind2);transition:width .35s ease,background .3s;}
.r-vbar s{position:absolute;left:50%;top:-3px;bottom:-3px;width:1.5px;background:rgba(18,26,46,.35);}
.r-am.passed .r-vbar u{background:#10B981;}
.r-tally{font-size:12px;color:var(--soft);} .r-tally b{color:var(--ink);font-weight:700;}
.r-vbtns{display:flex;gap:6px;margin-top:10px;transition:opacity .3s;} .r-vbtns.hide{opacity:.35;}
.r-vbtns button{border-radius:8px;border:1px solid var(--line2);padding:6px 11px;font-size:12.5px;font-weight:600;background:#fff;color:var(--soft);}
.r-vbtns .y{background:var(--em50);border-color:var(--em300);color:#065F46;} .r-vbtns .n{background:var(--rose50);border-color:var(--rose300);color:#9F1239;}
.r-vbtns .y.hit{background:#10B981;border-color:#10B981;color:#fff;}
.r-composer{position:absolute;left:0;right:316px;bottom:0;padding:26px 0 12px 22px;background:linear-gradient(rgba(245,241,232,0),rgba(245,241,232,.96) 30px);}
.r-thread{margin:0 auto 8px;max-width:640px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.96);padding:10px 12px;display:flex;flex-direction:column;gap:8px;
  opacity:0;transform:translateY(10px);transition:opacity .35s,transform .4s;} .r-thread.show{opacity:1;transform:none;}
.r-ub{align-self:flex-end;max-width:85%;background:var(--isoft);border-radius:14px 14px 8px 14px;padding:8px 14px;font-size:13px;line-height:1.55;}
.r-ub em{display:block;font:500 9.5px var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.1em;color:var(--deep);}
.r-work{display:none;align-items:center;gap:8px;font-size:13px;color:var(--soft);} .r-work.show{display:flex;}
.r-spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--isoft);border-top-color:var(--ind2);animation:vdSpin .8s linear infinite;}
@keyframes vdSpin{to{transform:rotate(360deg);}}
.r-steps{display:flex;gap:10px;margin-left:8px;} .r-steps b{font-size:11px;font-weight:500;color:var(--muted);display:flex;align-items:center;gap:4px;}
.r-steps b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--line2);} .r-steps b.on{color:var(--deep);} .r-steps b.on::before{background:var(--ind2);}
.r-rb{display:none;align-self:flex-start;max-width:85%;border:1px solid var(--line2);background:rgba(236,229,212,.3);border-radius:14px 14px 14px 8px;padding:8px 14px;font-size:13px;line-height:1.55;}
.r-rb.show{display:block;}
.r-pill{margin:0 auto;max-width:640px;display:flex;align-items:center;gap:8px;border-radius:22px;border:1px solid var(--line2);background:#fff;padding:7px 8px 7px 10px;box-shadow:0 1px 2px rgba(18,26,46,.05);}
.r-plus{width:30px;height:30px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font:400 17px var(--sans);font-style:normal;color:var(--soft);flex:none;}
.r-pin{display:none;align-items:center;gap:6px;border-radius:8px;border:1px solid rgba(91,127,210,.5);background:rgba(228,233,247,.4);padding:4px 8px;max-width:400px;overflow:hidden;white-space:nowrap;}
.r-pin.show{display:flex;} .r-pin b{font:600 11.5px var(--mono);color:var(--deep);} .r-pin span{font-size:12px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;}
.r-ph2{flex:1;font-size:14px;color:var(--muted);} .r-ph2.hide{visibility:hidden;}
.r-gen{margin-left:auto;height:32px;border:0;border-radius:16px;padding:0 14px;background:rgba(52,69,126,.45);color:#fff;font-size:12.5px;font-weight:600;transition:background .2s;}
.r-gen.ready{background:var(--deep);box-shadow:0 1px 2px rgba(91,127,210,.3);}
.r-flash{position:absolute;left:50%;top:14px;transform:translate(-50%,-8px);display:flex;align-items:center;gap:6px;border-radius:8px;padding:7px 14px;background:#fff;border:1px solid var(--em300);
  color:var(--em);font-size:12.5px;font-weight:600;box-shadow:0 10px 24px -12px rgba(4,120,87,.45);opacity:0;transition:opacity .3s,transform .35s;z-index:5;}
.r-flash svg{width:14px;height:14px;stroke-width:2.4;} .r-flash.show{opacity:1;transform:translate(-50%,0);}

/* tagok */
.r-mem h2{margin:0;font-size:19px;font-weight:600;}
.r-tabs{display:flex;gap:4px;margin:12px 0;} .r-tabs b{border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--soft);} .r-tabs b.on{background:var(--ink);color:#fff;}
.r-stats{display:flex;align-items:center;gap:32px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.45);padding:14px 20px;}
.r-stats b{font-size:19px;font-weight:400;display:block;} .r-stats span{font-size:12.5px;color:var(--muted);} .r-stats a{margin-left:auto;font-size:13px;font-weight:600;color:var(--deep);}
.r-filters{display:flex;gap:6px;margin:12px 0;} .r-filters em{font-style:normal;border-radius:999px;border:1px solid var(--line2);background:#fff;padding:4px 12px;font-size:12px;font-weight:600;color:var(--soft);}
.r-filters em.on{background:var(--ink);border-color:var(--ink);color:#fff;}
.r-mlist{display:flex;flex-direction:column;gap:12px;will-change:transform;}
.r-mcard{border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.45);padding:16px 20px;}
.r-mcard.focus{background:rgba(255,255,255,.75);}
.r-mtop{display:flex;align-items:flex-start;gap:6px;} .r-mtop div{flex:1;} .r-mtop b{display:block;font-size:16px;font-weight:400;line-height:1.25;} .r-mtop span{font-size:13px;color:var(--muted);}
.r-grp{font-style:normal;border-radius:999px;border:1px solid rgba(91,127,210,.5);background:rgba(228,233,247,.5);padding:2px 8px;font-size:11px;font-weight:600;color:var(--deep);}
.r-lvl{font-style:normal;border-radius:8px;background:rgba(18,26,46,.05);padding:2px 8px;font-size:11.5px;font-weight:700;color:var(--soft);}
.r-mgrid{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:20px;margin-top:12px;}
.r-mgrid label{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-bottom:4px;}
.r-input{position:relative;border-radius:8px;border:1px solid var(--line2);background:#fff;padding:7px 12px;font-size:14px;} .r-input i{position:absolute;right:10px;top:9px;font-size:11px;color:var(--muted);font-style:normal;}
.r-body{border-radius:8px;border:1px solid var(--line2);background:rgba(255,255,255,.6);padding:8px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.r-body>b{font-size:12.5px;font-weight:500;} .r-body>em{font-style:normal;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600;background:rgba(4,120,87,.1);color:#065F46;}
.r-body>em.no{background:rgba(18,26,46,.05);color:var(--muted);}
.r-rights{display:flex;gap:4px;flex-wrap:wrap;width:100%;}
.r-right{display:inline-flex;align-items:center;gap:4px;border-radius:8px;border:1px solid var(--line2);background:#fff;padding:2px 8px;font-size:11px;font-weight:600;color:var(--soft);}
.r-right svg{width:9px;height:9px;stroke-width:3;} .r-right i{width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(58,67,102,.4);}
.r-right.on{background:var(--deep);border-color:var(--ind2);color:#fff;}
.r-exp{position:relative;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);}
.r-exp b{font-weight:600;color:var(--deep);}
.r-saved{position:absolute;right:0;top:9px;display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--em);opacity:0;transition:opacity .3s;}
.r-saved svg{width:12px;height:12px;stroke-width:2.6;} .r-saved.show{opacity:1;}
.r-perm{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 20px;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .35s,margin .3s;}
.r-perm.open{max-height:160px;opacity:1;margin-top:10px;}
.r-pgh{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--muted);margin-bottom:4px;}
.r-cb{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);padding:3px 0;border-radius:6px;transition:background .3s;}
.r-cb i{width:14px;height:14px;border-radius:3px;border:1px solid #A0A0AA;background:#fff;display:grid;place-items:center;flex:none;transition:background .2s;}
.r-cb svg{width:10px;height:10px;stroke:#fff;stroke-width:3;opacity:0;}
.r-cb.on{color:var(--ink);} .r-cb.on i{background:var(--deep);border-color:var(--deep);} .r-cb.on svg{opacity:1;}

/* ── két eszköz egy színpadon (telefon + kezelőfelület) ─────────────────────── */
.vd-both{position:absolute;inset:0;}
.vd-both .vd-mac-host{position:absolute;right:0;top:30px;width:92%;transition:transform .5s ease,filter .5s ease;}
.vd-both .vd-phone-host{position:absolute;left:0;bottom:0;width:282px;z-index:2;transition:opacity .5s ease,transform .5s ease;}
.vd-both.focus-mac .vd-mac-host{z-index:3;transform:translateY(-12px);}
.vd-both.focus-mac .vd-phone-host{opacity:.3;transform:translate(-30px,26px) scale(.96);}
.vd-both.focus-phone .vd-mac-host{filter:saturate(.75) opacity(.85);}
@media (max-width:880px){
  .vd-both{position:static;display:flex;flex-direction:column;align-items:center;gap:54px;}
  .vd-both .vd-mac-host{position:relative;right:auto;top:auto;width:100%;transform:none !important;}
  .vd-both .vd-phone-host{position:relative;left:auto;bottom:auto;width:min(282px,76%);opacity:1 !important;transform:none !important;}
}

/* ── 1. jelenet: belépés/hitelesítés, saját javaslat, értesítés ────────────── */
.m-login,.m-kyc{display:flex;flex-direction:column;justify-content:center;}
.m-lcard{border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.65);padding:24px 20px;text-align:center;}
.m-lico{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:var(--isoft);color:var(--deep);}
.m-lico svg{width:26px;height:26px;}
.m-lcard b{display:block;font-size:19px;font-weight:600;letter-spacing:-.01em;}
.m-lcard p{margin:8px 0 18px;font-size:13.5px;line-height:1.6;color:var(--soft);}
.m-wide{width:100%;padding:13px 20px;font-size:14px;}
.m-k2{font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:14px;}
.m-kycsteps{display:flex;flex-direction:column;gap:10px;}
.m-kstep{display:flex;align-items:center;gap:12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.6);padding:12px 14px;font-size:14px;color:var(--muted);
  opacity:.45;transition:opacity .45s ease,border-color .45s ease,color .45s;}
.m-kstep i{margin-left:auto;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--line);color:#fff;opacity:0;transition:opacity .4s,background .4s;}
.m-kstep i svg{width:12px;height:12px;stroke-width:3;}
.m-kico{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--isoft);color:var(--deep);}
.m-kico svg{width:17px;height:17px;}
.m-kstep.on{opacity:1;border-color:rgba(4,120,87,.35);color:var(--ink);} .m-kstep.on i{opacity:1;background:var(--em);}
.m-kok{margin-top:18px;border-radius:12px;border:1px solid rgba(110,231,183,.6);background:var(--em50);padding:18px;text-align:center;opacity:0;transform:translateY(10px);
  transition:opacity .5s,transform .5s;}
.m-kok.show{opacity:1;transform:none;}
.m-kbadge{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 10px;border-radius:50%;background:var(--em);color:#fff;}
.m-kbadge svg{width:22px;height:22px;}
.m-kok b{font-size:16px;font-weight:600;color:#065F46;} .m-kok p{margin:6px 0 0;font-size:12.5px;line-height:1.55;color:#065F46;opacity:.85;}
.m-kchip{display:inline-block;margin-top:10px;border-radius:8px;background:rgba(4,120,87,.12);padding:4px 10px;font:600 11.5px var(--sans);color:#065F46;}
.m-own{border:1.5px solid rgba(91,127,210,.7) !important;background:rgba(255,255,255,.9) !important;opacity:0;max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;
  transition:opacity .45s ease,max-height .5s ease,padding .4s ease,box-shadow .3s;}
.m-own.show{opacity:1;max-height:420px;padding-top:20px;padding-bottom:20px;}
.m-own.tick{box-shadow:0 0 0 3px rgba(91,127,210,.18);}
.m-own.reached .m-bar i{background:var(--em);}
.m-own.reached .m-thr b{color:var(--em);}
.m-mine{font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--deep);background:var(--isoft);border-radius:8px;padding:3px 8px;}
.m-live{margin-top:10px;font-size:12px;font-weight:600;color:var(--em);opacity:0;transition:opacity .3s;}
.m-live.show{opacity:1;}
.m-toast{position:absolute;left:20px;right:20px;top:8px;z-index:9;display:flex;align-items:center;gap:8px;border-radius:10px;border:1px solid var(--em300);background:#fff;
  padding:10px 14px;font-size:12.5px;font-weight:600;color:var(--em);box-shadow:0 10px 24px -14px rgba(4,120,87,.5);opacity:0;transform:translateY(-8px);transition:opacity .35s,transform .4s;}
.m-toast svg{width:15px;height:15px;stroke-width:2.6;} .m-toast.show{opacity:1;transform:none;}
.m-notif{position:absolute;left:20px;right:20px;top:8px;z-index:9;display:flex;align-items:center;gap:10px;border-radius:12px;border:1px solid rgba(91,127,210,.5);background:#fff;
  padding:10px 12px;box-shadow:0 12px 26px -16px rgba(18,26,46,.5);opacity:0;transform:translateY(-10px);transition:opacity .35s,transform .4s;}
.m-notif.show{opacity:1;transform:none;}
.m-nico{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--isoft);color:var(--deep);flex:none;}
.m-nico svg{width:16px;height:16px;}
.m-notif div{min-width:0;flex:1;} .m-notif b{display:block;font-size:12.5px;font-weight:600;}
.m-notif span{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m-notif em{font-style:normal;font-size:12px;font-weight:600;color:#fff;background:var(--ink);border-radius:8px;padding:6px 10px;}
.m-qcard-s{height:404px;}
.m-btns{opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s;} .m-btns.show{opacity:1;transform:none;}
.m-convo .m-btns{margin:0 14px 14px;padding-top:12px;}

/* ── 1. jelenet: javaslat adatlap + felmérés-modal ────────── */
.r-kpis3{grid-template-columns:repeat(3,1fr);}
.r-chipst{border-radius:8px;padding:4px 10px;background:rgba(18,26,46,.06);color:var(--soft);font:700 10.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;transition:background .4s,color .4s;}
.r-chipst.live{background:var(--em100);color:var(--em);}
.r-actions{display:flex;gap:8px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.r-actions .r-ai{margin:0;}
.r-modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(18,26,46,.45);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s;}
.r-modal.show{opacity:1;}
.r-mbox{width:520px;max-width:86%;border-radius:12px;border:1px solid var(--line2);background:#fff;padding:20px;box-shadow:0 30px 60px -30px rgba(18,26,46,.6);
  transform:translateY(10px) scale(.985);transition:transform .4s cubic-bezier(.2,.75,.2,1);}
.r-modal.show .r-mbox{transform:none;}
.r-mbox>b{font-size:16px;font-weight:600;} .r-mbox>p{margin:4px 0 12px;font-size:12.5px;color:var(--soft);}
.r-mbox label{display:block;font-size:12px;font-weight:600;color:var(--soft);margin:10px 0 4px;}
.r-qlist{display:flex;flex-direction:column;gap:6px;}
.r-qrow{display:flex;gap:8px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.9);padding:7px 10px;font-size:12.5px;opacity:0;transform:translateY(6px);
  transition:opacity .35s,transform .35s;}
.r-qrow.in{opacity:1;transform:none;} .r-qrow em{font:400 11px var(--mono);font-style:normal;color:var(--muted);}
.r-mrow{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:10px;padding-top:8px;font-size:12.5px;color:var(--muted);}
.r-mrow b{color:var(--ink);font-weight:600;}
.r-mbtns{display:flex;align-items:center;gap:10px;margin-top:14px;} .r-mbtns .r-submit{width:auto;margin:0;}

/* ── 2. jelenet: javaslatlista, forrás feltöltése, testület kiválasztása ───── */
.r-list h2{margin:0;font-size:19px;font-weight:600;}
.r-rows{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
.r-row{display:flex;align-items:center;gap:12px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.5);padding:14px 16px;transition:border-color .2s,box-shadow .2s,transform .2s;}
.r-row.hot{border-color:rgba(91,127,210,.6);background:rgba(255,255,255,.85);}
.r-row.hit{box-shadow:0 0 0 3px rgba(91,127,210,.22);transform:translateY(-1px);}
.r-row div{flex:1;min-width:0;} .r-row b{display:block;font-size:14px;font-weight:600;} .r-row span{font-size:12.5px;color:var(--muted);}
.r-row em{font-style:normal;border-radius:8px;padding:3px 10px;font-size:11.5px;font-weight:600;background:var(--isoft);color:var(--deep);}
.r-rowchev{width:15px;height:15px;color:var(--muted);transform:rotate(-90deg);}
.r-make{position:absolute;left:22px;top:150px;z-index:6;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;padding:10px 16px;
  background:var(--ink);color:#fff;font-size:13px;font-weight:600;opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .35s;}
.r-make svg{width:15px;height:15px;} .r-make.show{opacity:1;transform:none;}
.r-setup{position:absolute;left:22px;right:22px;top:122px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;}
.r-setup.show{opacity:1;transform:none;}
.r-drop{border-radius:10px;border:1.5px dashed var(--line2);background:rgba(255,255,255,.45);padding:18px;display:flex;flex-direction:column;align-items:center;gap:4px;
  transition:opacity .35s,max-height .45s,border-color .25s,background .25s;max-height:140px;overflow:hidden;}
.r-drop span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--isoft);color:var(--deep);}
.r-drop span svg{width:17px;height:17px;}
.r-drop b{font-size:13.5px;font-weight:600;} .r-drop em{font-style:normal;font-size:12px;color:var(--muted);}
.r-drop.hit{border-color:var(--ind2);background:rgba(228,233,247,.5);}
.r-drop.hide{opacity:0;max-height:0;padding:0;border-width:0;}
.r-setupbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;}
.r-setupbar .r-fileRow{flex:0 0 auto;margin:0 !important;}
.r-setupbar .r-sendRow{flex:1 1 auto;}
.r-fileRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;opacity:0;max-height:0;overflow:hidden;transition:opacity .35s,max-height .4s,margin .3s;}
.r-fileRow.show{opacity:1;max-height:60px;margin-bottom:12px;}
.r-fchip{display:inline-flex;align-items:center;gap:7px;border-radius:8px;border:1px solid var(--line2);background:#fff;padding:7px 12px;font-size:12.5px;font-weight:600;}
.r-fchip svg{width:14px;height:14px;color:var(--deep);}
.r-parsing,.r-parsed{display:none;align-items:center;gap:8px;font-size:12.5px;color:var(--soft);}
.r-parsing.show,.r-parsed.show{display:inline-flex;}
.r-parsed{color:var(--em);font-weight:600;} .r-parsed svg{width:14px;height:14px;stroke-width:2.6;}
.r-sendRow{display:flex;align-items:flex-end;gap:12px;opacity:0;max-height:0;overflow:visible;transition:opacity .4s;}
.r-sendRow.show{opacity:1;max-height:120px;}
.r-sel{position:relative;min-width:210px;}
.r-sel label{display:block;font-size:12px;font-weight:600;color:var(--soft);margin-bottom:4px;}
.r-selbox{display:flex;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--line2);background:#fff;padding:9px 12px;font-size:13px;color:var(--muted);}
.r-selbox svg{margin-left:auto;width:14px;height:14px;}
.r-selbox.picked{color:var(--ink);border-color:var(--ind2);}
.r-selbox.r-static{color:var(--ink);} .r-selbox.r-static svg{margin:0;color:var(--muted);}
.r-selmenu{position:absolute;left:0;right:0;top:100%;z-index:8;margin-top:4px;border-radius:8px;border:1px solid var(--line2);background:#fff;box-shadow:0 18px 34px -18px rgba(18,26,46,.45);
  overflow:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .25s,transform .25s;}
.r-selmenu.open{opacity:1;transform:none;}
.r-selopt{padding:9px 12px;font-size:12.5px;border-bottom:1px solid var(--line);}
.r-selopt:last-child{border-bottom:0;} .r-selopt:first-child{background:rgba(228,233,247,.4);font-weight:600;}
.r-inline-btn{width:auto !important;margin:0 !important;background:rgba(52,69,126,.4) !important;padding:10px 18px !important;font-size:13px !important;}
.r-inline-btn.ready{background:var(--deep) !important;}
.r-dgrid{opacity:0;transition:opacity .45s,top .45s;} .r-dgrid.show{opacity:1;} .r-dgrid.lower{top:276px;}
.r-composer{opacity:0;transition:opacity .4s;} .r-composer.show{opacity:1;}

/* ── 3. jelenet: szavazás, jegyzőkönyv, közlemény, lakossági visszajelzés ──── */
.r-scrollclip{position:absolute;left:22px;right:22px;top:122px;bottom:0;overflow:hidden;}
.r-scroll{position:absolute;left:0;right:0;top:0;will-change:transform;}
.r-banner{display:flex;align-items:center;gap:10px;border-radius:10px;border:1px solid rgba(91,127,210,.5);background:rgba(228,233,247,.45);padding:11px 14px;
  font-size:13px;color:var(--ink);margin-bottom:14px;opacity:0;transform:translateY(-6px);transition:opacity .4s,transform .4s;}
.r-banner.show{opacity:1;transform:none;} .r-banner svg{width:16px;height:16px;color:var(--deep);flex:none;}
.r-sub2{font-size:12px;color:var(--muted);margin:-6px 0 10px;}
.r-vrows{display:flex;flex-direction:column;gap:4px;}
.r-vrow{display:flex;align-items:center;gap:10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.5);padding:6px 10px;font-size:12.5px;transition:border-color .3s,background .3s;}
.r-vrow b{font-weight:500;flex:1;} .r-vrow em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted);border-radius:8px;padding:2px 8px;background:rgba(18,26,46,.05);transition:all .3s;}
.r-av{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--isoft);color:var(--deep);font-size:9.5px;font-weight:700;}
.r-vrow.y{border-color:rgba(110,231,183,.7);background:rgba(236,253,245,.6);} .r-vrow.y em{background:var(--em100);color:#065F46;}
.r-vrow.n{border-color:var(--rose300);background:rgba(255,241,242,.6);} .r-vrow.n em{background:var(--rose100);color:#9F1239;}
.r-vrow.a em{background:rgba(18,26,46,.08);color:var(--soft);}
.r-resc{align-self:start;}
.r-tally2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;}
.r-tally2 div{border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.6);padding:10px 12px;text-align:center;}
.r-tally2 b{display:block;font-size:22px;font-weight:600;} .r-tally2 span{font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
.r-vbar u.ok,.r-vbar.ok u{background:#10B981;}
.r-quorum{margin-top:8px;font-size:12px;color:var(--muted);}
.r-result{display:flex;align-items:center;gap:8px;margin-top:12px;border-radius:10px;border:1px solid rgba(110,231,183,.7);background:var(--em50);padding:12px 14px;
  opacity:0;transform:scale(.97);transition:opacity .4s,transform .4s;}
.r-result.show{opacity:1;transform:none;}
.r-result svg{width:18px;height:18px;stroke-width:2.6;color:var(--em);}
.r-result b{font-size:14px;font-weight:700;color:#065F46;} .r-result span{font-size:12.5px;color:#065F46;opacity:.85;}
.r-min,.r-pub{margin-top:14px;}
.r-min .r-ai,.r-pub .r-ai{margin-top:0;transition:opacity .3s,max-height .35s;}
.r-min .r-ai.hide,.r-pub .r-ai.hide{opacity:0;max-height:0;padding:0;overflow:hidden;}
.r-gen{display:none;align-items:center;gap:8px;font-size:13px;color:var(--soft);} .r-gen.show{display:flex;}
.r-minbox{border-radius:10px;border:1px solid var(--line2);background:#fff;padding:14px 16px;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .4s,margin .3s;}
.r-minbox.show{max-height:220px;opacity:1;margin-top:10px;}
.r-minbox p{margin:0 0 8px;font-size:12.5px;line-height:1.6;color:var(--soft);opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s;}
.r-minbox p.in{opacity:1;transform:none;} .r-minbox p:last-child{margin-bottom:0;color:var(--ink);font-weight:600;}
.r-min .r-fileRow{margin-top:10px;}
.r-pubform{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .4s;}
.r-pubform.show{max-height:300px;opacity:1;}
.r-pubform label{display:block;font-size:12px;font-weight:600;color:var(--soft);margin:10px 0 4px;}
.r-pubform .r-field{min-height:20px;} .r-pubform .r-area{min-height:58px;}
.r-pubform .r-inline-btn{margin-top:12px !important;}

/* telefon: közlemény + visszajelzés */
.m-ann{border:1.5px solid rgba(91,127,210,.7) !important;background:rgba(255,255,255,.92) !important;opacity:0;max-height:0;overflow:hidden;
  padding-top:0 !important;padding-bottom:0 !important;transform:translateY(-10px);transition:opacity .5s,transform .5s,max-height .55s ease,padding .4s,margin .4s;margin-bottom:-16px;}
.m-ann.show{opacity:1;max-height:760px;transform:none;padding-top:20px !important;padding-bottom:20px !important;margin-bottom:0;}
.m-dec{display:flex;align-items:center;gap:6px;margin-top:12px;border-radius:8px;background:var(--em50);padding:7px 10px;font-size:12px;font-weight:600;color:#065F46;}
.m-dec svg{width:13px;height:13px;stroke-width:2.6;}
.m-react{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.m-react>b{font-size:13.5px;font-weight:600;} .m-react>span{display:block;margin-top:2px;font-size:12px;color:var(--muted);}
.m-rbtns{display:flex;flex-direction:column;gap:8px;margin-top:10px;}
.m-rb{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line2);background:#fff;border-radius:8px;padding:9px 12px;font-size:13px;color:var(--soft);
  overflow:hidden;text-align:left;transition:border-color .25s,color .25s;}
.m-rb span{flex:1;z-index:1;} .m-rb b{z-index:1;font-size:12.5px;font-weight:700;color:var(--ink);}
.m-rb i{position:absolute;left:0;top:0;bottom:0;width:100%;background:rgba(18,26,46,.04);}
.m-rb i u{display:block;height:100%;width:0;background:rgba(159,177,228,.35);transition:width .5s ease;}
.m-rb.mine{border-color:var(--deep);color:var(--ink);} .m-rb.mine i u{background:rgba(91,127,210,.35);}
.m-ryours{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:600;color:var(--em);opacity:0;transition:opacity .35s;}
.m-ryours.show{opacity:1;} .m-ryours svg{width:13px;height:13px;stroke-width:2.6;}
.m-seen{margin-top:10px;font-size:12px;color:var(--muted);} .m-seen b{color:var(--ink);font-weight:600;}

/* ── ki cselekszik: eszköz-címkék ─────────────────────────── */
.vd-badge{position:absolute;top:-30px;display:inline-flex;align-items:center;border-radius:0;padding:5px 11px 6px;
  font:500 9.5px/1 'JetBrains Mono','IBM Plex Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;z-index:4;
  background:#FBFAF7;color:#45403a;border:1px solid #DDD8CD;box-shadow:none;}
.vd-badge-p{left:2px;border-left:3px solid #5B7FD2;}
.vd-badge-m{right:2px;left:auto;border-left:3px solid #B07E22;}
.vd-both.focus-phone .vd-badge-m,.vd-both.focus-mac .vd-badge-p{opacity:.5;}
.vd-both.focus-phone .vd-badge-p{color:#2B3A6B;border-color:rgba(91,127,210,.45);}
.vd-both.focus-mac .vd-badge-m{color:#6B4A11;border-color:rgba(176,126,34,.45);}
.vd-badge{transition:opacity .45s ease;}
@media (max-width:880px){ .vd-badge{top:-24px;font-size:9px;} }
.m-card.m-closed{opacity:.72;}

/* ── prezentáció: az aktív eszköz kap fényt, a másik hátralép ─────────────── */
.pres-stage .vd-both .vd-phone-host{width:234px;}
.pres-stage .vd-both .vd-mac-host{width:94%;top:18px;}
.vd-phone-host::before,.vd-mac-host::before{content:"";position:absolute;inset:-22px;border-radius:56px;opacity:0;pointer-events:none;
  transition:opacity .55s ease;}
.vd-phone-host::before{background:radial-gradient(58% 58% at 50% 46%,rgba(91,127,210,.30),transparent 72%);}
.vd-mac-host::before{border-radius:34px;background:radial-gradient(58% 58% at 50% 46%,rgba(176,126,34,.26),transparent 72%);}
.vd-both.focus-phone .vd-phone-host::before,.vd-both.focus-mac .vd-mac-host::before{opacity:1;}
[data-scene].vd-mac-host::before,[data-scene].vd-phone-host::before{opacity:1;}