@font-face{font-family:'Heebo';font-style:normal;font-display:swap;font-weight:100 900;src:url('fonts/heebo-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Heebo';font-style:normal;font-display:swap;font-weight:100 900;src:url('fonts/heebo-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}   /* 2026-11-09 (Miklós): Heebo helyben (OFL), Google Fonts-hívás nélkül */
:root{

  --orange:#FFB000; --turq:#02FADD; --mint:#70F2D2; --deep:#019E8C;
  --ink:#171B23; --night:#080E17; --night2:#111A2A; --navy:#243673; --paper:#F4F1EA; --paper2:#ECE6DB;
  --gray:#586170; --line:#D9DEE5; --white:#FFFFFF;
  --txt:#CFD7E4; --txt2:#BFC9D8; --txt3:#8C97A8; --dim:#5E6B7E;
  --glass:linear-gradient(150deg,rgba(24,34,47,.96),rgba(12,19,29,.94));
  --glass2:linear-gradient(160deg,#15202D,#0D151F);
  --hair:rgba(255,255,255,.105); --hair2:rgba(255,255,255,.07);
  /* öt láb */
  --j:#02FADD; --m:#FFB000; --t:#019E8C; --a:#5B74F0; --ai:#E86060;
  /* polcok */
  --s1:#02FADD; --s2:#FFB000; --s3:#FFFFFF; --s4:#3A4556;   /* Target 1 zöld · Target 2 sárga · Target 3 fehér · kizárt piros */
  --v:#70F2D2; --e:#FFB000; --red:#E86060;
}
*{box-sizing:border-box}
html{background:var(--night)}
body{margin:0;color:var(--txt);font-family:'Heebo',Arial,sans-serif;font-size:14px;line-height:1.55;
  background:radial-gradient(circle at 7% 12%,rgba(2,250,221,.07),transparent 28%),radial-gradient(circle at 94% 60%,rgba(255,176,0,.05),transparent 26%),var(--night);min-height:100vh}
.wrap{width:min(1380px,calc(100% - 64px));margin:0 auto;padding:36px 0 80px}
html.zoomed .wrap{padding-bottom:24px} html.zoomed body{min-height:0}   /* 11-08: nagyított nézetben a kezdőlap ne görgessen (a 100vh is nagyítódna; a háttér így is kitölti az ablakot) */
a{color:inherit}
h1,h2,h3{margin:0;color:#fff;line-height:1.14;letter-spacing:-.022em}
h1{font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:clamp(30px,3.2vw,44px);text-transform:uppercase;letter-spacing:1.2px;line-height:1.15}
.eyebrow{color:var(--turq);font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:12px}
header{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--hair)}
.hsub{font-size:16px;color:var(--txt);margin-top:14px;max-width:820px;line-height:1.55}
.ver{font-size:13px;color:var(--txt3);text-align:right;flex-shrink:0;white-space:nowrap;line-height:1.7;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.ver .logo{height:64px;width:auto;display:block}.vermeta{font-size:12px;color:var(--txt3)}
.modver{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--txt3);margin-left:12px}
.ver b{color:#fff}
/* ---------- Dashboards nézet (2.2) ---------- */
.ana-btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;border-radius:999px;border:1px solid rgba(2,250,221,.45);background:rgba(2,250,221,.08);color:var(--turq);font-weight:800;font-size:12px;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;vertical-align:middle;margin-left:10px;font-family:inherit}
.ana-btn:hover{background:rgba(2,250,221,.16)}
.ana-btn-sm{height:24px;padding:0 11px;font-size:10.5px;margin-left:14px;vertical-align:middle;letter-spacing:.9px}
#anaview header{align-items:flex-start}
#anaview header>div:first-child>div:first-child{flex:1 1 auto;min-width:0}
.okan{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;align-items:stretch}
.okol{flex:1 1 0;width:auto;min-width:150px;background:rgba(0,0,0,.18);border:1px solid var(--hair);border-radius:12px;display:flex;flex-direction:column;min-height:340px;overflow:hidden}
.okol.drop{border-color:var(--mint);background:rgba(112,242,210,.06)}
.okh{padding:10px 12px 9px;background:rgba(112,242,210,.07);border-top:3px solid var(--mint);border-bottom:1px solid rgba(112,242,210,.35)}   /* 2026-11-02: fejléc-jelleg */ .okh .n{font:800 11.5px 'Heebo',Arial,sans-serif;color:#fff;display:flex;justify-content:space-between;align-items:baseline;text-transform:uppercase;letter-spacing:1.1px} .okh .n i{font-style:normal;color:var(--txt2);font-weight:700;text-transform:none;letter-spacing:0}
.okh .s{font:800 16px 'Heebo',Arial,sans-serif;color:var(--mint);margin-top:3px} .okh .w{font-size:11px;color:var(--txt3)}
.okc{padding:8px;display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}
.ocard{min-width:0;overflow:hidden;background:rgba(255,255,255,.045);border:1px solid var(--hair);border-radius:10px;padding:8px 10px;cursor:grab;font-size:12.5px;color:var(--txt2)}
.ocard:hover{border-color:color-mix(in srgb,var(--mint) 55%,transparent)} .ocard.drag{opacity:.4}
.ocard .t{color:#fff;font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ocard .a{color:#fff;font-weight:700;margin-top:2px}
.ocard .c{color:var(--turq,#02FADD);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ocard .m{display:flex;justify-content:space-between;color:var(--txt3);font-size:11.5px;margin-top:3px}
.ocard .m .late{color:var(--red);font-weight:700} .ocard .x{font-size:11px;color:var(--txt3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ocard.won{box-shadow:inset 3px 0 0 var(--mint)} .ocard.lost{box-shadow:inset 3px 0 0 var(--red);opacity:.75}
.ohist{margin-top:10px;font-size:12px;color:var(--txt3)} .ohist b{color:var(--txt2);font-weight:700}
#oppdet .opdh{display:flex;align-items:center;gap:10px;margin:0 0 8px;font:800 14px 'Heebo',Arial,sans-serif;color:#fff} #oppdet .opdh button{margin-left:auto}
#oppdet{margin:0 0 14px;padding:10px 12px;border:1px solid var(--hair);border-radius:12px;background:rgba(255,255,255,.03)}
#oppdet .opr .opp-p{color:var(--turq,#02FADD);font-weight:700}   /* 2026-11-02: valószínűség türkizzel */
#oppdet .opr{display:grid;grid-template-columns:1fr auto auto auto auto;gap:10px;padding:6px 0;border-top:1px solid var(--hair);cursor:pointer;font-size:13px;color:var(--txt2)} #oppdet .opr:hover{color:#fff} #oppdet .opr b{color:#fff}
@media (max-width:760px){ #oppview .kpis{grid-template-columns:1fr 1fr} .oppf{grid-template-columns:1fr} #oppdet .opr{grid-template-columns:1fr auto} }
.hsub-ana{font-size:12.5px;color:var(--txt3);margin-top:10px;max-width:none;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}
.kpi{background:var(--glass);border:1px solid var(--hair);border-radius:16px;padding:14px 16px 12px}
.kpi .kn{font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--mint)}
.kpi .kv{font-family:'Heebo',Arial,sans-serif;font-size:30px;font-weight:800;color:#fff;line-height:1.15;margin-top:4px}
.kpi .kd{font-size:12px;color:var(--txt3);margin-top:2px}
.kpi .kv small{font-size:15px;color:var(--txt3);font-weight:700}.kpi.kdrill{cursor:pointer;transition:border-color .15s}.kpi.kdrill:hover{border-color:rgba(255,255,255,.28)}
.ana-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.chart-card{background:var(--glass);border:1px solid var(--hair);border-radius:16px;padding:14px 16px 10px;box-shadow:0 18px 44px rgba(0,0,0,.28);min-width:0}
.chart-card.wide{grid-column:span 2}
.listfoot{margin:22px 0 4px;font-size:12px;color:var(--txt3)}.listfoot a{color:var(--txt2);text-decoration:none;border-bottom:1px dotted var(--txt3);margin-left:6px}.listfoot a:hover{color:#fff}   /* 2026-10-07: mentett céglisták (#bl01) */
.drillbar[hidden]{display:none}.drillbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;padding:7px 12px;border:1px solid var(--hair);border-radius:12px;background:rgba(255,255,255,.04);font-size:13px;color:var(--txt2)}.drillbar b{color:#fff}.drillbar .dx{margin-left:auto;cursor:pointer;border:1px solid var(--hair);border-radius:999px;padding:1px 10px;font-size:11.5px;font-weight:800;color:var(--txt2);background:transparent;font-family:inherit}.drillbar .dx:hover{color:#fff;border-color:rgba(255,255,255,.3)}.chart-card svg [data-drill]{cursor:pointer}.legend .ldrill{cursor:pointer}.legend .ldrill:hover{color:#fff}.chart-card svg [data-drill]:hover{filter:brightness(1.15)}   /* 2026-10-04: Irány-potenciál → főoldali táblanézet */
.chart-card.dn{display:flex;flex-direction:column}.chart-card.dn .csub{flex:1 0 auto}   /* 2026-10-04: a három fánk-csempe (profil · e-mail · telefon) sorai egy vonalban: a felirat kitölti a helyet, kapcsoló + ábra + legenda alul igazodik */
@media (max-width:1100px){.chart-card.wide{grid-column:1/-1}}
.chart-card h3{margin:0 0 2px;font-size:13.5px;font-weight:800;color:#fff;letter-spacing:.2px}
.chart-card .csub{font-size:11px;color:var(--txt3);margin-bottom:8px;line-height:1.4}
.chart-card svg{width:100%;height:auto;display:block;overflow:visible;max-height:190px}
.chart-card svg text{font-family:'Heebo',Arial,sans-serif;fill:var(--txt2);font-size:12px}
.chart-card svg .ax{stroke:rgba(255,255,255,.1);stroke-width:1}
.chart-card svg .lbl{font-size:11px;fill:var(--txt3)}
.chart-card svg .val{font-size:12px;font-weight:800;fill:#fff}
.chart-card svg .hit{fill:transparent;cursor:pointer}
.legend{display:flex;flex-wrap:wrap;gap:4px 10px;margin:6px 0 2px;font-size:11px;color:var(--txt2)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.ctable{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px;display:none}
.ctable th,.ctable td{padding:4px 6px;border-bottom:1px solid var(--hair2);text-align:right}
.ctable th:first-child,.ctable td:first-child{text-align:left}
.ctoggle{background:none;border:0;color:var(--turq);font-size:11.5px;font-weight:700;cursor:pointer;padding:0;margin-top:6px;font-family:inherit}
.ctoggle-row{display:flex;gap:6px;justify-content:flex-end;margin:-2px 0 6px}.ctoggle-row button{background:rgba(255,255,255,.05);border:1px solid var(--hair);color:var(--txt2);border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;font-family:inherit}.ctoggle-row button.on{background:rgba(2,250,221,.12);border-color:rgba(2,250,221,.45);color:var(--turq)}
.ctip{position:fixed;z-index:50;pointer-events:none;background:#0D151F;border:1px solid var(--hair);border-radius:10px;padding:8px 11px;font-size:12px;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.5);display:none;max-width:280px}
.ctip b{color:var(--mint)}
@media (max-width:1100px){.ana-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.ana-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}
.help-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(2,250,221,.45);background:rgba(2,250,221,.08);color:var(--turq);font-weight:800;cursor:pointer;font-size:13px;vertical-align:middle;margin-left:10px}
.help-btn:hover{background:rgba(2,250,221,.18)}
.modellbar{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;font-size:12px;color:var(--txt3);padding:4px 0 22px}
.modellbar .seg{display:flex;align-items:center;gap:7px}
.sw{width:12px;height:12px;border-radius:3px;display:inline-block}
.legdot{width:9px;height:9px;border-radius:50%;display:inline-block}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}
.tile{position:relative;overflow:hidden;background:var(--glass);border:1px solid var(--hair);border-radius:18px;padding:18px 20px 16px;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.tile.clickable{cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.tile.clickable:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}.tile.on{border-color:var(--orange);background:rgba(255,176,0,.10);box-shadow:0 0 0 1px var(--orange) inset,0 18px 44px rgba(0,0,0,.28)}
.tile::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--turq),var(--orange));opacity:.9}
.tile .tn{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--mint)}
.tile .tv{font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:34px;line-height:1;margin-top:8px;color:#fff}
.tile.all .tv{color:#fff} .tile.s1 .tv{color:var(--s1)} .tile.s2 .tv{color:var(--s2)} .tile.s3 .tv{color:var(--s3)} .tile.x .tv{color:var(--red)}
.controls{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin-bottom:14px}
@media (max-width:1100px){.controls{flex-wrap:wrap}}
.controls select{-webkit-appearance:none;appearance:none;padding:10px 32px 10px 14px;border:1px solid var(--hair);border-radius:999px;font-size:13px;color:#fff;font-family:inherit;cursor:pointer;min-width:150px;flex:0 0 auto;
  background:rgba(255,255,255,.04) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round'/></svg>") no-repeat right 12px center}
.controls select:focus{outline:2px solid rgba(2,250,221,.5);outline-offset:1px}
.controls input{padding:10px 16px;border:1px solid var(--hair);border-radius:999px;font-size:14px;min-width:130px;flex:1 1 150px;max-width:320px;background:rgba(255,255,255,.10);color:#fff;font-family:inherit}
.controls input::placeholder{color:var(--txt3)}
.controls input:focus{outline:2px solid rgba(2,250,221,.5);outline-offset:1px}
.fav{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border-radius:6px;margin-right:6px;font-size:17px;color:var(--txt3);cursor:pointer;user-select:none;vertical-align:-2px;transition:transform .12s ease,color .12s ease}
.fav:hover{color:#fff;transform:scale(1.18);background:rgba(255,255,255,.06)} .fav.s1{color:var(--mint);text-shadow:0 0 10px rgba(112,242,210,.45)} .fav.s2{color:var(--red);text-shadow:0 0 10px rgba(232,96,96,.45)}   /* ★ 2026-10-02: türkiz = ügyfelünk · piros = ne keresd */
.dname .fav{width:34px;height:34px;line-height:34px;font-size:26px;margin-right:8px;vertical-align:-3px}
#favsel{min-width:142px} .favinfo{color:var(--txt2);font-weight:800} .logout{color:var(--txt3);text-decoration:none;font-weight:700;border:1px solid var(--hair);border-radius:8px;padding:2px 8px;font-size:11.5px} .logout:hover{color:#fff;border-color:rgba(255,255,255,.3)} .favinfo .f1{color:var(--mint)} .favinfo .f2{color:var(--red)} .favinfo small{color:var(--txt3);font-weight:600;letter-spacing:0;text-transform:none;margin-left:4px}
.fbtn{white-space:nowrap;flex:0 0 auto;padding:8px 15px;border:1px solid var(--hair);background:rgba(255,255,255,.03);border-radius:999px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--txt);font-family:inherit;letter-spacing:.2px;transition:transform .15s ease,background .15s ease}
.fbtn:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
.fbtn.on{background:var(--orange);color:#171717;border-color:var(--orange);text-transform:uppercase;letter-spacing:.5px;font-weight:800}
.fbtn.sig{text-transform:uppercase;letter-spacing:.5px;font-weight:800;background:var(--turq);color:#171717;border-color:var(--turq)}.fbtn.sig:hover{background:#3AFBE5}.fbtn.sig.on{background:var(--orange);border-color:var(--orange)}
.fbtn.leg{padding-left:12px}
.fbtn.leg::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px;background:var(--line)}
.fbtn.leg.j::before{background:var(--j)} .fbtn.leg.m::before{background:var(--m)} .fbtn.leg.t::before{background:var(--t)} .fbtn.leg.a::before{background:var(--a)} .fbtn.leg.ai::before{background:var(--ai)}
.tablecard{background:var(--glass2);border:1px solid rgba(255,176,0,.38);border-radius:18px;overflow:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 58px rgba(0,0,0,.30)}
table{width:100%;border-collapse:collapse;min-width:980px}
th{position:relative;font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--orange);text-align:center;padding:14px 8px 12px;border-bottom:1px solid var(--hair);background:rgba(255,255,255,.025);white-space:nowrap}
th.l{text-align:left;padding-left:22px} th.r{text-align:right;padding-right:22px} td.r{text-align:right;padding-right:22px}
th.srt{cursor:pointer;user-select:none} th.srt:hover{color:#fff} th.active{color:#fff}
th .ar{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:9px;width:auto} th .ar:empty{display:none} th.r .ar{right:6px} th.l .ar{position:static;margin-left:4px;transform:none}
th .bsub{display:block;font-size:9.5px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--txt3);margin-top:2px}
td{padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.12);text-align:center;vertical-align:middle;color:var(--txt);background:rgba(255,255,255,.10)}
tr:hover td{background:rgba(2,250,221,.16)} tr.sel td{background:rgba(2,250,221,.22)}
tbody tr{cursor:pointer}
td.cname{text-align:left;padding-left:22px;font-weight:700;color:#fff;max-width:360px;font-size:14px}
td.cname .csub{font-size:12px;color:var(--txt3);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px;margin-top:1px}
.bcell .pt{font-weight:700;color:#fff} .bcell .mx{font-size:10px;color:var(--txt3)}
.bcell.zero .pt{color:var(--dim)}
.pot{display:inline-block;min-width:52px;padding:6px 10px;border-radius:999px;font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:17px;line-height:1;color:#0A0F16}
.pot.s1{background:var(--s1)} .pot.s2{background:var(--s2)} .pot.s3{background:var(--s3)} .pot.s4{background:var(--s4);color:var(--txt2)}
.pot.pre{background:transparent;border:1.5px dashed var(--txt3);color:var(--txt2);font-weight:700} .pot.pre.x{border-color:var(--red);color:var(--red)}
.pot.x{background:var(--red);color:#fff;font-family:'Heebo',sans-serif;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.shelf{font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:16px;color:#fff}
.ccl a[href^="mailto:"],a.mail{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px} a.mail{color:var(--turq);font-weight:600;overflow-wrap:anywhere}
a.tel{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;white-space:nowrap} a.tel:hover{color:var(--turq)}
.cc{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.6px;padding:1px 5px;border-radius:5px;margin-left:5px;vertical-align:1px;color:var(--txt3);border:1px solid var(--hair)} .cc.fx{color:#B9C6FF;border-color:rgba(185,198,255,.55);background:rgba(185,198,255,.10)}   /* országkód a táblában (2026-10-02, a bizonyossági jelző helyén) */
.conf{font-weight:800;padding:2px 7px;border-radius:6px;font-size:10.5px;letter-spacing:.5px;vertical-align:2px;margin-left:4px}
.conf.A{background:rgba(112,242,210,.16);color:var(--mint)} .conf.B{background:rgba(255,176,0,.16);color:var(--orange)} .conf.C{background:rgba(255,255,255,.07);color:var(--txt3)}
.legs{display:inline-flex;gap:2px} .lp.gap{margin-right:0}
/* 3.1 (2026-10-03): három irány a táblában – 1 gyors belépő (AI/mentoring) · 2 konzultatív (audit/journey) · 3 tréning */
.dirs{display:inline-flex;gap:3px}.dp{display:inline-block;min-width:26px;padding:2px 4px;border-radius:6px;font-size:10px;letter-spacing:.3px;font-weight:800;text-align:center;border:1px solid var(--hair);color:var(--dim);background:transparent}.dp.on.d1{background:var(--mint);border-color:var(--mint);color:#0A0F16}.dp.on.d2{background:var(--red);border-color:var(--red);color:#fff}.dp.on.d3{background:var(--orange);border-color:var(--orange);color:#171717}.dp.sec.d1{background:rgba(112,242,210,.14);color:var(--mint);border-color:rgba(112,242,210,.45)}.dp.sec.d2{background:rgba(232,96,96,.16);color:var(--red);border-color:rgba(232,96,96,.5)}.dp.sec.d3{background:rgba(255,176,0,.14);color:var(--orange);border-color:rgba(255,176,0,.45)}   /* 2026-10-03 (Miklós): QW = D2 türkiz · AJ = B piros · TR = D1 sárga */.dirline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px;font-size:13px}.dirline .dpb{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid var(--hair);color:var(--txt3);font-weight:700}.dirline .dpb.on.d1{border-color:var(--mint);color:var(--mint)}.dirline .dpb.on.d2{border-color:var(--red);color:var(--red)}.dirline .dpb.on.d3{border-color:var(--orange);color:var(--orange)}.dirline .dpb b{color:#fff}   /* 2026-10-02: keskenyebb csempék, egyforma köz */
.lp{display:inline-block;min-width:20px;padding:2px 3px;border-radius:5px;font-size:10px;font-weight:800;text-align:center;border:1px solid transparent;letter-spacing:.2px}
.lp.eros.j{background:var(--j);color:#0A0F16} .lp.eros.m{background:var(--m);color:#0A0F16} .lp.eros.t{background:var(--t);color:#fff} .lp.eros.a{background:var(--a);color:#fff} .lp.eros.ai{background:var(--ai);color:#fff}
.lp.kozepes.j{background:rgba(2,250,221,.14);color:var(--j)} .lp.kozepes.m{background:rgba(255,176,0,.16);color:var(--m)} .lp.kozepes.t{background:rgba(1,158,140,.22);color:var(--mint)} .lp.kozepes.a{background:rgba(91,116,240,.2);color:#9DAEFF} .lp.kozepes.ai{background:rgba(232,96,96,.18);color:#FF9A9A}
.lp.gyenge{background:rgba(255,255,255,.06);color:var(--txt3)} .lp.nincs{background:transparent;border-color:var(--hair);color:var(--dim)}
.entry{font-size:12.5px;font-weight:700;white-space:nowrap;color:#fff} .entry .sec{color:var(--txt3);font-weight:400}
.entry.t2{color:var(--orange)}
span.act{font-size:10.5px;font-weight:800;color:var(--orange);background:rgba(255,176,0,.14);padding:3px 8px;border-radius:999px;white-space:nowrap;letter-spacing:.3px}
.rundate{font-size:11.5px;color:var(--txt3);white-space:nowrap}
.empty{padding:34px;text-align:center;color:var(--txt3);font-size:14px}
.empty code{color:var(--mint)}
.cflag{font-size:9px;font-weight:800;padding:1px 5px;border-radius:4px;margin-left:5px;vertical-align:middle;letter-spacing:.4px}
.cflag.v{background:rgba(112,242,210,.16);color:var(--v)} .cflag.e{background:rgba(255,176,0,.16);color:var(--e)}


td.sec{text-align:center;font-size:12px;line-height:1.3;color:var(--txt);max-width:150px;width:150px} td.sec .secname{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} td.sec .secsub{margin-top:3px}
.num{font-weight:800;color:#fff;font-size:15px}.numsub{font-size:11px;color:var(--txt3);font-weight:400;margin-top:1px;white-space:nowrap}
.yn{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.yn.yes{background:rgba(112,242,210,.16);color:var(--mint)} .yn.no{background:rgba(255,255,255,.06);color:var(--txt3)} .yn.na{background:rgba(255,176,0,.14);color:var(--orange)}
.keyrow{background:rgba(255,255,255,.10);border:1px solid rgba(255,176,0,.38);border-radius:14px;padding:12px 16px 6px;margin:4px 0 14px}
.keyline{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:10px 16px;margin-bottom:8px;align-items:start}.keyrow .keyline+.keyline{border-top:1px solid rgba(255,255,255,.10);padding-top:10px}
.ki{min-width:0;min-height:64px} .ki .kl{display:block;font-size:9.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--mint);margin-bottom:3px} .ki .kv{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;color:var(--txt);font-weight:400;line-height:1.4;overflow:hidden} .ki .kv b{color:#fff;font-weight:800} .ki .kv .kx{color:var(--txt2)} .ki .kv.ok b{color:var(--mint)} .ki .kv.warn b{color:var(--orange)}
@media (max-width:1100px){.keyline{grid-template-columns:repeat(2,1fr)}}
/* ---- adatlap ---- */
.detcard{position:relative;overflow:hidden;background:var(--glass);border:1px solid rgba(112,242,210,.28);border-radius:18px;padding:30px 32px 28px;margin-top:22px;box-shadow:0 24px 70px rgba(0,0,0,.38)}
.detcard::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--turq),var(--orange))}
.dh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 28px;padding-bottom:20px;border-bottom:1px solid var(--hair);margin-bottom:18px}
.dname{font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:30px;color:#fff;letter-spacing:-.02em;line-height:1.12}
.dweb{font-family:'Heebo',sans-serif;font-size:13px;color:var(--turq);margin-left:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;font-weight:700;letter-spacing:0}
.dsub{font-size:13.5px;color:var(--txt3);margin-top:8px}
.dbem{font-size:15px;color:var(--txt2);margin-top:8px;line-height:1.45;max-width:980px}   /* 2026-11-07 (Miklós): két mondat a cégnév alatt, kézi felvételkor (SZINT_SZABALYOK.md) */
.dscores{display:flex;gap:10px;align-items:stretch;justify-content:flex-end}
.dsbox{background:rgba(255,255,255,.04);border:1px solid var(--hair);border-radius:14px;padding:12px 18px;text-align:center;min-width:104px}
.dsbox .dsv{font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:32px;line-height:1;color:#fff} .dsbox .dsm{font-size:13px;color:var(--txt3);font-family:'Heebo',sans-serif;font-weight:400}
.dsbox .dsl{font-size:10px;color:var(--mint);text-transform:uppercase;letter-spacing:1.4px;margin-top:7px;font-weight:800}
.dsbox.gated .dsv{color:var(--red);font-size:15px;font-family:'Heebo',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.cbtn,.dlbtn{margin-top:10px;padding:9px 16px;border-radius:999px;border:1px solid var(--hair);background:rgba(255,255,255,.04);cursor:pointer;font-size:12px;font-weight:800;color:#fff;margin-left:8px;font-family:inherit;letter-spacing:.4px;text-transform:uppercase}
.dlbtn{background:var(--orange);border-color:var(--orange);color:#171717;box-shadow:0 10px 24px rgba(0,0,0,.26)}
.tglrow{display:flex;justify-content:flex-end;flex-wrap:nowrap;gap:0 4px;margin-top:0}.tglrow .cbtn,.tglrow .dlbtn{margin-top:10px}
.tglrow.left{justify-content:flex-start;margin-top:14px;gap:8px}.tglrow.left .tgl{margin-left:0;margin-top:0}
.tgl.ct.on{background:rgba(255,176,0,.14);border-color:rgba(255,176,0,.65);color:var(--orange)}
/* 3.0: a fejléc (cégnév, bemutató, kapcsolók, pontdobozok) görgetésnél rögzül – a vékony elválasztó vonal a határ */
.detcard{overflow:visible}.detcard::before{border-radius:18px 18px 0 0}
.dh{position:relative;background:linear-gradient(150deg,#18222f,#0d141e);margin:-30px -32px 18px;padding:30px 32px 16px;border-radius:18px 18px 0 0}
/* 2026-10-02: a teljes fejléc elgördül; helyette görgetéskor egy vékony rögzített mini-sáv (név · pontok · kapcsolók) jelenik meg – nulla magasságú sticky gazda, nincs tartalomugrás */
.dmini{position:sticky;top:0;height:0;z-index:8;margin:-30px -32px 30px}
.dmbar{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:12px;padding:8px 18px 8px 20px;background:rgba(13,20,30,.97);border:1px solid rgba(112,242,210,.28);border-top:3px solid var(--turq);border-radius:0 0 14px 14px;box-shadow:0 12px 30px rgba(0,0,0,.45);backdrop-filter:blur(8px);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .16s,transform .16s}
.detcard.compact .dmbar{opacity:1;transform:none;pointer-events:auto}
.dmname{font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:17px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:60px;flex:1 1 auto;cursor:pointer}
.dmpills{display:flex;gap:6px;flex:0 0 auto}
.dmpill{font-size:12px;color:var(--txt3);background:rgba(255,255,255,.05);border:1px solid var(--hair);border-radius:8px;padding:3px 8px;white-space:nowrap}.dmpill b{font-family:'Heebo',Arial,sans-serif;color:#fff;font-size:14px;font-weight:800}.dmpill.x b{color:var(--red)}.dmpill .conf{margin-left:0;vertical-align:0}
.dmbar .tglrow.left{margin:0;gap:6px;flex:0 0 auto}.dmbar .tgl{margin:0;padding:5px 11px;font-size:11px}
.dmact{display:flex;gap:6px;flex:0 0 auto}.mbtn{width:30px;height:30px;border-radius:999px;border:1px solid var(--hair);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font-size:13px;font-weight:800;font-family:inherit}.mbtn:hover{background:rgba(255,255,255,.1)}.mbtn.dl{background:var(--orange);border-color:var(--orange);color:#171717}
@media (max-width:1100px){.dmpill:not(:first-child){display:none}}
@media (max-width:760px){.dmpills{display:none}.dmbar{gap:8px;padding:8px 10px}}
.dsub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dsub.open{display:block}
/* ---- CRM (2026-10-02) ---- */
.crmst{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.4px;padding:3px 8px;border-radius:999px;white-space:nowrap;border:1px solid transparent}
.crmst.p0{color:var(--txt3)} .crmst.p1{background:rgba(2,250,221,.10);border-color:rgba(2,250,221,.35);color:var(--turq)} .crmst.p2{background:rgba(255,176,0,.14);border-color:rgba(255,176,0,.55);color:var(--orange)}
.crmst.p3{background:rgba(112,242,210,.18);border-color:var(--mint);color:#fff} .crmst.p4{background:rgba(185,198,255,.16);border-color:rgba(185,198,255,.6);color:#B9C6FF} .crmst.p5{background:var(--mint);color:#0b1520} .crmst.p6{background:rgba(232,96,96,.10);border-color:rgba(232,96,96,.4);color:var(--red)}
.crmimpi{display:inline-block;margin-left:5px;width:17px;height:17px;line-height:17px;text-align:center;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:900;vertical-align:1px}
.crmlast{font-size:10.5px;color:var(--txt3);margin-top:3px;white-space:nowrap}
.crmimpbar{display:flex;gap:12px;align-items:flex-start;background:rgba(232,96,96,.12);border:1px solid rgba(232,96,96,.55);border-radius:12px;padding:10px 14px;margin:0 0 12px;color:#fff;font-size:13.5px;line-height:1.45}
.crmimpbar b{color:var(--red);letter-spacing:1.2px;font-size:11px;padding-top:2px;white-space:nowrap} .crmimpbar .blk{margin-left:auto;white-space:nowrap;color:var(--red);font-weight:800}
.crmtop{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-bottom:14px}
.crmtop label{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--mint);display:flex;align-items:center;gap:8px}
.crmtop select,.crmtop input,.crmform select,.crmform input{background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;padding:6px 9px;font:500 13px inherit;font-family:inherit;text-transform:none;letter-spacing:0}
.crmrules{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.crmrule{font-size:11.5px;color:var(--txt2);background:rgba(255,255,255,.04);border:1px solid var(--hair);border-radius:8px;padding:3px 8px}.crmrule.warn{border-color:var(--red);color:var(--red)}.crmrule.none{color:var(--txt3)}
.crmgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.crmf{position:relative}.crml{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--mint);margin-bottom:6px;display:flex;align-items:center;gap:10px}.crml span{color:var(--txt3);font-weight:600;letter-spacing:.2px;text-transform:none}
.crmf textarea{width:100%;min-height:86px;resize:vertical;background:rgba(255,255,255,.04);color:#fff;border:1px solid var(--hair);border-radius:12px;padding:10px 12px 22px;font:14px/1.45 inherit;font-family:inherit}
.crmf textarea:focus{outline:none;border-color:rgba(2,250,221,.55)} .crmf.imp textarea{border-color:rgba(232,96,96,.45);background:rgba(232,96,96,.06)} .crmf.imp .crml{color:var(--red)}
.crmmeta{position:absolute;right:12px;bottom:9px;font-size:10.5px;color:var(--txt3);opacity:.75;pointer-events:none}
.crmadd,.crmmore{margin-left:auto;background:none;border:1px solid rgba(2,250,221,.45);color:var(--turq);border-radius:999px;padding:3px 11px;font:800 11px inherit;font-family:inherit;cursor:pointer;letter-spacing:.4px}
.crmmore{margin:8px 0 0;border-color:var(--hair);color:var(--txt3)}
.crmacts{border-top:1px solid var(--hair)}
/* 2026-11-08 A változat (idővonal, /proba/) */
.akta .crmtop{gap:8px 14px;margin-bottom:10px} .akta .akpills{display:inline-flex;gap:6px;margin-left:auto}
.akpill{background:none;border:1px solid var(--hair);color:var(--txt3);border-radius:999px;padding:4px 11px;font:600 12px inherit;font-family:inherit;cursor:pointer} .akpill:hover{color:#fff;border-color:rgba(255,255,255,.35)}
.akpill.imp{color:var(--red);border-color:rgba(232,96,96,.45)} .akpill:not(.imp){color:var(--turq);border-color:rgba(2,250,221,.45)} .akta #crm-sys{display:none} .aknev{cursor:pointer;border-bottom:1px dotted rgba(255,255,255,.35)} .aknev:hover{color:var(--turq);border-bottom-color:var(--turq)}
#aknevk{display:none;position:absolute;z-index:3000;max-width:340px;background:#141c27;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;color:var(--txt);box-shadow:0 12px 30px rgba(0,0,0,.45);pointer-events:none}
#aknevk b{color:#fff;font-size:13.5px} #aknevk .akr{color:var(--orange);font-weight:700} #aknevk .akf{color:var(--turq);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;margin:2px 0} #aknevk .akok{color:var(--turq)} #aknevk .akli{color:var(--txt3)} #aknevk .akh{color:var(--txt3);font-size:11px;margin-top:4px} #aknevk .akt-t{color:var(--red);font-size:11px}
.aknevfl{outline:2px solid var(--turq);outline-offset:3px;border-radius:12px;transition:outline-color 1.5s}
.akhol{flex:1 1 260px;min-width:0;text-align:center;color:#B9A6FF;font-size:13px;line-height:1.45;padding:0 12px}   /* 11-08: „Hol tartunk?” a státuszsor közepén, keret nélkül */
.akhol .akhw{color:var(--txt3);font-style:italic} .akhol .akhd i{background:#B9A6FF} .akhol .akhd{vertical-align:middle}
.akhb{background:rgba(185,166,255,.10);border:1px solid rgba(185,166,255,.55);color:#B9A6FF;border-radius:999px;padding:4px 12px;font:700 12px inherit;font-family:inherit;cursor:pointer} .akhb:hover{background:rgba(185,166,255,.2)}
.akhol .akhr{background:none;border:0;color:#B9A6FF;cursor:pointer;font-size:12px;padding:0 2px;opacity:.75} .akhol .akhr:hover{opacity:1} .akhuj{animation:bsuj 2.4s ease-out}
.akta .crmtop .akhol + .akpills{margin-left:0}
.akfoot{display:flex;align-items:center;justify-content:space-between;gap:12px} .akfoot #crmsave{margin-left:auto;white-space:nowrap} .akta .crmsys + .crmadd{margin-left:auto} .aksz.on.k-sys i{background:var(--turq);box-shadow:0 0 6px rgba(2,250,221,.6)}   /* 11-08: + megjegyzés türkiz; a státuszváltás-kapcsoló a szűrők közé került */ .akpill[hidden]{display:none}
.akta .crmf.ures{display:none} .akta .crmgrid.egy{grid-template-columns:1fr} .akta .crmgrid:not(:has(.crmf:not(.ures))){display:none}
.akta .crmf textarea{min-height:56px}
.akta > .crml{margin-top:12px!important}
.akta #nxbar{margin:6px 0 0 7px;padding:2px 0 4px 18px;border-left:1px dashed rgba(185,166,255,.6);position:relative}
.akta #nxbar::before{content:"";position:absolute;left:-6px;top:12px;width:9px;height:9px;border-radius:50%;border:1.5px dashed #B9A6FF;background:var(--night,#0b1118)}
.akta #nxbar .nxbar{border:0;background:none;padding:0;margin:0} .akta #nxbar .nxh{color:#B9A6FF} .akta #nxbar .nxr,.akta #nxbar .nxf{border-top:0}   /* 11-08 (Miklós): a lépések fölött nincs vonal */
.akta #nxbar .nxh .nxadd{margin-left:6px} .akta #nxbar .nxh .nxadd.akk{margin-left:12px;color:#fff} .akta #nxbar .nxh .nxadd.aks{color:#B9A6FF;border-color:rgba(185,166,255,.55);background:rgba(185,166,255,.10)}
.akta .crmacts{border-top:0;margin-left:7px;border-left:1px solid rgba(255,255,255,.14);padding-left:18px}
.akta .crmacts{position:relative;margin-top:0;padding-top:14px} .akta .crmacts::before{content:"";position:absolute;top:0;left:-8px;right:0;border-top:1px dashed rgba(255,255,255,.16)}   /* 11-08 (Miklós, A változat): halvány szaggatott vonal és kis levegő a tervezett lépések és a megtörtént aktivitások között */
.akta .crmact.akt{grid-template-columns:44px 16px 1fr 30px;border-bottom:0;padding:5px 0;position:relative}
.akta .crmact.akt::before{content:"";position:absolute;left:-23px;top:11px;width:9px;height:9px;border-radius:50%;background:var(--turq)}
.akta .crmact.akt.in::before{background:#FFB000} .akta .crmact.akt.sys::before{background:#5b6675}
.akta .crmact.akt .cat b{color:#fff;font-weight:700}
.akta .crmact.akt.out .cat,.akta .crmact.akt.in .cat{color:var(--txt)} .akta .crmact.akt .akk{font-style:normal;color:var(--txt3)}
.akta .crmact.akt .cai{display:flex;align-items:flex-start;padding-top:2px} .akik{width:14px!important;height:14px!important;padding:0!important;margin:0!important;fill:none;stroke:var(--txt3);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .akik.akik-ki{stroke:var(--turq)} .akik.akik-be{stroke:#FFB000}
/* 11-08 (Miklós): pötty helyett az ikon ül az idővonalon */
.akta .crmact.akt{grid-template-columns:44px 1fr 30px} .akta.per .crmact.akt{grid-template-columns:44px 1fr 30px} .akta.per .crmact.akt .cad{font-variant-numeric:tabular-nums} .akta .crmact.akt::before{display:none}
.akta .crmact.akt .cai{position:absolute;left:-28px;top:4px;width:20px;height:20px;padding:0;border-radius:50%;background:#131b26;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
/* 11-08 (Miklós): szín a csatorna szerint – írásbeli (levél, LinkedIn) fehér, hívás és meeting türkiz (erős kontakt), egyéb szürke */
.akta .crmact.akt .cai .akik{stroke:var(--txt3)!important} .akta .crmact.akt .cai.k-mail,.akta .crmact.akt .cai.k-li{border-color:rgba(255,255,255,.55)}
.akta .crmact.akt .cai.k-mail .akik,.akta .crmact.akt .cai.k-li .akik{stroke:#fff!important}
.akta .crmact.akt .cai.k-tel,.akta .crmact.akt .cai.k-meet{border-color:rgba(2,250,221,.6);background:rgba(2,250,221,.10)}
.akta .crmact.akt .cai.k-tel .akik,.akta .crmact.akt .cai.k-meet .akik{stroke:var(--turq)!important}
.akev{position:relative;margin:4px 0 10px -26px;display:flex;align-items:center;gap:10px;font:800 13px inherit;font-family:inherit;color:#fff;letter-spacing:.06em}
.gyrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0 6px;border-top:1px solid var(--hair)} .gyrow input{flex:1 1 360px;min-width:0;background:rgba(185,166,255,.06);border:1px solid rgba(185,166,255,.45);color:#fff;border-radius:10px;padding:8px 12px;font:13.5px inherit;font-family:inherit}
.gyrow input:focus{outline:none;border-color:#B9A6FF} .gyst{flex:1 1 100%;font-size:12.5px;color:var(--txt2)} .gyst:empty{display:none} .gydots i{background:#B9A6FF} .gyok{color:#B9A6FF} .gylep{display:block;color:var(--txt2);cursor:pointer;line-height:1.5} .gylep input{vertical-align:-2px;margin-right:6px} .gylep b{color:#fff} .gylep input{accent-color:#B9A6FF}
.akppw{display:inline-flex;gap:5px;align-items:center;flex-wrap:wrap} .akpadd{background:none;border:1px solid var(--hair);color:var(--turq);border-radius:50%;width:24px;height:24px;padding:0;font:700 15px inherit;font-family:inherit;line-height:1;cursor:pointer} .akpadd:hover{border-color:var(--turq)}
.aktobb,.aksor{margin:2px 0 8px 44px;font:600 12px inherit;font-family:inherit;color:var(--txt3);cursor:pointer;user-select:none} .aktobb:hover,.aksor:hover{color:#fff}
.aksor{margin:4px 0 2px 44px;color:var(--turq)} .akta .crmact.akt.aksum{cursor:pointer} .akta .crmact.akt.aksum .cat{color:var(--txt2)} .aksork{font-style:normal;color:var(--txt3);font-size:11.5px;margin-left:6px}
.akev{cursor:pointer;user-select:none} .akev span{font:500 11.5px inherit;font-family:inherit;color:var(--txt3);letter-spacing:0}
.akev i{width:16px;height:16px;border-radius:50%;background:#131b26;border:2px solid rgba(255,255,255,.55);box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.akev.ny i::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--turq);box-shadow:0 0 6px rgba(2,250,221,.6)} .akev:hover i{border-color:#fff}
.akszs{display:inline-flex;gap:6px;flex-wrap:wrap;text-transform:none;letter-spacing:0}
.aksz{display:inline-flex;align-items:center;gap:6px;background:none;border:0;border-radius:999px;padding:3px 6px;font:600 11.5px inherit;font-family:inherit;color:var(--txt3);cursor:pointer}
.aksz i{width:8px;height:8px;border-radius:50%;background:#3a4452} .aksz.on{color:#fff}
.aksz.on.k-mail i,.aksz.on.k-tel i,.aksz.on.k-meet i,.aksz.on.k-ok i{background:var(--turq);box-shadow:0 0 6px rgba(2,250,221,.6)}
.akta > .crml[title]{cursor:help}
.akta .crmact.akt .cai.kat{cursor:pointer;transition:transform .12s,box-shadow .12s} .akta .crmact.akt .cai.kat:hover{transform:scale(1.18);box-shadow:0 0 0 3px rgba(185,166,255,.25)}
.aktsz{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:2px 0 10px 44px;padding:10px;border:1px solid rgba(185,166,255,.45);border-radius:10px;background:rgba(185,166,255,.06)}
.aktsz input,.aktsz select,.aktsz textarea{background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;padding:5px 8px;font:13px inherit;font-family:inherit;color-scheme:dark}
.aktsz #aks-p{width:170px} .aktsz textarea{flex:1 1 100%;resize:vertical;min-height:44px} .aktsz .aksb{display:flex;gap:6px;flex:1 1 100%;justify-content:flex-end}
.aktsz .aks-ok{border-color:var(--turq);color:var(--turq)} .aktsz .aks-del{border-color:rgba(232,96,96,.6);color:var(--red);margin-right:auto}
.akta .crmact.akt.in .cai{border-color:rgba(255,176,0,.6);background:rgba(255,176,0,.10)} .akta .crmact.akt.in .cai .akik{stroke:#FFB000!important}   /* 11-08 (Miklós): bejövő válasz sárga */
.akta .crmact.akt .cai.hiba{border-color:rgba(232,96,96,.6);background:rgba(232,96,96,.10)} .akta .crmact.akt .cai.hiba .akik{stroke:var(--red)!important}   /* sikertelen hívás: piros, csak a megtörtént kontakt türkiz */
.akta .crmact.akt .akik{width:11px!important;height:11px!important}
.akta .crmact.akt .cat{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer} .akta .crmact.akt.open .cat{display:block;cursor:default}
.crmact{display:grid;grid-template-columns:128px 170px 1fr 34px;gap:10px;padding:7px 2px;border-bottom:1px solid var(--hair2);font-size:13px;line-height:1.4}
.crmact .cad{color:var(--txt3);white-space:nowrap} .crmact .cak{font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .crmact.out .cat{color:var(--turq)} .crmact.in .cat{color:var(--orange)} .crmact.sys{opacity:.7}
.crmact .cat{color:var(--txt)} .crmact .cap{color:var(--txt3)} .crmact .cab{color:var(--txt3);font-size:11px;text-align:right}
.crmform{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--hair)} .crmform input.t{flex:1 1 320px}
.crmform button{background:var(--turq);color:#0b1520;border:0;border-radius:999px;padding:6px 14px;font:800 12px inherit;font-family:inherit;cursor:pointer}.crmform button.x{background:none;color:var(--txt3);border:1px solid var(--hair)}
#mesel{min-width:84px;height:24px;padding:0 6px;font-size:11.5px;vertical-align:middle;background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;font-family:inherit} #mesel.need{border-color:var(--red);box-shadow:0 0 0 3px rgba(232,96,96,.35)} #crmsel{min-width:0;width:138px} .crmhv{display:inline-block;margin-left:5px;padding:0 6px;border:1px solid rgba(255,176,0,.45);border-radius:999px;color:var(--orange);font-size:10.5px;font-weight:800;letter-spacing:.3px;white-space:nowrap;vertical-align:middle}   #secsel{max-width:190px} #profsel{min-width:112px} .controls{flex-wrap:wrap}
@media (max-width:1100px){.crmgrid{grid-template-columns:1fr}.crmact{grid-template-columns:1fr;gap:2px}.crmact .cab{text-align:left}}
.dsmore{display:none;background:none;border:0;padding:2px 0 0;color:var(--turq);font:700 12px inherit;font-family:inherit;cursor:pointer}.dsmore.show{display:inline-block}
.tgl{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);cursor:pointer;font-size:12px;font-weight:800;color:#fff;font-family:inherit;letter-spacing:.4px;text-transform:uppercase;margin-left:8px;margin-top:10px}
.tgl:hover{background:rgba(255,255,255,.09)}
.tgl.on{background:rgba(2,250,221,.14);border-color:rgba(2,250,221,.6);color:var(--turq)}
/* 2026-10-16 varázsgomb (pilot): a D2 periwinkle színével – nincs új szín */
.tgl.vz.on{background:rgba(185,198,255,.16);border-color:rgba(185,198,255,.7);color:#B9C6FF}
.vzsec .slbl{color:#B9C6FF;border-bottom-color:rgba(185,198,255,.32)} .vzsec .slbl .basicsum{color:rgba(185,198,255,.7)!important;font-size:11px;letter-spacing:.5px}
.vztabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.vztab{padding:8px 14px;border-radius:10px;border:1px solid var(--hair);background:rgba(255,255,255,.04);color:var(--txt2);font:700 13px inherit;font-family:inherit;cursor:pointer}.vztab.on{border-color:rgba(185,198,255,.7);background:rgba(185,198,255,.16);color:#B9C6FF}
.vzctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.vzctl select{background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;padding:7px 9px;font:500 13px inherit;font-family:inherit;max-width:100%}
.vzgo{padding:8px 16px;border-radius:999px;border:1px solid rgba(185,198,255,.7);background:rgba(185,198,255,.16);color:#B9C6FF;font:800 12px inherit;font-family:inherit;letter-spacing:.4px;text-transform:uppercase;cursor:pointer}
.vzgo:disabled{opacity:.45;cursor:default} .vzgo.sm{padding:4px 10px;font-size:10.5px}
.vzmsg{font-size:12.5px;color:var(--txt3)} .vzmsg.bad{color:var(--red)} .vzmsg b{color:#fff}
.vzhead{font-size:15px;line-height:1.5;color:#fff;font-weight:700;margin:4px 0 12px}
.vzopen{border-left:3px solid #B9C6FF;padding:8px 12px;margin:6px 0 4px;font-size:14px;line-height:1.5;color:#fff;background:rgba(185,198,255,.06);border-radius:0 10px 10px 0}
.vzobj{margin:6px 0;font-size:13.5px;line-height:1.45}.vzobj b{color:#fff}.vzobj div{color:var(--txt2);margin-top:2px}
.vzact{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.vzact .vzdel{margin-left:auto;border-color:var(--hair);background:transparent;color:var(--txt3)}.vzact .vzdel:hover{color:var(--red);border-color:var(--red)}
.vzsent{font-size:12.5px;font-weight:700;color:var(--mint)}
.vzvar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 6px}.vzvl{font-size:10.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--txt3);margin-right:4px}
.vzpill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:999px;border:1px solid var(--hair);background:transparent;color:var(--txt2);font:700 12.5px inherit;font-family:inherit;cursor:pointer}
.vzpill::before{content:"";width:11px;height:11px;border-radius:50%;border:1.5px solid var(--txt3);box-sizing:border-box}
.vzpill.on{border-color:var(--g,#B9A6FF);color:var(--g,#B9A6FF);background:color-mix(in srgb,var(--g,#B9A6FF) 12%,transparent)}.vzpill.on::before{border-color:var(--g,#B9A6FF);background:radial-gradient(circle,var(--g,#B9A6FF) 0 3px,transparent 3.5px)}   /* 2026-10-17: a panel lila palettája (sárga/narancs nincs a panelekben) */
.vzevent{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}.vzevent input{flex:1 1 180px;background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;padding:7px 9px;font:500 13px inherit;font-family:inherit}
.vzvn{font-size:12px;color:var(--txt3);margin:0 0 10px;line-height:1.45}.vzvn.warn{color:var(--g,#B9A6FF);font-weight:600}.vzvn b{color:inherit}
.d1tile{cursor:pointer;border:1.5px solid rgba(185,198,255,.7)!important;background:rgba(185,198,255,.10)!important;transition:transform .15s}.d1tile:hover{transform:translateY(-1px);background:rgba(185,198,255,.18)!important}.d1tile .dsv{color:#B9C6FF}.d1tile.run{border-style:dashed!important}
.d1steps{display:flex;flex-wrap:wrap;gap:6px 14px;margin:4px 0 2px}.d1s{font-size:12.5px;color:var(--txt3);display:flex;gap:5px;align-items:baseline}.d1s small{color:var(--txt3);font-size:11px}
.d1s.ok{color:var(--txt2)}.d1s.ok .d1d{color:var(--mint)}.d1s.now{color:#fff;font-weight:700}.d1s.now .d1d{color:#B9C6FF}
.vzfoot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:12px;font-size:11.5px;color:var(--txt3)}
.tgl.crm.on{background:rgba(255,176,0,.12);border-color:rgba(255,176,0,.55);color:var(--orange)} .tgl.d2.on{background:rgba(185,198,255,.16);border-color:rgba(185,198,255,.7);color:#B9C6FF} .dlbtn:hover{transform:translateY(-1px)}
.band{margin:12px 0 18px} .band-lbl{font-size:12px;color:var(--txt3);margin-bottom:8px;font-weight:600}
.band-track{position:relative;height:10px;border-radius:8px;overflow:visible;display:flex;gap:6px}
.band-seg{border-radius:8px;height:10px;display:block;font-size:0}
.band-seg.n4{flex:35;background:rgba(255,255,255,.10)} .band-seg.n3{flex:20;background:linear-gradient(90deg,var(--mint),var(--turq));opacity:.55} .band-seg.n2{flex:20;background:linear-gradient(90deg,var(--turq),var(--deep))} .band-seg.n1{flex:25;background:linear-gradient(90deg,var(--deep),var(--orange))}
.band-mark{position:absolute;top:-5px;bottom:-5px;width:4px;border-radius:2px;background:#fff;box-shadow:0 0 0 3px rgba(255,176,0,.55),0 0 18px rgba(255,176,0,.5)}
.band-names{display:flex;gap:6px;margin-top:8px;font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--txt3)}
.band-names span{display:block} .band-names .n4{flex:35} .band-names .n3{flex:20} .band-names .n2{flex:20} .band-names .n1{flex:25;color:var(--orange)}
.section{margin-top:26px}
.slbl{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:2.2px;color:var(--turq);padding-bottom:10px;margin-bottom:14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--hair)}
.slbl .ic{font-size:14px;filter:saturate(.6)} .slbl .basicsum{margin-left:auto;font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:16px;font-weight:700;color:#fff;letter-spacing:0;text-transform:none}
.slbl .basicsum .bsm{font-size:11px;color:var(--txt3);font-weight:400;font-family:'Heebo',sans-serif}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ri{background:rgba(255,255,255,.035);border:1px solid var(--hair);border-radius:14px;padding:14px 16px}
.ri .rl{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--mint);margin-bottom:6px;font-weight:800} .ri .rv{font-size:14px;color:var(--txt);line-height:1.5}
.ri.full{grid-column:1/-1;background:rgba(2,250,221,.08);border:1px solid rgba(2,250,221,.22)}
.vsumtxt{font-size:15.5px;color:#EAF0F7;line-height:1.55;font-weight:500}
.bgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.bc{background:var(--glass2);border:1px solid var(--hair);border-radius:16px;padding:16px 16px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.bc .bl{font-size:10.5px;font-weight:800;letter-spacing:1.6px;color:var(--turq)} .bc .blname{font-size:13.5px;color:#fff;font-weight:700;min-height:36px;line-height:1.25;margin:4px 0 8px}
.bc .bv{font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:30px;font-weight:700;color:#fff;line-height:1} .bc .bmax{font-size:11px;color:var(--txt3);margin-left:2px}
.subrow{display:flex;justify-content:space-between;gap:6px;font-size:11px;padding:6px 0 2px;border-top:1px solid var(--hair2);color:var(--txt2);margin-top:6px}
.subrow .sv{font-weight:800;color:#fff;white-space:nowrap}
.subsrc{font-size:10px;color:var(--txt3);line-height:1.35}
.btxt{font-size:12.5px;color:var(--txt2);margin-top:10px;line-height:1.5;border-top:1px dashed var(--hair);padding-top:9px}
.btxt b{color:#fff}
.legcards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.legcard{position:relative;overflow:hidden;background:var(--glass2);border:1px solid var(--hair);border-radius:16px;padding:16px 16px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.legcard::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:var(--line)}
.legcard.j::before{background:var(--j)} .legcard.m::before{background:var(--m)} .legcard.t::before{background:var(--t)} .legcard.a::before{background:var(--a)} .legcard.ai::before{background:var(--ai)}
.lch{display:flex;justify-content:space-between;align-items:center;margin:4px 0 8px;gap:6px}
.lcname{font-size:12.5px;font-weight:800;color:#fff;letter-spacing:.2px}
.lcname.j{color:var(--j)} .lcname.m{color:var(--m)} .lcname.t{color:var(--mint)} .lcname.a{color:#9DAEFF} .lcname.ai{color:#FF9A9A}
.lcpts{font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:28px;font-weight:700;color:#fff;line-height:1} .lcpts small{font-size:11px;color:var(--txt3);font-family:'Heebo',sans-serif;font-weight:400;margin-left:2px}
.lcwhy{font-size:10px;color:var(--txt3);line-height:1.4;margin:8px 0 10px}
.lcnote{font-size:12.5px;color:var(--txt2);line-height:1.5;border-top:1px dashed var(--hair);padding-top:9px}
.lchint{font-size:10px;color:var(--txt3);font-style:italic;font-weight:400}
.calc{background:rgba(2,250,221,.07);border:1px solid rgba(2,250,221,.2);border-radius:12px;padding:11px 16px;font-size:13px;color:#C7F8F0;line-height:1.5}
.calc b{color:#fff}
/* belépés: világos „paper" szekció, mint az aloldal Belépési pontok blokkja */
.paper{background:linear-gradient(135deg,#F6F2EA,#ECE6DB);border-radius:18px;padding:22px 24px;color:#535C69;margin-top:8px}
.paper .slbl{color:#008F80;border-bottom-color:rgba(23,27,35,.12)}
.fbox{position:relative;border-radius:16px;padding:16px 18px 16px 30px;margin-bottom:10px;background:rgba(255,255,255,.76);border:1px solid rgba(23,27,35,.09);box-shadow:0 15px 36px rgba(31,35,42,.08)}
.fbox::before{content:'';position:absolute;left:14px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--deep)}
.fbox.valid::before{background:#4057B4} .fbox.contact::before{background:var(--orange)}
.fbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:var(--ink);margin-bottom:6px}
.fbt{font-size:14px;color:#596271;line-height:1.55} .fbt.mut{color:#8A93A0}
ul.fbul{margin:8px 0 0;padding-left:18px} ul.fbul li{font-size:13.5px;color:#596271;margin-bottom:5px;line-height:1.5}
.kmeta{font-size:12.5px;color:#596271;margin:8px 0}
.kmeta b{color:var(--ink)}
.kp{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-top:1px dashed rgba(23,27,35,.14);font-size:13px;color:#596271}
.ktag{font-size:9.5px;font-weight:800;text-transform:uppercase;color:#008F80;background:#fff;border:1px solid rgba(1,158,140,.3);border-radius:999px;padding:2px 7px;text-align:center;letter-spacing:.6px}
.kname{font-weight:800;color:var(--ink)} .krole{color:#596271} .kc{display:flex;gap:10px;align-items:center;font-size:12.5px} .kc a{color:#008F80;text-decoration:none;font-weight:800} .kc .ve{font-size:8px;background:rgba(255,176,0,.2);color:#8A5A00;padding:0 4px;border-radius:3px;margin-left:2px;font-weight:800}
.arow{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--hair2);font-size:13px;color:var(--txt2)}
.adot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex-shrink:0;margin-top:7px}
.srcs{font-size:11px;color:var(--txt3);line-height:1.8} .srcs a{color:var(--turq);text-decoration:none;font-weight:800}
.modal-bg{display:none;position:fixed;inset:0;background:rgba(6,11,19,.72);z-index:50;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.modal-bg.open{display:flex}
.modal{position:relative;background:var(--glass);border:1px solid rgba(112,242,210,.35);border-radius:18px;max-width:680px;width:92%;max-height:84vh;overflow:auto;padding:30px 34px;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.modal::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--turq),var(--orange))}
.modal h2{font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:26px;margin:4px 0 14px;color:#fff} .modal h3{font-size:11px;margin:18px 0 6px;text-transform:uppercase;letter-spacing:1.8px;color:var(--turq);font-weight:800} .modal p{font-size:14px;color:var(--txt);margin:0 0 8px;line-height:1.55}
.modal-close{position:absolute;top:12px;right:14px;border:none;background:none;font-size:22px;cursor:pointer;color:var(--txt3)}
.mnote{font-size:12px;color:var(--txt3);margin-top:18px;border-top:1px solid var(--hair);padding-top:12px}
@media (max-width:1100px){.tiles{grid-template-columns:repeat(5,1fr);gap:8px}.tile{padding:12px 12px 10px}.bgrid,.legcards{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:1fr}.wrap{width:calc(100% - 28px)}}

.mchip{display:inline-block;margin-left:6px;font-size:12px;line-height:1;vertical-align:1px;cursor:help}.mchip.mv{color:var(--mint)}.mchip.mr{color:var(--orange)}.mchip.m0{color:var(--red);opacity:.75}
.lvl{display:inline-block;min-width:30px;padding:3px 8px;border-radius:8px;font-weight:800;font-size:12px;text-align:center;border:1px solid var(--hair)}.lvl.l0{color:#fff;background:var(--red);border-color:var(--red)}.lvl.l1{color:#171717;background:var(--orange);border-color:var(--orange)}.lvl.l2{color:#0A0F16;background:var(--mint);border-color:var(--mint)}.lvl.lM{color:var(--orange);background:#000;border-color:rgba(255,176,0,.7)}.lvl.lL{color:var(--txt3);background:rgba(255,255,255,.045);border-color:var(--hair2);font-weight:700}
tr.t0 td{opacity:.85}tr.lvlL td{opacity:.6}
.lhint{margin:10px 2px 0;font-size:12.5px;color:var(--txt2);display:flex;align-items:center;gap:8px}.lhint .lbtn{background:none;border:none;border-bottom:1px dashed var(--hair);color:var(--turq);font:inherit;font-weight:800;cursor:pointer;padding:0 0 1px}
/* ---------- kutatási szint kapcsoló (H1 mellett) ---------- */
.lvlsw{display:inline-flex;align-items:center;gap:4px;margin-left:10px;vertical-align:middle;padding:5px 8px 5px 10px;border:1px solid var(--hair);border-radius:999px;background:rgba(255,255,255,.04);letter-spacing:0;text-transform:none}
.lvlsw-lbl{font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--txt3);margin-right:2px;white-space:nowrap}
.lsw{min-width:26px;height:28px;padding:0 6px;border-radius:999px;border:1px solid var(--hair);font-family:inherit;font-weight:800;font-size:13px;cursor:pointer;color:#fff;background:rgba(255,255,255,.06);opacity:.35;transition:opacity .15s,transform .15s}
/* keskenyebb ablakon a „Kutatás" felirat elmarad, hogy a szemafor a H1 mellett maradjon (a pirula tooltipje megmondja, mi ez) */
@media (max-width:1339px){.lvlsw-lbl{display:none}.lvlsw{margin-left:8px;padding:5px 8px}.lsw{min-width:24px;padding:0 5px}}
.lsw:hover{transform:translateY(-1px)}.lsw.on{opacity:1}.lsw.l0.on{background:var(--red);border-color:var(--red)}.lsw.l1.on{background:var(--orange);border-color:var(--orange);color:#171717}.lsw.l2.on{background:var(--mint);border-color:var(--mint);color:#0A0F16}.lsw.lM.on{background:#000;border-color:rgba(255,176,0,.7);color:var(--orange);box-shadow:0 0 0 1px rgba(255,176,0,.25) inset}.lsw.lL{opacity:.3}.lsw.lL.on{background:rgba(255,255,255,.12);border-color:var(--hair);color:var(--txt2);opacity:1}
/* ---------- keretek: Megkeresés (türkiz) · Dosszié (papír) ---------- */
.frame{border-radius:16px;padding:14px}.frame.approach{border:1px solid rgba(2,250,221,.6);background:rgba(2,250,221,.04)}
.fgrid3{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;align-items:stretch}.ftile{background:rgba(255,255,255,.06);border:1px solid var(--hair);border-radius:12px;padding:14px 16px;min-width:0}
.ftl{font-size:9.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--mint);margin-bottom:6px}.ftt{font-size:13.5px;line-height:1.5;color:var(--txt)}.ftile .wn li{font-size:13px}
.ftile.quote{display:flex;flex-direction:column;justify-content:center;background:rgba(2,250,221,.07);border-color:rgba(2,250,221,.35)}.ftq{font-size:16px;line-height:1.5;color:#fff;font-style:italic}
.fgrid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-auto-rows:1fr}
.xtile{border-radius:12px;padding:14px 16px;min-width:0}
/* 3.0 D2-zóna (Tárgyalási felkészítő + Desk Research 2 extra info): kékes üveg-háttér, vékony fehér keret, periwinkle címkék – prémium, nem rikító */
.frame.d2frame{border:1px solid rgba(255,255,255,.34);background:linear-gradient(160deg,rgba(52,78,150,.36),rgba(30,48,98,.30) 55%,rgba(24,40,86,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 40px rgba(12,28,80,.38);padding:18px;border-radius:18px}
.d2sec .slbl{color:#B9C6FF;border-bottom-color:rgba(185,198,255,.32)}.d2sec .slbl .basicsum{color:rgba(185,198,255,.7)!important}
.d2frame .bcard,.xtile.d2{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.26);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.d2frame .bcard .bl2,.xtile.d2 .xtl{color:#B9C6FF}.d2frame .bcard,.xtile.d2 .xtt{color:#DFE7F4}
.d2frame .prepsum{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.34)}
.d2frame ul.wn li::marker,.xtile.d2 li::marker{color:#B9C6FF}.d2frame .ptd{color:#9FE8FF}.d2frame .plnk,.xtile.d2 a{color:#9FE8FF}
.d2frame b,.xtile.d2 b{color:#FFFFFF}
/* 3.0 M: a találkozó tényeivel frissített kártya – fekete, narancs keret, M-címke (a D2-zóna kék üvegén belül) */
.d2frame .bcard.mcard,.xtile.d2.mcard{background:#000;border:1px solid rgba(255,176,0,.6);box-shadow:inset 0 1px 0 rgba(255,176,0,.12),0 8px 24px rgba(0,0,0,.35)}
.d2frame .bcard.mcard .bl2,.xtile.d2.mcard .xtl{color:var(--orange)}.d2frame .bcard.mcard li::marker,.xtile.d2.mcard li::marker{color:var(--orange)}
.mtag{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;background:rgba(255,176,0,.16);border:1px solid rgba(255,176,0,.55);color:var(--orange);font-size:9px;letter-spacing:1px;vertical-align:middle}
.d2sec.msec .slbl{color:var(--orange);border-bottom-color:rgba(255,176,0,.35)}.d2sec.msec .slbl .basicsum{color:rgba(255,176,0,.75)!important}
.tgl.d2.m.on{background:rgba(255,176,0,.14);border-color:rgba(255,176,0,.7);color:var(--orange)}
.bcard.pain.confirmed{background:#000;border-color:rgba(255,176,0,.6)}.xtl{font-size:9.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:6px;color:var(--a)}.xtt{font-size:13.5px;line-height:1.55;color:var(--txt)}.xtt b{color:#fff}
.xtt .xul{margin:0;padding-left:16px}.xtt .xul li{margin:3px 0}
.prepgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prepgrid .bcard{min-width:0}.prepgrid .bcard.prepgreen{border-color:rgba(2,250,221,.45)}.prepgrid .bcard.prepred{border-color:rgba(232,96,96,.5)}.prepsum{font-size:13.5px;line-height:1.55}.ptopic{margin-bottom:8px}.ptp{font-weight:800;color:#fff;font-size:12.5px}.ptr{color:var(--txt3);font-weight:600}.ptd{color:var(--turq);font-weight:700;font-size:11px}.ptq{color:var(--txt2);font-style:italic}.plnk{color:var(--turq);font-weight:800;text-decoration:none}.ccn.csince{color:var(--turq)}.tglwarn{color:var(--orange);font-weight:800}.ccl.calt{font-size:11px;color:var(--txt3)}.ccl.calt a{font-weight:600}.chist{color:var(--txt3);font-size:11px;cursor:help}.ccard.past{opacity:.72}.ccn.cpast{color:var(--orange);-webkit-line-clamp:3}.ccn.cpast a{color:var(--turq);text-decoration:none;font-weight:700}.ccn.cwarn{color:var(--orange);-webkit-line-clamp:2;font-size:11.5px}.calerts{margin:0 0 12px;background:rgba(255,176,0,.08);border:1px solid rgba(255,176,0,.5);border-radius:14px;padding:10px 14px;font-size:12.5px;display:flex;flex-direction:column;gap:5px}.calh{font-weight:800;color:var(--orange);font-size:12px}.calr{color:var(--txt);line-height:1.4}.cald{color:var(--txt3);font-size:11px}.cpastd{margin-top:12px}.cpastd summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--txt3);margin-bottom:10px}.prepgrid ol.wn{padding-left:18px}
@media (max-width:1100px){.prepgrid{grid-template-columns:1fr}}
.frame.mframe{border:1px solid rgba(255,176,0,.55);background:#000}.xtile.m{background:#000;border:1px solid rgba(255,176,0,.55)}.xtile.m .xtl{color:var(--orange)}
@media (max-width:1100px){.fgrid3,.fgrid2{grid-template-columns:1fr}}
/* ---------- lapozó ---------- */
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;color:var(--txt2)}
.pbtns{display:flex;gap:4px;align-items:center}.pbtn{min-width:32px;height:30px;padding:0 9px;border:1px solid var(--hair);background:rgba(255,255,255,.06);color:#fff;border-radius:8px;font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer}
.pbtn:hover:not(:disabled){background:rgba(2,250,221,.16)}.pbtn.on{background:var(--orange);color:#171717;border-color:var(--orange)}.pbtn:disabled{opacity:.35;cursor:default}.pdots{padding:0 4px;color:var(--txt3)}
/* ---------- 2.1/2.2 sales-brief adatlap ---------- */
.cp{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:4px 16px;padding:9px 0;border-bottom:1px solid var(--hair2);font-size:13px;align-items:start}.cp .cpn{font-weight:800;color:#fff}.cp .cpr{color:var(--txt2);font-size:12.5px;line-height:1.35}.cp .cpc{color:var(--txt);line-height:1.5;word-break:break-word}.cp .cpc a{color:var(--turq);font-weight:800;text-decoration:none}.cp .cpt{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--mint);border:1px solid var(--hair);border-radius:6px;padding:1px 6px;margin-left:6px}
.cmeta{font-size:12px;color:var(--txt2);margin-top:10px}.cmeta b{color:#fff}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.reach{margin-top:12px;background:rgba(255,176,0,.08);border:1px solid rgba(255,176,0,.45);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.rrow{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:baseline;font-size:13px}.rrow .rl{font-size:9.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--orange)}.rrow .rv{color:var(--txt);font-weight:400;line-height:1.45}.rrow .rv .dim{color:var(--txt3);font-weight:400}.ccard{background:rgba(255,255,255,.06);border:1px solid var(--hair);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.cch{display:flex;align-items:center;justify-content:space-between;gap:8px}.cch .cpn{font-weight:800;color:#fff;font-size:14px}.cch .cpt{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-radius:6px;padding:2px 7px;white-space:nowrap;border:1px solid transparent}
.cch .cpt.lead{background:#000;color:#fff;border-color:rgba(255,255,255,.25)}.cch .cpt.sales{background:var(--turq);color:#0A0F16}.cch .cpt.hr{background:var(--red);color:#fff}.cch .cpt.other{background:#fff;color:#171717}.ccr{font-size:12.5px;color:var(--txt);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ccn{font-size:12px;color:var(--txt3);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ccc{margin-top:auto;padding-top:8px;border-top:1px solid var(--hair2);display:flex;flex-direction:column;gap:4px;font-size:12.5px}.ccl{display:flex;align-items:center;gap:8px;min-width:0;color:var(--txt)}.ccl.dim{color:var(--txt3)}.ccl a{color:var(--turq);font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccl b{color:#fff}
.ccl a.em-v{color:var(--turq)}.ccl a.em-e{color:var(--orange)}.ccl .emailx.em-e{color:var(--orange);opacity:.85}.ccl .em-x{color:var(--red);text-decoration:line-through}.ccl .emailx.em-xt{color:var(--red)}
.cci{display:inline-flex;width:18px;justify-content:center;font-size:11px;color:var(--txt3);font-weight:800}
/* 2026-11-05 Kapcsolati térkép (Kontaktok fül, csak CT_USERS, desktop) */
.cm-wrap{container-type:inline-size}
.cm-pulse{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;padding:0 0 12px;border-bottom:1px solid var(--hair2);font-size:13.5px}
.cm-now{color:#fff;font-weight:600}.cm-now b{color:var(--turq);font-weight:800}.cm-hint{color:var(--txt3)}.cm-hint b{color:var(--txt);font-weight:600}
.cm-cov{margin-left:auto;display:flex;align-items:center;gap:5px;color:var(--txt3);font-size:12px;white-space:nowrap}.cm-cov i{width:26px;height:5px;border-radius:3px;background:rgba(255,255,255,.14)}.cm-cov i.on{background:var(--turq)}.cm-cov i.red{background:var(--red)}.cm-cov i.yel{background:var(--orange)}.cm-cov b{color:#fff;margin-left:5px}
.cm-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(250px,23%,320px);gap:14px;margin-top:14px}
.cm-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
.cm-lane{padding:0 12px;border-left:1px solid var(--hair2);min-width:0}.cm-lane:first-child{border-left:0;padding-left:0}
.cm-lh{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--txt3);margin-bottom:9px}.cm-lane.lead .cm-lh{color:#fff}.cm-lane.sales .cm-lh{color:var(--turq)}.cm-lane.hr .cm-lh{color:var(--red)}
button.cm-n,.cm-n{all:unset;box-sizing:border-box;display:flex;align-items:flex-start;gap:9px;width:100%;padding:6px 7px;margin-left:-7px;border-radius:11px;min-width:0}
button.cm-n{cursor:pointer}button.cm-n:hover{background:rgba(255,255,255,.05)}button.cm-n.sel{background:rgba(2,250,221,.09);box-shadow:inset 0 0 0 1px rgba(2,250,221,.4)}button.cm-n:focus-visible{box-shadow:inset 0 0 0 2px var(--turq)}
.cm-av{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:var(--txt2);background:rgba(255,255,255,.07);box-shadow:0 0 0 1.5px rgba(255,255,255,.16)}
.cm-n.big .cm-av{width:40px;height:40px;font-size:13px;color:#fff}.cm-n.warm .cm-av{box-shadow:0 0 0 2px var(--turq);color:#fff}.cm-n.lite .cm-av{background:transparent;box-shadow:none;border:1.5px dashed rgba(255,255,255,.25);color:var(--txt3)}
.cm-tx{display:block;min-width:0;flex:1}.cm-a{display:block;font-size:13px;font-weight:600;color:var(--txt);line-height:1.25;overflow-wrap:anywhere}.cm-n.big .cm-a{font-size:15px;font-weight:800;color:#fff}.cm-n.lite .cm-a{color:var(--txt2);font-weight:700;font-size:14px}
.cm-b{display:block;font-size:11.5px;color:var(--txt3);line-height:1.3}.cm-p{display:flex;gap:6px;margin-top:3px;font-size:10px;font-weight:800;color:var(--dim)}.cm-p span.on{color:var(--turq)}.cm-p span.w{color:var(--orange)}.cm-kz{color:var(--mint);font-size:10.5px;margin-left:5px}.cm-al{color:var(--orange);font-size:11px;margin-left:5px}
.cm-team{margin:5px 0 0 8px;padding-left:2px;border-left:1px solid var(--hair)}.cm-team .cm-n{margin-left:0}.cm-team.flat{margin-left:0;padding-left:0;border-left:0}.cm-team.flat .cm-n{margin-left:-7px}
.cm-lane.drop{background:rgba(112,242,210,.06);border-radius:12px}.cm-ghost.drop{background:rgba(232,96,96,.1);border-radius:12px}button.cm-n[draggable]{-webkit-user-drag:element;user-select:none}button.cm-n.drag{opacity:.4}
.cm-star{all:unset;box-sizing:border-box;flex:0 0 36px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;border-radius:9px;border:1px solid rgba(255,176,0,.55);color:var(--orange);cursor:pointer}.cm-star:hover{background:rgba(255,176,0,.1)}.cm-star:focus-visible{box-shadow:0 0 0 2px var(--orange)}
.cm-ph{display:flex;align-items:flex-start;gap:8px}.cm-ph .cm-pn{flex:1;min-width:0}.cm-x{all:unset;box-sizing:border-box;flex:0 0 auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:12px;color:var(--dim);cursor:pointer}.cm-x:hover{color:var(--red);background:rgba(232,96,96,.12)}.cm-x:focus-visible{box-shadow:0 0 0 2px var(--red)}
.cm-delf{margin:10px 0 2px;padding:10px;border:1px solid rgba(232,96,96,.5);border-radius:10px;background:rgba(232,96,96,.06)}.cm-delq{font-size:12.5px;color:var(--txt);line-height:1.35;margin-bottom:7px}.cm-delf textarea{width:100%;box-sizing:border-box;min-height:58px;resize:vertical;background:rgba(0,0,0,.25);border:1px solid var(--hair);border-radius:8px;color:var(--txt);font:inherit;font-size:13px;padding:6px 8px}.cm-delf textarea:focus{outline:none;border-color:var(--red)}.cm-delf textarea.need{border-color:var(--red)}.cm-delb{display:flex;gap:7px;margin-top:7px}.cm-delb button{all:unset;box-sizing:border-box;flex:1;text-align:center;font-size:12px;font-weight:700;padding:6px 4px;border-radius:8px;border:1px solid var(--hair);color:var(--txt2);cursor:pointer}.cm-delb button.go{background:var(--red);border-color:var(--red);color:#fff}
.cm-x.ed{margin-right:-6px}.cm-x.ed:hover{color:var(--turq);background:rgba(2,250,221,.1)}.cm-note{font-size:12.5px;color:var(--mint);padding:0 0 8px}
.cm-edf{margin:10px 0 2px;padding:10px;border:1px solid rgba(2,250,221,.35);border-radius:10px;background:rgba(2,250,221,.04)}.cm-edf label{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--txt3);margin-bottom:7px}.cm-edf input{display:block;width:100%;box-sizing:border-box;margin-top:3px;background:rgba(0,0,0,.25);border:1px solid var(--hair);border-radius:8px;color:var(--txt);font:inherit;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;padding:5px 8px}.cm-edf input:focus{outline:none;border-color:var(--turq)}.cm-delb button.sv{background:var(--turq);border-color:var(--turq);color:#0A0F16}
.cm-tl.cl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.cm-tl.cl.open{display:block;overflow:visible}
.cm-newb{all:unset;box-sizing:border-box;margin-left:auto;font-family:'Heebo',Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--turq);border:1px solid rgba(2,250,221,.4);border-radius:999px;padding:3px 12px;cursor:pointer}.cm-newb:hover{background:rgba(2,250,221,.08)}.cm-newb[hidden]{display:none}.cm-newb:focus-visible{box-shadow:0 0 0 2px var(--turq)}
.cm-nt{margin-top:9px;padding:2px 0 2px 10px;border-left:2px solid var(--orange);font-size:13px;line-height:1.35;color:var(--txt);cursor:text;overflow-wrap:anywhere}.cm-nt.add{border-left-color:transparent;padding-left:0;font-size:12px;color:var(--dim);cursor:pointer}.cm-nt.add:hover{color:var(--txt2)}.cm-nti{display:block;width:100%;box-sizing:border-box;margin-top:9px;padding:4px 8px;background:rgba(0,0,0,.25);border:1px solid rgba(255,176,0,.5);border-radius:8px;color:var(--txt);font:inherit;font-size:13px;line-height:1.35;resize:none}.cm-nti:focus{outline:none;border-color:var(--orange)}.cm-ntm{color:var(--orange);font-size:10px;margin-left:5px}
.cm-more{display:block;padding:6px 7px;font-size:12px;font-weight:700;color:var(--turq);cursor:pointer}
.cm-ghost{display:flex;gap:10px;align-items:center;padding:6px 0}.cm-ghost .cm-av{width:40px;height:40px;background:transparent;box-shadow:none;border:1.5px dashed rgba(232,96,96,.6);color:var(--red);font-size:16px}.cm-ghost .cm-a{color:var(--red);font-weight:700;font-size:14px}
.cm-peek{border-left:1px solid var(--hair);padding-left:18px;min-width:0}.cm-pn{font-size:18px;font-weight:800;color:#fff;line-height:1.2}.cm-pr{font-size:12.5px;color:var(--txt3);margin-top:2px}.cm-pr.w{color:var(--orange)}.cm-pr.g{color:var(--red)}
.cm-acts{display:flex;gap:7px;margin:12px 0}.cm-acts a,.cm-acts span{flex:1;text-align:center;font-size:12px;font-weight:700;padding:7px 4px;border-radius:9px;border:1px solid rgba(2,250,221,.4);color:var(--turq);text-decoration:none;white-space:nowrap}.cm-acts span{border-color:var(--hair2);color:var(--dim)}
.cm-cl{font-size:13px;line-height:1.7;color:var(--txt);overflow-wrap:anywhere}.cm-cl a{color:var(--turq);text-decoration:none;font-weight:600}.cm-cl a.r{color:var(--orange)}.cm-cl .d{color:var(--dim)}.cm-cl .ok{color:var(--v);font-size:11px;margin-left:3px}.cm-cl .rk{color:var(--orange);font-size:10.5px;margin-left:5px}.cm-cl .x{color:var(--red);text-decoration:line-through}.cm-cl .xt{color:var(--red);font-size:10.5px;margin-left:5px}.cm-cl .m{color:var(--txt3);font-size:12px}
.cm-pl{font-size:9.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--txt3);margin:13px 0 5px}.cm-tl{font-size:12.5px;line-height:1.4;padding:2px 0 2px 11px;border-left:2px solid var(--hair);margin-bottom:5px;color:var(--txt2);overflow-wrap:anywhere}.cm-tl b{color:var(--txt3);font-weight:600;margin-right:6px}.cm-tl.next{border-left-color:var(--turq);color:#fff}.cm-nil{font-size:12.5px;color:var(--txt3)}
.cm-foot{margin-top:14px;padding-top:11px;border-top:1px solid var(--hair2);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 24px;font-size:12px;color:var(--txt2)}.cm-foot b{font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;margin-right:6px;font-weight:800;color:var(--txt3)}.cm-foot a{color:var(--turq);text-decoration:none}.cm-foot .tg{cursor:pointer;color:var(--txt2)}
.cm-sw{margin-left:auto;cursor:pointer;color:var(--txt3)!important;font-size:12px;white-space:nowrap}.cm-sw:hover{color:#fff!important}.cm-swr{display:flex;justify-content:flex-end;margin-bottom:8px}
.cm-past{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 12px;margin-top:8px}.cm-past .cm-n{margin-left:0;opacity:.75}
@container (max-width:900px){.cm-grid{grid-template-columns:minmax(0,1fr)}.cm-peek{border-left:0;padding-left:0;border-top:1px solid var(--hair);padding-top:14px}}
.cm-grab,.cm-bd,.cm-qa,.cm-move,.cm-delm,.cm-newm,.cm-bs{display:none}
@media (max-width:760px){
  body.cm-lock{overflow:hidden}
  .cm-wrap{container-type:normal}.cm-newb{display:none}
  .cm-pulse{gap:6px 12px;padding-bottom:10px}.cm-cov{margin-left:0;width:100%}
  .cm-grid{display:block;margin-top:8px}.cm-map{display:block}
  .cm-lane{padding:0;border-left:0;margin-bottom:14px}.cm-lane.drop{background:none}.cm-lh{margin-bottom:4px;padding-bottom:5px;border-bottom:1px solid var(--hair2)}
  .cm-row{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--hair2);min-width:0}
  button.cm-n,.cm-n{flex:1;width:auto;min-width:0;margin-left:0;padding:8px 0;align-items:center;border-radius:0}button.cm-n.sel{background:none;box-shadow:none}
  .cm-n.big .cm-av{width:36px;height:36px;font-size:12px}.cm-n.big .cm-a{font-size:15.5px}.cm-a{font-size:14.5px}.cm-b{font-size:12.5px}.cm-p{display:none}
  .cm-team,.cm-team.flat{margin:0;padding:0;border-left:0}.cm-team .cm-n,.cm-team.flat .cm-n{margin-left:0}
  .cm-bs{display:inline;color:var(--orange);font-size:12px;margin-left:5px}
  .cm-qa{display:flex;gap:6px;flex:0 0 auto}.cm-qa a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(2,250,221,.4);border-radius:10px;color:var(--turq);font-size:16px;text-decoration:none}
  .cm-more{padding:10px 0;font-size:13.5px}.cm-ghost{padding:8px 0}.cm-ghost .cm-av{width:36px;height:36px}
  .cm-newm{all:unset;box-sizing:border-box;display:block;width:100%;text-align:center;padding:11px;margin:2px 0 12px;font-size:14px;font-weight:700;color:var(--turq);border:1px solid rgba(2,250,221,.4);border-radius:10px}
  .cm-foot{display:block;margin-top:6px}.cm-foot>span{display:block;margin-bottom:6px;overflow-wrap:anywhere}.cm-foot .cm-sw{display:block;margin:8px 0 0;text-align:right}
  .cm-peek{display:none}
  #ct-port .cm-bd{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:2000}
  #ct-port .cm-peek{display:block;position:fixed;left:0;right:0;bottom:0;max-height:84vh;max-height:84dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:2001;box-sizing:border-box;padding:0 16px calc(18px + env(safe-area-inset-bottom));background:var(--night2,#111A2A);border:0;border-top:1px solid var(--hair);border-radius:16px 16px 0 0}
  .cm-peek.anim{animation:cmup .18s ease-out}@keyframes cmup{from{transform:translateY(30px)}to{transform:none}}
  .cm-grab{display:flex;justify-content:center;position:sticky;top:0;padding:9px 0 11px;margin:0 -16px;background:var(--night2,#111A2A);z-index:1}.cm-grab i{width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.28)}
  .cm-ph .cm-x:not(.ed){display:none}.cm-x{width:36px;height:36px;font-size:15px}.cm-x.ed{margin-right:0}
  .cm-acts a,.cm-acts span{padding:11px 4px;font-size:13.5px}.cm-star{flex:0 0 44px;font-size:18px}
  .cm-cl{font-size:14.5px}.cm-nt{font-size:14px}.cm-nt.add{font-size:13.5px;padding:6px 0}
  .cm-nti,.cm-edf input,.cm-delf textarea{font-size:16px}.cm-edf input{padding:9px}.cm-delb button{padding:11px 4px;font-size:14px}
  .cm-move{display:block}.cm-mvb{display:flex;gap:6px}.cm-mvb button{all:unset;box-sizing:border-box;flex:1;text-align:center;padding:9px 3px;font-size:12px;font-weight:700;line-height:1.2;border:1px solid var(--hair);border-radius:9px;color:var(--txt2)}.cm-mvb button.on{border-color:rgba(2,250,221,.5);color:var(--turq)}
  .cm-delm{all:unset;box-sizing:border-box;display:block;width:100%;text-align:center;margin-top:18px;padding:11px;font-size:13.5px;font-weight:700;color:var(--red);border:1px solid rgba(232,96,96,.4);border-radius:10px}
}
@media (max-width:1100px){.cgrid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.cgrid{grid-template-columns:1fr}}
.ctab{width:100%;border-collapse:collapse;font-size:13px;margin-top:4px}.ctab th{font-size:9.5px;text-transform:uppercase;letter-spacing:1.3px;color:var(--mint);text-align:left;padding:4px 8px;border-bottom:1px solid var(--hair)}
.ctab td{padding:8px 8px;border-bottom:1px solid var(--hair2);color:var(--txt);vertical-align:top;line-height:1.35}.ctab td.nm{font-weight:800;color:#fff;white-space:nowrap}.ctab td.rl{color:var(--txt2)}.ctab a{color:var(--turq);font-weight:800;text-decoration:none}
.ctab .vmail{color:var(--v);font-weight:800;font-size:10px;margin-left:4px}.ctab .emailx{color:var(--txt3);font-size:10px;margin-left:4px}
.bgrid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bcard{background:rgba(255,255,255,.035);border:1px solid var(--hair);border-radius:14px;padding:14px 16px}.bcard .bl2{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--mint);margin-bottom:6px;font-weight:800}.bcard .bt{font-size:14px;color:var(--txt);line-height:1.55}
.bcard.pain{border-color:rgba(255,176,0,.45);background:rgba(255,176,0,.06)}.bcard.pain .bl2{color:var(--orange)}.bcard.pain.confirmed{border-color:rgba(2,250,221,.5);background:rgba(2,250,221,.06)}.bcard.pain.confirmed .bl2,.bcard.pain.confirmed .hyp{color:var(--turq)}
.bcard.mtg{background:#000;border-color:rgba(255,176,0,.55)}.bcard.mtg .bl2{color:var(--orange)}.hyp{font-size:10px;color:var(--orange);font-weight:800;letter-spacing:1px;margin-left:6px}
.wn{margin:0;padding-left:18px}.wn li{font-size:13.5px;color:var(--txt);margin:4px 0;line-height:1.45}
.lgrid{display:grid;gap:12px;margin-bottom:12px}.lgrid.top{grid-template-columns:1fr 1fr}.lgrid.bottom{grid-template-columns:repeat(3,1fr)}
.lcard{background:rgba(255,255,255,.06);border:1px solid var(--hair);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}.lcard.big{border-color:rgba(2,250,221,.6)}.lgrid.bottom .lcard{background:rgba(255,176,0,.08);border-color:rgba(255,176,0,.35)}
.lch2{display:flex;justify-content:space-between;align-items:center;gap:10px}.lname{font-weight:800;color:#fff;font-size:14px}.lpts2{display:flex;align-items:center;gap:8px;white-space:nowrap}.lnum{font-weight:800;color:#fff;font-size:14px}.lnum small{font-size:11px;color:var(--txt3);font-weight:400}
.ltext{font-size:13px;line-height:1.5;color:var(--txt);white-space:normal}.lcard.big .ltext{font-size:16.5px;line-height:1.5;color:#fff}.lcard.big .lname{font-size:16px}
@media (max-width:1100px){.lgrid.top,.lgrid.bottom{grid-template-columns:1fr}}
.lrow{display:grid;grid-template-columns:150px 120px minmax(0,1fr);gap:8px 12px;padding:8px 8px;border-bottom:1px solid var(--hair2);font-size:13px;line-height:1.45;color:var(--txt);align-items:start}.lrow .ln{font-weight:800;color:#fff}.lrow .lp2{white-space:nowrap}.lrow.entry-row{background:rgba(2,250,221,.06);border-radius:10px}
@media (max-width:900px){.lrow{grid-template-columns:1fr 1fr}.lrow .lt{grid-column:1/-1}}
.ptab{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.pc{background:rgba(255,255,255,.035);border:1px solid var(--hair);border-radius:12px;padding:10px 12px;text-align:center}.pc .pn{font-size:9.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--mint);font-weight:800;min-height:24px}.pc .pv{font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:24px;color:#fff;font-weight:700;margin:4px 0}.pc .pv small{font-size:12px;color:var(--txt3);font-weight:400}.pc .pw{font-size:11px;color:var(--txt2);line-height:1.35}
.entryline{font-size:14px;color:#fff;margin-bottom:10px}.entryline b{color:var(--turq)}
details.det2{margin-top:18px;border:1px solid var(--hair);border-radius:14px;padding:10px 16px;background:rgba(255,255,255,.02)}details.det2 summary{cursor:pointer;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--txt3);padding:6px 0}
@media (max-width:1100px){.bgrid2{grid-template-columns:1fr}.ptab{grid-template-columns:repeat(3,1fr)}.cp{grid-template-columns:1fr}}
.ctxrow{display:grid;grid-template-columns:170px 1fr;gap:10px;padding:7px 0;border-top:1px solid var(--line,rgba(0,0,0,.08))}.ctxrow:first-of-type{border-top:0}.ctxl{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--txt3)}.ctxv ul{margin:0;padding-left:18px}@media(max-width:700px){.ctxrow{grid-template-columns:1fr;gap:2px}}

.msortbar select{-webkit-appearance:none;appearance:none;padding:10px 32px 10px 14px;border:1px solid var(--hair);border-radius:999px;font-size:13px;color:#fff;font-family:inherit;cursor:pointer;min-width:150px;flex:0 0 auto;
  background:rgba(255,255,255,.04) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round'/></svg>") no-repeat right 12px center}
/* ===== MOBIL (2026-10-02, Miklós): fejléc 2 sor, cím 2 sor, hangsúlyos Dashboards + szintváltó, 3 csempe, egysoros nagyobb kereső ===== */
@media (max-width:760px){
  .wrap{width:calc(100% - 28px);padding-top:18px}
  header{display:block;padding-bottom:14px;margin-bottom:14px}
  header{position:relative}
  header .ver{display:block;position:absolute;top:-4px;right:0}
  header .ver .logo{height:30px}
  .eyebrow{font-size:11px;letter-spacing:1.6px;margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;line-height:1.3}
  .eyebrow .modver{margin-left:0;display:contents;font-size:12px}
  .eyebrow .modver{font-size:0}   /* a szöveges „·” elválasztók eltűnnek; az elemek saját betűméretet kapnak */
  .eyebrow .favinfo{display:none}
  .eyebrow #mesel{font-size:13px;flex:0 0 auto;order:3}
  .eyebrow #logout{font-size:12.5px;order:4;padding:5px 10px}
  .eyebrow .ana-btn{order:5}
  .eyebrow::after{content:"";order:2;flex-basis:100%;height:8px}
  #h-ver,#today,#idxinfo,.eyebrow .modver .mv-hide{display:none}
  .ana-btn-sm{height:34px;padding:0 16px;font-size:12.5px;margin-left:auto;background:var(--turq);color:#071018;border-color:var(--turq);box-shadow:0 6px 18px rgba(2,250,221,.25)}
  #mesel{height:30px}
  h1{font-size:27px;line-height:1.12;letter-spacing:.6px}
  .help-btn{vertical-align:4px}
  .lvlsw{display:flex;width:max-content;margin:12px 0 0;padding:6px 8px;gap:8px}
  .lsw{min-width:44px;height:38px;font-size:15px;padding:0 10px}
  .hsub{display:none}
  .tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
  .tile.s3,.tile.x{display:none}
  .tile{padding:12px 12px 10px;border-radius:14px}
  .tile .tn{font-size:10px;letter-spacing:1.1px}
  .tile .tv{font-size:28px}
  .controls{flex-wrap:wrap;gap:8px}
  .controls input#srch{flex:1 1 100%;max-width:none;min-width:0;height:50px;padding:0 18px;font-size:16px}
  .fbtn.sig{display:none}
  /* szűrőpanel (2026-10-02): a 6 szűrő alulról felcsúszó lapon; kint a Szűrők gomb + 2 gyorsszűrő-chip */
  .mfbtn,.qchip{display:inline-flex}
  .mfbtn{align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;border:1px solid rgba(2,250,221,.5);background:rgba(2,250,221,.08);color:var(--turq);font:800 14px inherit;font-family:inherit;letter-spacing:.4px;text-transform:uppercase}
  .mfbtn b{display:none;min-width:22px;height:22px;border-radius:999px;background:var(--turq);color:#071018;font-size:12px;align-items:center;justify-content:center;padding:0 6px}
  .mfbtn b.on{display:inline-flex}
  .qchip{align-items:center;height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--hair);background:rgba(255,255,255,.05);color:var(--txt);font:700 13.5px inherit;font-family:inherit}
  .qchip.on{background:rgba(112,242,210,.16);border-color:var(--mint);color:#fff}
  .fsheet{display:none}
  body.fs-open .fsheet{display:flex;flex-direction:column;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:60;max-height:86vh;overflow:auto;background:#0D151F;border-top:1px solid rgba(2,250,221,.35);border-radius:20px 20px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.6)}
  body.fs-open .fs-back{display:block;position:fixed;inset:0;z-index:59;background:rgba(4,8,14,.6)}
  body.fs-open{overflow:hidden}
  .fsheet .fs-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--turq);padding:2px 2px 4px}
  .fsheet .fs-x{width:38px;height:38px;border-radius:999px;border:1px solid var(--hair);background:none;color:#fff;font-size:16px}
  .fsheet select,.fsheet #secsel,.fsheet #crmsel,.fsheet #profsel,.fsheet #favsel{width:100%;max-width:none;min-width:0;height:50px;font-size:16px;margin:0;flex:0 0 auto}
  .fsheet .fbtn{display:none}
  .fsheet .fs-foot{display:flex;gap:10px;margin-top:6px}
  .fsheet .fs-foot button{flex:1;height:50px;border-radius:999px;font:800 15px inherit;font-family:inherit;letter-spacing:.4px;text-transform:uppercase}
  .fs-clear{background:none;border:1px solid var(--hair);color:var(--txt)}
  .fs-done{background:var(--orange);border:0;color:#171717}
  /* KÁRTYÁS TÁBLA (2026-10-02): a 11 oszlop helyett cégenként kártya – 1. sor név, 2. sor szint · pont · szektor · Aktivitás, 3. sor lábak */
  .msortbar{display:flex;align-items:center;gap:10px;margin:2px 0 10px;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--txt3)}
  .msortbar select{flex:1;height:42px;font-size:15px;max-width:none;min-width:0}
  #tbody td:nth-child(10) .crmst.p0{display:none}
  .tablecard{overflow:visible;background:none;border:0;box-shadow:none;padding:0}
  .tablecard table,.tablecard tbody{display:block;width:100%;min-width:0}
  .tablecard thead{display:none}
  #tbody tr{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"name name name name" "lvl pot sec crm" "legs legs legs legs";align-items:center;gap:8px 10px;
    background:var(--glass);border:1px solid var(--hair);border-radius:16px;padding:12px 14px;margin-bottom:10px}
  #tbody tr.sel{border-color:rgba(2,250,221,.55)}
  #tbody td{display:block;padding:0;border:0;text-align:left;background:none}
  #tbody td:nth-child(1){grid-area:name}
  #tbody td:nth-child(2){grid-area:lvl}
  #tbody td:nth-child(3){grid-area:pot}
  #tbody td:nth-child(5){grid-area:sec;min-width:0} #tbody td:nth-child(5) .secname{font-size:12.5px;color:var(--txt3);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #tbody td:nth-child(6){display:none}   /* lábak mobilon nem (Miklós) */
  #tbody td:nth-child(11){display:block!important;grid-area:legs;text-align:left;font-size:11.5px;color:var(--txt3)}
  #tbody td:nth-child(11)::before{content:"Futtatás ";font-weight:700;letter-spacing:.3px}
  #tbody td:nth-child(11) .rundate{color:var(--txt2)}
  #tbody td:nth-child(10){grid-area:crm;text-align:right} #tbody td:nth-child(10) .crmlast{display:inline;margin-left:6px}
  #tbody td:nth-child(4),#tbody td:nth-child(7),#tbody td:nth-child(8),#tbody td:nth-child(9){display:none}
  #tbody .pot,#tbody .lvl{text-align:center}   /* a pill saját középre igazítása (a cella mobilon balra igazít) */
  #tbody .cname{font-size:15px;line-height:1.3}
  #tbody .cname .csub{font-size:11.5px;margin-top:3px}
  #tbody .lp{min-width:24px;padding:3px 4px;font-size:10.5px}
  .pager{margin-top:6px}
}
@media (min-width:761px){ .msortbar{display:none} }
/* ===== ADATLAP MOBILON (2026-10-02): tömör fejléc, 2×2 kapcsoló, egyoszlopos kulcsinfó, semmi nem lóg ki ===== */
@media (max-width:760px){
  #det .detcard{padding:18px 14px 20px;border-radius:16px;margin-top:14px}
  #det .dmini{margin:-18px -14px 18px}   /* a görgetősáv a kártya szélével egy vonalban (asztali −32 px túllógott → oldalra húzható volt) */
  html,body{overflow-x:clip}             /* tartalék: semmi ne tudja oldalra húzhatóvá tenni az oldalt (a sticky-t nem zavarja) */
  #det .dh{display:block;position:relative;margin:-18px -14px 14px;padding:18px 14px 14px;border-radius:16px 16px 0 0}
  #det .dh > div{min-width:0}
  #det .dh{display:flex;flex-direction:column;gap:0} #det .dh > div{display:contents}
  #det .dh .dsmore{margin-top:2px} #det .dh .tglrow.left{margin-top:12px}
  #det .dh .dname{order:1} #det .dh .dsub{order:2} #det .dh .dsmore{order:3;align-self:flex-start} #det .dh .dscores{order:4} #det .dh .tglrow.left{order:5}
  #det .dname{font-size:20px;line-height:1.2;padding-right:84px;overflow-wrap:anywhere}
  #det .dname .fav{width:28px;height:28px;line-height:28px;font-size:21px;margin-right:4px}
  #det .dweb{display:block;margin:4px 0 0;font-size:12.5px}
  #det .dsub{font-size:12.5px;margin-top:6px}
  /* a 4 nagy pontdoboz helyett egy sor kis jelölő */
  #det .dscores{justify-content:flex-start;gap:6px;margin-top:10px;flex-wrap:wrap}
  #det .dsbox{min-width:0;padding:5px 10px;border-radius:999px;display:flex;align-items:center}
  #det .dsbox .dsv{font-size:15px;line-height:1}
  #det .dsbox .dsm,#det .dsbox .dsl{display:none}
  #det .dsbox:nth-child(3) .dsv::before{content:"Profil ";font-size:12px;font-weight:600;color:var(--txt3)}
  #det .dsbox .conf{font-size:13px!important}
  /* Letöltés / Bezárás: kis ikon jobb felül */
  #det .dh .tglrow:not(.left){position:absolute;top:14px;right:12px;gap:6px;margin:0}
  #det .dh .tglrow:not(.left) .cbtn,#det .dh .tglrow:not(.left) .dlbtn,#det .dh > div:last-child > .cbtn{width:36px;height:36px;padding:0;margin:0;font-size:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}
  #det .dh .cbtn::before{content:"✕";font-size:15px} #det .dh .dlbtn::before{content:"⬇";font-size:15px}
  #det .dh > div:last-child > .cbtn{position:absolute;top:14px;right:12px}
  /* kapcsolók 2×2 */
  #det .dh .tglrow.left{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  #det .dh .tglrow.left .tgl{margin:0;width:100%;height:44px;font-size:12.5px}
  /* görgetősáv: 1. sor csillag · név · pont · ikonok, 2. sor elhúzható kapcsolók */
  .dmbar{flex-wrap:wrap;gap:6px 8px;padding:8px 12px}
  .dmbar .dmpills{display:flex!important} .dmbar .dmpill:not(:first-child),.dmbar .dmcrm{display:none}
  .dmbar .tglrow.left{order:9;flex:1 1 100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .dmbar .tgl{flex:0 0 auto}
  .dmbar .dmname{flex:1 1 0;min-width:0;font-size:15px}
  #det .crml{flex-wrap:wrap;gap:4px 10px} #det .crml span{flex:1 1 100%;order:3;font-size:11px}
  #det .crmadd{white-space:nowrap;margin-left:auto;order:2}
  #det .crmtop label{width:100%}
  /* Fontos! sáv egymás alatt */
  .crmimpbar{flex-direction:column;gap:6px}
  .crmimpbar .blk{margin-left:0;white-space:normal}
  /* kulcsinfó: egy oszlop, „címke – érték” sorok */
  .keyrow{padding:10px 12px 4px}
  .keyline{grid-template-columns:1fr!important;grid-auto-rows:auto;gap:0;margin-bottom:4px}
  .ki{min-height:0;display:grid;grid-template-columns:38% 1fr;gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.06)}
  .keyline .ki:first-child{border-top:0}
  .ki .kl{margin:2px 0 0;font-size:9.5px}
  .ki .kv{font-size:13px;-webkit-line-clamp:4}
  /* minden rács egy oszlopba, hosszú szövegek tördelése */
  #det .bgrid,#det .bgrid2,#det .legcards,#det .quick,#det .fgrid2,#det .fgrid3,#det .prepgrid,#det .cgrid,#det .lgrid,#det .lrow,#det .crmgrid{grid-template-columns:1fr!important}
  #det .section{margin-top:20px}
  #det .slbl{flex-wrap:wrap;letter-spacing:1.6px}
  #det .slbl .basicsum{margin-left:0;width:100%}
  #det .detcard *{overflow-wrap:break-word}
  #det table{display:block;max-width:100%;overflow-x:auto}
  #det .crmtop label{flex-wrap:wrap}
}
/* asztali nézetben a lap „átlátszó”: a szűrők ugyanott vannak, mint eddig */
@media (min-width:761px){ .fsheet{display:contents} .fs-head,.fs-foot,.fs-back,.mfbtn,.qchip{display:none} }
@media (max-width:760px){ .fs-back{display:none} body:not(.fs-open) .fs-head,body:not(.fs-open) .fs-foot{display:none} }

/* ===== 2026-10-17 (Miklós): adatlap-fejléc – × és Letöltés felül, alatta az infókártyák; varázsgomb-sáv a fülsor alatt ===== */
.dh > div:first-child{min-width:0;flex:1 1 0}
.dhr{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:0 0 auto}
/* ===== 2026-10-20 (Miklós): érintés-sáv (8 touch) a fejlécben + Következő lépés sáv + online/személyes kapcsoló ===== */
.dtouch{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.6px;color:var(--txt3);margin-top:-4px}
.dtouch:empty{display:none}
.dtouch .tdots{display:inline-flex;gap:4px;align-items:center}
.dtouch .td{width:10px;height:10px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--mint) 50%,transparent);box-sizing:border-box;display:inline-block}
.dtouch .td.on{background:var(--mint);border-color:var(--mint);cursor:help} .dtouch .td.on.ir{background:#fff;border-color:#fff} .dtouch .tck.ir{color:#fff}
.dtouch .tck{font-style:normal;color:var(--turq);font-weight:900;font-size:14px;line-height:1;cursor:help}   /* 2026-10-23: ügyfél – megtett érintések pipával */
.dtouch .td.late{background:var(--red);border-color:var(--red);cursor:help;box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 25%,transparent)}   /* 2026-10-23: késünk */
.dtouch .t8{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:var(--mint);color:var(--ink);font-size:10.5px;font-weight:800;letter-spacing:0;cursor:help;margin-right:2px}
.dtouch b{color:#fff;font-weight:800;letter-spacing:0}
.dtouch .tconv{color:var(--turq);border:1px solid color-mix(in srgb,var(--turq) 45%,transparent);border-radius:999px;padding:2px 9px;font-weight:700;letter-spacing:.2px}
.nxbar.nxact{border:1.5px solid #B9A6FF;box-shadow:0 0 0 4px rgba(185,166,255,.08)}   /* 2026-10-20: NextStep csempéből nyitva – lila keret, mint a többi SenIQ-panel */
.nxdd{background:rgba(255,255,255,.05);border:1px solid var(--hair);color:#fff;border-radius:8px;padding:4px 6px;font:inherit;font-size:12px;color-scheme:dark}
.nxbar{border:1px solid var(--hair);border-radius:12px;background:rgba(255,255,255,.03);padding:8px 14px;margin:0 0 12px}
.nxh{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--txt3);min-height:26px}
.nxh .nxc{color:var(--mint);letter-spacing:0}
.nxh .nxadd{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:700}
.nxr{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--hair2);font-size:13.5px;color:var(--txt)}
.nxd{font-weight:800;min-width:50px;color:#fff;font-variant-numeric:tabular-nums} .nxd.late{color:var(--red)} .nxd.today{color:var(--orange)}
.nxt{flex:1;min-width:0;color:#fff} .nxm{color:var(--txt3);font-size:12px;white-space:nowrap}
.nxa{display:inline-flex;gap:4px}
.nxb{border:1px solid var(--hair);background:rgba(255,255,255,.04);color:var(--txt2);border-radius:8px;padding:3px 9px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.nxb:hover{border-color:var(--mint);color:#fff}
.nxf{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0 4px;border-top:1px solid var(--hair2)}
.nxf input,.nxf select{background:rgba(255,255,255,.05);border:1px solid var(--hair);color:#fff;border-radius:8px;padding:6px 8px;font:inherit;font-size:13px}
.nxf select option{color:#111}
.nxf .t{flex:1 1 240px;min-width:0}
.nxchk{font-size:12px;color:var(--txt2);display:inline-flex;gap:5px;align-items:center;cursor:pointer}
.nxe{color:var(--txt3);font-size:13px;padding:2px 0 4px}
.sw{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--txt3);cursor:pointer;user-select:none;vertical-align:middle} label.sw{width:auto;height:auto;border-radius:0;flex:0 0 auto}   /* 11-08: a 12 px-es színminta (.sw) méretét ne örökölje – egybecsúszott a Rögzítés gombbal */
.sw input{display:none} .sw .l1{order:1} .sw i{order:2;position:relative;width:34px;height:18px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid var(--hair);box-sizing:border-box} .sw .l2{order:3}
.sw i::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--mint);transition:left .15s}
.sw input:checked~i::after{left:18px} .sw input:not(:checked)~.l1,.sw input:checked~.l2{color:#fff;font-weight:700}
.vzchip.c-n{--g:#70F2D2} .vzchip.c-n .vzico{background:rgba(112,242,210,.14)}
.ltodo{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.ltg{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--txt3);margin-top:6px} .ltg.late{color:var(--red)} .ltg.today{color:var(--orange)}
.ltd{display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:1px;align-items:baseline;background:rgba(255,255,255,.035);border:1px solid var(--hair);border-radius:10px;padding:7px 11px;color:#fff;font:600 13px 'Heebo',Arial,sans-serif;cursor:pointer;text-align:left;min-width:0}
.ltd:hover{border-color:color-mix(in srgb,var(--mint) 55%,transparent)}
.ltd .d{color:var(--txt3);font-weight:800;font-variant-numeric:tabular-nums} .ltd .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .ltd .t{grid-column:2;color:var(--txt2);font-weight:400;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ltmore{font-size:12px;color:var(--txt3);padding-left:4px}
.ltpg{border-top:0;padding:6px 0 0;justify-content:space-between;flex-wrap:nowrap} .ltpg .pinfo{white-space:nowrap;flex:0 0 auto} .ltpg .pbtns{flex-wrap:nowrap}   /* 2026-11-02: a darabszám-felirat nem törhet */
/* 2026-10-22 (Miklós): Nyitott szálak – élő beszélgetés után kötelező a következő lépés; Tiszta asztal (a meglévő palettából: piros = nyitott, sárga = határidő előtt, menta = tiszta) */
.szb{color:var(--red)!important;border-color:color-mix(in srgb,var(--red) 55%,transparent)!important;cursor:pointer} .szb.ok{color:var(--mint)!important;border-color:color-mix(in srgb,var(--mint) 45%,transparent)!important}
.szbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;border:1px solid color-mix(in srgb,var(--red) 55%,transparent);background:color-mix(in srgb,var(--red) 8%,transparent);border-radius:12px;padding:8px 14px;margin:0 0 12px;font-size:13.5px}
.szbar.var{border-color:color-mix(in srgb,var(--orange) 45%,transparent);background:color-mix(in srgb,var(--orange) 6%,transparent)}
.szbar .szk{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--red);white-space:nowrap} .szbar.var .szk{color:var(--orange)}
.szbar .szt{flex:1;min-width:220px;color:#fff} .szbar .szd{color:var(--txt3);font-size:12px;white-space:nowrap}
.szbar select{background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;padding:3px 6px;font:inherit;font-size:12.5px}
.sztiszta{display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--mint) 40%,transparent);background:color-mix(in srgb,var(--mint) 7%,transparent);border-radius:12px;padding:8px 12px;margin:4px 0 6px}
.sztiszta i{font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--mint);color:#0A0F16;display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 26px}
.sztiszta b{color:var(--mint);font-size:14px} .sztiszta small{display:block;color:var(--txt3);font-size:12px}
.mmdlg .mmdbox.szbox{max-width:640px;border-color:color-mix(in srgb,var(--red) 60%,transparent)}
.szsub{color:var(--txt2);font-size:13px;margin:0 0 6px} .szrow{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--hair)}
.szrow .szn{font-weight:800;color:#fff} .szrow .szx{color:var(--txt2);font-size:13px} .szrow .szh{color:var(--red);font-size:12px;white-space:nowrap;margin-left:auto}
.szfoot{display:flex;justify-content:flex-end;margin-top:12px}
@media (max-width:760px){ .szrow{flex-wrap:wrap} .szrow .szh{margin-left:0} }   /* 2026-10-20: Mai teendőim lapozó (5 tétel / oldal) */
@media (max-width:760px){ .nxr{flex-wrap:wrap;gap:4px 10px} .nxt{flex-basis:calc(100% - 64px)} .dtouch{margin-top:6px} }
.dhact{display:flex;gap:8px;align-items:center}
.dhr .dlbtn{margin:0;background:rgba(2,250,221,.06);border-color:rgba(2,250,221,.45);color:var(--turq);box-shadow:none}
.dhr .cbtn{margin:0;width:38px;height:38px;padding:0;border-radius:50%;font-size:16px;display:inline-flex;align-items:center;justify-content:center}
.dh{flex-wrap:wrap}
.dh > .vztray{flex:1 1 100%;order:3;margin-top:2px}
.vztrayin{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow-x:auto;border:1px solid rgba(185,198,255,.28);background:rgba(185,198,255,.05);border-radius:16px;padding:8px 10px}
.vzgrp{display:flex;gap:6px;align-items:center;padding-right:10px;border-right:1px solid var(--hair)}
.vzgrp.last{border-right:0}
.vzchip{position:relative;display:flex;align-items:center;gap:9px;padding:6px 11px 6px 7px;border-radius:11px;border:1px solid var(--hair);background:rgba(255,255,255,.035);cursor:pointer;white-space:nowrap;color:#fff;font-family:inherit;text-align:left;transition:.15s}
.vzchip:hover{border-color:rgba(185,198,255,.6);background:rgba(185,198,255,.08)}
.vzchip.on{border-color:#B9C6FF;background:rgba(185,198,255,.16)}
.vzchip.off{opacity:.38;cursor:not-allowed}
.vzchip.run{border-style:dashed;border-color:var(--turq)}
.vzico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:14px;flex:0 0 auto}
.vzchip.c-k .vzico{background:rgba(185,166,255,.17)} .vzchip.c-t .vzico{background:rgba(185,198,255,.17)} .vzchip.c-r .vzico{background:rgba(2,250,221,.14)}
.vzcl{display:block;font-weight:800;font-size:12.5px;line-height:1.15}
.vzcs{display:block;font-size:10px;color:var(--txt3);margin-top:1px;font-weight:500}
.vztst{margin-left:auto;font-size:11px;color:var(--txt3);line-height:1.45;text-align:right;white-space:nowrap;padding-left:6px}
.vzdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint);margin-right:6px;box-shadow:0 0 8px var(--mint)}
.vzdot.off{background:var(--orange);box-shadow:none}
@media (max-width:760px){
  #det .dh .dhact{position:absolute;top:14px;right:12px;gap:6px}
  #det .dh .dhact .cbtn,#det .dh .dhact .dlbtn{width:36px;height:36px;padding:0;margin:0;font-size:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}
  #det .dh .vztray{order:6}
  #det .dh .vztrayin{order:6;margin-top:12px}
  #det .dh .dname{padding-right:86px}
}

/* ===== 2026-10-17 (Miklós): a varázsgomb-panel önálló, keretezett kártya: lila, a D1/D2 türkiz (10-17 délután: a narancs zavaró);
   a betű a dashboardé, az akciógombok visszafogott, keretezett pirulák; az aktív csempe csak keretet kap ===== */
.vzchip.c-k{--g:#B9A6FF} .vzchip.c-t{--g:#B9A6FF} .vzchip.c-r{--g:#02FADD}
.vzchip.on{border-color:var(--g);background:color-mix(in srgb,var(--g) 14%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 16%,transparent)}
.vp{--g:#B9A6FF;border:1.5px solid var(--g);border-radius:18px;overflow:hidden;margin:14px 0 20px!important;padding:0 0 16px;
  background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--g) 10%,#18212e) 0%,#141c28 45%,#111823 100%);
  box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 0 6px color-mix(in srgb,var(--g) 7%,transparent);animation:vpin .18s ease-out}
@keyframes vpin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.vp.kap{--g:#B9A6FF} .vp.tar{--g:#B9A6FF} .vp.kut{--g:#02FADD}
.vp > .slbl{margin:0 0 16px!important;padding:12px 18px!important;background:color-mix(in srgb,var(--g) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--g) 35%,transparent)!important;color:#fff!important;letter-spacing:1.6px}
.vp > .slbl .ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:16px;filter:none;background:color-mix(in srgb,var(--g) 22%,transparent);border:1px solid color-mix(in srgb,var(--g) 50%,transparent)}
.vp > .slbl .basicsum{margin-left:auto;color:var(--g)!important}
.vp > :not(.slbl){margin-left:18px;margin-right:18px}
.vp .vzgo{border-color:color-mix(in srgb,var(--g) 75%,transparent);background:color-mix(in srgb,var(--g) 12%,transparent);color:var(--g);text-transform:none;letter-spacing:.1px;font-weight:700;font-size:12.5px;padding:7px 14px}
.vp .vzgo:hover{background:color-mix(in srgb,var(--g) 20%,transparent)}
.vp .vzgo.sm{font-size:11.5px;padding:4px 11px}
.vp .vzact .vzdel{border-color:var(--hair);background:transparent;color:var(--txt3)}
.vp .vzact{border-top:1px solid var(--hair2);padding-top:12px;margin-top:14px}
.vp .bcard{background:rgba(255,255,255,.035);border-color:color-mix(in srgb,var(--g) 28%,transparent)}
.vp .bl2{color:var(--g)}
.vp .d1s.now .d1d{color:var(--g)}
.vp .vzctl select,.vp .vzctl input{border-color:color-mix(in srgb,var(--g) 25%,rgba(255,255,255,.105))!important}
/* 2026-10-17 (Miklós): felhasználói profil – a varázsgombok feladó-adatai (lila panel-paletta, új szín nélkül) */
.profov{position:fixed;inset:0;background:rgba(5,9,14,.6);z-index:900;display:flex;align-items:flex-start;justify-content:center;padding:70px 16px 16px;overflow:auto}
.profbox{--g:#B9A6FF;width:min(560px,100%);background:#111A25;border:1.5px solid var(--g);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45);padding:18px 18px 16px}
.profbox h3{margin:0 0 4px;font-size:16px;color:var(--g)} .profbox .psub{font-size:12px;color:var(--txt3);margin:0 0 14px;line-height:1.45}
.profgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px} .profgrid .full{grid-column:1/-1}
.profgrid label{display:block;font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--txt3);margin:0 0 4px}
.profgrid input,.profgrid textarea{width:100%;box-sizing:border-box;background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;padding:7px 9px;font:500 13px inherit;font-family:inherit}
.profgrid textarea{min-height:96px;resize:vertical;line-height:1.45} .profgrid .hint{font-size:11.5px;color:var(--txt3);margin-top:3px;line-height:1.4}
.profprev{margin-top:12px;padding:9px 11px;border-radius:9px;border:1px dashed var(--hair);font-size:12.5px;color:var(--txt2);line-height:1.5;white-space:pre-wrap}
.profact{display:flex;gap:8px;align-items:center;margin-top:14px} .profact .pmsg{font-size:12px;color:var(--txt3);margin-right:auto} .profact .pmsg.bad{color:var(--red)}
@media (max-width:560px){ .profgrid{grid-template-columns:1fr} }
/* 2026-10-17 (Miklós): a generált (változó) részek türkizzel a képernyőn – a másolás gomb sima szöveget ad, szín nélkül */
.vzhl{color:var(--turq);background:color-mix(in srgb,var(--turq) 9%,transparent);border-radius:4px;padding:0 2px}
/* 2026-10-17 (Miklós): Kézi update – a kézzel validált adatok türkizzel (var(--turq)) */
.kz,.kz a,.kz b{color:var(--turq)!important} .kztag{font-size:10px;font-weight:800;letter-spacing:.6px;color:var(--turq);border:1px solid color-mix(in srgb,var(--turq) 45%,transparent);border-radius:999px;padding:0 6px;margin-left:6px;white-space:nowrap}
.kzbox{border:1.5px solid color-mix(in srgb,var(--turq) 55%,transparent);background:color-mix(in srgb,var(--turq) 6%,transparent);border-radius:12px;padding:10px 12px;margin:10px 0}
.kzbox .kzh{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--turq);margin-bottom:6px}
.kzbox .kzf{font-size:13px;line-height:1.5;color:var(--turq);margin:3px 0} .kzbox .kzf small{color:var(--txt3);font-weight:600}
.kzta{width:100%;box-sizing:border-box;min-height:150px;resize:vertical;background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;padding:9px 10px;font:500 13px inherit;font-family:inherit;line-height:1.45}
.kzrow{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--hair2)} .kzrow:first-child{border-top:0}
.kzrow input{margin-top:3px;accent-color:var(--turq)} .kzrow .kzl{font-size:12px;font-weight:800;color:var(--txt2)} .kzrow .kzv{font-size:13px;line-height:1.45;color:#fff}
.kzrow .kzold{color:var(--txt3);text-decoration:line-through;margin-right:6px} .kzrow .kznew{color:var(--turq);font-weight:700} .kzrow .kzi{font-size:11.5px;color:var(--txt3)}
/* 2026-10-17 (Miklós): Meeting memo – fekete M-kártya hangulat a panelben, a lila palettán belül */
.mmsum{border:1px solid var(--hair);border-radius:10px;padding:10px 12px;background:#0B1118;margin-bottom:10px}
.mmsum .mmh{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--txt3);margin:6px 0 3px}
.mmsum .mmt{font-size:13px;line-height:1.5;color:#fff} .mmsum ul{margin:2px 0 0 18px;padding:0;font-size:12.5px;color:var(--txt2);line-height:1.45}
.mmg{border-top:1px solid var(--hair2);padding:8px 0} .mmg:first-child{border-top:0} .mmg label{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;font-weight:800;color:var(--txt2);cursor:pointer}
.mmg input{margin-top:2px;accent-color:#B9A6FF} .mmg ul{margin:4px 0 0 26px;padding:0;font-size:12.5px;color:var(--txt2);line-height:1.45} .mmg .mmn{font-weight:600;color:var(--txt3);font-size:11.5px}
.mmg.sc{border:1px dashed var(--hair);border-radius:9px;padding:8px 10px;margin-top:6px}
.mmns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:8px}
.mmc{border:1.5px solid var(--hair);border-radius:12px;padding:10px 12px;cursor:pointer;background:#0D151F} .mmc.on{border-color:#B9A6FF;background:color-mix(in srgb,#B9A6FF 9%,transparent)}
.mmc .mml{font:800 18px inherit;font-family:inherit;color:#B9A6FF} .mmc .mmty{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--txt3)}
.mmc input[type=text],.mmc input[type=date],.mmc textarea{width:100%;box-sizing:border-box;background:#0B1118;color:#fff;border:1px solid var(--hair);border-radius:7px;padding:5px 7px;font:500 12.5px inherit;font-family:inherit;margin-top:5px}
.mmc textarea{min-height:70px;resize:vertical} .mmc .mmw{font-size:12px;color:var(--txt2);line-height:1.45;margin-top:5px}
.mmin{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px} .mmin .lrbtn{margin-left:auto}
.lrbox{margin:0 0 8px} .lrf{display:flex;flex-direction:column;gap:5px;margin-top:6px} .lrf button{display:flex;gap:10px;align-items:baseline;text-align:left;background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;padding:7px 10px;font:500 12.5px inherit;font-family:inherit;cursor:pointer} .lrf button:hover{border-color:var(--teal)} .lrf small{color:var(--txt3);font-size:11px} .lrf .lrm{margin-left:auto;color:var(--teal);font-size:11px;white-space:nowrap} .mmin input,.mmin select{background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;padding:6px 8px;font:500 13px inherit;font-family:inherit}
.jegb{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:800;color:#9fd8ff;border:1px solid rgba(159,216,255,.45);border-radius:999px;padding:0 6px;vertical-align:middle;white-space:nowrap}   /* 2026-10-17: jegelve (Target 4 a dátumig) */
/* 2026-10-17 (Miklós): Meeting brief – 2 perces felkészítő */
.mpb{font-size:13.5px;line-height:1.5;color:var(--txt2)} .mpb .mph{font-size:13px;font-weight:800;color:#fff;margin-bottom:8px}
.mpb .mpk{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#B9A6FF;margin:12px 0 4px} .mpb .mpk.hy{color:var(--txt3)}
.mpb ul{margin:0 0 0 18px;padding:0} .mpb li{margin:2px 0} .mpb .mphyp li{font-style:italic;color:var(--txt2)} .mpb .mpp{margin:3px 0} .mpb .mpp b{color:#fff}
.mpb .mpgoal{border:1.5px solid #B9A6FF;border-radius:10px;padding:8px 10px;margin-top:12px;color:#fff;background:color-mix(in srgb,#B9A6FF 8%,transparent)}
.mpb .mpw{color:var(--red)} .mppl{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 8px} .mppl label{font-size:12.5px;color:var(--txt2);display:flex;gap:6px;align-items:center;cursor:pointer}

/* ===== CallScript (2026-10-20, Miklós): két oszlop – bal mankó, jobb script/kérdések; lila = amit mi mondunk/otthagyunk, sárga = kérdezz/figyelj, menta = sikerjel/tovább, piros = kerüld/parkolj ===== */
.csctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px} .csctl select{background:#0B1118;color:#fff;border:1px solid var(--hair);border-radius:9px;padding:6px 8px;font:inherit;font-size:13px;max-width:280px}
.cspills{display:flex;gap:6px} .cspills .vzpill.off{opacity:.38;cursor:not-allowed}
.csinl .csb{font-size:12.5px}
.csb{line-height:1.42;color:var(--txt2)}
.csb .csh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:.55em .8em;border-radius:10px;background:#0D151F;border:1px solid var(--hair);margin-bottom:.7em}
.csb .cst{font-weight:800;color:#0B1118;background:#B9A6FF;border-radius:999px;padding:.15em .7em;font-size:.85em;letter-spacing:.3px}
.csb .csf{flex:1;color:#fff;font-weight:700;font-size:.95em;min-width:0}
.csb .cstel{color:var(--mint);font-weight:800;text-decoration:none;border:1px solid color-mix(in srgb,var(--mint) 45%,transparent);border-radius:999px;padding:.2em .8em;font-size:.95em;white-space:nowrap} .csb .cstel.off{color:var(--txt3);border-color:var(--hair)}
.csb .csg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:.8em;align-items:start}
.csb .csl,.csb .csrt{display:flex;flex-direction:column;gap:.6em;min-width:0}
.csb .csc{border:1px solid var(--hair);border-radius:12px;padding:.6em .8em;background:rgba(255,255,255,.025)}
.csb .csk{font-size:.74em;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--txt3);margin-bottom:.35em} .csb .csk.csbig{font-size:.8em;color:var(--s2)}
.csb .csname{color:#fff;font-weight:800;font-size:1.1em} .csb .cssub{color:var(--txt2);font-size:.92em} .csb .csp{color:var(--txt2);margin-top:.15em} .csb .cssm{font-size:.86em;color:var(--txt3);margin-top:.3em}
.csb ul{margin:0 0 0 1.1em;padding:0} .csb li{margin:.12em 0}
.csb .csy{border-color:color-mix(in srgb,var(--s2) 55%,transparent);background:color-mix(in srgb,var(--s2) 6%,transparent)} .csb .csy .csk{color:var(--s2)} .csb .csy .csp{color:#fff}
.csb .csr{border-color:color-mix(in srgb,var(--red) 40%,transparent)} .csb .csr .csk{color:var(--red)}
.csb .csg2{border-color:color-mix(in srgb,var(--mint) 40%,transparent)} .csb .csg2 .csk{color:var(--mint)}
.csb .cs2{display:grid;grid-template-columns:1fr 1fr;gap:.6em}
.csb .csobj{margin:.3em 0;font-size:.93em} .csb .csobj i{display:block;color:#fff} .csb .csobj span{color:var(--txt2)}
.csb .csstep{border:1px solid var(--hair);border-radius:12px;padding:.6em .85em;background:rgba(255,255,255,.025)}
.csb .cssh{display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap} .csb .cssh b{color:#fff;font-size:1.02em} .csb .csido{font-size:.78em;color:var(--s2);border:1px solid color-mix(in srgb,var(--s2) 45%,transparent);border-radius:999px;padding:0 .55em} .csb .cscel{font-size:.84em;color:var(--txt3)} .csb .cscel::before{content:"· "}
.csb .csnum{display:inline-flex;align-items:center;justify-content:center;width:1.55em;height:1.55em;border-radius:50%;background:#B9A6FF;color:#0B1118;font-weight:800;font-size:.85em;flex:none}
.csb .csq{margin:.45em 0 .3em;padding:.45em .7em;border-left:3px solid #B9A6FF;background:color-mix(in srgb,#B9A6FF 9%,transparent);color:#fff;font-size:1.06em;line-height:1.45}
.csb .csw .csk{color:#B9A6FF}
.csb .csfoot{display:flex;flex-wrap:wrap;gap:.3em 1em;font-size:.82em;margin-top:.3em} .csb .cstip{color:var(--s2);flex-basis:100%} .csb .cskr{color:color-mix(in srgb,var(--red) 85%,#fff)} .csb .csok{color:var(--mint)}
.csb .cstimes{display:flex;gap:.5em;flex-wrap:wrap;margin:.2em 0} .csb .cstimes span{border:1px solid color-mix(in srgb,var(--mint) 45%,transparent);color:var(--mint);border-radius:999px;padding:.1em .7em;font-size:.9em}
.csb .csalt{display:flex;flex-direction:column;gap:.2em;margin-top:.35em;font-size:.92em;color:var(--txt2)}
.csb .csn{display:block;width:100%;box-sizing:border-box;background:#0B1118;color:#fff;border:1px solid color-mix(in srgb,var(--s2) 28%,transparent);border-radius:8px;padding:.35em .6em;font:inherit;font-size:.92em;margin-top:.3em}
.csb textarea.csn{min-height:2.6em;resize:vertical} .csb .csgen textarea.csn{min-height:4.5em} .csb .csn:focus{outline:none;border-color:var(--s2)}
.csb .csnsv{display:block;font-size:.78em;color:var(--txt3);margin-top:.25em}
.csb .csflow{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;margin:0 0 .7em;font-size:.88em} .csb .csflow span{border:1px solid var(--hair);border-radius:999px;padding:.15em .75em;color:var(--txt2)} .csb .csflow span b{color:#fff;margin-right:.2em} .csb .csflow small{color:var(--txt3);margin-left:.3em} .csb .csflow i{color:var(--txt3);font-style:normal}
.csb .csflow span.sarga{border-color:color-mix(in srgb,var(--s2) 55%,transparent)} .csb .csflow span.lila{border-color:#B9A6FF}
.csb .csl3{border-color:#B9A6FF;background:color-mix(in srgb,#B9A6FF 7%,transparent)} .csb .csl3 .csk{color:#B9A6FF}
.csb .csmsg{display:flex;gap:.6em;margin:.45em 0} .csb .csfol{color:#fff;font-weight:800;font-size:1.04em}
.csb .csz{margin:.25em 0;font-size:.95em} .csb .csz span{display:inline-block;min-width:6.6em;font-weight:800;font-size:.85em} .csb .csz .ok{color:var(--mint)} .csb .csz .mid{color:var(--s2)} .csb .csz .no{color:var(--red)}
.csb .csqg{display:grid;grid-template-columns:1fr 1fr;gap:.55em} .csb .csqst{display:flex;flex-direction:column} .csb .csqst .csn{margin-top:auto}
.csb .csqst{border:1px solid color-mix(in srgb,var(--s2) 40%,transparent);border-radius:12px;padding:.55em .8em;background:color-mix(in srgb,var(--s2) 4%,transparent)}
.csb .csqst.res{border-color:var(--hair);background:rgba(255,255,255,.02)} .csb .csqst.res .csqh b{color:var(--txt2);font-weight:600}
.csb .csqh{display:flex;gap:.55em;align-items:baseline} .csb .csqh b{color:#fff;font-size:1.02em}
.csb .csqst.s{border-color:color-mix(in srgb,var(--mint) 45%,transparent);background:color-mix(in srgb,var(--mint) 4%,transparent)} .csb .csqst.p{border-color:color-mix(in srgb,var(--s2) 50%,transparent);background:color-mix(in srgb,var(--s2) 4%,transparent)}
.csb.disc .csl3 .csfol{font-size:1.18em;line-height:1.35;font-weight:800} .csb.disc .csl3 .csmsg{align-items:center;margin:.6em 0} .csb.disc .csqh b{font-size:.8em;line-height:1.35} .csb.disc .csqst textarea.csn{min-height:3.4em;font-size:.95em}
/* 2026-10-20 (Miklós): a Feltérképezés a bal oszlop aljáig tölt ki; az S/P kártyák arányosan nyúlnak (a jegyzetmező nő), az Egyéb jegyzet nem; jegyzetbetű kisebb, normál vastagságú */
.csb.disc .csg:not(.cstop){align-items:stretch} .csb.disc .csrt{height:100%} .csb.disc .csrt .csqg{flex:1 1 0;grid-auto-rows:1fr} .csb.disc .csrt .csgen{flex:none} .csb .csgen textarea.csn{min-height:6.2em}
.csb.disc .csqst textarea.csn{flex:1 1 auto}
.csb .csn{font-weight:400!important;font-size:.72em!important;line-height:1.4}
.csb.cold .csg{align-items:stretch} .csb.cold .csl .csgenl{flex:1 1 auto;display:flex;flex-direction:column} .csb.cold .csl .csgenl textarea.csn{flex:1 1 auto;min-height:7em}
.csb.cold .csq{font-size:1.32em;line-height:1.4;font-weight:600;margin:.35em 0 .25em} .csb.cold .cssh b{font-size:.92em} .csb.cold .cscel,.csb.cold .csfoot,.csb.cold .csido{font-size:.7em} .csb.cold .csalt2{display:flex;flex-direction:column;gap:.1em;font-size:.8em;color:var(--txt2);margin:.1em 0 .2em} .csb.cold .cstimes{font-size:.85em}
.csb .csg.cstop{align-items:center;margin-bottom:.45em} .csb .csg.cstop .csflow{margin:0;flex-wrap:nowrap;white-space:nowrap;font-size:.78em;overflow:hidden} .csb .csg.cstop .csk{margin:0}
.csb .csbadge{flex:none;font-size:.74em;font-weight:800;border-radius:6px;padding:.05em .45em} .csb .csbadge.s{color:var(--mint);border:1px solid color-mix(in srgb,var(--mint) 55%,transparent)} .csb .csbadge.p{color:var(--s2);border:1px solid color-mix(in srgb,var(--s2) 60%,transparent)}
.csfull .csb{max-width:none;font-size:15px} .csfull{padding:12px 18px 14px}
@media (max-width:900px){ .csb .csg{grid-template-columns:1fr} .csb .cs2,.csb .csqg{grid-template-columns:1fr} }

/* 2026-10-20 (Miklós): DEMÓ (dummy) cégek jelölése – piros, a meglévő palettából */
.dmbadge{display:inline-block;vertical-align:middle;margin-left:10px;font-size:11px;font-weight:800;letter-spacing:1px;color:#fff;background:var(--red);border-radius:999px;padding:3px 10px}
.dmtag{margin-left:6px;font-size:9.5px;font-weight:800;letter-spacing:.6px;color:var(--red);border:1px solid color-mix(in srgb,var(--red) 55%,transparent);border-radius:999px;padding:0 6px;vertical-align:middle}
.lqb.lqdm{border-color:color-mix(in srgb,var(--red) 45%,transparent)} .lqb.lqdm b{color:var(--red)}
body.dmmode .drillbar{border-color:var(--red)!important;background:color-mix(in srgb,var(--red) 10%,transparent)!important}
/* 2026-10-20 (Miklós): a kézi tények doboza nem kiemelt – keret és türkiz nélkül, csak a D1 részletek nyitásakor */
#det .kzbox.kzsoft .kzops{display:inline-flex;gap:6px;margin-left:10px;vertical-align:middle} #det .kzbox.kzsoft .kzops .nxb{font-size:11px;padding:2px 8px}
#det .kzbox.kzsoft{border:0!important;background:none!important;box-shadow:none!important;padding:4px 2px 0!important;margin:6px 0 10px!important}
#det .kzbox.kzsoft .kzh{color:var(--txt3)!important;font-size:10.5px} #det .kzbox.kzsoft .kzf,#det .kzbox.kzsoft .kzf b{color:var(--txt2)!important;font-weight:inherit}
.mpfull{position:fixed;inset:0;z-index:950;background:#0B121A;overflow:auto;padding:22px 18px 40px} .mpfull .mpb{max-width:980px;margin:0 auto;font-size:14.5px}
.mpg{display:grid;grid-template-columns:1fr 1fr;gap:10px} .mpc{border:1px solid var(--hair);border-radius:12px;padding:10px 12px;background:#0D151F} .mpc.wide{grid-column:1/-1}
.mpc .mpk{margin-top:0} .mpc.goal{border:1.5px solid color-mix(in srgb,var(--s2) 55%,transparent);background:color-mix(in srgb,var(--s2) 5%,transparent);color:#fff}
.mpc.goal .mpk{color:color-mix(in srgb,var(--s2) 80%,#fff)}
.mpgoal1{margin-top:10px;border-left:3px solid color-mix(in srgb,var(--s2) 60%,transparent);padding:4px 0 4px 10px;color:#fff} .mpgoal1 small{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb,var(--s2) 80%,#fff)}
.mpc.col{display:flex;flex-direction:column} .mpc.col .mpgoal1{margin-top:auto} .mpc.col .mpgoal1:not(:first-child){margin-top:auto;padding-top:4px}   /* 2026-10-17: a cél és a múlt a kártya aljára igazodik */
.mpc.col>.mpq,.mpc.col>.mpp:last-of-type{margin-bottom:10px}
.mprow56{grid-column:1/-1;display:grid;grid-template-columns:2fr 3fr;gap:inherit}   /* 2026-10-17: 5 ≈ 40% · 6 (jegyzet) ≈ 60% */
@media (max-width:760px){ .mprow56{grid-template-columns:1fr} }
.mpc.note{position:relative;display:block;padding:5px 5px 5px 30px;min-height:9em}   /* 2026-10-17 v3: a felirat abszolút pozícióval (Safari flex+writing-mode hiba ellen), a mező kitölti a keretet */
.mpc.note .mpnl{position:absolute;left:0;top:0;bottom:0;width:28px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.mpc.note .mpnl span{display:block;white-space:nowrap;transform:rotate(-90deg);font-size:10.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:color-mix(in srgb,var(--s2) 80%,#fff)}
.mpc.note .mpnote{display:block;width:100%;height:100%;min-height:8em;box-sizing:border-box;resize:none;margin:0;border-color:color-mix(in srgb,var(--s2) 25%,transparent)}
.mpc.note .mpnsv{position:absolute;right:14px;bottom:10px;font-size:10px;color:var(--txt3);pointer-events:none}
.mpfull .mpc.note{padding-left:2.2em} .mpfull .mpc.note .mpnl{width:2em} .mpfull .mpc.note .mpnl span{font-size:.62em} .mpfull .mpc.note .mpnsv{font-size:.55em}
.vzgo.mptomm{border-color:color-mix(in srgb,var(--turq) 60%,transparent);color:var(--turq)}   /* 2026-10-17: jegyzet → Meeting memo */
.vzgo.mpdel{border-color:color-mix(in srgb,var(--s2) 60%,transparent);color:color-mix(in srgb,var(--s2) 85%,#fff)}
.mpgoal1.mult{border-left-color:color-mix(in srgb,#B9A6FF 70%,transparent)} .mpgoal1.mult small{color:#B9A6FF} .mpgoal1.mult div{margin:2px 0}   /* 2026-10-17: Múltból a 2. blokk alján, lila csíkkal */
.mpnote{width:100%;box-sizing:border-box;min-height:9em;resize:vertical;background:#0B1118;color:#fff;border:1px solid var(--hair);border-radius:9px;padding:8px 10px;font:inherit;line-height:1.45}
.mpnote:focus{outline:none;border-color:color-mix(in srgb,var(--s2) 60%,transparent)} .mpnst{font-size:11px;color:var(--txt3);display:flex;gap:8px;align-items:center;margin-top:4px} .mpnst button{margin-left:auto}
.mpfull .mpnote{min-height:7em} .mpfull .mpnst{font-size:.6em}   /* 2026-10-17 (Miklós): 3 türkiz · 4 lila · 6 halvány sárga keret */
.mpc.know{border:1.5px solid color-mix(in srgb,var(--turq) 50%,transparent);background:color-mix(in srgb,var(--turq) 6%,#0D151F)} .mpc.know .mpk,.mpc.know .mpq2 small{color:var(--turq)}
.mpc.know .mpq2 div{border-color:color-mix(in srgb,var(--turq) 30%,transparent);background:color-mix(in srgb,var(--turq) 5%,#0B1118)}
.mpc.mhyp{border:1.5px solid color-mix(in srgb,#B9A6FF 55%,transparent);background:color-mix(in srgb,#B9A6FF 7%,#0D151F)} .mpc.mhyp .mpk,.mpc.mhyp .mpq2 small{color:#B9A6FF}
.mpc.mhyp .mpq2 div{border-color:color-mix(in srgb,#B9A6FF 30%,transparent);background:color-mix(in srgb,#B9A6FF 5%,#0B1118)}
.mpb .mph{font-size:13.5px;padding:8px 12px;border-radius:10px;background:#0D151F;border:1px solid var(--hair);margin-bottom:10px;display:flex;align-items:center;gap:10px}
.mpb .mph span{flex:1} .mpfs{flex:none;width:30px;height:30px;border-radius:8px;border:1px solid var(--hair);background:transparent;color:#B9A6FF;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center} .mpfs:hover{border-color:#B9A6FF}
.mpq{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px} .mpq div{border:1px solid var(--hair);border-radius:9px;padding:6px 8px;background:#0B1118} .mpq small{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--txt3)} .mpq b{display:block;font-size:13.5px;color:#fff;margin-top:2px;line-height:1.25}
.mpf{margin:4px 0} .mpf b{color:#fff}
.mpq2{display:grid;grid-template-columns:1fr 1fr;gap:6px} .mpq2 div{border:1px solid var(--hair);border-radius:9px;padding:7px 9px;background:#0B1118}
.mpq2 small{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#B9A6FF;margin-bottom:3px} .mpq2 span{display:block;color:#fff;line-height:1.4}
/* teljes képernyő: a teljes szélesség, a betűméret a képernyőhöz igazodik (egy oldalon olvasható) */
.mpfull{padding:14px 22px 22px} .mpfull .mpb{max-width:none;font-size:clamp(15px,1.15vw,21px);line-height:1.45}
.mpfull .mpb .mph{font-size:1.1em;padding:.5em .8em} .mpfull .mpfs{width:2.1em;height:2.1em;font-size:1em}
.mpfull .mpk{font-size:.72em;margin-bottom:.4em} .mpfull .mpc{padding:.75em .9em} .mpfull .mpg{gap:.7em}
.mpfull .mpq small,.mpfull .mpq2 small{font-size:.66em} .mpfull .mpq b{font-size:1.05em} .mpfull .mpq2 span{font-size:.95em}
.mpfull .mpq{grid-template-columns:repeat(auto-fill,minmax(9em,1fr))}
@media (max-width:760px){ .mpg{grid-template-columns:1fr} }
/* 2026-10-17 (Miklós): Followup helper – a Meeting brief kistestvére (meeting-szint + követés) */
.fuq{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.fuq div{border:1px solid color-mix(in srgb,var(--turq) 35%,transparent);border-radius:9px;padding:8px 10px;background:color-mix(in srgb,var(--turq) 5%,#0B1118)}
.fuq q{display:block;color:#fff;quotes:"„" "”"} .fuq .fuqs{color:#fff} .fuq small{display:block;font-size:11px;color:var(--txt3);margin-top:4px} .fuq small b{color:var(--turq);font-weight:700}
.fusteps{display:grid;gap:4px;margin-bottom:6px} .fust{display:flex;gap:9px;align-items:baseline} .fust .fud{flex:none;min-width:4.6em;color:var(--txt3);font-size:.92em}
.fust .fus{flex:none;font-size:.72em;font-weight:800;letter-spacing:.8px;text-transform:uppercase;border:1px solid var(--hair);border-radius:999px;padding:1px 7px;color:var(--txt3)}
.fust .fus.kesz{color:var(--mint);border-color:color-mix(in srgb,var(--mint) 55%,transparent)} .fust .fus.lejart{color:var(--red);border-color:color-mix(in srgb,var(--red) 55%,transparent)}
.fust .fus.esedekes{color:var(--turq);border-color:color-mix(in srgb,var(--turq) 55%,transparent)}
.fusrc{font-size:11.5px;color:var(--txt3);margin:0 0 8px}
/* 2026-10-17 (Miklós): meeting-részletek ablak (Aktivitás → „részletek”) */
.crmdet{margin-left:6px;padding:1px 9px;border-radius:999px;border:1px solid color-mix(in srgb,#B9A6FF 60%,transparent);background:transparent;color:#B9A6FF;font:700 11px inherit;font-family:inherit;cursor:pointer;vertical-align:1px}
.crmdet:hover{background:color-mix(in srgb,#B9A6FF 12%,transparent)}
.mmdlg{position:fixed;inset:0;z-index:960;background:rgba(5,9,15,.72);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:40px 16px}
.mmdlg .mmdbox{width:100%;max-width:780px;background:#111823;border:1.5px solid #B9A6FF;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.5);padding:16px 18px 18px;font-size:14px;line-height:1.5;color:var(--txt)}
.mmdlg .mmdh{display:flex;align-items:center;gap:10px;margin-bottom:10px} .mmdlg .mmdh b{flex:1;font-size:15px;color:#fff}
.mmdlg .mmdx{width:30px;height:30px;border-radius:50%;border:1px solid var(--hair);background:transparent;color:var(--txt2);cursor:pointer;font-size:14px}
.mmdlg .mmh{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#B9A6FF;margin:12px 0 3px}
.mmdlg ul{margin:0 0 0 18px;padding:0} .mmdlg li{margin:2px 0} .mmdlg .mmdst{display:flex;gap:10px;margin:3px 0} .mmdlg .mmdst span:first-child{flex:none;min-width:5.5em;color:var(--txt3)}



/* 2026-10-17 (Miklós): napló-lapozó jobbra lent + státuszváltás-kapcsoló (szemafor) */
.pager.crmpg{justify-content:flex-end;padding:8px 0 0;border-top:0;margin-top:0}
.pager.crmpg .pinfo{margin-right:auto}
.crmsys{display:inline-flex;align-items:center;gap:6px;margin-left:auto;background:none;border:1px solid var(--hair);color:var(--txt3);border-radius:999px;padding:3px 11px 3px 8px;font:700 11px inherit;font-family:inherit;cursor:pointer;letter-spacing:.2px;text-transform:none;white-space:nowrap}
.crmsys i{width:9px;height:9px;border-radius:50%;background:var(--txt3);opacity:.55}
.crmsys.on{color:var(--mint);border-color:color-mix(in srgb,var(--mint) 55%,transparent)} .crmsys.on i{background:var(--mint);opacity:1;box-shadow:0 0 7px var(--mint)}
.crmsys + .crmadd{margin-left:8px} .crmadd{background:rgba(255,176,0,.12);border-color:rgba(255,176,0,.55);color:var(--orange)} .crmadd:hover{background:rgba(255,176,0,.2)}   /* 11-08 (Miklós): „+ aktivitás”, az Aktivitás fül sárgájával */

/* 2026-10-18 (Miklós): D1-rekeszek kézi szerkesztése */
.bcard.bed{position:relative} .bcard.bed .bl2{padding-right:34px}
.bedpen{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:1px solid var(--hair);background:transparent;color:var(--txt3);cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}
.bedpen:hover{color:var(--turq);border-color:color-mix(in srgb,var(--turq) 55%,transparent)}
.bcard.bed.editing{border-color:color-mix(in srgb,var(--turq) 65%,transparent)} .bcard.bed.editing .bedpen{color:var(--turq);border-color:color-mix(in srgb,var(--turq) 55%,transparent)}
.bcard.bed .bt[contenteditable="true"]{outline:none;background:rgba(2,250,221,.05);border-radius:8px;padding:4px 6px;margin:-4px -6px;min-height:2.6em}
.bedrst{margin-left:6px;background:none;border:0;padding:0;color:var(--txt3);font:600 10.5px inherit;font-family:inherit;letter-spacing:.2px;text-transform:none;cursor:pointer;text-decoration:underline}
.bedrst:hover{color:var(--turq)}
.bedmsg{font-size:11.5px;color:var(--mint);margin-top:6px} .bedmsg a{color:var(--turq)}

/* 2026-10-18 (Miklós): Frissítés – változás-lista */
.frv{display:grid;grid-template-columns:84px 74px 1fr;gap:8px;padding:6px 0;border-top:1px solid var(--hair2);font-size:13px;line-height:1.45}
.frv:first-of-type{border-top:0} .frd{color:var(--txt3);font-size:12px} .frt{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--turq)}
@media (max-width:760px){ .frv{grid-template-columns:1fr} }
.vztray{position:relative} .vztst.vztst2{position:absolute;right:6px;bottom:100%;margin:0 0 5px;padding-left:0;text-align:right;white-space:nowrap;font-size:11.5px;line-height:1.2;color:var(--txt3)}   /* 2026-10-18 (Miklós): a sáv fölött jobbra, a meglévő térközben (nem növeli a távolságot) */
@media (max-width:760px){ .vztst.vztst2{position:static;margin:0 2px 6px;text-align:left;white-space:normal} }   /* 2026-10-18 */
/* 2026-10-18 (Miklós): a kutatás dátuma a Letöltés gomb mellett balra, a gomb aljához igazítva (mobilon a cégsorban marad) */
#det .dhact{align-items:flex-end} .dhrun{font-size:11px;letter-spacing:.6px;color:var(--txt3);line-height:1.1;white-space:nowrap}
.dhrun b{font-weight:800} .dhrun.kut-g{color:var(--turq)} .dhrun.kut-y{color:#FFB000} .dhrun.kut-r{color:var(--red)} .dhrun.kut-n{color:var(--txt3)}
.dtrow{display:flex;align-items:center;justify-content:space-between;gap:14px;align-self:stretch;margin-top:-4px} .dtrow .dtouch{margin-top:0}   /* 11-08 (Miklós): a kutatás dátuma az érintésekkel egy sorban, balra, a scoring-blokk fölött */
.dsrun{display:none}
@media (max-width:760px){ .dhrun{display:none} .dsrun{display:inline} }
/* 2026-10-18 (Miklós): cégnév alatti két sor („A” változat) – a tevékenység teljes szöveggel, nincs levágás */
#det .dsub.dsub2{display:block;-webkit-line-clamp:unset;overflow:visible}
.dsub2 .dsact{font-size:14.5px;color:var(--txt);line-height:1.45}
.bsbtn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;padding:0;border-radius:50%;border:1px solid rgba(185,166,255,.55);background:rgba(185,166,255,.12);color:#B9A6FF;font-size:12px;line-height:1;cursor:pointer;vertical-align:1px;transition:background .15s}
.bsbtn:hover{background:rgba(185,166,255,.25)} .bsdots{margin-left:8px;vertical-align:2px} .dsact .bsdots i{background:#B9A6FF}
.dsacttx.bsuj{animation:bsuj 2.4s ease-out} @keyframes bsuj{0%{color:#B9A6FF}100%{color:var(--txt)}}   /* 2026-11-08: bemutató sor frissítése */
.dsub2 .dsmeta{font-size:12.5px;color:var(--txt3);margin-top:4px;line-height:1.5} .dsub2 .dsmeta b{color:var(--txt2);font-weight:700}
#det .dsub.dsub2 + .dsmore{display:none !important}

.prepgrid .bcard.fullw{grid-column:1/-1}   /* 2026-10-18 (Miklós): D2 · Aktuális témák a vezetőktől teljes szélességben */
/* 2026-10-18 (Miklós): a SenIQ Sales Intelligence sáv nem lóghat ki a kártyából – a sáv a szülő szélességéhez igazodik, asztalon a csoportok szükség esetén új sorba törnek */
#det .vztray{min-width:0;max-width:100%;box-sizing:border-box}
#det .vztrayin{max-width:100%;box-sizing:border-box}
@media (min-width:761px){   /* 2026-10-18 (Miklós): EGY sorban – a csempék összehúzódnak (nincs sortörés); végső esetben „…” */
  #det .vztrayin{flex-wrap:nowrap;overflow:hidden;gap:6px;padding:7px 8px}
  #det .vzgrp{flex:1 1 auto;min-width:0;gap:5px;padding-right:6px}
  #det .vzchip{flex:1 1 auto;min-width:0;gap:7px;padding:5px 8px 5px 6px}
  #det .vzchip > span:last-child{min-width:0;overflow:hidden}
  #det .vzcl,#det .vzcs{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #det .vzcl{font-size:12px} #det .vzcs{font-size:10px}
  #det .vzico{width:22px;height:22px;font-size:12px;border-radius:7px} }
@media (min-width:761px) and (max-width:1399px){ #det .vzico{display:none} #det .vzchip{padding:6px 9px} }   /* 2026-10-18: közepes szélesség – ikon nélkül, a magyar leírás marad */
@media (min-width:761px) and (max-width:1119px){ #det .vzcs{display:none} #det .vzchip{padding:7px 9px} }   /* keskeny: csak a név (a leírás az infókártyán) */
/* 2026-10-20 este (Miklós): SenIQ-sáv C-változat – bal: 2 sor lilás keretben, jobb: Általános zöldes keretben; a csempék kitöltik a teret */
#det .vztrayin.c3{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,24%);gap:12px;align-items:stretch;padding:0;border:0;background:none;overflow:visible}
#det .vztrayin.c3 .vzmain{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;border:1px solid rgba(185,166,255,.38);background:rgba(185,166,255,.06)}
#det .vztrayin.c3 .vzside{display:flex;padding:10px;border-radius:16px;border:1px solid rgba(112,242,210,.34);background:rgba(112,242,210,.05)}
#det .vztrayin.c3 .vzrow{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px;flex:1}
#det .vztrayin.c3 .vzside .vzrow{grid-template-columns:1fr;grid-auto-rows:1fr;width:100%}
#det .vztrayin.c3 .vzchip{min-width:0;width:100%;height:100%;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04)}
#det .vztrayin.c3 .vzico{display:grid;width:32px;height:32px;font-size:17px;border-radius:10px}
#det .vztrayin.c3 .vzcl{font-size:13.5px} #det .vztrayin.c3 .vzcs{display:block;font-size:11px}
#det .vztrayin.c3 .vzchip.soon{cursor:default}
#det .vztrayin.c3 .vzsoon{position:absolute;top:6px;right:8px;font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--s2);border:1px solid color-mix(in srgb,var(--s2) 50%,transparent);border-radius:999px;padding:1px 6px}
@media (min-width:761px) and (max-width:1199px){ #det .vztrayin.c3{grid-template-columns:1fr} #det .vztrayin.c3 .vzside .vzrow{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:760px){ #det .vztrayin.c3{grid-template-columns:1fr} #det .vztrayin.c3 .vzrow,#det .vztrayin.c3 .vzside .vzrow{grid-template-columns:repeat(2,minmax(0,1fr))} #det .vztrayin.c3 .vzcs{white-space:normal} #det .vztrayin.c3 .vzchip.soon{padding-top:24px} #det .vztrayin.c3 .vzrow > .vzchip:last-child:nth-child(odd){grid-column:1/-1} }

/* 2026-10-18 (Miklós): SenIQ Sales Intelligence infókártya (ráállva) */
.ctip.vzi{max-width:360px;padding:10px 12px;line-height:1.45;font-size:12.5px} .ctip.vzi .vzit{color:var(--txt)}
.ctip.vzi .vziw{margin-top:6px;color:var(--orange);font-size:12px} .ctip.vzi .vzir{margin-top:7px;color:var(--mint);font-size:11.5px;font-weight:700}
#det .vzp > .slbl{text-transform:none;letter-spacing:.2px;font-size:15px}   /* 2026-10-18 (Miklós): a SenIQ Sales Intelligence panelcím megtartja a ColdMail-típusú írásmódot */
#det .vzp > .slbl .basicsum{text-transform:none}
@media (min-width:761px){   /* 2026-10-18 (Miklós): a fülgombok szövege soha nem törik két sorba; a sor a fejléc teljes szélességét használja */
  #det .dh > .tglrow.left.tgfull{flex:1 1 100%;order:2;margin-top:4px;flex-wrap:wrap;row-gap:8px}
  #det .tglrow.left .tgl{white-space:nowrap} }
@media (min-width:761px){   /* 2026-11-08 (Miklós): kisebb hézag a cégnév alatti szöveg és a fülsor között – a jobb oszlop feljebb indul, a csempék laposabbak; az érintésjelölő helye a csempékhez és a gombokhoz képest nem változik */
  #det .dh > .dhr{margin-top:-18px}
  #det .dh .dsbox{padding:8px 18px} #det .dh .dsbox .dsl{margin-top:5px}
  #det .dh > .tglrow.left.tgfull{margin-top:0} }

/* ===== 2026-10-18 (Miklós): nyitóképernyő ===== */
#mainview.lmode > .controls, #mainview.lmode > .msortbar, #mainview.lmode > .drillbar, #mainview.lmode > .tablecard, #mainview.lmode > #pager{display:none !important}
#mainview:not(.lmode) > #landing{display:none}
#mainview.lmode .lhome{display:none}
.landing{padding:6px 0 40px;animation:landIn .5s ease-out both}
@keyframes landIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.lgreet{color:var(--txt3);font-size:14px;margin-bottom:6px;letter-spacing:.2px}
.lhead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 26px} .lhead .lgreet{margin:0} .lhead .lq{margin:0}   /* 2026-10-20 (Miklós): köszönés és kérdés egy sorban, betűméret változatlan */
.lq{font-family:'Heebo',Arial,sans-serif;font-weight:800;font-size:clamp(28px,3vw,40px);color:#fff;margin:0 0 26px;letter-spacing:-.01em;text-transform:none}
.lndcards{display:grid;grid-template-columns:1.12fr .76fr 1.12fr;gap:18px;align-items:stretch}   /* 2026-10-20 (Miklós): Egy céggel · Listából (keskeny, középen) · Mai teendőim (jobbra); a két szélső közel azonos */
/* ===== 2026-10-20 (Miklós): „Kit keressek ma?” – SenIQ AI-gomb a kezdőlapon + felugró javaslat-ablak ===== */
.lndcard.lc1{display:flex;flex-direction:column} .lndcard.lc1 > .lndrow#lrecent{margin-bottom:24px}
.lnapi{margin-top:18px;display:flex;align-items:center;gap:13px;width:100%;text-align:left;cursor:pointer;color:#fff;font-family:inherit;padding:14px 16px;border-radius:16px;border:1.5px solid transparent;
  background:linear-gradient(#141d2a,#141d2a) padding-box,linear-gradient(120deg,var(--mint),#B9A6FF 55%,var(--turq)) border-box;box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 4px color-mix(in srgb,var(--mint) 7%,transparent);transition:transform .18s,box-shadow .18s}
.lnapi:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.4),0 0 0 5px color-mix(in srgb,#B9A6FF 14%,transparent)}
.lnapi .lnico{flex:0 0 42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;background:linear-gradient(135deg,color-mix(in srgb,var(--mint) 22%,transparent),color-mix(in srgb,#B9A6FF 26%,transparent));animation:lnpulse 2.8s ease-in-out infinite}
@keyframes lnpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.lnapi b{display:block;font:800 17px 'Heebo',Arial,sans-serif;letter-spacing:-.01em} .lnapi small{display:block;color:var(--txt3);font-size:12.5px;margin-top:1px}
.lnapi .lngo{margin-left:auto;font-size:20px;color:var(--mint)}
/* 2026-10-20 este (Miklós): „Kit keressek ma?” prémium – sárga keret, nagyobb, vezesse a szemet */
.lnapi{padding:18px 20px;gap:15px;border:2px solid transparent;background:linear-gradient(#1a1c22,#141820) padding-box,linear-gradient(120deg,var(--s2),#FFD66B 50%,var(--s2)) border-box;box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 0 4px color-mix(in srgb,var(--s2) 12%,transparent),0 0 28px color-mix(in srgb,var(--s2) 18%,transparent);animation:lnglow 3.2s ease-in-out infinite}
.lnapi:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.4),0 0 0 5px color-mix(in srgb,var(--s2) 22%,transparent),0 0 36px color-mix(in srgb,var(--s2) 30%,transparent)}
@keyframes lnglow{0%,100%{box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 0 4px color-mix(in srgb,var(--s2) 10%,transparent),0 0 22px color-mix(in srgb,var(--s2) 14%,transparent)}50%{box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 0 5px color-mix(in srgb,var(--s2) 18%,transparent),0 0 34px color-mix(in srgb,var(--s2) 28%,transparent)}}
.lnapi .lnico{flex:0 0 50px;height:50px;font-size:25px;border-radius:14px;background:color-mix(in srgb,var(--s2) 18%,transparent)}
.lnapi b{font-size:20px;color:#fff} .lnapi small{font-size:13px}
.lnapi .lngo{font-size:24px;color:var(--s2)}
.lnapi[hidden]{display:none}
.npbox{max-width:860px!important;border-color:var(--mint)!important}
.npes{flex:0 0 auto;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--red);border:1px solid color-mix(in srgb,var(--red) 55%,transparent);border-radius:999px;padding:2px 9px;white-space:nowrap}   /* 2026-10-22: Kit keressek ma? – az első javaslat nyitott eset */
.nphint{color:var(--txt3);font-size:12.5px;margin:-4px 0 12px} .nphint a{color:var(--mint);cursor:pointer}
.npintro{color:var(--txt);font-size:14.5px;line-height:1.5;margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--mint);background:rgba(112,242,210,.05);border-radius:0}
.npc{border:1px solid var(--hair);border-radius:12px;padding:11px 14px;margin-bottom:9px;background:rgba(255,255,255,.025)}
.nph{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .npn{background:none;border:0;padding:0;color:#fff;font:800 15.5px 'Heebo',Arial,sans-serif;cursor:pointer;text-align:left} .npn:hover{color:var(--mint)}
.npch{font-size:11.5px;font-weight:800;letter-spacing:.4px;color:var(--ink);background:var(--mint);border-radius:999px;padding:2px 9px}
.nppt{margin-left:auto;color:var(--txt3);font-size:12px}
.npk{color:var(--txt2);font-size:13px;margin:3px 0 6px} .npk b{color:#fff}
.nxai{border-top:1px solid var(--hair2);padding:10px 0 2px} .nxai .npc{margin-bottom:8px}
.nxchoice{display:flex;gap:10px;flex-wrap:wrap;padding:6px 0 4px} .nxchoice button{flex:1 1 220px;text-align:left;border:1px solid var(--hair);background:rgba(255,255,255,.035);color:#fff;border-radius:12px;padding:11px 14px;cursor:pointer;font:inherit}
.nxchoice button b{display:block;font:800 14.5px 'Heebo',Arial,sans-serif} .nxchoice button small{color:var(--txt3);font-size:12px}
.nxchoice button.ai{border:1.5px solid transparent;background:linear-gradient(#141d2a,#141d2a) padding-box,linear-gradient(120deg,var(--mint),#B9A6FF 55%,var(--turq)) border-box}
.nxchoice button:hover{transform:translateY(-1px)}
.nxaih{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--mint);margin-bottom:8px} .nxaih .nxb{text-transform:none;letter-spacing:0;font-weight:700} .nxaih .nxb:first-of-type{margin-left:auto}
.nxtd{color:var(--txt2);font-size:13px;line-height:1.5;margin-top:4px} .nxtd b{color:var(--txt3);font-weight:700}
.nxtake{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap} .nxtake input{background:rgba(255,255,255,.05);border:1px solid var(--hair);color:#fff;border-radius:8px;padding:4px 7px;font:inherit;font-size:12.5px}
.npct{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 7px;font-size:13px} .npct a{color:var(--mint);text-decoration:none} .npct a:hover{text-decoration:underline} .npct.none{color:var(--txt3)}
.mmdh .nxb{margin-left:auto} .mmdh .nxb + .mmdx{margin-left:6px}
.npm{color:var(--txt);font-size:13.5px;line-height:1.5} .npo{color:#B9A6FF;font-size:13.5px;line-height:1.5;margin-top:5px;font-style:italic}
.npf{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap} .nps{color:var(--txt3);font-size:12px;margin-right:auto}
.npwait{display:flex;align-items:center;gap:12px;color:var(--txt2);padding:26px 4px} .npwait i{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--hair);border-top-color:var(--mint);animation:npspin .8s linear infinite}
@keyframes npspin{to{transform:rotate(360deg)}}
.npfoot{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--txt3);font-size:12px} .npfoot .nxb{margin-left:auto}
.lndcard{position:relative;background:var(--glass);border:1px solid var(--hair);border-radius:20px;padding:22px 22px 20px;transition:transform .18s,border-color .18s,box-shadow .18s;min-width:0}
/* 2026-10-23 (Miklós): halvány keret; ráálláskor az Egy céggel türkiz (mint eddig), a Felveszem a fonalat piros */
.lndcard.lc3:hover,.lndcard.lc3:focus-within{border-color:color-mix(in srgb,var(--red) 55%,transparent);box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 4px color-mix(in srgb,var(--red) 8%,transparent)}
.lndcard.lc1:hover,.lndcard.lc1:focus-within{border-color:color-mix(in srgb,var(--turq) 55%,transparent);box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 4px color-mix(in srgb,var(--turq) 8%,transparent)}
.lndcard.lc2{cursor:pointer} .lndcard.lc2:hover{transform:translateY(-2px);border-color:color-mix(in srgb,#B9A6FF 60%,transparent);box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 4px color-mix(in srgb,#B9A6FF 8%,transparent)}
.lndh{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.lci{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:22px;flex:none;background:rgba(2,250,221,.10);border:1px solid rgba(2,250,221,.35)}
.lc2 .lci{background:rgba(185,166,255,.12);border-color:rgba(185,166,255,.4)} /* 2026-10-22 (Miklós): a „Felveszem a fonalat” ikondoboza is menta, mint az „Egy céggel dolgoznék” */
.lct{font-weight:800;font-size:19px;color:#fff;line-height:1.2} .lcs{font-size:13px;color:var(--txt3);margin-top:4px;line-height:1.45}
.lsrch{position:relative} .lsrch input{width:100%;box-sizing:border-box;background:#0B121B;color:#fff;border:1.5px solid color-mix(in srgb,var(--turq) 45%,transparent);border-radius:14px;padding:14px 46px 14px 16px;font:500 16px 'Heebo',Arial,sans-serif;outline:none}
.lsrch input:focus{border-color:var(--turq);box-shadow:0 0 0 4px rgba(2,250,221,.12)}
.lsrch kbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:700 11px 'Heebo';color:var(--txt3);border:1px solid var(--hair);border-radius:6px;padding:2px 7px;pointer-events:none}
.lres{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#0D151F;border:1px solid var(--hair);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.5);overflow:hidden}
.lres.on{display:block} .lrh{padding:7px 14px 5px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--txt3);border-top:1px solid var(--hair2)} .lrp .lrn i{font-style:normal;font-size:11px;font-weight:600;color:var(--txt3);margin-left:6px} .lrp .lrm{text-align:right} .lri{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;cursor:pointer;border-top:1px solid var(--hair2);font-size:13.5px}
.lri:first-child{border-top:0} .lri:hover,.lri.sel{background:rgba(2,250,221,.08)} .lri.none{color:var(--txt3);cursor:default}
.lrn{color:#fff;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lrm{color:var(--txt3);white-space:nowrap;font-size:12px}
.lndrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px}
.crmugy{display:inline-block;font-size:12.5px;font-weight:700;color:var(--mint);border:1px solid color-mix(in srgb,var(--mint) 50%,transparent);border-radius:999px;padding:3px 11px;align-self:center} .crmugy.kor{color:var(--turq);font-weight:600}
.nxb.ugyb{align-self:center;border-color:color-mix(in srgb,var(--mint) 55%,transparent);color:var(--mint)} .nxb.ugyb:hover{background:color-mix(in srgb,var(--mint) 10%,transparent)}
.mmdlg .mmdbox.ugybox{max-width:560px;border-color:color-mix(in srgb,var(--mint) 60%,transparent)} .ugyrow{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0 12px} .ugybox label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--txt2);font-weight:700}
.ugybox textarea{background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;padding:8px 10px;font:inherit;font-size:13.5px;font-weight:500;resize:vertical;line-height:1.45}
.ugyl{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.5;color:var(--txt)} .ugyl b{color:#fff}
.ugybox input,.ugybox select{background:#0D151F;color:#fff;border:1px solid var(--hair);border-radius:8px;padding:7px 9px;font:inherit;font-size:13.5px;font-weight:500} .ugybox .ugyt small{font-weight:400;color:var(--txt3)}
.ugyinfo{font-size:12.5px;color:var(--txt3);margin-top:12px;line-height:1.45} .ugymsg{margin-right:auto;font-size:12.5px} .szfoot .nxb + .nxb{margin-left:8px} .nxb.ugyok{border-color:var(--mint);color:var(--mint);font-weight:800}
.lmail{margin-top:auto;border:1px solid var(--hair);border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:8px} .lmail:empty{display:none} .lmail .lqb{border-color:color-mix(in srgb,var(--s2) 42%,transparent)} .lmail .lqb:hover{border-color:color-mix(in srgb,var(--s2) 75%,transparent);background:color-mix(in srgb,var(--s2) 6%,transparent)}   /* 2026-10-23: halvány sárga keret */ .lmail .lrl{margin:0}
#lsee{margin-top:24px} #lsee .lchip{border-color:color-mix(in srgb,var(--s2) 42%,transparent)} #lsee .lchip:hover{border-color:color-mix(in srgb,var(--s2) 75%,transparent)}   /* 2026-10-22: Nézd meg ezeket is – halvány sárga keret, kis szünettel lejjebb */ .lrl{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--txt3);margin-right:4px}
.lnone{font-size:12px;color:var(--txt3)}
.lchip{display:inline-flex;gap:6px;align-items:center;background:rgba(255,255,255,.04);border:1px solid var(--hair);border-radius:999px;padding:5px 11px;color:#fff;font:600 12.5px 'Heebo',Arial,sans-serif;cursor:pointer;max-width:100%}
.lchip:hover{border-color:color-mix(in srgb,var(--turq) 55%,transparent)} .lcn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lcm{color:var(--txt3);font-weight:500;font-size:11.5px}
.lquick{display:flex;flex-direction:column;gap:8px}
.lqb{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.035);border:1px solid var(--hair);border-radius:12px;padding:11px 14px;color:#fff;font:600 14px 'Heebo',Arial,sans-serif;cursor:pointer;text-align:left}
.lqb b{color:var(--txt3);font-weight:700} .lqb.s1 b{color:var(--turq)} .lqb.s2 b{color:var(--orange)} .lqb:hover{border-color:color-mix(in srgb,#B9A6FF 55%,transparent);background:rgba(185,166,255,.06)}
.lgo{margin-top:14px;font-weight:800;font-size:13px;color:#B9A6FF;letter-spacing:.3px}
.lndcard.soon{opacity:.45;filter:saturate(.6)} .lsoon{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--txt3);border:1px solid var(--hair);border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:3px}
.lsoonl{margin:2px 0 0 18px;padding:0;color:var(--txt3);font-size:13px;line-height:1.7}
/* 2026-10-20 este (Miklós): a kezdőlap férjen ki egy képernyőre, ne legyen fölösleges görgetés */
.wrap:has(> #mainview.lmode){padding-bottom:18px} #mainview.lmode .landing{padding-bottom:0}
.lpref{display:inline-flex;gap:8px;align-items:center;margin-top:20px;font-size:12px;color:var(--txt3);cursor:pointer}
@media (max-width:1100px){ .lndcards{grid-template-columns:1fr 1fr} .lndcard.lc3{grid-column:1/-1} }
/* 2026-10-22 (Miklós): kezdőlap – bal: Egy céggel dolgoznék (két sor magas) · jobb fent: Mai teendőim két hasábban · jobb lent: Listából keresnék, 3×2 kompakt csempe */
.lndcards{grid-template-columns:1fr 1.85fr;grid-template-rows:auto;align-items:stretch}   /* 2026-10-22 (Miklós): egyoldalas kezdőlap – fent Egy céggel + Mai teendőim egyforma magas, alatta a Listából teljes szélességben */
.lndcard.lc1{grid-column:1;grid-row:1} .lndcard.lc3{grid-column:2;grid-row:1} .lndcard.lc2{grid-column:1 / -1;grid-row:2;padding:12px 18px;display:flex;align-items:center;gap:18px}
.lndcard.lc2 > .lndh{margin:0;flex:0 0 auto} .lndcard.lc2 .lci{display:none} .lndcard.lc2 .lct{font-size:16px;white-space:nowrap;flex-direction:column;align-items:flex-start;gap:5px} .lndcard.lc2 .lqdmx{margin-left:0} .lndcard.lc2 > .lquick{flex:1 1 auto;min-width:0}
.lndcard.lc3 .lcs{display:none} .lndcard.lc1 .lndh,.lndcard.lc3 .lndh{margin-bottom:14px;align-items:center}   /* 2026-10-22: a két kártya fejléce azonos (középre igazítva) */
.lndcard.lc2 .lndh{margin-bottom:12px;align-items:center} .lndcard.lc2 .lci{transform:scale(.85)} .lndcard.lc2 .lcs{display:none}
.lndcard.lc2 .lct{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lndcard.lc2 .lquick{display:flex;flex-direction:row;gap:8px} .lndcard.lc2 .lquick .lqb{flex:1 1 auto;min-width:0} .lndcard.lc2 .lqb{padding:9px 11px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:8px}
@media (max-width:1300px){ .lndcard.lc2{flex-wrap:wrap} .lndcard.lc2 > .lquick{flex-basis:100%} .lndcard.lc2 .lquick{display:grid;grid-template-columns:repeat(3,1fr)} .lndcard.lc2 .lct{flex-direction:row;align-items:center} }
.lqdmx{margin-left:auto;font:700 11.5px 'Heebo',Arial,sans-serif;color:var(--txt3);background:none;border:1px solid color-mix(in srgb,var(--red) 40%,transparent);border-radius:999px;padding:2px 10px;cursor:pointer} .lqdmx b{color:var(--red)} .lqdmx:hover{color:#fff}
.ltcols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;flex:1 1 auto} .ltcol .ltfill{flex:1 1 auto} .ltcol .ltpg{margin-top:4px}
#ltodoc{display:flex;flex-direction:column} #ltodoc .ltodo{flex:1 1 auto;display:flex;flex-direction:column}
.lth{font:800 16px 'Heebo',Arial,sans-serif;color:#fff;letter-spacing:-.01em;margin:0 0 4px;display:flex;align-items:center;gap:8px} .lth b{font-size:12px;color:var(--red);border:1px solid color-mix(in srgb,var(--red) 50%,transparent);border-radius:999px;padding:0 8px;line-height:18px} .lth b[data-tip]{position:relative;cursor:help} .lth b[data-tip]:hover::after{content:attr(data-tip);position:absolute;top:calc(100% + 7px);left:-6px;z-index:60;width:max-content;max-width:270px;white-space:normal;background:#0D151F;border:1px solid var(--hair2,rgba(255,255,255,.18));color:#fff;font:500 12.5px/1.45 'Heebo',Arial,sans-serif;letter-spacing:0;padding:8px 11px;border-radius:9px;box-shadow:0 10px 26px rgba(0,0,0,.45);pointer-events:none}   /* 2026-10-23 (Miklós): azonnali súgó a számokon */
.lth b.ok{color:var(--mint);border-color:color-mix(in srgb,var(--mint) 55%,transparent)}
.ltd .d.late{color:var(--red)} .ltd .d.today{color:var(--orange)}
/* 2026-11-02 (Miklós): kampánysáv a kezdőlapon (SI-EA) – hány helyen van kinn, és hol tart a visszakövetés */
.lcamp{margin-top:18px;border:1px solid var(--hair);border-radius:14px;background:rgba(255,255,255,.03);box-shadow:inset 4px 0 0 #9085E9;padding:12px 16px 12px 20px}
.lcamp .lch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;cursor:pointer;font:800 15px 'Heebo',Arial,sans-serif;color:#fff;user-select:none}
.lcamp .lch .cpc{color:#9085E9;letter-spacing:.02em} .lcamp .lch .cpn{color:var(--txt2);font-weight:500;font-size:13px}
.lcamp .lch .cpk{font:700 12px 'Heebo',Arial,sans-serif;border:1px solid var(--hair2,rgba(255,255,255,.18));border-radius:999px;padding:1px 9px;color:var(--txt2)}
.lcamp .lch .cpk b{color:#fff} .lcamp .lch .cpk.ok b{color:var(--mint)} .lcamp .lch .cpk.late{border-color:color-mix(in srgb,var(--red) 55%,transparent)} .lcamp .lch .cpk.late b{color:var(--red)}
.lcamp .lch .cpt{margin-left:auto;color:var(--txt3);font-size:12px;font-weight:600}
.lcamp .ctab{margin-top:10px;overflow-x:auto} .lcamp table{width:100%;border-collapse:collapse;font:500 13px 'Heebo',Arial,sans-serif}
.lcamp th{text-align:left;color:var(--txt3);font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-bottom:1px solid var(--hair);white-space:nowrap}
.lcamp td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--hair);color:var(--txt2);vertical-align:top} .lcamp tr.cpr{cursor:pointer} .lcamp tr.cpr:hover td{background:rgba(255,255,255,.04)}
.lcamp td.cpn{color:#fff;font-weight:700} .lcamp td .cps{display:block;color:var(--txt3);font-size:11.5px} .lcamp td.cpok{color:var(--mint);font-weight:700} .lcamp td.cplate{color:var(--red);font-weight:700}
@media (max-width:760px){ .lcamp{padding:10px 12px 10px 16px} .lcamp .lch .cpt{margin-left:0} }
/* 2026-10-22 (Miklós): könnyebb kezdőlap – Tervezd be! kártyák világosabb üveg-háttérrel (más a feladat), halványabb második sor, több térköz */
#ltodo .ltd.szl{grid-template-columns:1fr auto;background:color-mix(in srgb,var(--red) 9%,transparent);border-color:color-mix(in srgb,var(--red) 35%,transparent);box-shadow:inset 4px 0 0 var(--red);padding-left:15px}
#ltodo .ltd.szl:hover{border-color:color-mix(in srgb,var(--red) 70%,transparent);background:color-mix(in srgb,var(--red) 13%,transparent)}
#ltodo .ltd.szl .t{grid-column:1 / -1} #ltodo .ltd.szl .k{font-size:11px;font-weight:700;color:var(--red);border:1px solid color-mix(in srgb,var(--red) 60%,transparent);border-radius:999px;padding:0 7px;line-height:14px;white-space:nowrap;align-self:center}
.szjo{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;border:1px solid color-mix(in srgb,var(--mint) 40%,transparent);background:color-mix(in srgb,var(--mint) 7%,transparent);border-radius:14px;padding:22px 18px}
.szjo-i{font-size:40px;line-height:1;animation:lnpulse 2.8s ease-in-out infinite} .szjo b{color:var(--mint);font:800 16px 'Heebo',Arial,sans-serif;line-height:1.35} .szjo small{color:var(--txt3);font-size:13px}
.szjo-b{margin-top:8px;font:700 13px 'Heebo',Arial,sans-serif;color:var(--s2);background:transparent;border:1px solid color-mix(in srgb,var(--s2) 55%,transparent);border-radius:10px;padding:6px 14px;cursor:pointer} .szjo-b:hover{background:color-mix(in srgb,var(--s2) 8%,transparent)}
#ltodo .ltd .t{color:var(--txt3)} #ltodo .ltcol{gap:9px} .ltcol{display:flex;flex-direction:column;gap:6px;min-width:0} .ltcol > .ltg:first-child,.ltcol > .sztiszta:first-child{margin-top:0}
@media (max-width:1100px){ .lndcards{grid-template-columns:1fr} .lndcard.lc1,.lndcard.lc2,.lndcard.lc3{grid-column:1;grid-row:auto} .lndcard.lc1{order:1} .lndcard.lc3{order:2} .lndcard.lc2{order:3;display:block} .lndcard.lc2 > .lndh{margin-bottom:12px} }
@media (max-width:760px){ .ltcols{grid-template-columns:1fr} .lndcard.lc2 .lquick{grid-template-columns:1fr 1fr} }
/* 2026-11-07 (Miklós): kétoldalas „Felveszem a fonalat” kártya – a .flipwrap-et a flipInit() hozza létre */
.flipwrap{grid-column:2;grid-row:1;perspective:1800px;display:grid;min-width:0}
.flipin{display:grid;min-width:0;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .75s cubic-bezier(.45,.05,.2,1)}
.flipwrap.front .flipin{transform:rotateY(0deg)}
.flipwrap .lndcard.flipface{grid-area:1/1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.flipface.flipback{transform:rotateY(180deg)}
.flipface .lndh{cursor:pointer}
.flipfront{display:flex;flex-direction:column}
.flipfront .nxe{margin:auto}
.flipfront .ucb{cursor:default}
.fjgrid{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:18px;flex:1 1 auto;height:0;min-height:0}   /* 2026-11-07: az előoldal magasságát a hátoldal adja */
.ucb{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;overflow-y:auto}
/* 2026-11-07 (Miklós): az előoldal két fele egy mintára – alcímsor ikonnal, keretes munkaterület, a gomb a keret alján, jobbra */
.ascol{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0} .ascol>.ucb,.ascol>.kqb{flex:1 1 auto;min-height:0}
.ascol.ucol:has(.jel:not([hidden]))>.ucb{flex:1 1 0} .jel{flex:0 0 auto;max-height:33%;min-height:0;overflow-y:auto}   /* 11-08 (Miklós): a jelentés a szövege magasságú (legfeljebb 1/3), alulra rendezve; az Új cég kitölti a maradékot */
.jel{cursor:pointer;border:1px solid var(--hair);border-radius:10px;padding:9px 11px;background:rgba(255,255,255,.02);transition:border-color .2s,background .2s} .jel:hover,.jel:focus-visible{outline:none;border-color:color-mix(in srgb,var(--j) 45%,transparent);background:color-mix(in srgb,var(--j) 4%,transparent)}
.jdbox{width:min(860px,100%)} .jdmin{font-size:11px;color:var(--txt3);border:1px solid var(--hair);border-radius:6px;padding:0 6px;margin-left:8px} .jdgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:6px}   /* 11-08 (Miklós): 2×2 csempe – Kutatás, Új elérhetőség, A csapat, Mai teendő */ @media (max-width:760px){ .jdgrid{grid-template-columns:1fr} }
.jdsec{border:1px solid var(--hair);border-radius:12px;padding:10px 12px} .jdh{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--txt3);margin-bottom:6px}
.jdt{display:grid;font-size:12.5px} .jth{color:var(--txt3);font-weight:600;font-size:11px;padding:3px 4px;border-bottom:1px solid var(--hair)} .jtd{padding:4px;border-bottom:1px solid var(--hair2);color:var(--txt2);min-width:0;overflow-wrap:anywhere} .jtd.r,.jth.r{text-align:right} .jtd.num{color:var(--j);font-variant-numeric:tabular-nums}
.jdft{font-size:11.5px;color:var(--txt3);margin-top:12px} .jds{font-size:12.5px;line-height:1.55;color:var(--txt2)} .jds b{color:var(--j);font-weight:600} .jdfull{margin-top:14px}
.jdt3{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:baseline;padding:6px 2px;border-top:1px solid var(--hair2);font-size:12.5px;cursor:pointer} .jdt3:first-of-type{margin-top:6px} .jdt3 span{color:var(--txt)} .jdt3 i{font-style:normal;color:var(--txt3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;grid-row:2;font-size:11.5px} .jdt3 em{font-style:normal;color:var(--j);font-variant-numeric:tabular-nums} .jdt3:hover span{color:var(--j)} .jdt3.jdj{cursor:default} .jdt3.jdj:hover span{color:var(--txt)} .jtl{cursor:pointer} .jtl:hover{color:var(--j)} .jdl{font-size:11.5px;color:var(--j);margin-top:6px;cursor:pointer}
.jelh{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--txt3);margin-bottom:5px} .jelh i{font-style:normal;font-weight:600;text-transform:none;letter-spacing:0;border:1px solid var(--hair);border-radius:6px;padding:0 5px;margin-left:6px}
.jelt{font-size:11px;line-height:1.55;color:var(--txt3)} .jelt b{color:var(--j);font-weight:600}
/* 2026-11-07 (Miklós): nincs közös kártyacím; a két funkció fejléce az „Egy céggel dolgoznék” stílusa (ikondoboz + cím), oszlopok 45/55 */
.flipfront .lndh.ash{margin:0;align-items:center;cursor:pointer}   /* 11-07: a fejlécre kattintva fordul, mint a hátoldalon */ .flipfront .ash .kqst{margin-top:3px;font-size:12.5px} .kcol .ash{padding-right:46px}
/* 1-es változat: az Új cég felvétele arany (a --turq itt helyben aranyra vált: gomb, keret, lépésjelző), a SenIQ Kérdezz türkiz */
/* 2026-11-08 (Miklós, C változat): semleges nyugalom – egyetlen kiemelőszín a SenIQ-lila; alapállapotban szinte színtelen,
   az az oldal világít lilán, amelyikben dolgozol (fókusz vagy folyamatban lévő munka: .akt). A --turq a két oszlopban helyben lilára vált. */
.ascol{--turq:#B9A6FF} .ascol .lci{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);transition:background .2s,border-color .2s}
.ascol:focus-within .lci,.ascol.akt .lci{background:rgba(185,166,255,.14);border-color:rgba(185,166,255,.4)}
.ascol .asfr{border-color:var(--hair);background:rgba(255,255,255,.03);transition:border-color .2s,background .2s,box-shadow .2s}
.ascol:focus-within .asfr,.ascol.akt .asfr,.ascol .ucb.ucpan{border-color:rgba(185,166,255,.7);background:rgba(185,166,255,.05);box-shadow:0 0 0 4px rgba(185,166,255,.10)}
.ascol .ucgo.sqgo{transition:background .2s,color .2s} .ascol:focus-within .ucgo.sqgo,.ascol.akt .ucgo.sqgo{background:#B9A6FF;color:#1b1630;border-color:#B9A6FF}
.asfr{flex:1 1 auto;min-height:160px;display:flex;flex-direction:column;background:rgba(255,255,255,.035);border:1px solid var(--hair);border-radius:10px;overflow:hidden}
.asfr:focus-within{border-color:color-mix(in srgb,var(--turq) 55%,transparent)}
.asbar{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 10px 8px 12px;border-top:1px solid var(--hair)} .asbar .ucgo{margin-left:auto;padding:6px 14px}
#uctxt,#kqtxt{flex:1 1 auto;min-width:0;min-height:0;resize:none;background:transparent;border:0;color:var(--txt);padding:10px 12px;font:inherit;font-size:13.5px;line-height:1.45} #uctxt:focus,#kqtxt:focus{outline:none}
.asbar #kqtxt{height:34px;padding:7px 0}
.flipwrap .lndcard.lc3.flipfront:hover,.flipwrap .lndcard.lc3.flipfront:focus-within,.flipwrap .lndcard.lc3.flipfront.ucakt{border-color:var(--hair);box-shadow:none}   /* C változat: a kártya semleges, a használt oldal világít */
.uclep{display:flex;flex-direction:column;gap:7px;padding:4px 2px} .uclep div{display:flex;align-items:center;gap:10px;color:var(--txt3);font-size:13px}
.uclep div b{width:16px;height:16px;flex:none;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--hair);font-size:10px;font-weight:800;color:var(--turq)}
.uclep div.ok{color:var(--txt2)} .uclep div.ok b{border-color:color-mix(in srgb,var(--turq) 55%,transparent)}
.uclep div.most{color:var(--txt)} .uclep div.most b{border:2.5px solid var(--hair);border-top-color:var(--turq);animation:npspin .9s linear infinite}
.ucido{color:var(--txt3);font-size:12px;margin-top:auto}
@media (prefers-reduced-motion:reduce){ .uclep div.most b{animation:none;border-color:var(--turq)} }
.ucb.ucpan{border:1px solid color-mix(in srgb,var(--turq) 55%,transparent);border-radius:10px;background:rgba(255,255,255,.035);padding:8px 10px;gap:5px}   /* 2026-11-07: a beviteli mező kerete a keresés és a választás alatt is megmarad */
.lndcard.lc3.ucakt{border-color:color-mix(in srgb,var(--red) 55%,transparent);box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 4px color-mix(in srgb,var(--red) 8%,transparent)}
.ucfoot{display:flex;align-items:center;gap:10px;margin-top:auto}
.ucgo{margin-left:auto;border:1px solid color-mix(in srgb,var(--turq) 55%,transparent);background:color-mix(in srgb,var(--turq) 12%,transparent);color:var(--turq);border-radius:10px;padding:7px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.ucgo:hover{background:color-mix(in srgb,var(--turq) 20%,transparent)}
.ucm{color:var(--txt2);font-size:13px;line-height:1.45} .ucm b{color:var(--txt)} .ucs{color:var(--txt3);font-size:12px;line-height:1.4}
.ucc{display:block;width:100%;text-align:left;background:rgba(255,255,255,.035);border:1px solid var(--hair);border-radius:10px;padding:5px 10px;color:var(--txt);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.ucc:hover{border-color:color-mix(in srgb,var(--turq) 55%,transparent)} .ucc span{display:block;color:var(--txt3);font-size:12px;font-weight:400;margin-top:1px}
.ucc em{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-style:normal;font-weight:400;font-size:12.5px;line-height:1.4;color:var(--txt2);margin-top:3px}
.ucbm{color:var(--txt2);font-size:13px;line-height:1.45} .ucut{color:var(--txt2);font-size:12.5px;line-height:1.4;border-left:2px solid color-mix(in srgb,var(--turq) 55%,transparent);padding-left:8px}
.ucc i{font-style:normal;color:var(--gold,#FFB000);font-size:11px;font-weight:700;margin-left:6px}
/* 2026-11-07 (Miklós): SenIQ Kérdezz – az előoldal jobb fele, chat az adatbázisról (pipeline/kerdes.py a Macen) */
.kqb{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;cursor:default}
.kqst{font-size:11.5px;color:var(--txt3)} .kqst b{color:var(--turq);font-weight:400} .kqst.off b{color:var(--txt3)}
.kqrs{margin-left:auto;border:1px solid var(--hair);background:transparent;color:var(--txt3);border-radius:8px;padding:4px 10px;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer} .kqrs:hover{color:var(--turq);border-color:color-mix(in srgb,var(--turq) 55%,transparent)}
.asfr .kqlog{padding:12px;gap:4px}
.kqts{font-size:11px;color:var(--txt3);margin:0 2px 8px} .kqts.r{align-self:flex-end}
.kqa.kqty{display:flex;flex-direction:row;align-items:center;gap:8px;width:max-content;max-width:100%} .kqdots{display:inline-flex;gap:4px} .kqdots i{width:6px;height:6px;border-radius:50%;background:var(--turq);opacity:.35;animation:kqdot 1.2s infinite} .kqdots i:nth-child(2){animation-delay:.2s} .kqdots i:nth-child(3){animation-delay:.4s}
@keyframes kqdot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){ .kqdots i{animation:none;opacity:.8} }

.kqlog{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px;scroll-behavior:smooth}
.kqq{align-self:flex-end;max-width:88%;background:color-mix(in srgb,var(--turq) 12%,transparent);border:1px solid color-mix(in srgb,var(--turq) 35%,transparent);border-radius:12px 12px 4px 12px;padding:6px 10px;font-size:13px;line-height:1.4;color:var(--txt)}
.kqa{background:rgba(255,255,255,.035);border:1px solid var(--hair);border-radius:12px 12px 12px 4px;padding:8px 11px;display:flex;flex-direction:column;gap:6px;animation:kqin .35s ease-out}
@keyframes kqin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.kqe{font-size:11.5px;color:var(--txt3);line-height:1.35} .kqe b{color:var(--txt2);font-weight:600}
.kqn{font-size:32px;font-weight:800;color:var(--turq);line-height:1;font-variant-numeric:tabular-nums} .kqn span{display:block;font-size:12px;font-weight:600;color:var(--txt2);margin-top:3px}
.kqv{font-size:13px;color:var(--txt2);line-height:1.45}
.kqtw{overflow-x:auto} .kqb table.kqt{border-collapse:collapse;font-size:12px;width:100%;table-layout:auto} .kqb .kqt td,.kqb .kqt th{display:table-cell;padding:3px 6px;border-bottom:1px solid var(--hair);text-align:left;color:var(--txt2);white-space:nowrap;max-width:none} .kqb .kqt th{color:var(--txt3);font-weight:600} .kqb .kqt td.kqnum{text-align:right;font-variant-numeric:tabular-nums}
.kqbar{display:flex;flex-direction:column;gap:4px} .kqbh{display:flex;justify-content:space-between;font-size:11px;color:var(--txt3)} .kqbr{display:grid;grid-template-columns:minmax(0,38%) 1fr auto;align-items:center;gap:8px;font-size:12px;color:var(--txt2)}
.kqbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .kqbt{height:8px;border-radius:4px;background:rgba(255,255,255,.05);overflow:hidden} .kqbt i{display:block;height:100%;border-radius:4px;background:color-mix(in srgb,var(--turq) 70%,transparent);animation:kqgrow .7s ease-out} .kqbv{font-variant-numeric:tabular-nums;color:var(--txt);font-weight:600;min-width:28px;text-align:right}
@keyframes kqgrow{from{width:0}}
.kqtov{font-size:12px;color:var(--txt3);line-height:1.5} .kqtov button{border:0;background:none;padding:0;font:inherit;color:var(--txt2);cursor:pointer;text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:2px} .kqtov button:hover{color:var(--turq)}
.kqchips{display:flex;flex-wrap:wrap;gap:6px} .kqchip{border:1px solid var(--hair);background:transparent;color:var(--txt2);border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;line-height:1.3;cursor:pointer;text-align:left} .kqchip:hover{border-color:color-mix(in srgb,var(--turq) 55%,transparent);color:var(--txt)}
.kqtop5{display:flex;flex-direction:column;border-top:1px solid var(--hair);margin-top:2px} .kqtop5 button{display:flex;align-items:baseline;gap:10px;border:0;border-bottom:1px solid var(--hair2);background:none;padding:5px 2px;font:inherit;font-size:12.5px;color:var(--txt);text-align:left;cursor:pointer} .kqtop5 button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .kqtop5 button i{font-style:normal;font-size:11.5px;color:var(--txt3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%} .kqtop5 button:hover span{color:var(--turq)}
.kqvissza{margin-left:10px;border:1px solid color-mix(in srgb,var(--turq) 55%,transparent);background:color-mix(in srgb,var(--turq) 12%,transparent);color:var(--turq);border-radius:8px;padding:3px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.kqlst{align-self:flex-start;border:1px solid color-mix(in srgb,var(--turq) 55%,transparent);background:color-mix(in srgb,var(--turq) 12%,transparent);color:var(--turq);border-radius:8px;padding:4px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer} .kqlst:hover{background:color-mix(in srgb,var(--turq) 20%,transparent)}
@media (max-width:760px){ .fjgrid{grid-template-columns:1fr;height:auto} .kqlog{max-height:380px} }
.flipbtn{position:absolute;top:22px;right:22px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--hair);background:transparent;color:var(--txt3);font-size:17px;line-height:1;cursor:pointer;transition:color .18s,border-color .18s,transform .35s}
.flipbtn:hover,.flipbtn:focus-visible{color:var(--turq);border-color:color-mix(in srgb,var(--turq) 55%,transparent);transform:rotate(-180deg)}
@media (max-width:1100px){ .flipwrap{grid-column:1;grid-row:auto;order:2} }
@media (max-width:760px){ .fjgrid{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .flipin{transition:none} .flipbtn{transition:none} }
/* 2026-10-20 (Miklós): kezdőlapon egy sor = köszönés + kérdés balra, 4 csempe jobbra (Kizárt nélkül); listanézet változatlan */
#mainview:not(.lmode) .toprow > .lhead{display:none}
#mainview.lmode .toprow{display:flex;align-items:center;gap:28px;margin-bottom:22px}
#mainview.lmode .toprow > .lhead{flex:0 0 auto;margin:0;flex-wrap:nowrap;white-space:nowrap}
#mainview.lmode .toprow .tiles{flex:1 1 auto;min-width:0;grid-template-columns:repeat(4,1fr);margin:0}
#mainview.lmode .tile.x{display:none}
#mainview.lmode .tile.s3{display:none} #mainview.lmode .toprow .tile{padding-left:12px;padding-right:12px} #mainview.lmode .toprow .tile .tn{white-space:nowrap;letter-spacing:1px} #mainview.lmode .toprow{flex-wrap:wrap} #mainview.lmode .toprow .tiles{flex:1 1 315px;min-width:315px} @media (max-width:1400px){ #mainview.lmode .toprow > .lnapi small{display:none} }   /* 2026-11-03 (Miklós): az „Összes cég” ne törjön két sorba; szűkebb ablakban a csempék nem nyomódnak össze, a gomb új sorba kerül */ #mainview.lmode .toprow .tiles{grid-template-columns:repeat(3,1fr)}   /* 2026-11-03 (Miklós): a kezdőlapon a Target 3 helyén az Új sales álláshirdetések gomb */
.lallas{background:linear-gradient(#141d2a,#141820) padding-box,linear-gradient(120deg,var(--mint),#B9A6FF 55%,var(--turq)) border-box;animation:none;box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 0 4px color-mix(in srgb,var(--mint) 8%,transparent)}
.lallas:hover{box-shadow:0 16px 40px rgba(0,0,0,.4),0 0 0 5px color-mix(in srgb,var(--mint) 16%,transparent)}
.lallas .lnico{background:color-mix(in srgb,var(--mint) 16%,transparent)} .lallas .lngo{color:var(--mint)}
/* 2026-11-07 (Miklós): a SenIQ (AI-t használó) funkciók egységesen lilák, mint az adatlap SenIQ-sávja (#B9A6FF): Kit keressek ma?, Új sales álláshirdetések,
   SenIQ keresés (Új cég felvétele), SenIQ kutatás (SenIQ Chat) */
.lnapi,.lnapi.lallas{background:linear-gradient(#1a1a24,#141820) padding-box,linear-gradient(120deg,#B9A6FF,#DCD2FF 50%,#B9A6FF) border-box;animation:none;box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 0 4px rgba(185,166,255,.10),0 0 28px rgba(185,166,255,.14)}
.lnapi:hover,.lnapi.lallas:hover{box-shadow:0 16px 40px rgba(0,0,0,.4),0 0 0 5px rgba(185,166,255,.18),0 0 36px rgba(185,166,255,.24)}
.lnapi .lnico,.lnapi.lallas .lnico{background:rgba(185,166,255,.18)} .lnapi .lngo,.lnapi.lallas .lngo{color:#B9A6FF}
.ucgo.sqgo{border-color:rgba(185,166,255,.6);background:rgba(185,166,255,.14);color:#B9A6FF} .ucgo.sqgo:hover{background:rgba(185,166,255,.24)}
.albox{max-width:1180px!important;border-color:var(--mint)!important}
.alcols{display:grid;grid-template-columns:1fr 1fr;gap:16px} .alcol h4{margin:0 0 8px;font:800 12px 'Heebo',Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--mint)} .alcol h4 small{color:var(--txt3);font-weight:600;letter-spacing:0;text-transform:none;margin-left:6px}
.alnone{color:var(--txt3);font-size:13px;padding:10px 2px}
.alpos{color:#fff;font-size:13.5px;font-weight:700;margin:3px 0 2px} .almeta{color:var(--txt3);font-size:12px;margin-bottom:6px}
.aluj{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--s2);border:1px solid color-mix(in srgb,var(--s2) 55%,transparent);border-radius:999px;padding:2px 8px;white-space:nowrap}
.alk3{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#B9A6FF;border:1px solid color-mix(in srgb,#B9A6FF 55%,transparent);border-radius:999px;padding:2px 8px;white-space:nowrap}
.alst{color:var(--txt2);font-size:12px;margin:0 0 6px} .alpick{display:flex;flex-direction:column;gap:5px;margin-top:6px} .alpick .nxb{text-align:left;white-space:normal}
.almsg{color:var(--txt2);font-size:12.5px;margin-top:6px} .almsg.err{color:var(--red)}
.alprog{color:var(--txt3);font-size:12.5px;margin-top:8px}
@media (max-width:900px){ .alcols{grid-template-columns:1fr} }
#mainview.lmode .tile{padding:12px 16px 11px}
#mainview.lmode .tile .tv{font-size:28px;margin-top:5px}
@media (max-width:1100px){ #mainview.lmode .toprow{flex-wrap:wrap;gap:14px} #mainview.lmode .toprow .tiles{flex-basis:100%} }
@media (max-width:760px){ #mainview.lmode .toprow > .lhead{white-space:normal;flex-wrap:wrap} #mainview.lmode .toprow .tiles{grid-template-columns:repeat(3,1fr)} }
/* 2026-10-22 (Miklós): helynyerés – a köszönés kis betűvel a kérdés fölött (nem magasabb a csempesornál), a „Kit keressek ma?” a csempesor első eleme */
#mainview.lmode .toprow > .lhead{flex-direction:column;align-items:flex-start;gap:2px}
#mainview.lmode .toprow > .lhead .lgreet{font-size:12px;line-height:1.2}
#mainview.lmode .toprow > .lhead .lq{line-height:1.05}
#mainview:not(.lmode) .toprow > .lnapi{display:none}
#mainview.lmode .toprow{gap:14px} #mainview.lmode .toprow > .lhead{margin-right:14px}
#mainview.lmode .toprow > .lnapi{flex:0 0 auto;width:auto;margin:0;align-self:stretch;padding:10px 16px;gap:12px;border-radius:18px}
#mainview.lmode .toprow > .lnapi .lnico{flex:0 0 40px;height:40px;font-size:20px;border-radius:12px}
#mainview.lmode .toprow > .lnapi b{font-size:17px;white-space:nowrap} #mainview.lmode .toprow > .lnapi small{font-size:12px;white-space:nowrap} #mainview.lmode .toprow > .lnapi .lngo{font-size:20px;margin-left:6px}
@media (max-width:1100px){ #mainview.lmode .toprow > .lnapi{flex:1 1 auto} }
@media (max-width:760px){ header .eyebrow{padding-right:96px} }   /* a „nyitott eset” számláló ne csússzon a logóra */
@media (max-width:760px){ .lndcards{grid-template-columns:1fr} .landing{padding:18px 0 26px} .lq{font-size:26px;margin-bottom:18px} .lhead{margin-bottom:18px} }
/* ---- globális (minden szélességen) ---- */
#mainview.detmode > :not(#det){display:none !important}   /* 2026-10-17 (Miklós): nyitott adatlapnál a felgörgetés az adatlap tetején áll meg; vissza a ✕ gombbal */
#mainview.detmode #det .detcard{margin-top:0}
#det button[title="Bezárás"]{border-color:rgba(232,96,96,.45) !important;background:rgba(232,96,96,.06) !important;color:var(--red) !important}   /* 2026-10-17 (Miklós): a bezáró ✕ a Fontos! blokk piros keretével és színével */
#det button[title="Bezárás"]:hover{background:rgba(232,96,96,.14) !important}
/* 2026-10-18 (Miklós): a SenIQ Sales Intelligence fül láthatóbb – (1) már inaktívan lila keret + lila felirat, kitöltés nélkül; bekapcsolva erősebb keret;
   (2) a fülsor végén külön, elválasztóval; (4) az adatlap megnyitásakor egyszer, lassan felfénylik, utána nyugalomban marad */
#det .tgl.vz{border:1.5px solid rgba(185,166,255,.75) !important;color:#B9A6FF !important;background:rgba(255,255,255,.04) !important}
#det .tgl.vz:hover{border-color:#B9A6FF !important;background:rgba(185,166,255,.08) !important}
#det .tgl.vz.on{border:2px solid #B9A6FF !important;color:#fff !important;background:rgba(185,166,255,.26) !important;box-shadow:0 0 0 3px rgba(185,166,255,.18) !important}
#det .tgl.vz:not(.on){animation:seniqIn 1.6s ease-out .35s 1}
@keyframes seniqIn{0%{box-shadow:0 0 0 0 rgba(185,166,255,0)}45%{box-shadow:0 0 0 4px rgba(185,166,255,.30),0 0 22px rgba(185,166,255,.45)}100%{box-shadow:0 0 0 0 rgba(185,166,255,0)}}
@media (prefers-reduced-motion:reduce){ #det .tgl.vz{animation:none !important} }
@media (min-width:761px){ #det .tglrow.left .tgl.vz{position:relative;margin-left:16px !important}
  #det .tglrow.left .tgl.vz::before{content:"";position:absolute;left:-13px;top:18%;bottom:18%;width:1px;background:rgba(255,255,255,.18)} }
/* 2026-10-26: Követő Mail (OnePager csempe) – a meglévő palettából */
.kmsec{margin-top:10px;border-radius:8px;transition:box-shadow .2s}.kmsec.kmwarn{box-shadow:0 0 0 1.5px var(--orange)}
.kmx{float:right;padding:2px 9px;border-radius:999px;border:1px solid var(--hair);background:transparent;color:var(--txt3);font:700 11px inherit;font-family:inherit;text-transform:none;letter-spacing:0;cursor:pointer}.kmx:hover{color:var(--red);border-color:var(--red)}
.kmh{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--g);margin:2px 0 6px}.kmh small{text-transform:none;letter-spacing:0;font-weight:600;color:var(--txt3);margin-left:6px}
.kmlist{display:grid;gap:5px}
.kmi{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--txt2);padding:7px 9px;border:1px solid var(--hair2);border-radius:8px;cursor:pointer}
.kmi:has(input:checked){border-color:color-mix(in srgb,var(--g) 60%,transparent);background:color-mix(in srgb,var(--g) 7%,transparent);color:var(--txt)}
.kmi input{margin-top:3px;accent-color:var(--g)}.kmi b{color:var(--txt)}.kmi small{color:var(--txt3)}
.kmt{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:4px;border:1px solid var(--hair);color:var(--txt3);margin-top:1px}
.kmt.k-ajanlat{color:var(--turq);border-color:color-mix(in srgb,var(--turq) 50%,transparent)}.kmt.k-szallitas{color:var(--mint);border-color:color-mix(in srgb,var(--mint) 50%,transparent)}.kmt.k-kozos{color:var(--g);border-color:color-mix(in srgb,var(--g) 50%,transparent)}
.kmown{display:flex;gap:8px;align-items:center;margin-top:6px;font-size:10.5px;font-weight:800;color:var(--txt3);text-transform:uppercase;letter-spacing:.8px}.kmown input{flex:1;min-width:0;font:inherit;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;background:transparent;color:var(--txt);border:1px dashed var(--hair);border-radius:8px;padding:7px 9px}
.kmform{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px 12px;margin-top:12px}
.kmform label{display:flex;flex-direction:column;gap:4px;font-size:10.5px;font-weight:800;color:var(--txt3);text-transform:uppercase;letter-spacing:.8px}
.kmform input,.kmform select,#km-step{font:inherit;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;background:transparent;color:var(--txt);border:1px solid var(--hair);border-radius:8px;padding:7px 9px;min-width:0}
.kmform select option,#km-step option{color:#000}
.kmform small{font-weight:500;text-transform:none;letter-spacing:0}.kmsz{display:flex;gap:6px}
.kmlet{margin-top:12px}.kmsubj{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13.5px;color:var(--txt);font-weight:700}.kmsubj small{font-size:10.5px;color:var(--txt3);text-transform:uppercase;letter-spacing:1px}
.kmbody{white-space:pre-wrap;font:inherit;font-size:13.5px;line-height:1.55;color:var(--txt2);margin:10px 0 0;padding:12px;border:1px solid var(--hair2);border-radius:8px;user-select:text;overflow-wrap:anywhere}
#km-step{max-width:340px}

/* 2026-11-03: Előzetes bemutatkozó (ColdMail 4. fül) */
#bmbox input,#bmbox textarea,#bmbox select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:8px;padding:7px 10px;font:inherit;font-size:13px}
#bmbox textarea{width:100%;box-sizing:border-box;margin-top:8px;resize:vertical}
#bmbox select option{color:#000}
.bmrow{display:flex;gap:10px;align-items:center;margin:10px 0 0}.bmrow label{font-size:12px;color:#9aa7b6;white-space:nowrap}.bmrow input{flex:1;min-width:0}
.bmchk{display:flex;gap:8px;align-items:center;font-size:12.5px;margin:10px 0 0;color:#cfd8e3}
.bmhead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:4px 0 10px}.bmnum{font-size:12.5px;color:#cfd8e3;margin-top:4px}.bmnum b{color:var(--turq)}
.bmcnt{font-weight:800;color:var(--orange);font-size:12.5px;white-space:nowrap}
.bmcards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bmc{display:flex;gap:9px;align-items:flex-start;padding:10px 11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;cursor:pointer;background:rgba(255,255,255,.03)}
.bmc.on{border-color:var(--turq);background:rgba(2,250,221,.07)}.bmc input{margin-top:3px}
.bmc b{display:block;color:#fff;font-size:13.5px;line-height:1.35}.bmp{display:block;margin-top:3px;font-size:12.5px;color:#cfd8e3;line-height:1.4}.bmw{display:block;margin-top:6px;font-size:11.5px;color:#8995a5;font-style:italic;line-height:1.35}
#bmbox a.vzgo{text-decoration:none;display:inline-flex;align-items:center}
@media(max-width:760px){.bmcards{grid-template-columns:1fr}.bmrow{flex-wrap:wrap}}