/* Inter (SIL OFL 1.1) – saját tárhelyről, változó vastagság, latin + latin-ext (ő, ű) */
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(../fonts/inter-latin-wght.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}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(../fonts/inter-latin-ext-wght.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}
:root{--bg:#07111f;--bg2:#0a1626;--panel:#0e1b2d;--panel2:#132338;--text:#eff6ff;--muted:#91a4bb;--line:rgba(255,255,255,.09);--accent:#39d9b0;--accent2:#76f1cf;--danger:#ff6b78;--warning:#ffca66;--shadow:0 24px 80px rgba(0,0,0,.32);--r:22px;--sidebar:282px;--ease:cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:19px;letter-spacing:-.4px}.brand strong{color:var(--accent)}.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#39a9d9);color:#041015;font-weight:900;box-shadow:0 8px 25px rgba(57,217,176,.23)}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--accent);text-transform:uppercase}.btn{border:0;border-radius:13px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;color:var(--text);font-weight:750;cursor:pointer;transition:.22s var(--ease);position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,var(--accent),#3cb9d5);color:#031216;box-shadow:0 10px 30px rgba(57,217,176,.18)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(57,217,176,.26)}.btn.ghost{background:rgba(255,255,255,.045);border:1px solid var(--line)}.btn.ghost:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16)}.btn.tiny{padding:9px 12px;border-radius:10px;font-size:12px}.btn.full{width:100%}.glass{background:linear-gradient(155deg,rgba(19,36,57,.9),rgba(8,20,34,.88));border:1px solid rgba(255,255,255,.095);box-shadow:var(--shadow);backdrop-filter:blur(18px)}input,select,textarea{width:100%;border:1px solid var(--line);background:#091725;color:var(--text);border-radius:12px;padding:12px 13px;outline:0;transition:.18s;border-color:.18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:rgba(57,217,176,.65);box-shadow:0 0 0 3px rgba(57,217,176,.09)}textarea{resize:vertical}label{display:grid;gap:8px;color:#c8d5e5;font-size:13px;font-weight:650}.hint{font-size:12px;color:var(--muted);line-height:1.6}.badge{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.badge.success{background:rgba(57,217,176,.1);color:var(--accent)}.badge.warning{background:rgba(255,202,102,.1);color:var(--warning)}
/* public */.public-page{background:radial-gradient(circle at 75% 7%,rgba(46,182,200,.12),transparent 28%),radial-gradient(circle at 20% 25%,rgba(57,217,176,.075),transparent 28%),var(--bg);overflow-x:hidden}.public-nav{height:78px;max-width:1380px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.public-nav nav{display:flex;align-items:center;gap:32px}.public-nav nav a{color:#afbdd0;text-decoration:none;font-size:13px;font-weight:700;transition:.2s}.public-nav nav a:hover{color:#fff}.public-nav .nav-login{border:1px solid var(--line);padding:10px 14px;border-radius:11px;color:#eaf4ff}.mobile-menu{display:none;background:none;border:0}.shell-grid{max-width:1380px;margin:auto;padding:94px 34px 112px;display:grid;grid-template-columns:1.05fr .95fr;gap:74px;align-items:center;min-height:680px}.hero-copy h1{font-size:clamp(46px,5.2vw,82px);line-height:.98;letter-spacing:-.06em;margin:14px 0 24px}.hero-copy h1 span{color:var(--accent)}.hero-copy>p{max-width:660px;color:#a8b8ca;font-size:18px;line-height:1.72}.hero-actions{display:flex;gap:12px;margin:32px 0 22px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#788da5;font-size:12px;font-weight:650}.phone-card{border-radius:30px;padding:26px;max-width:570px;margin-left:auto;position:relative}.phone-card:before{content:"";position:absolute;inset:-1px;border-radius:30px;background:linear-gradient(120deg,rgba(57,217,176,.4),transparent 35%,transparent 70%,rgba(80,160,255,.2));z-index:-1}.live-pill{width:max-content;padding:7px 10px;border-radius:999px;background:rgba(57,217,176,.08);color:var(--accent);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;display:flex;gap:7px;align-items:center}.live-pill i,.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(57,217,176,.08);animation:pulse 2s infinite}.caller{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:28px 0 24px}.caller .avatar-ring{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#233e59,#102033);border:1px solid var(--line);font-weight:900}.caller div:not(.avatar-ring){display:grid;gap:4px}.caller span{font-size:11px;color:var(--muted)}.caller>b{font-size:12px;color:var(--muted)}.wave{height:86px;display:flex;align-items:center;gap:5px;padding:0 5px}.wave i{display:block;flex:1;max-width:7px;height:20%;border-radius:8px;background:linear-gradient(var(--accent),#3fa9cf);animation:wave 1.35s ease-in-out infinite}.wave i:nth-child(3n){height:62%;animation-delay:.12s}.wave i:nth-child(4n){height:86%;animation-delay:.24s}.wave i:nth-child(5n){height:38%;animation-delay:.34s}.transcript{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:10px}.transcript span{font-size:10px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.transcript p{font-size:13px;line-height:1.6;color:#ccdae8;margin:8px 0 0}.call-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.call-stats div{display:grid;gap:3px;text-align:center;padding:13px 5px;border-radius:13px;background:rgba(255,255,255,.025)}.call-stats b{font-size:17px}.call-stats span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.section{max-width:1380px;margin:auto;padding:100px 34px}.section-head{text-align:center;max-width:700px;margin:0 auto 45px}.section h2,.cta h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;line-height:1.05;margin:12px 0 16px}.section-head p,.split>div>p,.cta p{color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:28px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.018));border:1px solid var(--line);transition:.28s var(--ease)}.feature-card:hover{transform:translateY(-5px);border-color:rgba(57,217,176,.24);background:rgba(255,255,255,.05)}.feature-card>b{color:var(--accent);font-size:12px}.feature-card h3{font-size:20px;margin:26px 0 10px}.feature-card p{color:var(--muted);font-size:14px;line-height:1.65}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:74px;align-items:center}.settings-demo{border-radius:24px;padding:22px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.setting-row>div{display:grid;gap:4px}.setting-row span{font-size:11px;color:var(--muted)}.toggle{width:47px;height:27px;padding:3px;border:0;border-radius:999px;background:#253548;cursor:pointer;transition:.2s}.toggle i{display:block;width:21px;height:21px;border-radius:50%;background:#94a4b5;transition:.22s var(--ease)}.toggle.on{background:rgba(57,217,176,.22)}.toggle.on i{transform:translateX(20px);background:var(--accent);box-shadow:0 0 14px rgba(57,217,176,.3)}.route-options{display:grid;gap:9px;margin-top:16px}.route-options label{grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:13px;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.025);cursor:pointer;transition:.18s}.route-options label>i{width:17px;height:17px;border-radius:50%;border:2px solid #54667a;position:relative}.route-options label.selected{border-color:rgba(57,217,176,.28);background:rgba(57,217,176,.055)}.route-options label.selected>i{border-color:var(--accent)}.route-options label.selected>i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent)}.route-options label span{display:grid;gap:3px}.route-options label b{font-size:12px}.route-options label small{color:var(--muted);font-size:10px}.cta{max-width:1280px;margin:60px auto 100px;padding:82px 34px;text-align:center;border-radius:34px;background:linear-gradient(135deg,rgba(57,217,176,.1),rgba(34,100,150,.14));border:1px solid rgba(57,217,176,.12)}.cta p{max-width:600px;margin:0 auto 26px}.public-footer{max-width:1380px;margin:auto;padding:28px 34px 44px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.public-footer p{font-size:11px;color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:.7s var(--ease)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.empty-page{min-height:70vh;display:grid;place-items:center;align-content:center;text-align:center;padding:40px}.empty-page h1{font-size:50px;margin:12px 0}.empty-page p{color:var(--muted)}
/* auth */.auth-page{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(57,217,176,.1),transparent 35%),var(--bg);display:grid;place-items:center;padding:28px}.auth-shell{width:min(450px,100%);display:grid;gap:25px;justify-items:center}.auth-card{width:100%;border-radius:24px;padding:30px}.auth-card h1{font-size:32px;letter-spacing:-.04em;margin:10px 0 6px}.auth-card>p{color:var(--muted);font-size:13px;margin:0 0 22px}.auth-card form{display:grid;gap:16px}.password-wrap{position:relative}.password-wrap button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);cursor:pointer}.password-wrap input{padding-right:40px}.auth-foot{text-align:center;color:#71859c;font-size:10px;margin-top:18px}.inline-alert{padding:11px 12px;border-radius:11px;font-size:12px;margin-bottom:15px}.inline-alert.danger{background:rgba(255,107,120,.08);border:1px solid rgba(255,107,120,.18);color:#ff9aa4}
/* app */.app-page{background:#07111e;overflow-x:hidden}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);background:#081421;display:flex;flex-direction:column;padding:18px 14px;z-index:40}.side-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.sidebar-close{display:none}.tenant-chip{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin:18px 3px 10px;padding:10px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px}.tenant-chip>i,.user-mini>i{width:33px;height:33px;border-radius:10px;background:#14283c;display:grid;place-items:center;font-style:normal;color:var(--accent);font-weight:850}.tenant-chip>div,.user-mini>div{display:grid;gap:2px;min-width:0}.tenant-chip strong,.user-mini strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-chip span,.user-mini span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-chip.owner>i{background:rgba(57,217,176,.12)}.support-banner{margin:18px 3px 8px;padding:10px;border:1px solid rgba(255,202,102,.22);background:rgba(255,202,102,.055);border-radius:14px;display:grid;gap:4px}.support-banner span{font-size:9px;color:var(--warning);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.support-banner strong{font-size:11px}.support-banner form{margin-top:5px}.support-banner button{border:0;background:none;color:#ffdc98;padding:0;font-size:10px;cursor:pointer}.side-nav{display:flex;flex-direction:column;gap:3px;margin-top:5px;overflow:auto;padding:4px 2px 14px;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.side-nav a{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:7px;min-height:40px;border-radius:11px;padding:0 9px;color:#8497ad;text-decoration:none;font-size:11px;font-weight:680;transition:.18s}.side-nav a i{font-style:normal;font-size:14px;text-align:center;color:#71869c}.side-nav a:hover{background:rgba(255,255,255,.03);color:#dfeaf6}.side-nav a.active{background:linear-gradient(90deg,rgba(57,217,176,.11),rgba(57,217,176,.035));color:#e9fff9}.side-nav a.active i{color:var(--accent)}.nav-badge{min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--danger);color:white;font-size:9px}.nav-sep{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#52667d;padding:16px 11px 6px}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.user-mini{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:6px}.icon-btn,.avatar-btn{border:0;background:rgba(255,255,255,.035);color:#a7b8ca;border-radius:10px;display:grid;place-items:center;cursor:pointer;transition:.18s}.icon-btn{width:34px;height:34px}.icon-btn:hover,.avatar-btn:hover{background:rgba(255,255,255,.075);color:#fff}.avatar-btn{width:34px;height:34px;border-radius:11px;color:var(--accent);font-weight:850}.sidebar-scrim{display:none}.app-main{min-width:0}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line);background:rgba(7,17,31,.82);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.hamburger{display:none}.top-title{display:grid;gap:2px}.top-title span{font-size:9px;color:#71859c;text-transform:uppercase;letter-spacing:.07em}.top-title strong{font-size:12px}.top-actions{display:flex;align-items:center;gap:8px}.status-chip{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.025);height:32px;padding:0 10px;border-radius:999px;color:#98aabe;font-size:9px}.status-chip i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(57,217,176,.5)}.notif{position:relative;text-decoration:none}.notif b{position:absolute;right:-3px;top:-3px;min-width:14px;height:14px;padding:0 3px;border-radius:10px;background:var(--danger);color:#fff;display:grid;place-items:center;font-size:8px}.content{max-width:1780px;margin:auto;padding:28px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font-size:30px;letter-spacing:-.04em;margin:6px 0 5px}.page-head p{font-size:11px;color:var(--muted);margin:0;line-height:1.55}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric-grid article,.panel,.health-grid article{background:linear-gradient(145deg,#0d1b2c,#0a1726);border:1px solid var(--line);border-radius:17px}.metric-grid article{padding:18px;display:grid;gap:7px}.metric-grid span{font-size:9px;color:#7890a9;text-transform:uppercase;letter-spacing:.06em}.metric-grid strong{font-size:27px;letter-spacing:-.04em}.metric-grid small{font-size:9px;color:#617990}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.75fr);gap:14px}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.panel-head>div{display:grid;gap:3px}.panel-head strong{font-size:12px}.panel-head span{font-size:9px;color:var(--muted)}.panel-head>a{font-size:9px;color:var(--accent);text-decoration:none}.panel-head>b{font-size:10px;color:var(--accent)}.empty-state{min-height:260px;display:grid;justify-items:center;align-content:center;text-align:center;padding:24px}.empty-icon{width:47px;height:47px;border-radius:15px;background:rgba(57,217,176,.06);border:1px solid rgba(57,217,176,.13);display:grid;place-items:center;color:var(--accent);font-size:20px;margin-bottom:12px}.empty-state strong{font-size:12px}.empty-state p{font-size:10px;color:var(--muted);max-width:370px;line-height:1.6;margin:6px 0 14px}.setup-progress,.progress{height:5px;border-radius:99px;background:rgba(255,255,255,.055);overflow:hidden}.setup-progress i,.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#4bbfe7)}.checklist{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:5px}.checklist li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;border-radius:12px}.checklist li>i{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#14263a;color:#738aa2;font-size:9px;font-style:normal}.checklist li.done>i{background:rgba(57,217,176,.1);color:var(--accent)}.checklist li div{display:grid;gap:2px}.checklist b{font-size:10px}.checklist span{font-size:8px;color:var(--muted)}.module-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.span-2{grid-column:span 2}.preview-panel,.connection-card{display:grid;justify-items:center;align-content:center;text-align:center;min-height:360px}.voice-orb{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;position:relative;margin:22px}.voice-orb:before,.voice-orb:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(57,217,176,.12);border-radius:50%;animation:orbit 3s infinite}.voice-orb:after{inset:-25px;animation-delay:1.5s}.voice-orb i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3ce7bb,#164f61 55%,#0b2635);box-shadow:0 0 50px rgba(57,217,176,.14)}.voice-orb b{z-index:1;font-size:18px}.preview-panel>p,.connection-card>p,.support-info>p{font-size:10px;color:var(--muted);line-height:1.65}.route-options.large label{padding:16px}.route-options.large label b{font-size:11px}.connection-icon{font-size:34px;color:var(--accent);width:70px;height:70px;border-radius:22px;background:rgba(57,217,176,.06);display:grid;place-items:center;margin-bottom:14px}.toolbar,.table-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.search{display:flex;align-items:center;gap:8px;min-width:300px;height:38px;padding:0 12px;border:1px solid var(--line);background:#0a1726;border-radius:11px}.search input{border:0;background:transparent;padding:0;box-shadow:none!important}.search span{color:#6f849c}.knowledge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.knowledge-add{min-height:190px;border-radius:17px;border:1px dashed rgba(57,217,176,.2);background:rgba(57,217,176,.025);display:grid;justify-items:center;align-content:center;text-align:center;gap:6px;cursor:pointer;transition:.2s}.knowledge-add:hover{background:rgba(57,217,176,.05);transform:translateY(-2px)}.knowledge-add i{font-style:normal;font-size:24px;color:var(--accent)}.knowledge-add strong{font-size:11px}.knowledge-add span{font-size:9px;color:var(--muted);max-width:210px;line-height:1.5}.support-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:14px}.support-info{align-content:center}.support-info h3{font-size:20px;margin:8px 0}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.health-grid article{padding:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.health-grid article>i{width:9px;height:9px;border-radius:50%}.health-grid .ok{background:var(--accent);box-shadow:0 0 12px rgba(57,217,176,.35)}.health-grid .warn{background:var(--warning)}.health-grid article div{display:grid;gap:2px}.health-grid strong{font-size:10px}.health-grid span{font-size:8px;color:var(--muted)}.health-grid article>b{font-size:9px;color:#8499af}.table-card{background:linear-gradient(145deg,#0d1b2c,#0a1726);border:1px solid var(--line);border-radius:17px;padding:15px}.segmented{display:flex;background:#07131f;border:1px solid var(--line);border-radius:10px;padding:3px}.segmented button{border:0;background:none;color:#71869d;padding:7px 10px;border-radius:7px;font-size:9px;cursor:pointer}.segmented button.active{background:#142438;color:#e7f1fb}.data-table{overflow:auto}.tr{display:grid;grid-template-columns:minmax(180px,1.4fr) .7fr .8fr .8fr auto;gap:16px;align-items:center;min-width:780px;padding:12px 8px;border-top:1px solid rgba(255,255,255,.05);font-size:10px;color:#9aadc0}.tr.th{border:0;color:#5f758c;text-transform:uppercase;letter-spacing:.07em;font-size:8px}.tenant-cell{display:flex;align-items:center;gap:9px;color:#dfe9f4}.tenant-cell i{width:29px;height:29px;border-radius:9px;background:#15283c;display:grid;place-items:center;font-style:normal;color:var(--accent)}
/* overlays */.dropdown{position:fixed;display:none;z-index:80;width:220px;padding:8px;border:1px solid var(--line);background:#102033;border-radius:13px;box-shadow:var(--shadow)}.dropdown.open{display:block;animation:pop .18s var(--ease)}.dropdown>div{display:grid;gap:2px;padding:9px;border-bottom:1px solid var(--line);margin-bottom:4px}.dropdown strong{font-size:10px}.dropdown span{font-size:8px;color:var(--muted)}.dropdown a,.dropdown form button{width:100%;display:block;text-align:left;padding:9px;border:0;background:none;color:#aab9c9;text-decoration:none;font-size:10px;border-radius:8px;cursor:pointer}.dropdown a:hover,.dropdown form button:hover{background:rgba(255,255,255,.045);color:#fff}.toast-stack{position:fixed;right:18px;top:82px;z-index:120;display:grid;gap:9px;width:min(360px,calc(100vw - 36px))}.toast{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;background:#122438;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;opacity:0;transform:translateX(15px);transition:.25s var(--ease)}.toast.show{opacity:1;transform:none}.toast>i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(57,217,176,.1);color:var(--accent);font-style:normal}.toast.error>i{background:rgba(255,107,120,.1);color:var(--danger)}.toast div{display:grid;gap:2px}.toast strong{font-size:10px}.toast span{font-size:9px;color:var(--muted)}.toast button{border:0;background:none;color:#6f8398;cursor:pointer}.loading-overlay{position:fixed;inset:0;z-index:150;background:rgba(3,10,18,.72);backdrop-filter:blur(8px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.22s}.loading-overlay.show{opacity:1;visibility:visible}.loader-card{width:min(330px,calc(100vw - 40px));padding:27px;border:1px solid var(--line);border-radius:20px;background:#0e1c2d;box-shadow:var(--shadow);display:grid;justify-items:center;gap:7px}.loader-card strong{font-size:12px}.loader-card span{font-size:9px;color:var(--muted)}.loader-orbit{width:48px;height:48px;border-radius:50%;border:1px solid rgba(57,217,176,.14);position:relative;margin-bottom:6px;animation:spin 1.8s linear infinite}.loader-orbit i{position:absolute;width:9px;height:9px;background:var(--accent);border-radius:50%;top:-5px;left:20px;box-shadow:0 0 18px rgba(57,217,176,.55)}.loader-card .progress{width:100%;margin-top:10px}.loader-card .progress i{width:40%;animation:loadingbar 1.4s ease-in-out infinite}.modal-layer{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.2s}.modal-layer.show{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(3,9,17,.74);backdrop-filter:blur(7px)}.modal{position:relative;width:min(530px,100%);max-height:min(760px,calc(100vh - 34px));overflow:auto;background:#0f1e30;border:1px solid rgba(255,255,255,.1);border-radius:21px;padding:25px;box-shadow:var(--shadow);transform:translateY(12px) scale(.985);transition:.24s var(--ease)}.modal-layer.show .modal{transform:none}.modal-x{position:absolute;right:13px;top:13px;width:31px;height:31px;border:0;border-radius:9px;background:rgba(255,255,255,.04);color:#8497aa;cursor:pointer}.modal h2{font-size:23px;letter-spacing:-.035em;margin:8px 0 10px}.modal p{font-size:11px;color:var(--muted);line-height:1.65}.modal label{margin-top:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(57,217,176,0)}}@keyframes wave{50%{transform:scaleY(.55);opacity:.6}}@keyframes orbit{50%{transform:scale(1.04);opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadingbar{0%{transform:translateX(-120%)}50%{transform:translateX(80%)}100%{transform:translateX(250%)}}@keyframes pop{from{opacity:0;transform:translateY(-5px) scale(.98)}}
/* responsive: mobile first behavior via compact overrides */
@media(max-width:1100px){:root{--sidebar:244px}.metric-grid{grid-template-columns:repeat(2,1fr)}.health-grid{grid-template-columns:repeat(2,1fr)}.knowledge-grid{grid-template-columns:repeat(3,1fr)}.shell-grid{gap:40px}.dashboard-grid,.module-grid,.support-layout{grid-template-columns:1fr}.setup-panel{min-height:auto}}
@media(max-width:820px){.public-nav{height:68px;padding:0 20px}.public-nav nav{display:none}.public-nav nav.open{display:flex;position:absolute;left:14px;right:14px;top:64px;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:#0e1d2f;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.public-nav nav.open a{padding:11px;border-radius:10px}.public-nav nav.open a:hover{background:rgba(255,255,255,.04)}.mobile-menu{display:grid;gap:4px;width:36px;height:36px;place-content:center;border-radius:10px;background:rgba(255,255,255,.035)}.mobile-menu i{display:block;width:17px;height:2px;border-radius:2px;background:#9fb0c2}.shell-grid{grid-template-columns:1fr;padding:68px 20px 74px;min-height:auto}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.phone-card{margin:0 auto}.section{padding:70px 20px}.feature-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:30px}.cta{margin:40px 20px 70px;padding:60px 20px}.public-footer{padding:25px 20px 35px}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:min(300px,88vw);transform:translateX(-105%);transition:.28s var(--ease);box-shadow:var(--shadow)}.sidebar.open{transform:none}.sidebar-close{display:grid}.sidebar-scrim{position:fixed;inset:0;z-index:35;background:rgba(2,8,14,.64);backdrop-filter:blur(3px)}.sidebar-scrim.show{display:block}.hamburger{display:grid}.topbar{padding:0 16px}.content{padding:18px}.knowledge-grid{grid-template-columns:repeat(2,1fr)}.page-head h1{font-size:26px}.status-chip span{display:none}.status-chip{padding:0 10px}.toolbar,.table-tools{align-items:stretch}.table-tools{flex-direction:column}.search{min-width:0;width:100%}}
@media(max-width:560px){.hero-copy h1{font-size:44px}.hero-copy>p{font-size:15px}.hero-actions{display:grid}.trust-row{gap:9px 13px;font-size:10px}.phone-card{padding:18px}.call-stats{gap:4px}.section h2,.cta h2{font-size:33px}.public-footer{display:grid;gap:14px;justify-items:center}.top-title span{display:none}.top-title strong{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{padding:14px}.page-head{display:grid}.page-head>.btn{width:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-grid article{padding:14px}.metric-grid strong{font-size:23px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.knowledge-grid{grid-template-columns:1fr}.toolbar{display:grid}.health-grid{grid-template-columns:1fr}.modal{padding:22px 17px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.toast-stack{right:12px;top:78px;width:calc(100vw - 24px)}.route-options.large label{padding:14px}.auth-page{padding:18px}.auth-card{padding:24px 18px}.caller{grid-template-columns:auto 1fr}.caller>b{display:none}}
@media(min-width:1700px){:root{--sidebar:310px}.sidebar{padding:22px 17px}.side-nav a{min-height:44px;font-size:12px}.content{padding:34px 42px}.topbar{padding:0 40px;height:76px}.metric-grid article{padding:22px}.metric-grid strong{font-size:32px}.panel{padding:22px}.dashboard-grid,.module-grid{gap:18px}.page-head h1{font-size:34px}}
@media(min-width:2500px){body{font-size:18px}:root{--sidebar:350px}.content{max-width:2200px;padding:48px 60px}.topbar{height:90px}.side-nav a{min-height:50px;font-size:14px}.side-nav a i{font-size:17px}.tenant-chip strong,.user-mini strong{font-size:13px}.page-head h1{font-size:42px}.page-head p{font-size:14px}.metric-grid article{padding:28px}.metric-grid strong{font-size:40px}.metric-grid span,.metric-grid small{font-size:11px}.panel{padding:28px;border-radius:22px}.panel-head strong{font-size:15px}.panel-head span{font-size:11px}.empty-state{min-height:350px}.empty-state strong{font-size:15px}.empty-state p{font-size:12px}.btn{padding:15px 21px}.search{height:44px}.shell-grid,.section,.public-nav,.public-footer{max-width:1700px}.shell-grid{min-height:850px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}


/* registration + profile */
.auth-wide{width:min(760px,100%)}.auth-wide .auth-card{width:100%}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.auth-grid label small,.form-grid label small{font-size:10px;color:var(--muted);font-weight:500;line-height:1.45}.auth-foot a{color:var(--accent);font-weight:750;text-decoration:none}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.profile-main{display:grid;gap:16px}.profile-section{padding:22px}.provider-badges{display:flex;gap:7px;flex-wrap:wrap}.provider-badges span{font-size:10px;font-weight:850;padding:6px 9px;border-radius:999px;background:rgba(57,217,176,.08);border:1px solid rgba(57,217,176,.17);color:var(--accent)}.profile-ready{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,202,102,.09);color:var(--warning);font-size:11px;font-weight:850;border:1px solid rgba(255,202,102,.16)}.profile-ready.complete{background:rgba(57,217,176,.09);color:var(--accent);border-color:rgba(57,217,176,.18)}.profile-side{display:grid;gap:16px;position:sticky;top:94px}.profile-progress-card{text-align:center}.profile-ring{--pct:0;width:132px;height:132px;margin:20px auto 14px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--accent) calc(var(--pct)*1%),rgba(255,255,255,.065) 0)}.profile-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--panel)}.profile-ring strong,.profile-ring span{position:relative;z-index:1;grid-column:1;grid-row:1}.profile-ring strong{font-size:29px;letter-spacing:-.05em;margin-top:-13px}.profile-ring span{font-size:9px;color:var(--muted);margin-top:30px}.profile-progress-card h3{font-size:17px;margin:5px 0 7px}.profile-progress-card p{font-size:11px;line-height:1.65;color:var(--muted)}.profile-mini-progress{height:7px;background:rgba(255,255,255,.055);border-radius:999px;overflow:hidden;margin-top:16px}.profile-mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#3cb9d5);border-radius:inherit;transition:width .3s var(--ease)}.integration-ready{display:grid;gap:13px}.integration-ready>strong{font-size:13px}.integration-ready>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start}.integration-ready i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.04);font-style:normal;color:var(--muted)}.integration-ready i.ok{color:var(--accent);background:rgba(57,217,176,.08)}.integration-ready span{display:grid;gap:3px}.integration-ready b{font-size:11px}.integration-ready small{font-size:9px;line-height:1.45;color:var(--muted)}.switch-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.switch-row>input{display:none}.switch-row>i{width:42px;height:24px;border-radius:999px;background:#26384c;position:relative;transition:.2s}.switch-row>i:after{content:"";width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;transition:.2s}.switch-row>input:checked+i{background:var(--accent)}.switch-row>input:checked+i:after{transform:translateX(18px);background:#062018}.switch-row span{display:grid;gap:3px}.switch-row b{font-size:11px}.switch-row small{font-size:9px;color:var(--muted);font-weight:500}.postal-fields{display:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.postal-fields.show{display:block;animation:pop .2s ease}.profile-savebar{position:sticky;bottom:14px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px 13px 18px;background:rgba(10,23,38,.92);border:1px solid rgba(255,255,255,.12);border-radius:17px;backdrop-filter:blur(18px);box-shadow:0 14px 45px rgba(0,0,0,.25)}.profile-savebar div{display:grid;gap:3px}.profile-savebar strong{font-size:11px}.profile-savebar span{font-size:9px;color:var(--muted)}
@media(max-width:1180px){.profile-layout{grid-template-columns:1fr}.profile-side{position:static;grid-template-columns:1fr 1fr}.profile-ring{width:112px;height:112px}}
@media(max-width:700px){.auth-grid{grid-template-columns:1fr}.auth-grid .span-2{grid-column:auto}.profile-side{grid-template-columns:1fr}.profile-section{padding:17px}.profile-savebar{bottom:8px}.profile-savebar div{display:none}.profile-savebar .btn{width:100%}.provider-badges{margin-top:4px}.page-head .profile-ready{justify-self:start}}

.support-edit-note{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:15px;background:rgba(57,217,176,.06);border:1px solid rgba(57,217,176,.15)}.support-edit-note>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(57,217,176,.1);color:var(--accent);font-style:normal;font-weight:900}.support-edit-note div{display:grid;gap:3px}.support-edit-note strong{font-size:11px}.support-edit-note span{font-size:9px;color:var(--muted);line-height:1.5}.conditional-required{color:var(--accent)}

.auth-inline-link{display:flex;justify-content:flex-end;margin:-2px 0 14px}.auth-inline-link a{font-size:10px;color:var(--accent);text-decoration:none;font-weight:700}.inline-alert.success{background:rgba(57,217,176,.08);border:1px solid rgba(57,217,176,.16);color:var(--accent)}

/* v0.3 account, team, support and notification modules */
.inline-alert.warning{background:rgba(255,202,102,.08);border:1px solid rgba(255,202,102,.16);color:var(--warning);padding:13px 15px;border-radius:14px;font-size:12px;line-height:1.55}.btn.danger-solid{background:linear-gradient(135deg,#ff6b78,#d84c63);color:#fff;box-shadow:0 10px 28px rgba(255,107,120,.18)}.icon-btn.danger{color:var(--danger);border-color:rgba(255,107,120,.18)}.profile-fieldset{border:0;padding:0;margin:0;display:grid;gap:16px;min-width:0}.profile-fieldset:disabled{opacity:.68}.profile-fieldset:disabled input,.profile-fieldset:disabled select,.profile-fieldset:disabled textarea{cursor:not-allowed}.tenant-switcher{padding:0 5px 11px}.tenant-switcher label{gap:5px}.tenant-switcher label>span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.tenant-switcher select{padding:9px 11px;font-size:11px;border-radius:10px;background:#0a1726}.support-banner small{font-size:9px;color:#8eb5aa;line-height:1.4}.tenant-list-row{grid-template-columns:minmax(180px,1.5fr) .7fr .8fr .5fr auto}.team-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:16px;align-items:start}.member-list{display:grid}.member-card{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(135px,auto) auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.member-card:last-child{border-bottom:0}.member-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(57,217,176,.16),rgba(60,185,213,.12));border:1px solid rgba(57,217,176,.15);font-style:normal;font-weight:900;color:var(--accent)}.member-main{display:grid;gap:3px;min-width:0}.member-main strong{font-size:12px}.member-main strong small{color:var(--accent);font-size:9px}.member-main span,.member-main small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.member-role select{padding:8px 10px;font-size:10px}.role-guide{display:grid;gap:14px}.role-guide>div{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.role-guide>div:last-child{border-bottom:0}.role-guide b{font-size:11px}.role-guide span{font-size:9px;color:var(--muted);line-height:1.5}.invite-list{display:grid}.invite-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.invite-list>div:last-child{border-bottom:0}.invite-list span{display:grid;gap:4px}.invite-list b{font-size:11px}.invite-list small{font-size:9px;color:var(--muted)}.invite-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.invite-summary>div{display:grid;gap:4px;padding:14px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.invite-summary span,.invite-summary small{font-size:9px;color:var(--muted)}.invite-summary strong{font-size:12px}.notification-list{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:17px;border-radius:17px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.018));transition:.2s var(--ease)}.notification-card.unread{border-color:rgba(57,217,176,.18);box-shadow:inset 3px 0 0 var(--accent)}.notification-card>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.045);font-style:normal;font-weight:900}.notification-card.severity-success>i{color:var(--accent);background:rgba(57,217,176,.08)}.notification-card.severity-warning>i{color:var(--warning);background:rgba(255,202,102,.08)}.notification-card.severity-danger>i{color:var(--danger);background:rgba(255,107,120,.08)}.notification-card>div{display:grid;gap:5px}.notification-head{display:flex;justify-content:space-between;gap:12px}.notification-head strong{font-size:12px}.notification-head time,.notification-card p{font-size:9px;color:var(--muted)}.notification-card p{margin:0;line-height:1.55}.notification-card a{color:var(--accent);font-size:10px;text-decoration:none;font-weight:750}.support-inbox{display:grid;grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);gap:16px;min-height:620px}.support-thread-list{padding:10px;display:grid;align-content:start;gap:6px;max-height:720px;overflow:auto}.support-thread-item{display:grid;gap:7px;padding:13px;border-radius:14px;text-decoration:none;color:var(--text);border:1px solid transparent;transition:.18s}.support-thread-item:hover{background:rgba(255,255,255,.035)}.support-thread-item.active{background:rgba(57,217,176,.055);border-color:rgba(57,217,176,.16)}.support-thread-item>div{display:grid;gap:3px}.support-thread-item strong{font-size:11px}.support-thread-item span,.support-thread-item small{font-size:9px;color:var(--muted)}.support-thread-item .badge{justify-self:start}.support-conversation{display:grid;grid-template-rows:auto minmax(280px,1fr) auto;min-width:0}.conversation-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.conversation-head>div{display:grid;gap:4px}.conversation-head strong{font-size:13px}.conversation-head span{font-size:9px;color:var(--muted)}.conversation-head form{min-width:190px}.conversation-head select{padding:8px 10px;font-size:10px}.message-stream{display:grid;align-content:start;gap:10px;padding:18px 2px;overflow:auto;max-height:520px}.message-bubble{max-width:min(680px,86%);padding:13px 14px;border-radius:16px 16px 16px 5px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.message-bubble.mine{justify-self:end;border-radius:16px 16px 5px 16px;background:rgba(57,217,176,.075);border-color:rgba(57,217,176,.15)}.message-bubble.internal{background:rgba(255,202,102,.06);border-color:rgba(255,202,102,.16)}.message-bubble>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.message-bubble b{font-size:10px}.message-bubble em{font-size:8px;font-style:normal;color:var(--warning);font-weight:800;text-transform:uppercase}.message-bubble time{margin-left:auto;font-size:8px;color:var(--muted)}.message-bubble p{font-size:11px;line-height:1.6;color:#c9d6e5;margin:8px 0 0}.reply-box{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.reply-box textarea{min-height:90px}.reply-box>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.inline-check{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted)}.inline-check input{width:auto}.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}.settings-grid .panel form{display:grid;gap:16px}.form-grid.one-col{grid-template-columns:1fr}.preference-table{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}.pref-head,.pref-row{display:grid;grid-template-columns:minmax(150px,1fr) 72px 72px;align-items:center;gap:8px;padding:10px 12px}.pref-head{background:rgba(255,255,255,.035);font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pref-row{border-top:1px solid var(--line)}.pref-row strong{font-size:10px}.pref-row label{display:grid;place-items:center}.pref-row input{width:17px;height:17px;accent-color:var(--accent)}.audit-panel{margin-top:16px}.audit-list{display:grid}.audit-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.audit-list>div:last-child{border-bottom:0}.audit-list>div>i{color:var(--accent)}.audit-list span{display:grid;gap:3px}.audit-list b{font-size:10px}.audit-list small,.audit-list time{font-size:8px;color:var(--muted)}.system-checks{display:grid;gap:9px;list-style:none;padding:0;margin:0}.system-checks li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:11px;border-radius:12px;background:rgba(255,202,102,.045);border:1px solid rgba(255,202,102,.1)}.system-checks i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,202,102,.08);color:var(--warning);font-style:normal;font-weight:900}.system-checks span{font-size:10px;color:#d7c79e}.mini-call-list{display:grid}.mini-call-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.mini-call-list>div:last-child{border-bottom:0}.mini-call-list>div>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(57,217,176,.07);color:var(--accent);font-style:normal}.mini-call-list span{display:grid;gap:3px}.mini-call-list b{font-size:10px}.mini-call-list small,.mini-call-list time{font-size:8px;color:var(--muted)}.roadmap-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.roadmap-item{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:15px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.roadmap-item>i{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.04);font-style:normal;font-weight:850}.roadmap-item.done>i{background:rgba(57,217,176,.08);color:var(--accent)}.roadmap-item span{display:grid;gap:4px}.roadmap-item b{font-size:11px}.roadmap-item small{font-size:9px;color:var(--muted);line-height:1.45}.empty-state.compact{min-height:210px}
@media(max-width:1180px){.team-grid,.settings-grid{grid-template-columns:1fr}.support-inbox{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:900px){.support-inbox{grid-template-columns:1fr;min-height:0}.support-thread-list{max-height:300px}.support-conversation{min-height:520px}.roadmap-panel{grid-template-columns:1fr}.tenant-list-row{grid-template-columns:minmax(160px,1fr) .7fr .8fr auto}.tenant-list-row>span:nth-child(4){display:none}}
@media(max-width:700px){.member-card{grid-template-columns:auto minmax(0,1fr) auto}.member-role{grid-column:2/4;width:100%}.member-role form{width:100%}.member-role select{width:100%}.invite-summary{grid-template-columns:1fr}.notification-card{grid-template-columns:auto minmax(0,1fr)}.notification-card>form{grid-column:2}.notification-head{display:grid;gap:3px}.conversation-head{align-items:stretch;display:grid}.conversation-head form{min-width:0}.reply-box>div{align-items:stretch;display:grid}.pref-head,.pref-row{grid-template-columns:minmax(105px,1fr) 52px 52px;padding:9px 8px}.tenant-list-row{grid-template-columns:minmax(150px,1fr) auto auto}.tenant-list-row>span:nth-child(2),.tenant-list-row>span:nth-child(4){display:none}.message-bubble{max-width:94%}}
@media(min-width:1800px){.support-inbox{grid-template-columns:420px minmax(0,1fr)}.member-card{padding:17px 0}.member-main strong{font-size:13px}.member-main span{font-size:10px}.notification-card{padding:20px}.message-bubble p{font-size:12px}}
/* v0.4 onboarding + recording */
.onboarding-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:28px;align-items:center;margin-bottom:18px;overflow:hidden;position:relative}.onboarding-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(57,217,176,.1),transparent 68%);right:-100px;top:-150px;pointer-events:none}.onboarding-copy h2{font-size:clamp(25px,2.5vw,38px);letter-spacing:-.045em;margin:9px 0 12px}.onboarding-copy p{color:var(--muted);font-size:12px;line-height:1.7;max-width:650px}.onboarding-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden;margin:18px 0 7px}.onboarding-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#3cb9d5);box-shadow:0 0 20px rgba(57,217,176,.22);transition:width .55s var(--ease)}.onboarding-copy>small{color:var(--muted);font-size:9px}.onboarding-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:relative;z-index:1}.onboarding-step{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text);background:rgba(255,255,255,.025);transition:.22s var(--ease)}.onboarding-step:hover{transform:translateY(-2px);border-color:rgba(57,217,176,.26);background:rgba(57,217,176,.04)}.onboarding-step>i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.05);font-style:normal;font-size:10px;font-weight:850}.onboarding-step.done>i{background:rgba(57,217,176,.1);color:var(--accent)}.onboarding-step span{display:grid;gap:2px;min-width:0}.onboarding-step b{font-size:10px}.onboarding-step small{font-size:8px;color:var(--muted)}.onboarding-step>strong{color:var(--muted);font-size:12px}.readiness-ring{--pct:0;width:120px;height:120px;border-radius:50%;margin:24px auto 15px;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,var(--panel) 55%,transparent 57%),conic-gradient(var(--accent) calc(var(--pct)*1%),rgba(255,255,255,.06) 0);box-shadow:inset 0 0 35px rgba(57,217,176,.04)}.readiness-ring strong{font-size:25px}.readiness-ring span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.muted-center{text-align:center;color:var(--muted);font-size:10px;line-height:1.6}.assistant-config{display:grid;gap:16px}.switch-stack{display:grid;gap:8px;margin-top:16px}.recording-grid{align-items:start}.codec-chip{font-style:normal;font-size:9px;font-weight:850;letter-spacing:.08em;color:var(--accent);background:rgba(57,217,176,.08);padding:7px 9px;border-radius:999px}.switch-row.featured{padding:14px;border:1px solid rgba(57,217,176,.17);border-radius:15px;background:rgba(57,217,176,.035);margin-bottom:16px}.profile-savebar.inline{margin-top:18px}.storage-card{position:sticky;top:86px}.storage-number{display:grid;gap:5px;padding:25px 0 9px}.storage-number strong{font-size:34px;letter-spacing:-.04em}.storage-number span,.storage-card>small,.storage-card>p{font-size:9px;color:var(--muted);line-height:1.6}.storage-facts{display:grid;gap:8px;margin-top:18px}.storage-facts>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.025)}.storage-facts i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(57,217,176,.07);color:var(--accent);font-style:normal}.storage-facts span{display:grid;gap:2px}.storage-facts b{font-size:10px}.storage-facts small{font-size:8px;color:var(--muted)}.compact-register{grid-template-columns:1fr 1fr}.compact-register>label:first-child,.compact-register>label:nth-child(2){grid-column:span 1}
@media(max-width:1180px){.onboarding-hero{grid-template-columns:1fr}.storage-card{position:static}}
@media(max-width:700px){.onboarding-steps{grid-template-columns:1fr}.onboarding-hero{padding:18px}.onboarding-copy h2{font-size:26px}.compact-register{grid-template-columns:1fr}.compact-register>label{grid-column:1!important}.storage-number strong{font-size:29px}}
@media(min-width:1800px){.onboarding-hero{grid-template-columns:minmax(0,1fr) minmax(620px,1.1fr)}.onboarding-step{padding:15px}.onboarding-step b{font-size:12px}.onboarding-step small{font-size:9px}}

/* =========================================================
   HívásTárs V0.5 – public website & auth refresh
   Editorial product design: restrained, readable, no generic AI neon.
   ========================================================= */
.public-v2{--paper:#f4f5f1;--paper-2:#ecefe9;--ink:#14251f;--ink-2:#243a32;--copy:#52635d;--copy-2:#71807a;--stroke:#dce2dc;--accent-public:#4db985;--accent-soft:#daf0e4;--card:#fbfcf9;background:var(--paper);color:var(--ink);font-feature-settings:"ss01" 1;}
.public-v2 .skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;transition:top .18s}.public-v2 .skip-link:focus{top:12px}
.public-v2 .brand{color:var(--ink);font-weight:760}.public-v2 .brand strong{color:inherit}.public-v2 .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--ink);color:#f7faf6;box-shadow:none;position:relative}.public-v2 .brand-mark:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent-public);right:5px;top:5px}
.public-nav-v2{height:82px;max-width:1540px;padding:0 clamp(20px,3vw,52px);position:sticky;top:0;background:rgba(244,245,241,.88);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s;z-index:90}.public-nav-v2.scrolled{border-color:rgba(20,37,31,.08);box-shadow:0 12px 35px rgba(20,37,31,.045)}.public-nav-v2 nav{gap:clamp(18px,2vw,34px)}.public-nav-v2 nav a{color:#53635d;font-size:13px;font-weight:720;position:relative}.public-nav-v2 nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--ink);transition:right .2s}.public-nav-v2 nav a:hover,.public-nav-v2 nav a.active{color:var(--ink)}.public-nav-v2 nav a.active:after{right:0}.nav-actions{display:flex;align-items:center;gap:10px}.public-nav-v2 .nav-login{color:var(--ink);padding:11px 13px;border:0;font-size:13px;font-weight:750;text-decoration:none}.public-nav-v2 .nav-cta{padding:11px 15px;background:var(--ink);color:#fff;box-shadow:none}.public-nav-v2 .nav-cta:hover{background:#203a31;box-shadow:none}.public-v2 .mobile-menu i{background:var(--ink)}
.public-v2 .btn.primary{background:var(--ink);color:#fff;box-shadow:none}.public-v2 .btn.primary:hover{background:#203a31;box-shadow:0 12px 28px rgba(20,37,31,.12)}.public-v2 .btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--stroke);box-shadow:none}.public-v2 .btn.secondary:hover{transform:translateY(-2px);border-color:#bdc8c1}.public-v2 .text-link{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:780;text-decoration:none;font-size:14px}.public-v2 .text-link span{transition:transform .18s}.public-v2 .text-link:hover span{transform:translateX(4px)}.public-v2 .text-link.light{color:#f4f7f4}
.page-shell{width:min(1460px,100%);margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}.kicker{display:inline-block;color:#48715f;font-weight:850;font-size:11px;letter-spacing:.17em;text-transform:uppercase}.kicker.light{color:#98d7b9}
.hero-v2{padding-top:clamp(70px,8vw,132px);padding-bottom:clamp(80px,8vw,134px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.82fr);gap:clamp(48px,7vw,120px);align-items:center}.hero-v2-copy h1,.page-hero h1{color:var(--ink);font-size:clamp(48px,6vw,91px);line-height:.98;letter-spacing:-.065em;margin:18px 0 28px;max-width:1020px}.hero-v2-copy h1 span{color:#49675b}.hero-v2 .lead{font-size:clamp(17px,1.35vw,21px);line-height:1.72;color:var(--copy);max-width:760px}.hero-v2 .hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:34px 0 30px}.micro-proof{list-style:none;padding:0;margin:0;display:flex;gap:12px 24px;flex-wrap:wrap;color:#677770;font-size:12px}.micro-proof li{position:relative;padding-left:16px}.micro-proof li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--accent-public)}
.product-scene{background:#fff;border:1px solid var(--stroke);border-radius:26px;padding:clamp(22px,2vw,30px);box-shadow:0 32px 70px rgba(20,37,31,.08);position:relative}.product-scene:before{content:"";position:absolute;inset:14px -18px -18px 18px;border-radius:28px;border:1px solid #dfe5df;z-index:-1}.scene-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding-bottom:18px;border-bottom:1px solid #edf0ec;font-size:13px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-public);box-shadow:0 0 0 5px #e7f5ed}.scene-time{font-variant-numeric:tabular-nums;color:#728079}.scene-person{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:24px 0}.scene-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e8ece8;color:#263a32;font-size:12px;font-weight:850}.scene-person>div:nth-child(2){display:grid;gap:4px}.scene-person small{color:#7b8882}.scene-state{font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#e8f5ed;color:#397054;padding:6px 8px;border-radius:999px;font-weight:800}.scene-flow{display:grid;gap:0}.scene-flow>div{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px 0}.scene-flow>div>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#f0f2ef;font-size:11px;font-weight:850}.scene-flow p{display:grid;gap:3px;margin:0}.scene-flow b{font-size:13px}.scene-flow small{font-size:11px;color:#75837d;line-height:1.45}.scene-flow>i{width:1px;height:13px;background:#dfe5df;margin-left:13px}.scene-note{margin-top:18px;border-radius:15px;padding:15px 16px;background:#f4f7f4;border:1px solid #e5eae5}.scene-note span{font-size:10px;font-weight:850;color:#4c715f;text-transform:uppercase;letter-spacing:.08em}.scene-note p{font-size:12px;color:#53645c;line-height:1.55;margin:7px 0 0}
.answer-strip{border-block:1px solid var(--stroke);background:rgba(255,255,255,.38)}.answer-strip-inner{display:grid;grid-template-columns:100px 1fr;gap:24px;align-items:start;padding-top:28px;padding-bottom:28px}.answer-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#688078;font-weight:850;padding-top:4px}.answer-strip p{margin:0;color:#42564d;line-height:1.75;max-width:1100px}.answer-strip strong{color:var(--ink)}
.content-section{padding-top:clamp(76px,8vw,130px);padding-bottom:clamp(76px,8vw,130px)}.section-intro{max-width:850px;margin-bottom:50px}.section-intro h2,.split-copy h2,.final-cta h2,.legal-note h2{font-size:clamp(36px,4.2vw,62px);line-height:1.03;letter-spacing:-.05em;color:var(--ink);margin:15px 0 18px}.section-intro p,.split-copy p{color:var(--copy);font-size:17px;line-height:1.75;max-width:760px}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.editorial-card{background:var(--card);border:1px solid var(--stroke);border-radius:20px;padding:28px;min-height:320px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}.editorial-card:hover{transform:translateY(-4px);border-color:#c5d0c9;box-shadow:0 20px 45px rgba(20,37,31,.06)}.editorial-card>span,.feature-detail>span{font-size:11px;color:#688078;font-weight:850}.editorial-card h3{font-size:24px;letter-spacing:-.025em;margin:52px 0 14px}.editorial-card p{color:var(--copy);font-size:14px;line-height:1.7;margin:0 0 28px}.editorial-card a{margin-top:auto;color:var(--ink);text-decoration:none;font-size:13px;font-weight:800}.soft-section{background:var(--paper-2);border-block:1px solid #e0e5df}.split-v2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(45px,8vw,130px);align-items:center}.split-v2.reverse{grid-template-columns:minmax(420px,1.1fr) minmax(0,.9fr)}.parallel-demo{background:#fff;border:1px solid #d6ddd7;border-radius:22px;padding:16px;box-shadow:0 22px 55px rgba(20,37,31,.06)}.parallel-line{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;padding:18px 14px;border-bottom:1px solid #edf0ed}.parallel-line:last-child{border-bottom:0}.parallel-line span{font-variant-numeric:tabular-nums;color:#7b8882;font-size:12px}.parallel-line b{font-size:13px}.parallel-line em{font-style:normal;font-size:10px;color:#397054;background:#e8f5ed;border-radius:999px;padding:5px 7px;text-transform:uppercase;font-weight:800}.parallel-line.muted em{background:#eef0ed;color:#66736d}.usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.usecase-grid article{border-top:2px solid var(--ink);padding:22px 6px 8px}.usecase-grid b{font-size:16px}.usecase-grid p{font-size:13px;color:var(--copy);line-height:1.65}.center-action{text-align:center;margin-top:44px}.dark-section{background:#14251f;color:#f4f7f4}.dark-section .split-copy h2{color:#f4f7f4}.dark-section .split-copy p{color:#adc0b7}.security-list{display:grid;gap:8px}.security-list>div{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.11)}.security-list span{font-size:11px;color:#8abca4;font-weight:800}.security-list p{margin:0;display:grid;gap:5px}.security-list b{font-size:14px}.security-list small{color:#9badA4;font-size:12px}.final-cta{margin-top:clamp(70px,8vw,125px);margin-bottom:clamp(70px,8vw,125px);background:#dfeae3;border-radius:28px;padding-top:clamp(44px,5vw,76px);padding-bottom:clamp(44px,5vw,76px);display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.final-cta h2{margin-bottom:0;max-width:850px}.final-cta p{color:var(--copy);line-height:1.7;max-width:720px}
.page-hero{padding-top:clamp(70px,8vw,130px);padding-bottom:clamp(55px,6vw,90px)}.page-hero h1{max-width:1050px}.page-hero>p{max-width:860px;color:var(--copy);font-size:clamp(17px,1.4vw,21px);line-height:1.72}.process-list{padding-top:50px}.process-row{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(220px,.32fr);gap:28px;padding:38px 0;border-bottom:1px solid var(--stroke);align-items:start}.process-row>span{font-size:12px;font-weight:850;color:#759084}.process-row h2{font-size:clamp(27px,2.4vw,39px);letter-spacing:-.035em;margin:0 0 12px}.process-row p{color:var(--copy);line-height:1.75;margin:0;max-width:780px}.process-row aside{background:#e9eee9;border-radius:14px;padding:17px;display:grid;gap:5px}.process-row aside b{font-size:12px}.process-row aside small{font-size:11px;line-height:1.5;color:#6e7c76}.rule-stack{display:grid;gap:10px}.rule-stack>div{background:#fff;border:1px solid #d8dfd8;border-radius:14px;padding:18px;display:flex;justify-content:space-between;gap:20px}.rule-stack b{font-size:13px}.rule-stack span{font-size:12px;color:#77847e;text-align:right}.feature-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:35px}.feature-detail{border:1px solid var(--stroke);border-radius:18px;padding:26px;min-height:240px;background:#f9faf7}.feature-detail h2{font-size:22px;letter-spacing:-.025em;margin:42px 0 11px}.feature-detail p{font-size:13px;line-height:1.7;color:var(--copy);margin:0}.guardrail-card{border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:9px 24px;background:rgba(255,255,255,.035)}.guardrail-card p{display:grid;gap:6px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);margin:0}.guardrail-card p:last-child{border-bottom:0}.guardrail-card b{font-size:13px}.guardrail-card span{font-size:12px;color:#9eb2a8}.scenario-list{display:grid;gap:12px;padding-top:45px}.scenario{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1fr) 230px;gap:36px;align-items:center;border:1px solid var(--stroke);border-radius:18px;background:#fafbf8;padding:26px}.scenario>div span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6a8076;font-weight:850}.scenario h2{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:8px 0 0}.scenario>p{font-size:13px;line-height:1.7;color:var(--copy)}.scenario ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.scenario li{font-size:11px;color:#51645b;padding-left:14px;position:relative}.scenario li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent-public);position:absolute;left:0;top:.52em}.security-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:45px}.security-principles article{padding:26px;border-top:2px solid var(--ink);background:#f8faf7}.security-principles span{font-size:11px;color:#70837a;font-weight:850}.security-principles h2{font-size:22px;margin:34px 0 12px}.security-principles p{font-size:13px;color:var(--copy);line-height:1.7}.storage-card{background:#fff;border:1px solid #d8dfd8;border-radius:20px;padding:8px 24px}.storage-card>div{padding:21px 0;border-bottom:1px solid #e6ebe6;display:grid;grid-template-columns:150px 1fr;gap:20px}.storage-card>div:last-child{border-bottom:0}.storage-card strong{font-size:18px}.storage-card span{font-size:12px;color:#728078;align-self:center}.legal-note{padding-top:80px;padding-bottom:100px}.legal-note h2{font-size:32px}.legal-note p{max-width:900px;color:var(--copy);line-height:1.8}.faq-list{padding-top:35px;max-width:1050px}.faq-item{border-bottom:1px solid var(--stroke)}.faq-item button{width:100%;display:grid;grid-template-columns:1fr auto;gap:20px;text-align:left;background:none;border:0;padding:25px 0;color:var(--ink);cursor:pointer;font:inherit}.faq-item button span{font-size:clamp(18px,2vw,24px);font-weight:780;letter-spacing:-.02em}.faq-item button i{font-style:normal;font-size:25px;font-weight:300;transition:transform .22s}.faq-item button[aria-expanded="true"] i{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer>p{overflow:hidden;color:var(--copy);line-height:1.75;max-width:850px;margin:0}.faq-answer.open{grid-template-rows:1fr}.faq-answer.open>p{padding:0 0 26px}.contact-layout{display:grid;grid-template-columns:.7fr 1.15fr;gap:clamp(45px,8vw,120px);align-items:start;padding-top:35px}.contact-copy h2{font-size:36px;letter-spacing:-.04em;margin-top:0}.contact-copy>p{color:var(--copy);line-height:1.75}.contact-points{display:grid;gap:9px;margin-top:32px}.contact-points span{font-size:12px;color:#728078;border-bottom:1px solid var(--stroke);padding:11px 0}.contact-points b{color:var(--ink);margin-left:14px}.contact-card{background:#fff;border:1px solid var(--stroke);border-radius:22px;padding:clamp(22px,3vw,36px);box-shadow:0 24px 55px rgba(20,37,31,.05)}.contact-card form{display:grid;gap:17px}.contact-card input,.contact-card textarea{background:#f8faf7;color:var(--ink);border-color:#d9e0da}.contact-card label{color:#32483f}.contact-card label>span{font-weight:500;color:#8a9690}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.public-footer-v2{display:block;max-width:none;border-top:1px solid var(--stroke);background:#eef0eb;color:var(--ink);padding:0}.footer-main{width:min(1460px,100%);margin:auto;padding:58px clamp(20px,4vw,64px);display:grid;grid-template-columns:1.4fr repeat(3,.65fr);gap:45px}.footer-brand p{color:#67766f;line-height:1.65;font-size:12px;max-width:340px;margin-top:17px}.footer-links{display:grid;align-content:start;gap:11px}.footer-links strong{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#74817b;margin-bottom:7px}.footer-links a{font-size:12px;color:#354b41;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #d9ded8;width:min(1460px,100%);margin:auto;padding:19px clamp(20px,4vw,64px) 30px;display:flex;justify-content:space-between;gap:25px;color:#748079;font-size:10px}
/* Auth refresh */
.auth-page.auth-v2,.auth-page{background:#eef0eb;color:#14251f}.auth-page .brand{color:#14251f}.auth-page .brand strong{color:inherit}.auth-page .brand-mark{background:#14251f;color:#fff;box-shadow:none}.auth-page .auth-card{background:#fff;border:1px solid #d9dfd9;box-shadow:0 30px 70px rgba(20,37,31,.08);backdrop-filter:none;color:#14251f}.auth-page .auth-card h1{color:#14251f}.auth-page .auth-card>p{color:#697970}.auth-page label{color:#31483e}.auth-page input,.auth-page select,.auth-page textarea{background:#f8faf7;color:#14251f;border-color:#d9dfd9}.auth-page input:focus,.auth-page select:focus,.auth-page textarea:focus{border-color:#65ad89;box-shadow:0 0 0 3px rgba(77,185,133,.11)}.auth-page .eyebrow{color:#48715f}.auth-page .btn.primary{background:#14251f;color:#fff;box-shadow:none}.auth-page .auth-foot,.auth-page .auth-inline-link{color:#718078}.auth-page .auth-foot a,.auth-page .auth-inline-link a{color:#14251f}.auth-page .password-wrap button{color:#53645c}.mail-icon{width:58px;height:58px;border-radius:17px;background:#e5f2ea;color:#367153;display:grid;place-items:center;font-size:24px;margin:18px 0 8px}.verify-card{text-align:left}.password-meter{height:5px;border-radius:999px;background:#e7ebe7;overflow:hidden;margin-top:7px}.password-meter i{display:block;width:0;height:100%;background:#c77676;transition:.2s}.password-meter[data-level="2"] i{width:35%;background:#d4a655}.password-meter[data-level="3"] i{width:68%;background:#80ad78}.password-meter[data-level="4"] i{width:100%;background:#4fa576}.password-strength-text{font-size:10px;color:#7a8881;margin-top:5px}
@media (max-width:1180px){.public-nav-v2 nav{gap:17px}.public-nav-v2 nav a{font-size:12px}.hero-v2{grid-template-columns:1fr .9fr;gap:50px}.usecase-grid{grid-template-columns:repeat(2,1fr)}.feature-detail-grid,.security-principles{grid-template-columns:repeat(2,1fr)}.scenario{grid-template-columns:.8fr 1fr}.scenario ul{grid-column:2}.footer-main{grid-template-columns:1.3fr repeat(3,.7fr)}}
@media (max-width:980px){.public-nav-v2{height:72px}.public-nav-v2 nav{position:fixed;top:72px;left:16px;right:16px;background:#f9faf7;border:1px solid var(--stroke);border-radius:18px;padding:12px;display:none;box-shadow:0 24px 60px rgba(20,37,31,.13)}.public-nav-v2 nav.open{display:grid}.public-nav-v2 nav a{padding:12px;border-radius:10px;font-size:14px}.public-nav-v2 nav a:after{display:none}.nav-actions{margin-left:auto;margin-right:10px}.nav-actions .nav-login{display:none}.public-v2 .mobile-menu{display:grid;width:42px;height:42px;border:1px solid var(--stroke);border-radius:11px;place-content:center;gap:4px}.public-v2 .mobile-menu i{display:block;width:18px;height:2px;border-radius:3px}.hero-v2{grid-template-columns:1fr;padding-top:75px}.product-scene{max-width:720px}.split-v2,.split-v2.reverse{grid-template-columns:1fr}.split-v2.reverse .security-list{order:2}.editorial-grid{grid-template-columns:1fr}.editorial-card{min-height:0}.editorial-card h3{margin-top:28px}.process-row{grid-template-columns:50px 1fr}.process-row aside{grid-column:2}.scenario{grid-template-columns:1fr}.scenario ul{grid-column:auto}.contact-layout{grid-template-columns:1fr}.footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-links:last-child{grid-column:2}}
@media (max-width:700px){.page-shell{padding-inline:20px}.public-nav-v2{padding:0 18px}.nav-actions .nav-cta{display:none}.hero-v2{padding-top:56px;padding-bottom:75px;gap:45px}.hero-v2-copy h1,.page-hero h1{font-size:clamp(43px,13vw,64px)}.hero-v2 .lead,.page-hero>p{font-size:16px}.micro-proof{display:grid}.product-scene{padding:18px}.product-scene:before{display:none}.scene-person{grid-template-columns:auto 1fr}.scene-state{grid-column:2;width:max-content}.answer-strip-inner{grid-template-columns:1fr;gap:5px}.content-section{padding-top:72px;padding-bottom:72px}.section-intro h2,.split-copy h2,.final-cta h2{font-size:38px}.usecase-grid,.feature-detail-grid,.security-principles{grid-template-columns:1fr}.process-row{grid-template-columns:1fr;gap:13px;padding:30px 0}.process-row aside{grid-column:auto}.scenario{padding:21px;gap:16px}.storage-card>div{grid-template-columns:1fr;gap:5px}.rule-stack>div{display:grid}.rule-stack span{text-align:left}.final-cta{align-items:flex-start;flex-direction:column;border-radius:20px}.form-two{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-links:last-child{grid-column:auto}.footer-bottom{display:grid}.parallel-line{grid-template-columns:74px 1fr}.parallel-line em{grid-column:2;width:max-content}.contact-card{padding:20px}}
@media (max-width:430px){.hero-v2-copy h1,.page-hero h1{font-size:42px}.hero-v2 .hero-actions{align-items:flex-start;flex-direction:column}.scene-head{grid-template-columns:auto 1fr}.scene-time{grid-column:2}.footer-main{grid-template-columns:1fr}.footer-links:last-child{grid-column:auto}.auth-page{padding:18px}.auth-card{padding:22px}.auth-card h1{font-size:29px}}
@media (min-width:1800px){.page-shell{max-width:1640px}.public-nav-v2{max-width:1720px}.hero-v2{grid-template-columns:1.06fr .76fr}.hero-v2-copy h1{font-size:94px}.content-section{padding-top:140px;padding-bottom:140px}.footer-main,.footer-bottom{max-width:1640px}}
@media (min-width:2500px){body{font-size:17px}.page-shell{max-width:1900px}.public-nav-v2{max-width:1980px;height:94px}.public-nav-v2 .brand{font-size:22px}.public-nav-v2 nav a{font-size:15px}.hero-v2-copy h1{font-size:112px}.hero-v2 .lead{font-size:24px;max-width:880px}.product-scene{max-width:760px}.editorial-card,.feature-detail{padding:36px}.editorial-card h3{font-size:30px}.footer-main,.footer-bottom{max-width:1900px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.visible{opacity:1;transform:none;transition:none}.public-v2 *, .auth-page *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* =========================================================
   HívásTárs V0.6 – Knowledge Base
   Guided, structured knowledge management for non-technical users.
   ========================================================= */
.knowledge-page-head{align-items:center}.knowledge-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:28px;align-items:center;margin-bottom:24px;overflow:hidden;position:relative}.knowledge-intro:after{content:"";position:absolute;right:-90px;top:-130px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(57,217,176,.07),transparent 68%);pointer-events:none}.knowledge-intro-copy{position:relative;z-index:1}.knowledge-intro-copy h2{font-size:clamp(24px,2.2vw,36px);letter-spacing:-.045em;margin:8px 0 10px}.knowledge-intro-copy p{max-width:760px;color:var(--muted);font-size:11px;line-height:1.75;margin:0}.knowledge-intro-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:relative;z-index:1}.knowledge-intro-stats article{min-height:88px;padding:14px;border:1px solid var(--line);background:rgba(255,255,255,.022);border-radius:14px;display:grid;align-content:center;gap:4px}.knowledge-intro-stats article.attention{border-color:rgba(255,202,102,.18);background:rgba(255,202,102,.035)}.knowledge-intro-stats strong{font-size:24px;letter-spacing:-.04em}.knowledge-intro-stats span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;line-height:1.4}.knowledge-type-section{margin-bottom:24px}.knowledge-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.knowledge-type-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:102px;padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018);text-decoration:none;color:var(--text);transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.knowledge-type-card:hover{transform:translateY(-2px);border-color:rgba(57,217,176,.24);background:rgba(57,217,176,.035)}.knowledge-type-card>i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(57,217,176,.075);color:var(--accent);font-style:normal;font-size:11px;font-weight:900}.knowledge-type-card>span{display:grid;gap:4px}.knowledge-type-card b{font-size:11px}.knowledge-type-card small{font-size:8px;color:var(--muted);line-height:1.5}.knowledge-type-card>strong{color:#60758c;font-size:13px}.knowledge-editor{margin-bottom:24px;scroll-margin-top:92px;border-color:rgba(57,217,176,.18);box-shadow:0 22px 65px rgba(0,0,0,.16)}.knowledge-editor-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);gap:22px;align-items:start}.knowledge-editor-main{min-width:0}.knowledge-form-grid{margin:0 0 15px}.knowledge-form-grid.compact{margin-top:0}.knowledge-form-grid label>span,.knowledge-source>span,.knowledge-editor-main>label>span{color:var(--muted);font-size:9px;font-weight:600}.knowledge-structured-fields{display:none;padding:16px 16px 1px;border-radius:15px;border:1px solid rgba(57,217,176,.12);background:rgba(57,217,176,.025);margin-bottom:15px}.knowledge-structured-fields.show{display:block;animation:pop .2s ease}.knowledge-validity-switch{margin:2px 0 14px}.knowledge-validity-fields{display:none}.knowledge-validity-fields.show{display:block;animation:pop .2s ease}.knowledge-source{margin-top:4px}.knowledge-editor-main>label{margin-top:14px}.knowledge-editor-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.knowledge-preview{position:sticky;top:94px;display:grid;gap:13px}.knowledge-preview-card{padding:18px;border-radius:17px;background:#091725;border:1px solid var(--line);display:grid;gap:9px;min-height:210px;align-content:start}.knowledge-preview-card>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(57,217,176,.08);color:var(--accent);font-style:normal;font-size:10px;font-weight:900}.knowledge-preview-card>strong{font-size:15px;line-height:1.35}.knowledge-preview-card>p{font-size:10px;line-height:1.65;color:var(--muted);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.knowledge-preview-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.knowledge-preview-facts span{display:none;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.045);font-size:8px;color:#b9c8d7}.knowledge-preview-facts span:not(:empty){display:inline-flex}.knowledge-safe-note{padding:14px;border-radius:14px;border:1px solid rgba(57,217,176,.12);background:rgba(57,217,176,.028)}.knowledge-safe-note b{font-size:10px}.knowledge-safe-note p{font-size:8px;color:var(--muted);line-height:1.6;margin:5px 0 0}.knowledge-version-list{display:grid;gap:6px;padding-top:4px}.knowledge-version-list>strong{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#758aa0}.knowledge-version-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.knowledge-version-list b{font-size:9px;color:var(--accent)}.knowledge-version-list span,.knowledge-version-list time{font-size:8px;color:var(--muted)}.knowledge-version-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr);gap:14px;align-items:start}.knowledge-library{min-width:0}.knowledge-toolbar{display:grid;grid-template-columns:minmax(230px,1.2fr) repeat(4,minmax(120px,.55fr)) auto auto;gap:8px;align-items:center;margin-bottom:16px}.knowledge-toolbar .search{min-width:0;width:100%;margin:0}.knowledge-toolbar select{height:38px;padding:0 10px;font-size:9px;border-radius:10px}.knowledge-toolbar .btn{white-space:nowrap}.knowledge-list{display:grid;gap:9px}.knowledge-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:13px;align-items:start;padding:15px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.018);transition:border-color .18s,background .18s,transform .18s}.knowledge-item:hover{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.026)}.knowledge-item.archived{opacity:.64}.knowledge-item-icon>i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#14273a;color:var(--accent);font-style:normal;font-size:9px;font-weight:900}.knowledge-item-body{min-width:0}.knowledge-item-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:7px}.knowledge-type-label,.knowledge-category-label,.knowledge-priority{font-size:7px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;padding:4px 6px;border-radius:999px}.knowledge-type-label{color:var(--accent);background:rgba(57,217,176,.07)}.knowledge-category-label{color:#91a4bb;background:rgba(255,255,255,.04)}.knowledge-priority{color:#8295aa;border:1px solid var(--line)}.knowledge-priority.p200{color:var(--warning);border-color:rgba(255,202,102,.14)}.knowledge-priority.p300{color:#ffd9a1;background:rgba(255,202,102,.07);border-color:rgba(255,202,102,.22)}.knowledge-item h3{font-size:12px;margin:0 0 5px;line-height:1.4}.knowledge-item-body>p{font-size:9px;color:var(--muted);line-height:1.58;margin:0;white-space:pre-line;overflow-wrap:anywhere}.knowledge-facts{display:flex;gap:11px;flex-wrap:wrap;margin-top:9px}.knowledge-facts span{font-size:7px;color:#60768c}.knowledge-facts b{color:#9fb1c4}.knowledge-item-state{display:grid;justify-items:end;gap:5px;min-width:100px}.knowledge-item-state small{font-size:7px;color:#657b91}.knowledge-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:245px}.knowledge-item-actions form{margin:0}.knowledge-item-actions .btn{font-size:9px;padding:8px 9px}.knowledge-more{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:#8ea0b4;cursor:pointer}.knowledge-more:hover{background:rgba(255,255,255,.06);color:#fff}.knowledge-empty{min-height:380px}.knowledge-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.knowledge-pagination a{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--text);text-decoration:none}.knowledge-pagination a:hover{background:rgba(255,255,255,.05)}.knowledge-pagination a.disabled{pointer-events:none;opacity:.3}.knowledge-pagination span{font-size:9px;color:var(--muted)}.knowledge-side{display:grid;gap:14px}.knowledge-health-score{padding:20px 0 14px;display:grid;justify-items:center}.knowledge-health-score strong{font-size:40px;letter-spacing:-.06em}.knowledge-health-score span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.knowledge-health ul{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:6px}.knowledge-health li{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;padding:10px;border-radius:12px;background:rgba(255,255,255,.02)}.knowledge-health li>i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#14263a;color:#788da3;font-style:normal;font-size:8px;font-weight:900}.knowledge-health li.done>i{background:rgba(57,217,176,.09);color:var(--accent)}.knowledge-health li span{display:grid;gap:2px}.knowledge-health li b{font-size:9px}.knowledge-health li small{font-size:7px;color:var(--muted);line-height:1.45}.knowledge-health>p,.knowledge-side-empty{font-size:8px;color:var(--muted);line-height:1.55;margin:8px 0 0}.knowledge-categories{scroll-margin-top:92px}.knowledge-categories .panel-head>a{font-size:9px;color:var(--accent);text-decoration:none}.category-form{display:grid;gap:10px;padding:12px;margin-bottom:12px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.category-form label{font-size:9px}.category-form input,.category-form select{padding:9px 10px;font-size:9px}.category-form>div{display:flex;justify-content:flex-end;gap:6px}.category-list{display:grid}.category-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0}.category-row:last-child{border-bottom:0}.category-row>a:first-child{display:block;text-decoration:none;color:var(--text);min-width:0}.category-row span{display:grid;gap:2px}.category-row b{font-size:9px}.category-row small{font-size:7px;color:var(--muted)}.category-row .category-edit{font-size:8px;color:#8ca0b6;text-decoration:none;padding:6px}.category-row .category-edit:hover{color:var(--accent)}.knowledge-explainer{border-color:rgba(255,202,102,.12)}.knowledge-explainer h3{font-size:17px;line-height:1.25;margin:8px 0}.knowledge-explainer p{font-size:9px;color:var(--muted);line-height:1.65;margin:0}

@media(max-width:1500px){.knowledge-layout{grid-template-columns:minmax(0,1.35fr) 320px}.knowledge-toolbar{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(120px,.5fr));}.knowledge-toolbar select:nth-of-type(3),.knowledge-toolbar select:nth-of-type(4){grid-row:2}.knowledge-toolbar .btn{grid-row:2}}
@media(max-width:1180px){.knowledge-intro{grid-template-columns:1fr}.knowledge-intro-stats{grid-template-columns:repeat(4,1fr)}.knowledge-layout{grid-template-columns:1fr}.knowledge-side{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-explainer{grid-column:1/-1}.knowledge-editor-grid{grid-template-columns:1fr}.knowledge-preview{position:static;grid-template-columns:1.1fr .9fr}.knowledge-preview>.eyebrow{grid-column:1/-1}.knowledge-version-list{grid-column:1/-1}}
@media(max-width:980px){.knowledge-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-toolbar{grid-template-columns:1fr 1fr 1fr}.knowledge-toolbar .knowledge-search{grid-column:1/-1}.knowledge-toolbar select,.knowledge-toolbar select:nth-of-type(3),.knowledge-toolbar select:nth-of-type(4),.knowledge-toolbar .btn{grid-row:auto}.knowledge-item{grid-template-columns:auto minmax(0,1fr) auto}.knowledge-item-state{grid-column:3}.knowledge-item-actions{grid-column:2/4;justify-content:flex-start;max-width:none;padding-top:4px}}
@media(max-width:760px){.knowledge-page-head{align-items:stretch}.knowledge-page-head .btn{width:100%}.knowledge-intro{padding:18px}.knowledge-intro-stats{grid-template-columns:repeat(2,1fr)}.knowledge-type-grid{grid-template-columns:1fr}.knowledge-type-card{min-height:88px}.knowledge-toolbar{grid-template-columns:1fr 1fr}.knowledge-toolbar .knowledge-search{grid-column:1/-1}.knowledge-side{grid-template-columns:1fr}.knowledge-explainer{grid-column:auto}.knowledge-preview{grid-template-columns:1fr}.knowledge-preview>.eyebrow,.knowledge-version-list{grid-column:auto}.knowledge-editor-actions{position:sticky;bottom:8px;z-index:6;padding:10px;background:rgba(10,23,38,.93);border:1px solid rgba(255,255,255,.1);border-radius:14px;backdrop-filter:blur(16px)}.knowledge-editor-actions .btn{flex:1}.knowledge-item{grid-template-columns:auto minmax(0,1fr)}.knowledge-item-state{grid-column:2;justify-items:start}.knowledge-item-actions{grid-column:1/-1;padding-left:51px}.knowledge-item-actions .btn{min-height:34px}.knowledge-form-grid.compact{grid-template-columns:1fr 1fr}.knowledge-form-grid.compact label[data-service-duration]{grid-column:1/-1}}
@media(max-width:520px){.knowledge-intro-stats{grid-template-columns:1fr 1fr}.knowledge-intro-stats article{min-height:76px}.knowledge-toolbar{grid-template-columns:1fr}.knowledge-toolbar .knowledge-search{grid-column:auto}.knowledge-toolbar .btn{width:100%}.knowledge-item{padding:13px;gap:10px}.knowledge-item-icon>i{width:34px;height:34px}.knowledge-item-actions{padding-left:44px;display:grid;grid-template-columns:1fr 1fr}.knowledge-item-actions form,.knowledge-item-actions .btn{width:100%}.knowledge-item-actions .knowledge-more{width:100%}.knowledge-form-grid.compact{grid-template-columns:1fr}.knowledge-editor-actions{display:grid;grid-template-columns:1fr 1fr}.knowledge-editor-actions .btn{width:100%}}
@media(min-width:1800px){.knowledge-intro{grid-template-columns:minmax(0,1.2fr) minmax(560px,.8fr)}.knowledge-type-card{min-height:118px;padding:18px}.knowledge-type-card b{font-size:12px}.knowledge-type-card small{font-size:9px}.knowledge-item{padding:18px}.knowledge-item h3{font-size:14px}.knowledge-item-body>p{font-size:10px}.knowledge-layout{gap:18px}.knowledge-editor-grid{gap:28px}}
@media(min-width:2500px){.knowledge-intro-copy h2{font-size:44px}.knowledge-intro-copy p{font-size:14px}.knowledge-intro-stats article{min-height:118px}.knowledge-intro-stats strong{font-size:34px}.knowledge-intro-stats span{font-size:10px}.knowledge-type-card{min-height:138px}.knowledge-type-card>i{width:52px;height:52px;border-radius:15px;font-size:14px}.knowledge-type-card b{font-size:15px}.knowledge-type-card small{font-size:11px}.knowledge-item h3{font-size:16px}.knowledge-item-body>p{font-size:12px}.knowledge-facts span{font-size:9px}.knowledge-side{gap:18px}}
.knowledge-version-list>div{grid-template-columns:auto minmax(0,1fr) auto auto}.knowledge-version-list form{margin:0}.knowledge-version-list button{border:0;background:transparent;color:var(--accent);font-size:7px;font-weight:800;cursor:pointer;padding:3px 0}.knowledge-version-list button:hover{text-decoration:underline}
@media(max-width:520px){.knowledge-version-list>div{grid-template-columns:auto minmax(0,1fr) auto}.knowledge-version-list form{grid-column:2/4}.knowledge-version-list button{font-size:8px}}

/* V0.6 knowledge readability pass – intentionally larger than legacy dashboard microcopy */
.knowledge-intro-copy p{font-size:13px}.knowledge-intro-stats span{font-size:10px}.knowledge-type-card b{font-size:13px}.knowledge-type-card small{font-size:11px}.knowledge-preview-card>p{font-size:12px}.knowledge-preview-facts span{font-size:10px}.knowledge-safe-note b{font-size:12px}.knowledge-safe-note p{font-size:11px}.knowledge-version-list>strong{font-size:10px}.knowledge-version-list b{font-size:11px}.knowledge-version-list span,.knowledge-version-list time{font-size:10px}.knowledge-version-list button{font-size:10px}.knowledge-toolbar select{font-size:11px}.knowledge-type-label,.knowledge-category-label,.knowledge-priority{font-size:9px}.knowledge-item-icon>i{font-size:11px}.knowledge-item h3{font-size:14px}.knowledge-item-body>p{font-size:12px}.knowledge-facts span{font-size:10px}.knowledge-item-state small{font-size:9px}.knowledge-item-actions .btn{font-size:11px}.knowledge-pagination span{font-size:11px}.knowledge-health-score span{font-size:10px}.knowledge-health li b{font-size:11px}.knowledge-health li small{font-size:10px}.knowledge-health>p,.knowledge-side-empty{font-size:10px}.knowledge-categories .panel-head>a{font-size:11px}.category-form label{font-size:11px}.category-form input,.category-form select{font-size:11px}.category-row b{font-size:11px}.category-row small{font-size:9px}.category-row .category-edit{font-size:10px}.knowledge-explainer p{font-size:11px}
@media(max-width:760px){.knowledge-intro-copy p{font-size:12px}.knowledge-type-card b{font-size:13px}.knowledge-type-card small{font-size:11px}.knowledge-item-body>p{font-size:11px}.knowledge-facts span{font-size:9px}.knowledge-health li small{font-size:10px}}
@media(min-width:1800px){.knowledge-intro-copy p{font-size:14px}.knowledge-type-card b{font-size:14px}.knowledge-type-card small{font-size:12px}.knowledge-item h3{font-size:15px}.knowledge-item-body>p{font-size:13px}.knowledge-facts span{font-size:10px}.knowledge-side p{font-size:12px}}
@media(min-width:2500px){.knowledge-intro-copy p{font-size:16px}.knowledge-type-card b{font-size:16px}.knowledge-type-card small{font-size:13px}.knowledge-item h3{font-size:18px}.knowledge-item-body>p{font-size:14px}.knowledge-facts span{font-size:11px}.knowledge-item-actions .btn{font-size:12px}.knowledge-health li b{font-size:14px}.knowledge-health li small{font-size:12px}.category-row b{font-size:13px}.category-row small{font-size:11px}}

/* V0.6 public pricing + platform owner plan editor */
.plans-hero{padding-bottom:42px}.plans-hero h1{max-width:980px}.pricing-clarity{margin-top:26px;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;max-width:980px;padding:16px 18px;border:1px solid #d9ded8;border-radius:16px;background:#fff}.pricing-clarity>i{width:28px;height:28px;border-radius:9px;background:#edf4f0;color:#185f4f;display:grid;place-items:center;font-style:normal;font-weight:800}.pricing-clarity p{margin:0;color:#52605a;font-size:14px;line-height:1.65}.pricing-clarity strong{color:#18221e}.pricing-section{padding-top:12px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #dce2dd;border-radius:24px;background:#fff;box-shadow:0 14px 45px rgba(33,51,43,.055)}.pricing-card.featured{border-color:#a9cabb;box-shadow:0 18px 54px rgba(32,93,72,.10);transform:translateY(-6px)}.pricing-badge{position:absolute;right:18px;top:18px;border-radius:999px;padding:7px 10px;background:#173f35;color:#fff;font-size:11px;font-weight:750;letter-spacing:.02em}.pricing-card-head{padding-right:76px}.pricing-card-head h2{font-size:30px;margin:5px 0 8px;letter-spacing:-.04em}.pricing-card-head p{min-height:70px;margin:0;color:#647169;line-height:1.65}.price-line{display:flex;align-items:flex-end;gap:8px;margin:24px 0 18px;padding-top:20px;border-top:1px solid #e7ebe8}.price-line strong{font-size:36px;line-height:1;letter-spacing:-.055em}.price-line span{color:#6d7872;font-size:12px;padding-bottom:4px}.plan-core{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:17px}.plan-core>div{padding:13px 14px;border-radius:14px;background:#f3f6f4;display:grid;gap:3px}.plan-core b{font-size:14px}.plan-core span{font-size:11px;color:#718078}.plan-highlights{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}.plan-highlights li{display:flex;gap:9px;align-items:flex-start;color:#3f4c46;font-size:13px}.plan-highlights i{font-style:normal;color:#1d7f66;font-weight:900}.plan-extra{margin-top:auto;padding:13px 14px;border:1px solid #e2e8e4;border-radius:13px;color:#6b7670;font-size:12px}.plan-extra strong{color:#26352e}.pricing-card .btn.full{margin-top:12px;width:100%;justify-content:center}.comparison-section{overflow:hidden}.plan-compare-wrap{overflow:auto;border:1px solid #dfe5e1;border-radius:18px;background:#fff;box-shadow:0 10px 32px rgba(40,58,50,.04);scrollbar-width:thin}.plan-compare{width:100%;min-width:760px;border-collapse:collapse}.plan-compare th,.plan-compare td{padding:14px 17px;border-bottom:1px solid #e8ece9;text-align:center;font-size:13px}.plan-compare thead th{position:sticky;top:0;background:#f5f7f5;font-size:12px;color:#435149;z-index:1}.plan-compare th:first-child{text-align:left;min-width:250px}.plan-compare tbody th{font-weight:650;color:#445149;background:#fbfcfb}.plan-compare td{color:#5d6b64}.plan-compare td.yes{font-weight:900;color:#1d7f66}.plan-compare th.featured{background:#eaf3ef;color:#195c4b}.compare-note{max-width:950px;margin:15px auto 0;text-align:center;color:#6b7770;font-size:12px;line-height:1.65}.pricing-help{align-items:center}.setup-steps{display:grid;gap:10px}.setup-steps>div{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:16px;border:1px solid #dde4df;background:#fff;border-radius:16px}.setup-steps>div>span{width:34px;height:34px;border-radius:11px;background:#eef4f1;color:#1b725d;display:grid;place-items:center;font-weight:850}.setup-steps p{margin:0;display:grid;gap:3px}.setup-steps b{font-size:14px}.setup-steps small{color:#728078;font-size:12px}.public-empty{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed #d7ded9;border-radius:22px;background:#fff}.public-empty strong{font-size:20px}.public-empty p{color:#728078}.home-pricing{padding-top:86px;padding-bottom:86px}.home-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0 20px}.home-plan{position:relative;display:grid;gap:9px;padding:22px;border:1px solid #dde4df;border-radius:18px;background:#fff}.home-plan.featured{border-color:#9fc7b7;background:#f5faf8}.home-plan>span{position:absolute;right:14px;top:14px;background:#173f35;color:#fff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:750}.home-plan h3{font-size:20px;margin:0}.home-plan>strong{font-size:24px;letter-spacing:-.04em}.home-plan>strong small{font-size:10px;color:#708078;font-weight:600}.home-plan p{margin:0;color:#68766f;font-size:12px}.owner-lock-note{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:14px 16px;margin:0 0 15px;border-radius:15px;border:1px solid rgba(57,217,176,.14);background:rgba(57,217,176,.045)}.owner-lock-note>i{width:34px;height:34px;border-radius:11px;background:rgba(57,217,176,.09);display:grid;place-items:center;font-style:normal;color:var(--accent)}.owner-lock-note>div{display:grid;gap:3px}.owner-lock-note strong{font-size:11px}.owner-lock-note span{font-size:9px;color:var(--muted);line-height:1.55}.admin-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.admin-plan-card{min-width:0}.admin-plan-card.featured{border-color:rgba(57,217,176,.28);box-shadow:0 0 0 1px rgba(57,217,176,.05),0 18px 50px rgba(0,0,0,.10)}.plan-admin-fields{margin-bottom:12px}.plan-numbers{margin:0;gap:10px}.plan-owner-switches{display:grid;gap:6px}.plan-admin-summary{margin:13px 0;padding:13px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid var(--line);display:grid;gap:4px}.plan-admin-summary span{font-size:8px;color:#748ba2;text-transform:uppercase;letter-spacing:.08em}.plan-admin-summary strong{font-size:16px}.plan-admin-summary small{font-size:9px;color:var(--muted)}.plan-admin-help{margin-top:14px}.plan-admin-help p{font-size:10px;line-height:1.65;color:var(--muted);margin:0}

@media(max-width:1180px){.pricing-grid,.home-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pricing-card{padding:22px}.pricing-card-head{padding-right:50px}.pricing-card-head h2{font-size:26px}.price-line strong{font-size:30px}.admin-plan-grid{grid-template-columns:1fr 1fr}.admin-plan-card:last-child{grid-column:1/-1}.public-nav-v2 nav{gap:15px}.public-nav-v2 nav a{font-size:12px}}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none;order:-1}.pricing-card-head p{min-height:0}.home-plan-grid{grid-template-columns:1fr 1fr}.home-plan:last-child{grid-column:1/-1}.admin-plan-grid{grid-template-columns:1fr}.admin-plan-card:last-child{grid-column:auto}.plan-numbers{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.plans-hero{padding-bottom:24px}.pricing-clarity{padding:14px}.pricing-clarity p{font-size:12px}.pricing-card{padding:20px;border-radius:19px}.pricing-badge{position:static;width:max-content;margin-bottom:10px}.pricing-card-head{padding-right:0}.price-line{align-items:flex-start;flex-direction:column}.price-line strong{font-size:32px}.price-line span{padding:0}.plan-core{grid-template-columns:1fr 1fr}.home-plan-grid{grid-template-columns:1fr}.home-plan:last-child{grid-column:auto}.plan-compare th,.plan-compare td{padding:12px 13px}.plan-compare th:first-child{min-width:210px}.plan-numbers{grid-template-columns:1fr}.page-head>a.btn{width:100%;justify-content:center}.owner-lock-note{align-items:start}}
@media(min-width:1800px){.pricing-grid{gap:24px}.pricing-card{padding:34px}.pricing-card-head h2{font-size:34px}.pricing-card-head p{font-size:15px}.price-line strong{font-size:42px}.plan-highlights li{font-size:14px}.plan-compare th,.plan-compare td{padding:17px 21px;font-size:14px}.home-plan{padding:27px}.home-plan h3{font-size:23px}.admin-plan-grid{gap:18px}}
@media(min-width:2500px){.pricing-card{padding:40px}.pricing-card-head h2{font-size:40px}.pricing-card-head p{font-size:17px}.price-line strong{font-size:50px}.price-line span,.plan-extra,.plan-highlights li{font-size:15px}.plan-core b{font-size:17px}.plan-core span{font-size:13px}.plan-compare th,.plan-compare td{padding:20px 24px;font-size:16px}.home-plan h3{font-size:28px}.home-plan>strong{font-size:32px}.home-plan p{font-size:15px}.owner-lock-note strong{font-size:14px}.owner-lock-note span{font-size:12px}.plan-admin-summary strong{font-size:20px}.plan-admin-summary small{font-size:12px}}
/* Pricing grids adapt to the number of public plans, avoiding unused empty columns. */
.pricing-grid,.home-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.home-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.home-plan:last-child{grid-column:auto}}
@media(max-width:680px){.home-plan-grid{grid-template-columns:1fr}}

/* Auth polish v0.6.1: aligned registration fields + richer premium background */
.auth-page{
  position:relative;
  isolation:isolate;
  overflow-x:hidden;
  background:
    radial-gradient(ellipse at 14% 18%,rgba(72,113,93,.16) 0,rgba(72,113,93,.08) 18%,transparent 45%),
    radial-gradient(ellipse at 86% 78%,rgba(99,130,115,.13) 0,rgba(99,130,115,.06) 20%,transparent 48%),
    linear-gradient(135deg,#eef1ec 0%,#f7f8f5 48%,#edf1ec 100%);
}
.auth-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(20,37,31,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,37,31,.028) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 12%,rgba(0,0,0,.7) 48%,transparent 88%);
  mask-image:radial-gradient(ellipse at center,#000 12%,rgba(0,0,0,.7) 48%,transparent 88%);
  opacity:.9;
}
.auth-page::after{
  content:"";
  position:fixed;
  width:min(72vw,980px);
  aspect-ratio:1;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:-1;
  pointer-events:none;
  border:1px solid rgba(20,37,31,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 88px rgba(255,255,255,.12),
    0 0 0 89px rgba(20,37,31,.025),
    0 0 0 188px rgba(255,255,255,.07),
    0 0 0 189px rgba(20,37,31,.02);
}
.auth-page .auth-shell{
  position:relative;
  z-index:1;
}
.auth-page .auth-card{
  box-shadow:0 30px 80px rgba(20,37,31,.105),0 2px 10px rgba(20,37,31,.035);
}
.compact-register{
  align-items:start;
}
.compact-register>label{
  align-content:start;
  align-self:start;
}
.compact-register .password-wrap{
  width:100%;
}
.compact-register .password-wrap input{
  display:block;
}

@media(max-width:700px){
  .auth-page{
    background:
      radial-gradient(ellipse at 20% 10%,rgba(72,113,93,.13),transparent 42%),
      radial-gradient(ellipse at 82% 88%,rgba(99,130,115,.1),transparent 44%),
      linear-gradient(150deg,#eef1ec,#f7f8f5 52%,#edf1ec);
  }
  .auth-page::before{background-size:38px 38px;opacity:.65}
  .auth-page::after{width:125vw;opacity:.6}
}

@media(min-width:1800px){
  .auth-page::before{background-size:56px 56px}
  .auth-page::after{width:min(64vw,1250px)}
}

/* =========================================================
   HívásTárs dashboard experience v0.7
   Readable desktop/tablet UI + account-saved light/dark mode
   ========================================================= */
html[data-theme="dark"]{
  --bg:#07111f;
  --bg2:#0a1626;
  --panel:#0e1b2d;
  --panel2:#132338;
  --text:#eef5fb;
  --muted:#9aabbd;
  --line:rgba(255,255,255,.095);
  --accent:#39d9b0;
  --accent2:#76f1cf;
  --danger:#ff6b78;
  --warning:#ffca66;
  --shadow:0 24px 72px rgba(0,0,0,.28);
  --app-bg:#07111f;
  --app-bg-soft:#0a1626;
  --sidebar-bg:#081522;
  --topbar-bg:rgba(7,17,31,.9);
  --field-bg:#0a1827;
  --soft:rgba(255,255,255,.035);
  --soft-2:rgba(255,255,255,.06);
  --soft-3:rgba(255,255,255,.085);
  --panel-shadow:0 14px 40px rgba(0,0,0,.12);
  --nav-text:#9aacc0;
  --nav-icon:#8298ae;
  --heading:#f5f9fd;
  --ring-track:rgba(255,255,255,.07);
  --scrim:rgba(2,8,14,.66);
  --modal-backdrop:rgba(3,9,17,.74);
  --sidebar:296px;
  color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#f3f6f4;
  --bg2:#edf2ef;
  --panel:#ffffff;
  --panel2:#f7faf8;
  --text:#1c2923;
  --muted:#65766d;
  --line:rgba(26,61,47,.12);
  --accent:#178267;
  --accent2:#29a17f;
  --danger:#c74e5d;
  --warning:#a86c11;
  --shadow:0 22px 64px rgba(36,62,51,.13);
  --app-bg:#f3f6f4;
  --app-bg-soft:#edf2ef;
  --sidebar-bg:#fbfdfc;
  --topbar-bg:rgba(251,253,252,.92);
  --field-bg:#f8faf9;
  --soft:rgba(25,76,56,.045);
  --soft-2:rgba(25,76,56,.075);
  --soft-3:rgba(25,76,56,.11);
  --panel-shadow:0 10px 32px rgba(36,62,51,.055);
  --nav-text:#65786f;
  --nav-icon:#73877d;
  --heading:#18251f;
  --ring-track:rgba(25,76,56,.09);
  --scrim:rgba(19,37,30,.28);
  --modal-backdrop:rgba(18,34,28,.38);
  --sidebar:296px;
  color-scheme:light;
}

html[data-theme] body.app-page{
  min-height:100vh;
  font-size:15px;
  line-height:1.48;
  background:
    radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 28%),
    radial-gradient(circle at 15% 92%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 30%),
    var(--app-bg);
  color:var(--text);
  transition:background-color .24s ease,color .24s ease;
}
html[data-theme] body.app-page h1,
html[data-theme] body.app-page h2,
html[data-theme] body.app-page h3,
html[data-theme] body.app-page strong,
html[data-theme] body.app-page b{color:var(--heading)}
html[data-theme] body.app-page .eyebrow{font-size:11px;letter-spacing:.15em}
html[data-theme] body.app-page label{font-size:13.5px;color:var(--text);gap:8px}
html[data-theme] body.app-page .hint{font-size:12px}
html[data-theme] body.app-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme] body.app-page select,
html[data-theme] body.app-page textarea{
  min-height:44px;
  background:var(--field-bg);
  color:var(--text);
  border-color:var(--line);
  border-radius:12px;
  font-size:13.5px;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent);
}
html[data-theme] body.app-page textarea{min-height:112px;line-height:1.6}
html[data-theme="light"] body.app-page input::placeholder,
html[data-theme="light"] body.app-page textarea::placeholder{color:#93a098}
html[data-theme] body.app-page input:focus,
html[data-theme] body.app-page select:focus,
html[data-theme] body.app-page textarea:focus{border-color:color-mix(in srgb,var(--accent) 58%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent)}

/* Application frame */
html[data-theme] .app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr)}
html[data-theme] .sidebar{
  padding:20px 15px 16px;
  background:var(--sidebar-bg);
  border-color:var(--line);
  box-shadow:8px 0 30px rgba(0,0,0,.025);
}
html[data-theme] .side-top{height:52px;padding:0 7px}
html[data-theme] .sidebar .brand{font-size:20px;gap:12px;font-weight:720}
html[data-theme] .sidebar .brand-mark{width:39px;height:39px;border-radius:12px;font-size:16px}
html[data-theme] .tenant-chip{
  margin:18px 2px 12px;
  padding:12px;
  gap:11px;
  background:var(--soft);
  border-color:var(--line);
  border-radius:15px;
}
html[data-theme] .tenant-chip>i,
html[data-theme] .user-mini>i{width:37px;height:37px;border-radius:11px;background:color-mix(in srgb,var(--accent) 10%,var(--panel2));color:var(--accent);font-size:13px}
html[data-theme] .tenant-chip strong,
html[data-theme] .user-mini strong{font-size:12.5px}
html[data-theme] .tenant-chip span,
html[data-theme] .user-mini span{font-size:10.5px;line-height:1.35;color:var(--muted)}
html[data-theme] .support-banner{padding:13px;background:color-mix(in srgb,var(--warning) 7%,var(--panel));border-color:color-mix(in srgb,var(--warning) 25%,transparent)}
html[data-theme] .support-banner span{font-size:10px}
html[data-theme] .support-banner strong{font-size:13px}
html[data-theme] .support-banner small{font-size:10.5px;color:var(--muted);line-height:1.45}
html[data-theme] .support-banner button{font-size:11px;color:var(--warning)}
html[data-theme] .side-nav{gap:4px;margin-top:6px;padding:4px 1px 16px}
html[data-theme] .side-nav a{
  min-height:45px;
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:8px;
  padding:0 11px;
  border-radius:12px;
  color:var(--nav-text);
  font-size:13px;
  font-weight:680;
}
html[data-theme] .side-nav a:hover{background:var(--soft);color:var(--text)}
html[data-theme] .side-nav a.active{background:color-mix(in srgb,var(--accent) 11%,var(--panel));color:var(--heading);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 75%,transparent)}
html[data-theme] .side-nav a i.nav-icon{display:grid;place-items:center;width:28px;height:28px;color:var(--nav-icon)}
html[data-theme] .side-nav a.active i.nav-icon{color:var(--accent)}
html[data-theme] .nav-icon svg,
html[data-theme] .notif svg,
html[data-theme] .theme-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme] .nav-sep{padding:18px 12px 8px;font-size:9.5px;color:var(--muted)}
html[data-theme] .nav-badge{font-size:9px;height:20px;min-width:20px}
html[data-theme] .side-bottom{padding-top:13px;border-color:var(--line)}
html[data-theme] .user-mini{padding:8px 5px;gap:10px}

html[data-theme] .app-main{background:transparent}
html[data-theme] .topbar{
  height:78px;
  padding:0 30px;
  background:var(--topbar-bg);
  border-color:var(--line);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
html[data-theme] .top-title{gap:3px}
html[data-theme] .top-title span{font-size:10px;color:var(--muted);letter-spacing:.09em}
html[data-theme] .top-title strong{font-size:14px;font-weight:750}
html[data-theme] .top-actions{gap:9px}
html[data-theme] .icon-btn,
html[data-theme] .avatar-btn{background:var(--soft);color:var(--nav-text);border:1px solid transparent}
html[data-theme] .icon-btn:hover,
html[data-theme] .avatar-btn:hover{background:var(--soft-2);color:var(--text);border-color:var(--line)}
html[data-theme] .icon-btn{width:38px;height:38px}
html[data-theme] .avatar-btn{width:38px;height:38px;border-radius:12px;color:var(--accent);font-size:13px}
html[data-theme] .notif svg{width:18px;height:18px}
html[data-theme] .status-chip{height:36px;padding:0 12px;font-size:10.5px;color:var(--muted);background:var(--soft);border-color:var(--line)}
html[data-theme] .status-chip i{width:7px;height:7px}
html[data-theme] .theme-toggle{
  width:70px;
  height:38px;
  padding:3px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--soft);
  color:var(--muted);
  cursor:pointer;
  transition:.2s var(--ease);
}
html[data-theme] .theme-toggle:hover{background:var(--soft-2)}
html[data-theme] .theme-icon{display:grid;place-items:center;border-radius:9px;transition:.2s var(--ease)}
html[data-theme="light"] .theme-icon.sun,
html[data-theme="dark"] .theme-icon.moon{background:var(--panel);color:var(--accent);box-shadow:0 3px 12px rgba(0,0,0,.08)}
html[data-theme] .theme-icon svg{width:16px;height:16px;stroke-width:1.9}

/* Main content: comfortable readable scale */
html[data-theme] .content{max-width:1640px;padding:36px 38px 52px}
html[data-theme] .page-head{gap:24px;margin-bottom:26px}
html[data-theme] .page-head h1{font-size:clamp(32px,2.5vw,40px);line-height:1.06;letter-spacing:-.045em;margin:7px 0 8px}
html[data-theme] .page-head p{max-width:780px;font-size:13.5px;line-height:1.65;color:var(--muted)}
html[data-theme] .badge{padding:6px 9px;font-size:10.5px}
html[data-theme] .btn{min-height:42px;padding:11px 16px;border-radius:12px;font-size:13px}
html[data-theme] .btn.tiny{min-height:36px;padding:8px 11px;font-size:11.5px}
html[data-theme] .btn.ghost{background:var(--soft);border-color:var(--line)}
html[data-theme] .btn.ghost:hover{background:var(--soft-2);border-color:var(--soft-3)}
html[data-theme="light"] .btn.primary{color:#fff;background:linear-gradient(135deg,#157e65,#24a07c);box-shadow:0 9px 24px rgba(23,130,103,.17)}

html[data-theme] .metric-grid{gap:15px;margin-bottom:18px}
html[data-theme] .metric-grid article,
html[data-theme] .panel,
html[data-theme] .health-grid article,
html[data-theme] .table-card{
  background:var(--panel);
  border-color:var(--line);
  box-shadow:var(--panel-shadow);
}
html[data-theme] .metric-grid article{min-height:116px;padding:22px;border-radius:18px;gap:8px}
html[data-theme] .metric-grid span{font-size:10.5px;color:var(--muted);letter-spacing:.075em}
html[data-theme] .metric-grid strong{font-size:34px;line-height:1;letter-spacing:-.045em}
html[data-theme] .metric-grid small{font-size:11px;line-height:1.45;color:var(--muted)}
html[data-theme] .dashboard-grid,
html[data-theme] .module-grid,
html[data-theme] .support-layout{gap:18px}
html[data-theme] .panel{padding:22px;border-radius:19px}
html[data-theme] .panel-head{margin-bottom:18px;gap:14px}
html[data-theme] .panel-head strong{font-size:14px;line-height:1.35}
html[data-theme] .panel-head span{font-size:11px;line-height:1.5;color:var(--muted)}
html[data-theme] .panel-head>a{font-size:11.5px;font-weight:700}
html[data-theme] .panel-head>b{font-size:11.5px}
html[data-theme] .empty-state{min-height:300px;padding:28px}
html[data-theme] .empty-state.compact{min-height:245px}
html[data-theme] .empty-icon{width:54px;height:54px;border-radius:16px;font-size:21px;margin-bottom:13px}
html[data-theme] .empty-state strong{font-size:14px}
html[data-theme] .empty-state p{font-size:12.5px;line-height:1.65;margin:7px 0 15px}

/* Onboarding / overview */
html[data-theme] .onboarding-hero{grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:34px;margin-bottom:20px;padding:26px;overflow:hidden}
html[data-theme] .onboarding-copy h2{font-size:clamp(30px,2.55vw,42px);line-height:1.06;margin:10px 0 13px}
html[data-theme] .onboarding-copy p{font-size:13.5px;line-height:1.7;max-width:720px}
html[data-theme] .onboarding-progress{height:9px;margin:21px 0 9px;background:var(--soft-2)}
html[data-theme] .onboarding-copy>small{font-size:10.5px;color:var(--muted)}
html[data-theme] .onboarding-steps{gap:10px}
html[data-theme] .onboarding-step{padding:14px;border-radius:14px;background:var(--soft);border-color:var(--line);gap:11px}
html[data-theme] .onboarding-step:hover{background:color-mix(in srgb,var(--accent) 6%,var(--panel));border-color:color-mix(in srgb,var(--accent) 26%,transparent)}
html[data-theme] .onboarding-step>i{width:34px;height:34px;border-radius:10px;background:var(--soft-2);font-size:11px}
html[data-theme] .onboarding-step b{font-size:12px}
html[data-theme] .onboarding-step small{font-size:10px;color:var(--muted)}
html[data-theme] .onboarding-step>strong{font-size:14px;color:var(--muted)}
html[data-theme] .readiness-ring{width:142px;height:142px;background:radial-gradient(circle at center,var(--panel) 55%,transparent 57%),conic-gradient(var(--accent) calc(var(--pct)*1%),var(--ring-track) 0)}
html[data-theme] .readiness-ring strong{font-size:30px}
html[data-theme] .readiness-ring span{font-size:9px}
html[data-theme] .muted-center{font-size:11.5px;line-height:1.65}
html[data-theme] .mini-call-list>div{padding:14px 0;gap:12px}
html[data-theme] .mini-call-list>div>i{width:38px;height:38px}
html[data-theme] .mini-call-list b{font-size:12px}
html[data-theme] .mini-call-list small,
html[data-theme] .mini-call-list time{font-size:10px}

/* Forms, cards, data lists */
html[data-theme] .form-grid{gap:16px;margin:22px 0}
html[data-theme] .search{height:43px;background:var(--field-bg);border-color:var(--line);border-radius:12px}
html[data-theme] .search input{min-height:0!important;background:transparent!important;font-size:13px!important}
html[data-theme] .table-card{padding:18px;border-radius:19px}
html[data-theme] .tr{padding:14px 10px;font-size:11.5px;color:var(--muted);border-color:var(--line)}
html[data-theme] .tr.th{font-size:9.5px;color:var(--muted)}
html[data-theme] .segmented{background:var(--field-bg);border-color:var(--line)}
html[data-theme] .segmented button{font-size:10.5px;color:var(--muted)}
html[data-theme] .segmented button.active{background:var(--panel);color:var(--text);box-shadow:0 3px 10px rgba(0,0,0,.06)}
html[data-theme] .switch-row{padding:15px;background:var(--soft);border-color:var(--line)}
html[data-theme] .switch-row>i{background:var(--soft-3)}
html[data-theme] .switch-row b{font-size:12.5px}
html[data-theme] .switch-row small{font-size:10.5px;line-height:1.45}
html[data-theme="light"] .switch-row>input:checked+i:after{background:#fff}
html[data-theme] .profile-section{padding:24px}
html[data-theme] .profile-progress-card p{font-size:12.5px}
html[data-theme] .integration-ready>strong{font-size:14px}
html[data-theme] .integration-ready b{font-size:12px}
html[data-theme] .integration-ready small{font-size:10px}
html[data-theme] .integration-ready i{background:var(--soft)}
html[data-theme] .profile-ring{background:conic-gradient(var(--accent) calc(var(--pct)*1%),var(--ring-track) 0)}
html[data-theme] .member-card{padding:17px 0;gap:14px}
html[data-theme] .member-main strong{font-size:13px}
html[data-theme] .member-main span,
html[data-theme] .member-main small{font-size:10.5px}
html[data-theme] .role-guide b{font-size:12.5px}
html[data-theme] .role-guide span{font-size:10.5px}
html[data-theme] .notification-card{padding:19px;background:var(--panel);box-shadow:var(--panel-shadow)}
html[data-theme] .notification-card>i{background:var(--soft)}
html[data-theme] .notification-card p{font-size:11.5px;line-height:1.6}
html[data-theme] .notification-card a{font-size:11.5px}
html[data-theme] .notification-head strong{font-size:13px}
html[data-theme] .notification-head time{font-size:10px;color:var(--muted)}
html[data-theme] .support-thread-item{padding:15px}
html[data-theme] .support-thread-item:hover{background:var(--soft)}
html[data-theme] .support-thread-item strong{font-size:12.5px}
html[data-theme] .support-thread-item span,
html[data-theme] .support-thread-item small{font-size:10.5px}
html[data-theme] .conversation-head strong{font-size:14px}
html[data-theme] .conversation-head span{font-size:10.5px}
html[data-theme] .message-bubble{padding:14px 15px;background:var(--soft)}
html[data-theme] .message-bubble b{font-size:11px}
html[data-theme] .message-bubble time{font-size:9.5px}
html[data-theme] .message-bubble p{font-size:12.5px;line-height:1.65;color:var(--text)}
html[data-theme] .pref-head,
html[data-theme] .pref-row{padding:12px 13px}
html[data-theme] .pref-head{background:var(--soft);font-size:9.5px}
html[data-theme] .pref-row strong{font-size:11.5px}
html[data-theme] .audit-list>div{padding:13px 0}
html[data-theme] .audit-list b{font-size:11.5px}
html[data-theme] .audit-list small,
html[data-theme] .audit-list time{font-size:9.5px}

/* Knowledge base readability */
html[data-theme] .knowledge-intro-copy h2{font-size:clamp(30px,2.5vw,42px)}
html[data-theme] .knowledge-intro-copy p{font-size:13.5px;line-height:1.7}
html[data-theme] .knowledge-intro-stats article{min-height:98px;padding:16px;background:var(--soft)}
html[data-theme] .knowledge-intro-stats strong{font-size:28px}
html[data-theme] .knowledge-intro-stats span{font-size:9.5px}
html[data-theme] .knowledge-type-card{min-height:110px;padding:17px;background:var(--soft)}
html[data-theme] .knowledge-type-card b{font-size:13px}
html[data-theme] .knowledge-type-card small{font-size:10.5px;line-height:1.55}
html[data-theme] .knowledge-type-card>strong{color:var(--muted)}
html[data-theme] .knowledge-preview-card{background:var(--field-bg);border-color:var(--line)}
html[data-theme] .knowledge-preview-card>strong{font-size:16px}
html[data-theme] .knowledge-preview-card>p{font-size:11.5px}
html[data-theme] .knowledge-preview-facts span{font-size:9.5px;background:var(--soft)}
html[data-theme] .knowledge-safe-note b{font-size:11.5px}
html[data-theme] .knowledge-safe-note p{font-size:10px}
html[data-theme] .knowledge-item{padding:17px;background:var(--soft)}
html[data-theme] .knowledge-item:hover{background:var(--soft-2);border-color:var(--soft-3)}
html[data-theme] .knowledge-item-icon>i{background:color-mix(in srgb,var(--accent) 9%,var(--panel2));font-size:10px}
html[data-theme] .knowledge-type-label,
html[data-theme] .knowledge-category-label,
html[data-theme] .knowledge-priority{font-size:8.5px}
html[data-theme] .knowledge-item h3{font-size:14px}
html[data-theme] .knowledge-item-body>p{font-size:11.5px;line-height:1.62}
html[data-theme] .knowledge-facts span{font-size:9px;color:var(--muted)}
html[data-theme] .knowledge-item-state small{font-size:9px;color:var(--muted)}
html[data-theme] .knowledge-item-actions .btn{font-size:10.5px}
html[data-theme] .knowledge-more{background:var(--soft);border-color:var(--line);color:var(--muted)}
html[data-theme] .knowledge-health li{background:var(--soft)}
html[data-theme] .knowledge-health li>i{background:var(--soft-2)}
html[data-theme] .knowledge-health li b{font-size:11px}
html[data-theme] .knowledge-health li small{font-size:9.5px}
html[data-theme] .knowledge-health>p,
html[data-theme] .knowledge-side-empty{font-size:10px}
html[data-theme] .category-form{background:var(--soft)}
html[data-theme] .category-row b{font-size:11.5px}
html[data-theme] .category-row small{font-size:9.5px}
html[data-theme] .category-row .category-edit{font-size:10.5px}
html[data-theme] .knowledge-explainer h3{font-size:19px}
html[data-theme] .knowledge-explainer p{font-size:11px}
html[data-theme] .knowledge-editor-actions{background:transparent}

/* Overlays and floating UI also follow the theme */
html[data-theme] .dropdown,
html[data-theme] .toast,
html[data-theme] .loader-card,
html[data-theme] .modal{background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-theme] .dropdown{width:250px;padding:9px}
html[data-theme] .dropdown strong{font-size:12px}
html[data-theme] .dropdown span{font-size:10px}
html[data-theme] .dropdown a,
html[data-theme] .dropdown form button{font-size:11.5px;color:var(--text);padding:10px}
html[data-theme] .dropdown a:hover,
html[data-theme] .dropdown form button:hover{background:var(--soft);color:var(--text)}
html[data-theme] .toast{padding:14px}
html[data-theme] .toast strong{font-size:12px}
html[data-theme] .toast span{font-size:10.5px}
html[data-theme] .loading-overlay{background:var(--modal-backdrop)}
html[data-theme] .modal-backdrop{background:var(--modal-backdrop)}
html[data-theme] .loader-card strong{font-size:14px}
html[data-theme] .loader-card span{font-size:10.5px}
html[data-theme] .modal{border-radius:20px;padding:28px}
html[data-theme] .modal h2{font-size:26px}
html[data-theme] .modal p{font-size:12.5px}
html[data-theme] .modal-x{background:var(--soft);color:var(--muted)}
html[data-theme] .sidebar-scrim{background:var(--scrim)}

/* Appearance settings */
html[data-theme] .appearance-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(440px,1.2fr);gap:30px;align-items:center;margin-bottom:18px;overflow:hidden;position:relative}
html[data-theme] .appearance-panel:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-120px;top:-160px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 9%,transparent),transparent 68%);pointer-events:none}
html[data-theme] .appearance-copy{position:relative;z-index:1}
html[data-theme] .appearance-copy h2{font-size:clamp(24px,2.1vw,34px);line-height:1.08;letter-spacing:-.04em;margin:9px 0 11px}
html[data-theme] .appearance-copy p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:620px}
html[data-theme] .theme-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}
html[data-theme] .theme-choice{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:4px 12px;align-items:center;text-align:left;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--soft);color:var(--text);cursor:pointer;transition:.2s var(--ease)}
html[data-theme] .theme-choice:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:var(--soft-2)}
html[data-theme] .theme-choice.active{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 9%,transparent)}
html[data-theme] .theme-choice>strong{font-size:12.5px}
html[data-theme] .theme-choice>small{grid-column:2/4;font-size:10.5px;line-height:1.45;color:var(--muted)}
html[data-theme] .theme-choice>em{font-size:9px;font-style:normal;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.07em}
html[data-theme] .theme-preview{grid-row:1/3;width:64px;height:48px;padding:7px;display:grid;grid-template-columns:15px 1fr;grid-template-rows:8px 1fr;gap:4px;border-radius:10px;border:1px solid rgba(0,0,0,.08);overflow:hidden}
html[data-theme] .theme-preview i{display:block;border-radius:3px}
html[data-theme] .theme-preview i:first-child{grid-row:1/3}
html[data-theme] .theme-preview i:nth-child(2){grid-column:2}
html[data-theme] .theme-preview i:nth-child(3){grid-column:2}
html[data-theme] .light-preview{background:#f3f6f4}.light-preview i:first-child{background:#e3eae6}.light-preview i:nth-child(2){background:#d1dad5}.light-preview i:nth-child(3){background:#fff;border:1px solid #dfe5e1}
html[data-theme] .dark-preview{background:#07111f;border-color:rgba(255,255,255,.1)}.dark-preview i:first-child{background:#122438}.dark-preview i:nth-child(2){background:#21364a}.dark-preview i:nth-child(3){background:#0e1b2d;border:1px solid rgba(255,255,255,.08)}
html[data-theme] .settings-grid{gap:18px}

/* Light-mode corrections for legacy dark surfaces */
html[data-theme="light"] .knowledge-structured-fields,
html[data-theme="light"] .knowledge-safe-note,
html[data-theme="light"] .owner-lock-note,
html[data-theme="light"] .switch-row.featured{background:color-mix(in srgb,var(--accent) 5%,#fff)}
html[data-theme="light"] .knowledge-item-icon>i,
html[data-theme="light"] .knowledge-health li>i{color:var(--accent)}
html[data-theme="light"] .message-bubble.mine{background:color-mix(in srgb,var(--accent) 7%,#fff)}
html[data-theme="light"] .message-bubble.internal{background:#fff9ed}
html[data-theme="light"] .health-grid article>b,
html[data-theme="light"] .knowledge-item-state small,
html[data-theme="light"] .knowledge-facts span{color:var(--muted)}
html[data-theme="light"] .plan-admin-summary{background:var(--soft)}
html[data-theme="light"] .plan-admin-summary span{color:var(--muted)}
html[data-theme="light"] .inline-alert,
html[data-theme="light"] .support-edit-note{color:var(--text)}

/* Tablet and mobile: intentional, not merely squeezed desktop */
@media(max-width:1180px){
  html[data-theme]{--sidebar:252px}
  html[data-theme] .content{padding:30px 26px 44px}
  html[data-theme] .onboarding-hero{grid-template-columns:1fr;gap:22px}
  html[data-theme] .onboarding-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-theme] .appearance-panel{grid-template-columns:1fr}
}
@media(max-width:960px){
  html[data-theme] .app-shell{display:block}
  html[data-theme] .sidebar{position:fixed;left:0;top:0;width:min(330px,90vw);transform:translateX(-105%);transition:.28s var(--ease);box-shadow:var(--shadow)}
  html[data-theme] .sidebar.open{transform:none}
  html[data-theme] .sidebar-close{display:grid}
  html[data-theme] .sidebar-scrim{position:fixed;inset:0;z-index:35;backdrop-filter:blur(3px)}
  html[data-theme] .sidebar-scrim.show{display:block}
  html[data-theme] .hamburger{display:grid}
  html[data-theme] .topbar{padding:0 20px}
  html[data-theme] .content{padding:26px 22px 42px}
  html[data-theme] .metric-grid{grid-template-columns:1fr 1fr}
  html[data-theme] .dashboard-grid,
  html[data-theme] .module-grid,
  html[data-theme] .support-layout{grid-template-columns:1fr}
  html[data-theme] .onboarding-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  html[data-theme] body.app-page{font-size:14px}
  html[data-theme] .topbar{height:70px;padding:0 14px;gap:8px}
  html[data-theme] .top-title span{display:none}
  html[data-theme] .top-title strong{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
  html[data-theme] .status-chip{display:none}
  html[data-theme] .theme-toggle{width:64px;height:36px}
  html[data-theme] .content{padding:20px 14px 34px}
  html[data-theme] .page-head{display:grid;margin-bottom:20px}
  html[data-theme] .page-head h1{font-size:30px}
  html[data-theme] .page-head p{font-size:12.5px}
  html[data-theme] .panel{padding:17px;border-radius:17px}
  html[data-theme] .metric-grid{gap:9px}
  html[data-theme] .metric-grid article{min-height:104px;padding:16px}
  html[data-theme] .metric-grid strong{font-size:29px}
  html[data-theme] .metric-grid span{font-size:9.5px}
  html[data-theme] .metric-grid small{font-size:10px}
  html[data-theme] .onboarding-hero{padding:18px}
  html[data-theme] .onboarding-copy h2{font-size:29px}
  html[data-theme] .onboarding-copy p{font-size:12.5px}
  html[data-theme] .onboarding-steps{grid-template-columns:1fr}
  html[data-theme] .onboarding-step{padding:13px}
  html[data-theme] .appearance-panel{padding:18px;gap:20px}
  html[data-theme] .theme-choice-grid{grid-template-columns:1fr}
  html[data-theme] .theme-choice{padding:13px}
  html[data-theme] .pref-head,
  html[data-theme] .pref-row{grid-template-columns:minmax(118px,1fr) 54px 54px;padding:10px 8px}
  html[data-theme] .knowledge-intro-copy p{font-size:12px}
  html[data-theme] .knowledge-item h3{font-size:13px}
  html[data-theme] .knowledge-item-body>p{font-size:11px}
}
@media(max-width:460px){
  html[data-theme] .metric-grid{grid-template-columns:1fr}
  html[data-theme] .metric-grid article{min-height:96px}
  html[data-theme] .theme-toggle{width:58px}
  html[data-theme] .avatar-btn{display:none}
  html[data-theme] .top-title strong{max-width:116px}
  html[data-theme] .pref-head,
  html[data-theme] .pref-row{grid-template-columns:minmax(108px,1fr) 44px 44px;gap:4px}
}
@media(min-width:1800px){
  html[data-theme]{--sidebar:318px}
  html[data-theme] body.app-page{font-size:16px}
  html[data-theme] .sidebar{padding:22px 17px}
  html[data-theme] .side-nav a{min-height:48px;font-size:13.5px}
  html[data-theme] .topbar{height:82px;padding:0 38px}
  html[data-theme] .content{max-width:1740px;padding:42px 48px 64px}
  html[data-theme] .page-head h1{font-size:42px}
  html[data-theme] .page-head p{font-size:14px}
  html[data-theme] .metric-grid article{padding:25px}
  html[data-theme] .metric-grid strong{font-size:38px}
  html[data-theme] .panel{padding:25px}
}
@media(min-width:2500px){
  html[data-theme]{--sidebar:360px}
  html[data-theme] body.app-page{font-size:18px}
  html[data-theme] .sidebar{padding:28px 22px}
  html[data-theme] .sidebar .brand{font-size:24px}
  html[data-theme] .sidebar .brand-mark{width:46px;height:46px}
  html[data-theme] .tenant-chip strong,
  html[data-theme] .user-mini strong{font-size:15px}
  html[data-theme] .tenant-chip span,
  html[data-theme] .user-mini span{font-size:12px}
  html[data-theme] .side-nav a{min-height:54px;font-size:15px;border-radius:14px}
  html[data-theme] .nav-icon svg{width:22px;height:22px}
  html[data-theme] .topbar{height:94px;padding:0 50px}
  html[data-theme] .top-title span{font-size:12px}
  html[data-theme] .top-title strong{font-size:17px}
  html[data-theme] .content{max-width:2120px;padding:58px 66px 84px}
  html[data-theme] .page-head h1{font-size:50px}
  html[data-theme] .page-head p{font-size:17px;max-width:980px}
  html[data-theme] .metric-grid{gap:22px;margin-bottom:24px}
  html[data-theme] .metric-grid article{min-height:152px;padding:32px}
  html[data-theme] .metric-grid span{font-size:13px}
  html[data-theme] .metric-grid strong{font-size:48px}
  html[data-theme] .metric-grid small{font-size:13px}
  html[data-theme] .panel{padding:32px;border-radius:24px}
  html[data-theme] .panel-head strong{font-size:17px}
  html[data-theme] .panel-head span{font-size:13px}
  html[data-theme] .onboarding-copy h2{font-size:52px}
  html[data-theme] .onboarding-copy p{font-size:17px}
  html[data-theme] .onboarding-step b{font-size:15px}
  html[data-theme] .onboarding-step small{font-size:12px}
  html[data-theme] .empty-state strong{font-size:17px}
  html[data-theme] .empty-state p{font-size:14px}
}
/* Readability sweep: legacy microcopy is intentionally lifted above 10px. */
html[data-theme] .checklist li>i{font-size:10.5px}
html[data-theme] .checklist b{font-size:12px}
html[data-theme] .checklist span{font-size:10.5px;line-height:1.45}
html[data-theme] .preview-panel>p,
html[data-theme] .connection-card>p,
html[data-theme] .support-info>p{font-size:11.5px;line-height:1.65}
html[data-theme] .knowledge-add strong{font-size:12.5px}
html[data-theme] .knowledge-add span{font-size:10.5px;line-height:1.55}
html[data-theme] .health-grid strong{font-size:12px}
html[data-theme] .health-grid span{font-size:10.5px}
html[data-theme] .health-grid article>b{font-size:10.5px;color:var(--muted)}
html[data-theme] .auth-grid label small,
html[data-theme] .form-grid label small{font-size:10.5px;line-height:1.5;color:var(--muted)}
html[data-theme] .provider-badges span{font-size:10.5px}
html[data-theme] .profile-ring span{font-size:10px}
html[data-theme] .profile-savebar span{font-size:10.5px}
html[data-theme] .support-edit-note span{font-size:10.5px;line-height:1.5}
html[data-theme] .tenant-switcher label>span{font-size:10.5px}
html[data-theme] .member-main strong small{font-size:10px}
html[data-theme] .member-role select{font-size:11px}
html[data-theme] .invite-list small,
html[data-theme] .invite-summary span,
html[data-theme] .invite-summary small{font-size:10.5px}
html[data-theme] .inline-check{font-size:10.5px}
html[data-theme] .system-checks span{font-size:11px}
html[data-theme] .roadmap-item small{font-size:10.5px;line-height:1.5}
html[data-theme] .codec-chip{font-size:10.5px}
html[data-theme] .storage-number span,
html[data-theme] .storage-card>small,
html[data-theme] .storage-card>p{font-size:10.5px;line-height:1.6}
html[data-theme] .storage-facts b{font-size:11.5px}
html[data-theme] .storage-facts small{font-size:10px}
html[data-theme] .knowledge-form-grid label>span,
html[data-theme] .knowledge-source>span,
html[data-theme] .knowledge-editor-main>label>span{font-size:10.5px}
html[data-theme] .knowledge-version-list>strong{font-size:10.5px}
html[data-theme] .knowledge-version-list b{font-size:10px}
html[data-theme] .knowledge-version-list span,
html[data-theme] .knowledge-version-list time{font-size:9.5px}
html[data-theme] .knowledge-toolbar select{font-size:11px}
html[data-theme] .knowledge-pagination span{font-size:10.5px}
html[data-theme] .knowledge-health-score span{font-size:10px}
html[data-theme] .knowledge-categories .panel-head>a{font-size:11px}
html[data-theme] .category-form label,
html[data-theme] .category-form input,
html[data-theme] .category-form select{font-size:11px}
html[data-theme] .knowledge-version-list button{font-size:10px}
html[data-theme] .owner-lock-note strong{font-size:12px}
html[data-theme] .owner-lock-note span{font-size:10.5px;line-height:1.55}
html[data-theme] .plan-admin-summary span{font-size:10px}
html[data-theme] .plan-admin-summary small{font-size:10.5px}
html[data-theme] .plan-admin-help p{font-size:11.5px;line-height:1.65}

/* =========================================================
   HívásTárs phone onboarding v0.8
   ========================================================= */
html[data-theme] .phone-page-head{align-items:flex-start}
html[data-theme] .phone-live-panel{margin-bottom:18px}
html[data-theme] .phone-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html[data-theme] .phone-live-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
html[data-theme] .phone-live-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 11%,var(--panel));color:var(--accent);font-size:16px}
html[data-theme] .phone-live-grid article>div{display:grid;gap:3px;min-width:0}
html[data-theme] .phone-live-grid article strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme] .phone-live-grid article small{font-size:10.5px;color:var(--muted)}

html[data-theme] .phone-onboarding{display:grid;gap:18px;margin-bottom:20px}
html[data-theme] .phone-onboarding-top{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:end;padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--panel)),var(--panel));box-shadow:var(--panel-shadow)}
html[data-theme] .phone-onboarding-top h2{font-size:clamp(28px,2.5vw,40px);line-height:1.06;letter-spacing:-.045em;margin:9px 0 11px;color:var(--heading)}
html[data-theme] .phone-onboarding-top p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:820px}
html[data-theme] .phone-progress-card{padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--soft);display:grid;gap:3px}
html[data-theme] .phone-progress-card>strong{font-size:28px;letter-spacing:-.04em;color:var(--heading)}
html[data-theme] .phone-progress-card>span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}
html[data-theme] .phone-progress-card .onboarding-progress{margin:9px 0 5px}
html[data-theme] .phone-progress-card>small{font-size:10.5px;line-height:1.5;color:var(--muted)}

html[data-theme] .phone-setup-tabs{display:flex;gap:10px;overflow:auto;padding:2px 1px 4px;scrollbar-width:thin}
html[data-theme] .phone-setup-tab-form{margin:0;display:flex;min-width:240px}
html[data-theme] .phone-setup-tab-form .phone-setup-tab{width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer}
html[data-theme] .phone-environment-select-form{margin:0}
html[data-theme] .phone-setup-tab{min-width:240px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);text-decoration:none;transition:.18s var(--ease)}
html[data-theme] .phone-setup-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--soft)}
html[data-theme] .phone-setup-tab.active{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}
html[data-theme] .phone-setup-tab>span:not(.phone-add-plus){display:grid;gap:3px;min-width:0}
html[data-theme] .phone-setup-tab b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme] .phone-setup-tab small{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme] .phone-setup-tab.add{justify-content:flex-start;border-style:dashed;background:transparent}
html[data-theme] .phone-add-plus{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:20px}

html[data-theme] .phone-prereq{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
html[data-theme] .phone-prereq-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--panel2));color:var(--accent);font-size:12px;font-weight:900}
html[data-theme] .phone-prereq strong{font-size:15px}
html[data-theme] .phone-prereq p{margin:5px 0 0;color:var(--muted);font-size:11.5px;line-height:1.6}

html[data-theme] .phone-setup-form{display:grid;gap:16px}
html[data-theme] .phone-step{padding:22px}
html[data-theme] .phone-step-head{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin-bottom:18px}
html[data-theme] .phone-step-head>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--panel2));color:var(--accent);font-style:normal;font-size:13px;font-weight:900}
html[data-theme] .phone-step-head>div{display:grid;gap:4px}
html[data-theme] .phone-step-head>div>strong{font-size:16px;color:var(--heading);letter-spacing:-.015em}
html[data-theme] .phone-step-head>div>span{font-size:11px;line-height:1.55;color:var(--muted)}
html[data-theme] .phone-step-head>em{font-style:normal;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:850;color:var(--muted);padding:6px 9px;border-radius:999px;background:var(--soft)}
html[data-theme] .phone-step-head>em.done{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}

html[data-theme] .phone-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html[data-theme] .phone-choice{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;min-height:142px;padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--soft);cursor:pointer;transition:.18s var(--ease);color:var(--text)}
html[data-theme] .phone-choice:hover{transform:translateY(-2px);background:var(--soft-2);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}
html[data-theme] .phone-choice.selected{border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 7%,transparent)}
html[data-theme] .phone-choice input{position:absolute;opacity:0;pointer-events:none}
html[data-theme] .phone-choice-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);color:var(--accent);font-size:16px}
html[data-theme] .phone-choice>span:nth-of-type(2){display:grid;gap:6px}
html[data-theme] .phone-choice b{font-size:13px}
html[data-theme] .phone-choice small{font-size:10.5px;line-height:1.55;color:var(--muted);font-weight:500}
html[data-theme] .phone-choice>em{position:absolute;right:12px;top:12px;font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);padding:5px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,transparent)}

html[data-theme] .phone-context{display:none;margin-top:14px;padding:16px;border-radius:15px;background:var(--field-bg);border:1px solid var(--line)}
html[data-theme] .phone-context.show{display:block}
html[data-theme] [data-area-field]{display:none}
html[data-theme] [data-area-field].show{display:grid}
html[data-theme] .optional{font-size:10px;color:var(--muted);font-weight:600;margin-left:4px}
html[data-theme] .phone-help-note{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin-top:12px;padding:12px 13px;border-radius:13px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))}
html[data-theme] .phone-help-note>i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-style:normal;font-size:10px;font-weight:900}
html[data-theme] .phone-help-note>div{display:grid;gap:3px}
html[data-theme] .phone-help-note b{font-size:11px}
html[data-theme] .phone-help-note span{font-size:10.5px;line-height:1.55;color:var(--muted)}

html[data-theme] .phone-assistant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-theme] .phone-assistant-choice{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--soft);cursor:pointer;color:var(--text)}
html[data-theme] .phone-assistant-choice input{position:absolute;opacity:0}
html[data-theme] .phone-assistant-choice.selected{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
html[data-theme] .assistant-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-size:12px;font-weight:900;color:var(--accent)}
html[data-theme] .phone-assistant-choice>span:nth-of-type(2){display:grid;gap:3px;min-width:0}
html[data-theme] .phone-assistant-choice b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme] .phone-assistant-choice small{font-size:10.5px;color:var(--muted)}
html[data-theme] .phone-assistant-choice>em{opacity:0;color:var(--accent);font-style:normal;font-weight:900}
html[data-theme] .phone-assistant-choice.selected>em{opacity:1}
html[data-theme] .phone-label-field{margin-top:14px}

html[data-theme] .phone-routing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-theme] .phone-route-choice{position:relative;display:block;padding:15px 15px 15px 43px;border:1px solid var(--line);border-radius:15px;background:var(--soft);cursor:pointer;color:var(--text);min-height:94px}
html[data-theme] .phone-route-choice input{position:absolute;left:15px;top:17px;width:16px;height:16px;accent-color:var(--accent)}
html[data-theme] .phone-route-choice>span{display:grid;gap:5px}
html[data-theme] .phone-route-choice b{font-size:12px}
html[data-theme] .phone-route-choice small{font-size:10.5px;line-height:1.5;color:var(--muted);font-weight:500}
html[data-theme] .phone-route-choice.selected{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--panel))}

html[data-theme] .phone-hours-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
html[data-theme] .phone-hours-head>div{display:grid;gap:3px}
html[data-theme] .phone-hours-head b{font-size:12px}
html[data-theme] .phone-hours-head span{font-size:10.5px;color:var(--muted)}
html[data-theme] .phone-hours-list{display:grid;gap:7px}
html[data-theme] .phone-hours-row{display:grid;grid-template-columns:minmax(92px,1fr) 86px 120px 18px 120px;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
html[data-theme] .phone-hours-row>strong{font-size:11px}
html[data-theme] .phone-hours-row>span{font-size:10px;color:var(--muted);text-align:center}
html[data-theme] .phone-hours-row input[type="time"]{padding:9px 10px;border-radius:10px;font-size:11px}
html[data-theme] .phone-closed-check{display:flex;grid-template-columns:none;align-items:center;gap:6px;font-size:10.5px;color:var(--muted);cursor:pointer}
html[data-theme] .phone-closed-check input{width:16px;height:16px;accent-color:var(--accent)}
html[data-theme] .phone-hours-row.closed input[type="time"]{opacity:.42}

html[data-theme] .phone-review{overflow:hidden}
html[data-theme] .phone-review-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}
html[data-theme] .phone-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}
html[data-theme] .phone-summary>div{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}
html[data-theme] .phone-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}
html[data-theme] .phone-summary strong{font-size:11.5px}
html[data-theme] .phone-checklist{display:grid;gap:8px}
html[data-theme] .phone-checklist>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
html[data-theme] .phone-checklist>div>i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--soft-2);color:var(--muted);font-style:normal;font-size:10px;font-weight:900}
html[data-theme] .phone-checklist>div.done>i{background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent)}
html[data-theme] .phone-checklist>div>span{display:grid;gap:2px}
html[data-theme] .phone-checklist b{font-size:10.5px}
html[data-theme] .phone-checklist small{font-size:10.5px;color:var(--muted)}
html[data-theme] .phone-savebar{margin-top:16px}
html[data-theme] .phone-cancel-form{display:flex;justify-content:flex-end;margin-top:-7px}

html[data-theme] .phone-next{display:grid;grid-template-columns:160px minmax(0,.8fr) minmax(420px,1.2fr);gap:22px;align-items:center;margin-bottom:18px}
html[data-theme] .phone-next h2{font-size:22px;letter-spacing:-.035em;margin:0 0 7px}
html[data-theme] .phone-next p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}
html[data-theme] .phone-next-status{display:grid;grid-template-columns:auto 1fr auto auto 1fr auto auto 1fr;gap:9px;align-items:center;padding:13px;border-radius:15px;background:var(--soft)}
html[data-theme] .phone-next-status>i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-style:normal;font-size:10px;font-weight:900}
html[data-theme] .phone-next-status>span{display:grid;gap:2px}
html[data-theme] .phone-next-status b{font-size:10px}
html[data-theme] .phone-next-status small{font-size:10px;color:var(--muted)}
html[data-theme] .phone-next-status>strong{font-size:11px;color:var(--muted)}

html[data-theme] .recording-grid{margin-top:0}
html[data-theme] .storage-facts>div{border-color:var(--line);background:var(--soft)}
html[data-theme] .storage-facts>div>i{color:var(--accent)}

@media(max-width:1180px){
  html[data-theme] .phone-choice-grid,
  html[data-theme] .phone-routing-grid{grid-template-columns:1fr 1fr}
  html[data-theme] .phone-choice.featured{grid-column:1/-1;min-height:auto}
  html[data-theme] .phone-assistant-grid{grid-template-columns:1fr 1fr}
  html[data-theme] .phone-next{grid-template-columns:1fr}
}
@media(max-width:960px){
  html[data-theme] .phone-onboarding-top{grid-template-columns:1fr}
  html[data-theme] .phone-progress-card{max-width:none}
  html[data-theme] .phone-live-grid{grid-template-columns:1fr 1fr}
  html[data-theme] .phone-review-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  html[data-theme] .phone-onboarding-top{padding:18px;border-radius:18px}
  html[data-theme] .phone-onboarding-top h2{font-size:30px}
  html[data-theme] .phone-onboarding-top p{font-size:12.5px}
  html[data-theme] .phone-live-grid,
  html[data-theme] .phone-choice-grid,
  html[data-theme] .phone-routing-grid,
  html[data-theme] .phone-assistant-grid,
  html[data-theme] .phone-summary{grid-template-columns:1fr}
  html[data-theme] .phone-choice.featured{grid-column:auto}
  html[data-theme] .phone-step{padding:17px}
  html[data-theme] .phone-step-head{grid-template-columns:auto 1fr;align-items:start}
  html[data-theme] .phone-step-head>em{grid-column:2;width:max-content}
  html[data-theme] .phone-prereq{grid-template-columns:auto 1fr}
  html[data-theme] .phone-prereq .btn{grid-column:1/-1;width:100%}
  html[data-theme] .phone-hours-head{align-items:flex-start;flex-direction:column}
  html[data-theme] .phone-hours-row{grid-template-columns:1fr auto;gap:8px}
  html[data-theme] .phone-hours-row input[type="time"]{grid-column:auto}
  html[data-theme] .phone-hours-row>span{display:none}
  html[data-theme] .phone-hours-row input[type="time"]:first-of-type{grid-column:1}
  html[data-theme] .phone-hours-row input[type="time"]:last-of-type{grid-column:2}
  html[data-theme] .phone-next-status{grid-template-columns:auto 1fr;gap:8px}
  html[data-theme] .phone-next-status>strong{display:none}
  html[data-theme] .phone-setup-tab-form{min-width:210px}
  html[data-theme] .phone-setup-tab{min-width:210px}
}
@media(max-width:460px){
  html[data-theme] .phone-step-head>i{width:34px;height:34px}
  html[data-theme] .phone-step-head>div>strong{font-size:14px}
  html[data-theme] .phone-choice{min-height:auto;padding:14px}
  html[data-theme] .phone-choice-icon{width:35px;height:35px}
  html[data-theme] .phone-hours-row{padding:9px}
  html[data-theme] .phone-hours-row input[type="time"]{font-size:10.5px}
}
@media(min-width:1800px){
  html[data-theme] .phone-onboarding-top{grid-template-columns:minmax(0,1fr) 300px;padding:30px}
  html[data-theme] .phone-onboarding-top p{font-size:14px}
  html[data-theme] .phone-step{padding:27px}
  html[data-theme] .phone-step-head>div>strong{font-size:18px}
  html[data-theme] .phone-step-head>div>span{font-size:12.5px}
  html[data-theme] .phone-choice b{font-size:14px}
  html[data-theme] .phone-choice small{font-size:12px}
  html[data-theme] .phone-assistant-choice b{font-size:13.5px}
  html[data-theme] .phone-route-choice b{font-size:13.5px}
  html[data-theme] .phone-route-choice small{font-size:11.5px}
}
@media(min-width:2500px){
  html[data-theme] .phone-onboarding-top{padding:38px;grid-template-columns:minmax(0,1fr) 360px}
  html[data-theme] .phone-onboarding-top h2{font-size:48px}
  html[data-theme] .phone-onboarding-top p{font-size:17px}
  html[data-theme] .phone-step{padding:34px}
  html[data-theme] .phone-choice{min-height:170px;padding:22px}
  html[data-theme] .phone-choice b{font-size:16px}
  html[data-theme] .phone-choice small{font-size:14px}
  html[data-theme] .phone-step-head>div>strong{font-size:21px}
  html[data-theme] .phone-step-head>div>span{font-size:14px}
  html[data-theme] .phone-assistant-choice b{font-size:15px}
  html[data-theme] .phone-assistant-choice small{font-size:12px}
  html[data-theme] .phone-route-choice b{font-size:15px}
  html[data-theme] .phone-route-choice small{font-size:13px}
  html[data-theme] .phone-hours-row>strong{font-size:14px}
}

/* V0.8 recording permission wrapper */
.recording-fieldset{border:0;padding:0;margin:0;min-width:0}

/* V0.8.1 – interactive knowledge type chooser */
.knowledge-editor[hidden]{display:none!important}
.knowledge-type-card.selected,.knowledge-type-card[aria-current="true"]{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--soft));box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-1px)}
.knowledge-type-card.selected>i,.knowledge-type-card[aria-current="true"]>i{background:color-mix(in srgb,var(--accent) 16%,var(--panel2));color:var(--accent)}
.knowledge-type-card.selected>strong,.knowledge-type-card[aria-current="true"]>strong{color:var(--accent)}

/* HívásTárs V0.9 – szolgáltatói aktiválás */
html[data-theme] .activation-action{margin-top:10px}
html[data-theme] .activation-note{display:block;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--muted);line-height:1.55}
html[data-theme] .activation-admin-list{display:grid;gap:12px}
html[data-theme] .activation-admin-card{display:grid;gap:13px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}
html[data-theme] .activation-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
html[data-theme] .activation-admin-head>div{display:grid;gap:3px}
html[data-theme] .activation-admin-head strong{font-size:13px}
html[data-theme] .activation-admin-head small{font-size:10.5px;color:var(--muted)}
@media(max-width:700px){html[data-theme] .activation-admin-head{flex-direction:column}}

/* V0.10.2j – platform customer list identification */
.tenant-list-row{grid-template-columns:minmax(225px,1.35fr) minmax(190px,1.1fr) .58fr .72fr .78fr .42fr auto}
.tenant-identity{align-items:flex-start}.tenant-identity>span,.customer-contact,.customer-onboarding,.customer-plan{display:grid;gap:3px;min-width:0}.tenant-identity b,.customer-contact b,.customer-onboarding b,.customer-plan b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-identity small,.customer-contact small,.customer-onboarding small,.customer-plan small{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-contact small:first-of-type{font-size:9px;color:#9eb1aa}.customer-table .tr:not(.th){min-height:64px}.customer-table .tr>span{min-width:0}
@media(max-width:1180px){.tenant-list-row{grid-template-columns:minmax(210px,1.3fr) minmax(180px,1fr) .65fr .72fr .48fr auto}.tenant-list-row>span:nth-child(5){display:none}}
@media(max-width:900px){.tenant-list-row{grid-template-columns:minmax(210px,1.3fr) minmax(180px,1fr) .7fr auto}.tenant-list-row>span:nth-child(4),.tenant-list-row>span:nth-child(5),.tenant-list-row>span:nth-child(6){display:none}}
@media(max-width:700px){.tenant-list-row{grid-template-columns:minmax(0,1fr) auto}.tenant-list-row>span:nth-child(2),.tenant-list-row>span:nth-child(3),.tenant-list-row>span:nth-child(4),.tenant-list-row>span:nth-child(5),.tenant-list-row>span:nth-child(6){display:none}.tenant-identity small{white-space:normal}.customer-table .tr:not(.th){min-height:72px}}
.badge.info{background:rgba(76,170,215,.10);color:#69c7ee}.badge.danger{background:rgba(255,107,120,.10);color:var(--danger)}.badge.muted{background:rgba(145,164,187,.10);color:var(--muted)}

/* V0.10.2k – scalable, high-contrast platform customer list */
.customer-list-shell{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--panel-shadow,var(--shadow))}
.customer-list-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 150px auto auto;gap:10px;align-items:end}
.customer-search{min-width:0}.customer-search input{min-width:0}.customer-page-size{gap:5px}.customer-page-size>span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.customer-page-size select{min-height:42px;padding:10px 12px}.customer-search-button,.customer-clear-button{min-height:42px;white-space:nowrap}
.customer-list-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 2px;color:var(--muted);font-size:10px}.customer-list-summary strong{color:var(--text);font-size:11px}.customer-list-summary small{color:var(--muted);font-size:9px}
.customer-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:13px}
.customer-card{min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:15px;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--panel2),var(--panel));box-shadow:0 7px 22px rgba(0,0,0,.04);transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}
.customer-card:hover{border-color:rgba(57,217,176,.28);transform:translateY(-1px);box-shadow:0 11px 28px rgba(0,0,0,.07)}
.customer-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.customer-card-identity{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;min-width:0}.customer-card-identity>i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(57,217,176,.1);border:1px solid rgba(57,217,176,.16);color:var(--accent);font-style:normal;font-size:12px;font-weight:900}.customer-card-identity>div{display:grid;gap:3px;min-width:0}.customer-card-identity strong{font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-identity span{font-size:9px;color:var(--muted);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-identity small{font-size:8.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-card .badge{flex:0 0 auto;border:1px solid currentColor;font-size:9px;padding:5px 8px}
.customer-card-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-detail{min-width:0;display:grid;align-content:start;gap:4px;padding:11px 12px;border-radius:12px;background:var(--soft,rgba(255,255,255,.025));border:1px solid var(--line)}.customer-detail>span{font-size:8.5px;line-height:1.2;font-weight:850;letter-spacing:.075em;text-transform:uppercase;color:var(--accent)}.customer-detail>strong{font-size:11px;line-height:1.35;color:var(--text);overflow-wrap:anywhere}.customer-detail>small{font-size:9px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}.customer-detail-contact>small:first-of-type{font-weight:650}
.customer-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line)}.customer-account-ref{font-size:9px;color:var(--muted)}.customer-account-ref b{color:var(--text)}.customer-card-footer .btn{flex:0 0 auto}
.customer-empty{border:1px dashed var(--line);border-radius:16px;background:var(--soft,rgba(255,255,255,.02))}
.customer-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-top:4px}.customer-page-nav,.customer-page-numbers a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);text-decoration:none;font-size:10px;font-weight:750;transition:.18s var(--ease)}.customer-page-nav{padding:0 12px}.customer-page-nav:hover,.customer-page-numbers a:hover{border-color:rgba(57,217,176,.35);background:var(--soft-2,rgba(57,217,176,.06))}.customer-page-nav.disabled{pointer-events:none;opacity:.4}.customer-page-numbers{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.customer-page-numbers a{width:36px}.customer-page-numbers a.active{background:var(--accent);border-color:var(--accent);color:#041611}.customer-page-numbers span{color:var(--muted);font-size:10px;padding:0 2px}
html[data-theme="light"] .customer-list-shell{box-shadow:0 9px 28px rgba(36,62,51,.055)}
html[data-theme="light"] .customer-card{background:#fff;border-color:rgba(26,61,47,.13);box-shadow:0 5px 18px rgba(36,62,51,.045)}
html[data-theme="light"] .customer-card:hover{border-color:rgba(23,130,103,.34);box-shadow:0 10px 25px rgba(36,62,51,.08)}
html[data-theme="light"] .customer-card-identity span,html[data-theme="light"] .customer-card-identity small,html[data-theme="light"] .customer-detail>small,html[data-theme="light"] .customer-account-ref,html[data-theme="light"] .customer-list-summary{color:#53675e}
html[data-theme="light"] .customer-detail{background:#f6f9f7;border-color:rgba(26,61,47,.11)}
html[data-theme="light"] .customer-card .badge.info{background:#e7f4f9;color:#176985;border-color:#a9d3e1}
html[data-theme="light"] .customer-card .badge.success{background:#e7f6ef;color:#126c53;border-color:#a9dac8}
html[data-theme="light"] .customer-card .badge.warning{background:#fff4dc;color:#8a570a;border-color:#e9cf95}
html[data-theme="light"] .customer-card .badge.danger{background:#fbe9ec;color:#a73949;border-color:#e8b5bd}
html[data-theme="light"] .customer-card .badge.muted{background:#eef2ef;color:#596b62;border-color:#cad5cf}
html[data-theme="light"] .customer-page-numbers a.active{color:#fff}
@media(max-width:1050px){.customer-list-toolbar{grid-template-columns:minmax(0,1fr) 140px auto}.customer-clear-button{grid-column:1/-1;justify-self:start}.customer-card-grid{grid-template-columns:1fr}}
@media(max-width:700px){.customer-list-shell{padding:13px}.customer-list-toolbar{grid-template-columns:1fr}.customer-search-button,.customer-clear-button{width:100%;grid-column:auto}.customer-page-size{grid-template-columns:1fr auto;align-items:center}.customer-page-size select{width:110px;justify-self:end}.customer-card-grid{grid-template-columns:1fr}.customer-card{padding:14px}.customer-card-details{grid-template-columns:1fr}.customer-card-footer{align-items:stretch;display:grid}.customer-card-footer .btn{width:100%}.customer-pagination{grid-template-columns:1fr 1fr}.customer-page-numbers{grid-column:1/-1;grid-row:1;flex-wrap:wrap}.customer-page-nav{grid-row:2}.customer-page-nav:last-child{justify-self:stretch}.customer-list-summary{align-items:flex-start;display:grid}.customer-card-identity strong{white-space:normal}}
@media(min-width:2500px){.customer-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-card{padding:20px}.customer-card-identity strong{font-size:14px}.customer-detail>strong{font-size:13px}.customer-detail>small{font-size:10px}}

/* V0.10.2l – auditált segítség mód ügyfél-diagnosztika */
.support-diagnostic{margin-bottom:18px;border-color:color-mix(in srgb,var(--warning) 22%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--warning) 4%,var(--panel2)),var(--panel))}
.support-diagnostic-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.support-diagnostic-head>div:first-child{display:grid;gap:4px}.support-diagnostic-head h2{font-size:22px;line-height:1.15;margin:2px 0 0}.support-diagnostic-head p{margin:0;color:var(--muted);font-size:10px}
.support-contact{min-width:260px;display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--soft,rgba(255,255,255,.025))}.support-contact>span{font-size:8.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--warning)}.support-contact>strong{font-size:11.5px;color:var(--text)}.support-contact>small{font-size:9.5px;color:var(--muted);overflow-wrap:anywhere}
.support-diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:16px}.support-diagnostic-card{min-width:0;display:grid;align-content:start;gap:6px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--soft,rgba(255,255,255,.025));text-decoration:none;color:var(--text);transition:.18s var(--ease)}.support-diagnostic-card:not(.static):hover{transform:translateY(-1px);border-color:rgba(57,217,176,.32);background:color-mix(in srgb,var(--accent) 4%,var(--panel2))}.support-diagnostic-card>span{font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.075em;color:var(--accent)}.support-diagnostic-card>strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}.support-diagnostic-card>small{font-size:9.5px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere;min-height:28px}.support-diagnostic-card>em{font-size:9.5px;font-style:normal;font-weight:800;color:var(--accent);margin-top:2px}.support-diagnostic-card.static{cursor:default}.support-mini-progress{height:5px;background:color-mix(in srgb,var(--text) 7%,transparent);border-radius:999px;overflow:hidden;margin-top:5px}.support-mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#4bbfe7)}
.support-diagnostic-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.support-diagnostic-actions form{margin-left:auto}.support-diagnostic-actions .btn{padding:10px 13px;font-size:10px}.support-diagnostic-actions .btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,var(--line));background:color-mix(in srgb,var(--danger) 5%,transparent)}
html[data-theme="light"] .support-diagnostic{background:#fffdf8;border-color:#ead9af}.support-diagnostic-card{box-shadow:none}html[data-theme="light"] .support-diagnostic-card{background:#f7faf8;border-color:#dce6e1}html[data-theme="light"] .support-diagnostic-card:not(.static):hover{background:#eef8f4;border-color:#8fc9b7}html[data-theme="light"] .support-contact{background:#f8faf9;border-color:#dce6e1}html[data-theme="light"] .support-contact>small,html[data-theme="light"] .support-diagnostic-card>small,html[data-theme="light"] .support-diagnostic-head p{color:#53675e}
@media(max-width:1100px){.support-diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.support-diagnostic-head{display:grid}.support-contact{min-width:0;width:100%}.support-diagnostic-grid{grid-template-columns:1fr}.support-diagnostic-actions{display:grid;grid-template-columns:1fr 1fr}.support-diagnostic-actions form{margin-left:0;grid-column:1/-1}.support-diagnostic-actions .btn{width:100%}}

/* V0.10.2o – DIDWW konkrét számkészlet előnézet */
.telecom-coverage-table .tr{grid-template-columns:minmax(170px,1.2fr) .55fr .82fr .9fr .95fr .72fr auto;min-width:1210px}
.telecom-coverage-table .tr>span{min-width:0}.telecom-coverage-table .tr>span small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.35}.telecom-action-cell{display:flex;justify-content:flex-end;align-items:center}.telecom-action-cell form{margin:0}.btn.compact{min-height:32px;padding:7px 10px;font-size:9px}.telecom-unavailable{color:var(--muted);white-space:nowrap}
.telecom-preview-badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.telecom-number-preview{scroll-margin-top:90px}.telecom-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.telecom-number-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--soft,rgba(255,255,255,.025))}.telecom-number-card>i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(57,217,176,.08);color:var(--accent);font-style:normal}.telecom-number-card>div{display:grid;gap:2px;min-width:0}.telecom-number-card strong{font-size:12px;color:var(--text);overflow-wrap:anywhere}.telecom-number-card span{font-size:8.5px;color:var(--muted)}.telecom-number-card em{font-style:normal;font-size:7.5px;font-weight:850;letter-spacing:.06em;color:var(--accent);white-space:nowrap}
.telecom-sku-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin:18px 0 9px;padding-top:16px;border-top:1px solid var(--line)}.telecom-sku-head strong{font-size:11px}.telecom-sku-head span{font-size:9px;color:var(--muted);text-align:right}.telecom-sku-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.telecom-sku-grid article{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--soft,rgba(255,255,255,.025))}.telecom-sku-grid span{font-size:8px;color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.06em}.telecom-sku-grid strong{font-size:13px}.telecom-sku-grid small{font-size:9px;color:var(--muted)}.telecom-sku-grid code{margin-top:3px;font-size:7.5px;color:var(--muted);overflow-wrap:anywhere;white-space:normal}.telecom-readonly-note{margin-top:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 4%,transparent);display:grid;gap:4px}.telecom-readonly-note strong{font-size:10px;color:var(--text)}.telecom-readonly-note span{font-size:9px;line-height:1.5;color:var(--muted)}
html[data-theme="light"] .telecom-number-card,html[data-theme="light"] .telecom-sku-grid article{background:#f7faf8;border-color:#dbe6e0}html[data-theme="light"] .telecom-number-card span,html[data-theme="light"] .telecom-sku-grid small,html[data-theme="light"] .telecom-sku-grid code,html[data-theme="light"] .telecom-readonly-note span,html[data-theme="light"] .telecom-sku-head span{color:#53675e}html[data-theme="light"] .telecom-readonly-note{background:#f1faf6;border-color:#bfe1d4}
@media(max-width:1250px){.telecom-number-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.telecom-sku-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.telecom-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.telecom-sku-grid{grid-template-columns:1fr}.telecom-sku-head{display:grid;align-items:start}.telecom-sku-head span{text-align:left}}
@media(max-width:560px){.telecom-number-grid{grid-template-columns:1fr}.telecom-number-card{grid-template-columns:auto minmax(0,1fr)}.telecom-number-card em{grid-column:2}.telecom-preview-badges{justify-content:flex-start}}

/* V0.10.2p - DIDWW regulation/KYC read-only preview */
.telecom-kyc-cell{min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.telecom-kyc-cell form,.telecom-preview-badges form{margin:0}.telecom-preview-badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.telecom-requirement-preview{scroll-margin-top:90px}.telecom-requirement-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.telecom-requirement-summary article{padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);display:grid;gap:5px}.telecom-requirement-summary span{font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.055em}.telecom-requirement-summary strong{font-size:10.5px;line-height:1.4}
.telecom-restriction{padding:13px 15px;margin:0 0 14px;border:1px solid rgba(255,202,102,.22);border-radius:13px;background:rgba(255,202,102,.055)}.telecom-restriction strong{font-size:10px;color:var(--warning)}.telecom-restriction p{margin:6px 0 0;font-size:9.5px;line-height:1.55;color:var(--text)}
.telecom-requirement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.telecom-requirement-card{min-width:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.telecom-requirement-card-head{display:grid;gap:3px;padding-bottom:11px;margin-bottom:11px;border-bottom:1px solid var(--line)}.telecom-requirement-card-head span{font-size:11px;font-weight:800}.telecom-requirement-card-head em{font-size:8.5px;color:var(--muted);font-style:normal;line-height:1.4}.telecom-requirement-card h4{font-size:9px;margin:13px 0 7px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted)}.telecom-requirement-list{margin:0;padding:0;list-style:none;display:grid;gap:5px}.telecom-requirement-list li{font-size:9.5px;line-height:1.4;padding-left:13px;position:relative}.telecom-requirement-list li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:800}.telecom-proof-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.telecom-proof-chips span{padding:5px 7px;border-radius:8px;background:rgba(57,217,176,.065);border:1px solid rgba(57,217,176,.13);font-size:8.5px;line-height:1.3}.telecom-none{font-size:9px;color:var(--muted)}.telecom-template{display:grid;gap:3px;margin-top:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px}.telecom-template b{font-size:8.5px;color:var(--muted)}.telecom-template span,.telecom-template a{font-size:9px;color:var(--text);overflow-wrap:anywhere}.telecom-template a{color:var(--accent);text-decoration:none}.telecom-technical-details{margin-top:12px;font-size:9px;color:var(--muted)}.telecom-technical-details summary{cursor:pointer}.telecom-technical-details code{display:block;margin-top:7px;overflow-wrap:anywhere}
html[data-theme="light"] .telecom-requirement-summary article,html[data-theme="light"] .telecom-requirement-card{background:#f9fbfa}html[data-theme="light"] .telecom-restriction{background:#fff9ed}html[data-theme="light"] .telecom-proof-chips span{background:#eaf8f3}
@media(max-width:1050px){.telecom-requirement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.telecom-requirement-grid{grid-template-columns:1fr}}
@media(max-width:620px){.telecom-requirement-summary{grid-template-columns:1fr}.telecom-preview-badges{justify-content:flex-start}.telecom-kyc-cell{align-items:flex-start;flex-direction:column}}

/* =========================================================
   V0.10.2q – Dashboard olvashatóság és responsív tipográfia
   Cél: nincs 8–10 px-es üzleti tartalom, mobilon nincs input-zoom,
   nagy kijelzőn pedig nem marad apró a kezelőfelület.
   ========================================================= */

html[data-theme] body.app-page{
  font-size:16px;
  line-height:1.55;
  overflow-x:hidden;
}
html[data-theme] body.app-page .app-main,
html[data-theme] body.app-page .content,
html[data-theme] body.app-page .panel,
html[data-theme] body.app-page .table-card,
html[data-theme] body.app-page .customer-card,
html[data-theme] body.app-page .support-diagnostic-card,
html[data-theme] body.app-page .telecom-number-card,
html[data-theme] body.app-page .telecom-requirement-card{min-width:0}
html[data-theme] body.app-page p,
html[data-theme] body.app-page small,
html[data-theme] body.app-page span,
html[data-theme] body.app-page strong,
html[data-theme] body.app-page b,
html[data-theme] body.app-page label,
html[data-theme] body.app-page td,
html[data-theme] body.app-page th{overflow-wrap:anywhere}

/* Keret, navigáció, fejléc */
html[data-theme] .sidebar .brand{font-size:21px}
html[data-theme] .tenant-chip strong,
html[data-theme] .user-mini strong{font-size:13.5px}
html[data-theme] .tenant-chip span,
html[data-theme] .user-mini span{font-size:12px;line-height:1.45}
html[data-theme] .side-nav a{min-height:48px;font-size:14px;line-height:1.25}
html[data-theme] .nav-sep{font-size:11px;letter-spacing:.08em}
html[data-theme] .nav-badge{font-size:10.5px}
html[data-theme] .top-title span{font-size:11.5px}
html[data-theme] .top-title strong{font-size:15px}
html[data-theme] .status-chip{font-size:12px}

/* Oldalfejlécek és általános vezérlők */
html[data-theme] .content{max-width:1760px;padding:38px 42px 56px}
html[data-theme] .page-head h1{font-size:clamp(34px,2.6vw,44px)}
html[data-theme] .page-head p{font-size:15px;line-height:1.68;max-width:900px}
html[data-theme] body.app-page .eyebrow{font-size:12px}
html[data-theme] body.app-page label{font-size:14.5px}
html[data-theme] body.app-page .hint{font-size:13px;line-height:1.55}
html[data-theme] body.app-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme] body.app-page select,
html[data-theme] body.app-page textarea{min-height:46px;font-size:14.5px;line-height:1.5}
html[data-theme] body.app-page textarea{min-height:120px}
html[data-theme] .btn{min-height:44px;font-size:14px}
html[data-theme] .btn.tiny{min-height:38px;font-size:12.5px}
html[data-theme] .btn.compact{min-height:36px;font-size:12px;padding:8px 11px}
html[data-theme] .badge{font-size:11.5px;line-height:1.15}

/* Panelek, dashboard, üres állapotok */
html[data-theme] .panel-head strong{font-size:15.5px}
html[data-theme] .panel-head span{font-size:12.5px}
html[data-theme] .panel-head>a,
html[data-theme] .panel-head>b{font-size:12.5px}
html[data-theme] .metric-grid span{font-size:11.5px}
html[data-theme] .metric-grid small{font-size:12px}
html[data-theme] .empty-state strong{font-size:15.5px}
html[data-theme] .empty-state p{font-size:13.5px}
html[data-theme] .onboarding-copy p{font-size:15px}
html[data-theme] .onboarding-copy>small{font-size:12px}
html[data-theme] .onboarding-step b{font-size:13.5px}
html[data-theme] .onboarding-step small{font-size:12px}
html[data-theme] .muted-center{font-size:13px}

/* Táblák / listák – fontos adatok ne legyenek mikrobetűsek */
html[data-theme] .tr{font-size:13px;line-height:1.45}
html[data-theme] .tr.th{font-size:11.5px;line-height:1.35}
html[data-theme] .search input{font-size:14px!important}
html[data-theme] .segmented button{font-size:12px}
html[data-theme] .switch-row b{font-size:14px}
html[data-theme] .switch-row small{font-size:12px}
html[data-theme] .member-main strong{font-size:14px}
html[data-theme] .member-main span,
html[data-theme] .member-main small,
html[data-theme] .role-guide span{font-size:12px}
html[data-theme] .role-guide b{font-size:13.5px}
html[data-theme] .notification-card p,
html[data-theme] .notification-card a{font-size:13px}
html[data-theme] .notification-head strong{font-size:14px}
html[data-theme] .notification-head time{font-size:11.5px}
html[data-theme] .audit-list b{font-size:13px}
html[data-theme] .audit-list small,
html[data-theme] .audit-list time{font-size:11.5px}

/* Tudásbázis */
html[data-theme] .knowledge-intro-copy p{font-size:15px}
html[data-theme] .knowledge-intro-stats span{font-size:11.5px}
html[data-theme] .knowledge-type-card b{font-size:14.5px}
html[data-theme] .knowledge-type-card small{font-size:12.5px}
html[data-theme] .knowledge-preview-card>p{font-size:13px}
html[data-theme] .knowledge-preview-facts span{font-size:11.5px}
html[data-theme] .knowledge-safe-note b{font-size:13px}
html[data-theme] .knowledge-safe-note p{font-size:12px}
html[data-theme] .knowledge-type-label,
html[data-theme] .knowledge-category-label,
html[data-theme] .knowledge-priority{font-size:10.5px}
html[data-theme] .knowledge-item h3{font-size:15.5px}
html[data-theme] .knowledge-item-body>p{font-size:13px}
html[data-theme] .knowledge-facts span,
html[data-theme] .knowledge-item-state small{font-size:11px}
html[data-theme] .knowledge-item-actions .btn{font-size:12px}

/* Ügyféllista / segítség mód */
.customer-page-size>span{font-size:11px}
.customer-list-summary{font-size:12px}.customer-list-summary strong{font-size:13px}.customer-list-summary small{font-size:11px}
.customer-card-identity strong{font-size:14px}.customer-card-identity span{font-size:11.5px}.customer-card-identity small{font-size:11px}
.customer-card .badge{font-size:10.5px}
.customer-detail>span{font-size:10.5px}.customer-detail>strong{font-size:13px}.customer-detail>small{font-size:11.5px}
.customer-account-ref{font-size:11px}
.customer-page-nav,.customer-page-numbers a,.customer-page-numbers span{font-size:12px}
.support-diagnostic-head p{font-size:13px;line-height:1.55}
.support-contact>span{font-size:10.5px}.support-contact>strong{font-size:13px}.support-contact>small{font-size:11.5px}
.support-diagnostic-card>span{font-size:10.5px}.support-diagnostic-card>strong{font-size:15px}.support-diagnostic-card>small{font-size:12px}.support-diagnostic-card>em{font-size:12px}
.support-diagnostic-actions .btn{font-size:12px}

/* Telefon / aktiválás */
html[data-theme] .activation-note{font-size:12.5px}
html[data-theme] .activation-admin-head strong{font-size:14.5px}
html[data-theme] .activation-admin-head small{font-size:12px}

/* DIDWW inventory – a korábbi 7.5–9 px-es technikai szövegek megszüntetése */
.telecom-coverage-table .tr>span small{font-size:11.5px;line-height:1.45}
.telecom-number-card strong{font-size:14px}
.telecom-number-card span{font-size:11.5px}
.telecom-number-card em{font-size:10.5px}
.telecom-sku-head strong{font-size:13.5px}
.telecom-sku-head span{font-size:11.5px;line-height:1.45}
.telecom-sku-grid span{font-size:10.5px}
.telecom-sku-grid strong{font-size:15px}
.telecom-sku-grid small{font-size:11.5px}
.telecom-sku-grid code{font-size:10.5px;line-height:1.4}
.telecom-readonly-note strong{font-size:12.5px}
.telecom-readonly-note span{font-size:11.5px}

/* DIDWW KYC / regulatory preview */
.telecom-requirement-summary span{font-size:10.5px;line-height:1.35}
.telecom-requirement-summary strong{font-size:13px;line-height:1.45}
.telecom-restriction strong{font-size:13px}
.telecom-restriction p{font-size:12.5px;line-height:1.65;white-space:normal}
.telecom-requirement-card-head span{font-size:14px}
.telecom-requirement-card-head em{font-size:11.5px;line-height:1.5}
.telecom-requirement-card h4{font-size:11px;line-height:1.35}
.telecom-requirement-list li{font-size:12.5px;line-height:1.5;padding-left:16px}
.telecom-proof-chips span{font-size:11px;line-height:1.35;padding:6px 8px}
.telecom-none{font-size:12px}
.telecom-template b{font-size:11px}
.telecom-template span,.telecom-template a{font-size:12px;line-height:1.45}
.telecom-technical-details{font-size:11.5px;line-height:1.5}
.telecom-technical-details code{font-size:11px;line-height:1.5}

/* A DIDWW szabályozási megjegyzés API-ból HTML tageket is tartalmazhat;
   a blokk olvashatósága és tördelése legyen stabil minden szélességen. */
.telecom-restriction,
.telecom-restriction p,
.telecom-requirement-card,
.telecom-template{max-width:100%;overflow-wrap:anywhere;word-break:normal}

/* Tablet: több hely kell a tartalomnak, de nem nyomjuk túl nagyra. */
@media (max-width:1180px){
  html[data-theme] .content{padding:30px 28px 46px}
  html[data-theme] .page-head p{font-size:14.5px}
  .telecom-requirement-grid{grid-template-columns:1fr}
  .telecom-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Mobil: 16 px inputok az automatikus böngésző-zoom elkerülésére,
   kártyák egy oszlopban, horizontális szétesés nélkül. */
@media (max-width:700px){
  html[data-theme] body.app-page{font-size:15.5px}
  html[data-theme] .content{padding:22px 16px 38px}
  html[data-theme] .page-head{gap:15px;margin-bottom:20px}
  html[data-theme] .page-head h1{font-size:clamp(28px,9vw,36px)}
  html[data-theme] .page-head p{font-size:14px}
  html[data-theme] body.app-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  html[data-theme] body.app-page select,
  html[data-theme] body.app-page textarea{font-size:16px}
  html[data-theme] .btn{font-size:14px}
  html[data-theme] .tr{font-size:12.5px}
  .telecom-number-grid,.telecom-sku-grid,.telecom-requirement-summary,.telecom-requirement-grid{grid-template-columns:1fr}
  .telecom-requirement-summary article,.telecom-requirement-card{padding:14px}
  .telecom-restriction{padding:14px}
  .telecom-restriction p{font-size:12.5px}
  .customer-card-details{grid-template-columns:1fr}
}

/* Nagy asztali / 4K: a tartalom ténylegesen nőjön a kijelzővel,
   ne csak egy apró UI maradjon egy hatalmas vászon közepén. */
@media (min-width:1800px){
  html[data-theme] body.app-page{font-size:17px}
  html[data-theme] .content{max-width:1900px;padding:44px 48px 64px}
  html[data-theme] .side-nav a{font-size:15px;min-height:50px}
  html[data-theme] .top-title strong{font-size:16px}
  html[data-theme] .page-head p{font-size:16px}
  html[data-theme] .panel-head strong{font-size:16.5px}
  html[data-theme] .panel-head span{font-size:13.5px}
  html[data-theme] .tr{font-size:14px}
  html[data-theme] .tr.th{font-size:12px}
  .telecom-requirement-summary strong{font-size:14px}
  .telecom-requirement-card-head span{font-size:15px}
  .telecom-requirement-list li,.telecom-restriction p{font-size:13px}
  .telecom-number-card strong{font-size:15px}
}
@media (min-width:2500px){
  html[data-theme] body.app-page{font-size:18px}
  html[data-theme]{--sidebar:330px}
  html[data-theme] .content{max-width:2200px;padding:54px 64px 76px}
  html[data-theme] .sidebar .brand{font-size:24px}
  html[data-theme] .side-nav a{font-size:16px;min-height:54px}
  html[data-theme] .tenant-chip strong,html[data-theme] .user-mini strong{font-size:15px}
  html[data-theme] .tenant-chip span,html[data-theme] .user-mini span{font-size:13px}
  html[data-theme] .topbar{height:84px;padding-inline:38px}
  html[data-theme] .top-title strong{font-size:18px}
  html[data-theme] .top-title span{font-size:13px}
  html[data-theme] .page-head h1{font-size:48px}
  html[data-theme] .page-head p{font-size:18px;max-width:1050px}
  html[data-theme] .btn{font-size:15px;min-height:48px}
  html[data-theme] body.app-page label{font-size:16px}
  html[data-theme] body.app-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  html[data-theme] body.app-page select,
  html[data-theme] body.app-page textarea{font-size:16px;min-height:50px}
  .telecom-requirement-summary span{font-size:12px}
  .telecom-requirement-summary strong{font-size:15.5px}
  .telecom-requirement-card-head span{font-size:16px}
  .telecom-requirement-card-head em{font-size:13px}
  .telecom-requirement-card h4{font-size:12.5px}
  .telecom-requirement-list li{font-size:14px}
  .telecom-proof-chips span{font-size:12.5px}
  .telecom-restriction strong{font-size:14.5px}
  .telecom-restriction p{font-size:14px}
  .telecom-number-card strong{font-size:16px}
  .telecom-number-card span{font-size:13px}
}

/* HívásTárs V0.10.2r – helyi KYC / azonosítási adatlap */
.phone-kyc-panel{margin-top:22px;overflow:hidden}
.kyc-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.55fr);gap:22px;align-items:start;margin-bottom:18px}
.kyc-hero h2{margin:5px 0 8px;font-size:clamp(24px,2vw,32px);line-height:1.12}
.kyc-hero p{margin:0;max-width:820px;color:var(--muted);line-height:1.65}
.kyc-status-card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-2),var(--panel));border-radius:18px;padding:16px;display:grid;gap:7px;min-width:0}
.kyc-status-card>span{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.kyc-status-card>strong{font-size:28px;line-height:1;color:var(--text)}
.kyc-status-card>small{font-size:12.5px;line-height:1.45;color:var(--muted)}
.kyc-status-card.is-ready{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
.kyc-safety-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--panel));border-radius:16px;margin-bottom:18px}
.kyc-safety-note>i{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);font-style:normal;font-weight:900}
.kyc-safety-note b{display:block;font-size:14px;margin-bottom:2px}.kyc-safety-note span{display:block;color:var(--muted);font-size:12.5px;line-height:1.5}
.kyc-form fieldset{border:0;padding:0;margin:0;min-width:0}.kyc-form fieldset:disabled{opacity:.86}
.kyc-step{border:1px solid var(--line);background:var(--panel-2);border-radius:18px;padding:18px;margin-top:14px;min-width:0}
.kyc-step-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:16px}
.kyc-step-head>i{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));font-style:normal;font-weight:900;color:var(--accent)}
.kyc-step-head strong{display:block;font-size:16px}.kyc-step-head span{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.kyc-step-head em{font-style:normal;font-size:11.5px;font-weight:800;padding:6px 9px;border-radius:999px;background:var(--soft-2);color:var(--muted);white-space:nowrap}
.kyc-step-head em.done{background:color-mix(in srgb,var(--accent) 14%,var(--soft-2));color:var(--accent)}
.kyc-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.kyc-type-choice{position:relative;display:block;min-width:0;cursor:pointer}
.kyc-type-choice input{position:absolute;opacity:0;pointer-events:none}
.kyc-type-choice>span{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-height:82px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.kyc-type-choice>span>i{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft-2);font-style:normal;font-size:16px}
.kyc-type-choice b{font-size:14px}.kyc-type-choice small{font-size:12px;line-height:1.4;color:var(--muted)}
.kyc-type-choice:hover>span{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.kyc-type-choice.selected>span{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent);background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.kyc-type-choice.selected>span>i{background:color-mix(in srgb,var(--accent) 15%,var(--soft-2));color:var(--accent)}
.kyc-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.kyc-step[data-kyc-business].is-hidden{display:none}
.kyc-country-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:11px 13px;border:1px dashed var(--line);border-radius:13px;background:var(--panel);margin-bottom:14px}
.kyc-country-line span{font-size:12px;color:var(--muted)}.kyc-country-line strong{font-size:13px}.kyc-country-line small{font-size:12px;color:var(--muted)}
.label-optional{font-size:11px!important;font-weight:700!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important}
.kyc-savebar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:16px;padding:16px 17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel))}
.kyc-savebar>div{min-width:0}.kyc-savebar strong{display:block;font-size:14px}.kyc-savebar span{display:block;color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:3px}

@media (max-width:900px){
  .kyc-hero{grid-template-columns:1fr}.kyc-status-card{max-width:none}
  .kyc-type-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .phone-kyc-panel{margin-top:16px}
  .kyc-step{padding:14px}
  .kyc-step-head{grid-template-columns:34px minmax(0,1fr);align-items:start}
  .kyc-step-head>i{width:34px;height:34px}
  .kyc-step-head>em{grid-column:2;justify-self:start;margin-top:-5px}
  .kyc-contact-grid,.kyc-step .form-grid{grid-template-columns:1fr}
  .kyc-step .form-grid .span-2{grid-column:auto}
  .kyc-savebar{align-items:stretch;flex-direction:column}
  .kyc-savebar .btn{width:100%}
}
@media (min-width:1800px){
  .kyc-step{padding:22px}.kyc-step-head strong{font-size:17px}.kyc-step-head span{font-size:13.5px}
  .kyc-type-choice b{font-size:15px}.kyc-type-choice small{font-size:13px}.kyc-safety-note span{font-size:13px}
}

/* HívásTárs V0.10.2s – clear locked phone-settings state */
html[data-theme] .phone-lock-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 16px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel));box-shadow:0 8px 28px color-mix(in srgb,var(--shadow) 24%,transparent);min-width:0}
html[data-theme] .phone-lock-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:color-mix(in srgb,var(--accent) 13%,var(--soft-2));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));font-size:18px;line-height:1}
html[data-theme] .phone-lock-copy{min-width:0}.phone-lock-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.phone-lock-title-row>strong{font-size:15px;line-height:1.35}.phone-lock-copy p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.6;max-width:920px}.phone-lock-action{white-space:nowrap;align-self:center}
@media(max-width:760px){html[data-theme] .phone-lock-notice{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:14px}.phone-lock-action{grid-column:1/-1;width:100%;justify-content:center}.phone-lock-title-row>strong{font-size:14.5px}.phone-lock-copy p{font-size:13px}}
@media(max-width:480px){html[data-theme] .phone-lock-notice{grid-template-columns:1fr}.phone-lock-icon{width:38px;height:38px}.phone-lock-action{grid-column:auto}.phone-lock-title-row{align-items:flex-start;flex-direction:column;gap:7px}}

/* HívásTárs V0.10.2v – szolgáltatói KYC-követelmények */
.kyc-provider-panel{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 3%,var(--panel-2)),var(--panel-2));min-width:0}
.kyc-provider-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.kyc-provider-head>div{min-width:0}.kyc-provider-head h3{margin:5px 0 6px;font-size:20px;line-height:1.2}.kyc-provider-head p{margin:0;max-width:820px;color:var(--muted);font-size:13px;line-height:1.55}
.kyc-provider-empty,.kyc-provider-warning,.kyc-provider-restriction{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:var(--panel);margin-bottom:14px;min-width:0}
.kyc-provider-empty>i,.kyc-provider-warning>i,.kyc-provider-restriction>i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:var(--soft-2);font-style:normal;font-weight:900}
.kyc-provider-warning{border-color:color-mix(in srgb,var(--warning) 40%,var(--line));background:color-mix(in srgb,var(--warning) 5%,var(--panel))}.kyc-provider-warning>i{color:var(--warning);background:color-mix(in srgb,var(--warning) 13%,var(--soft-2))}
.kyc-provider-empty b,.kyc-provider-warning b,.kyc-provider-restriction b{display:block;font-size:14px;margin-bottom:3px}.kyc-provider-empty span,.kyc-provider-warning span,.kyc-provider-restriction span{display:block;color:var(--muted);font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}
.kyc-provider-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(260px,.9fr);gap:12px;margin-bottom:15px}
.kyc-provider-summary>div{min-width:0;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.kyc-provider-summary span{display:block;color:var(--muted);font-size:11.5px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.kyc-provider-summary strong{display:block;margin-top:5px;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.kyc-provider-summary small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.4}
.kyc-provider-progress-card strong{font-size:24px}.kyc-provider-progress-card .onboarding-progress{margin-top:8px}.kyc-provider-progress-card.is-ready{border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}
.kyc-provider-checklist{display:grid;gap:9px;margin-top:4px}
.kyc-provider-check{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0;transition:border-color .18s ease,background .18s ease}
.kyc-provider-check>i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--soft-2);font-style:normal;font-weight:900}.kyc-provider-check>span{min-width:0}.kyc-provider-check b{display:block;font-size:13.5px}.kyc-provider-check small{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.42;overflow-wrap:anywhere}.kyc-provider-check>em{font-style:normal;font-size:11px;font-weight:800;color:var(--muted);white-space:nowrap}
.kyc-provider-check.done{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--panel))}.kyc-provider-check.done>i,.kyc-provider-check.done>em{color:var(--accent)}
.kyc-provider-check.pending>i{color:var(--warning)}
.kyc-provider-restriction{margin-top:12px;margin-bottom:0}.kyc-provider-restriction>i{color:var(--accent)}
.kyc-provider-refresh{display:flex;justify-content:flex-end;margin-top:14px}
@media(max-width:980px){.kyc-provider-summary{grid-template-columns:1fr 1fr}.kyc-provider-progress-card{grid-column:1/-1}}
@media(max-width:620px){.kyc-provider-panel{padding:14px}.kyc-provider-head{flex-direction:column}.kyc-provider-summary{grid-template-columns:1fr}.kyc-provider-progress-card{grid-column:auto}.kyc-provider-check{grid-template-columns:30px minmax(0,1fr)}.kyc-provider-check>em{grid-column:2;justify-self:start}.kyc-provider-refresh{justify-content:stretch}.kyc-provider-refresh .btn,.kyc-provider-panel>form .btn{width:100%}}
@media(min-width:1700px){.kyc-provider-panel{padding:22px}.kyc-provider-head h3{font-size:22px}.kyc-provider-head p{font-size:14px}.kyc-provider-check b{font-size:14.5px}.kyc-provider-check small{font-size:13px}}
@media(min-width:2500px){.kyc-provider-panel{padding:28px}.kyc-provider-head h3{font-size:26px}.kyc-provider-summary strong{font-size:17px}.kyc-provider-check{padding:15px 16px}.kyc-provider-check b{font-size:16px}.kyc-provider-check small{font-size:14px}}

/* HívásTárs V0.10.2x – ügyfélbarát aktiválási ellenőrzés */
.kyc-customer-panel{padding:22px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 4%,var(--panel-2)),var(--panel-2) 52%,color-mix(in srgb,var(--accent-2) 3%,var(--panel-2)));overflow:hidden}
.kyc-customer-panel .kyc-provider-head{margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.kyc-customer-panel .kyc-provider-head h3{font-size:clamp(20px,1.5vw,25px);letter-spacing:-.02em}
.kyc-customer-panel .kyc-provider-head p{max-width:860px;font-size:13.5px;line-height:1.65}
.kyc-customer-overview{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:14px;margin:0 0 18px}
.kyc-number-card,.kyc-readiness-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 9px 26px color-mix(in srgb,var(--shadow) 16%,transparent)}
.kyc-number-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:start;padding:17px 18px}
.kyc-number-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--accent) 12%,var(--soft-2));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));font-size:20px;line-height:1}
.kyc-number-copy{min-width:0}.kyc-number-copy>span{display:block;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.kyc-number-copy>strong{display:block;margin:4px 0 7px;font-size:clamp(18px,1.35vw,22px);line-height:1.25;overflow-wrap:anywhere}.kyc-number-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kyc-number-meta b{font-size:15px;letter-spacing:.02em}.kyc-number-meta em{font-style:normal;padding:5px 9px;border-radius:999px;background:var(--soft-2);color:var(--muted);font-size:11.5px;font-weight:750}.kyc-number-copy p{margin:10px 0 0;color:var(--text);font-size:13px;line-height:1.55}.kyc-number-copy small{display:block;margin-top:5px;color:var(--muted);font-size:11.5px}
.kyc-number-source{align-self:start;white-space:nowrap;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--soft-2));color:var(--accent);font-size:11px;font-weight:850}
.kyc-readiness-card{display:flex;flex-direction:column;justify-content:center;padding:17px 18px}.kyc-readiness-card>span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.kyc-readiness-card>strong{display:block;margin:6px 0 2px;font-size:30px;line-height:1}.kyc-readiness-card .onboarding-progress{margin:10px 0 7px}.kyc-readiness-card small{color:var(--muted);font-size:12px;line-height:1.45}.kyc-readiness-card.is-ready{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--panel))}
.kyc-customer-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:18px 0 10px}.kyc-customer-section-title strong{display:block;font-size:16px}.kyc-customer-section-title span{display:block;margin-top:3px;color:var(--muted);font-size:12.5px;line-height:1.5}
.kyc-customer-panel .kyc-provider-checklist{gap:10px}.kyc-customer-panel .kyc-provider-check{padding:14px 15px;border-radius:16px}.kyc-customer-panel .kyc-provider-check>i{width:34px;height:34px;border-radius:11px}.kyc-customer-panel .kyc-provider-check b{font-size:14px;line-height:1.35}.kyc-customer-panel .kyc-provider-check small{margin-top:3px;font-size:12.5px;line-height:1.5}.kyc-customer-panel .kyc-provider-check>em{padding:5px 8px;border-radius:999px;background:var(--soft-2);font-size:10.5px;letter-spacing:.02em}.kyc-customer-panel .kyc-provider-check.done>em{background:color-mix(in srgb,var(--accent) 10%,var(--soft-2))}.kyc-customer-panel .kyc-provider-check.pending>em{color:var(--muted)}
.kyc-friendly-note,.kyc-next-step-note{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:var(--panel);min-width:0}.kyc-friendly-note>i,.kyc-next-step-note>i{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,var(--soft-2));color:var(--accent);font-style:normal;font-weight:900}.kyc-friendly-note b,.kyc-next-step-note b{display:block;font-size:13.5px}.kyc-friendly-note span,.kyc-next-step-note span{display:block;margin-top:3px;color:var(--muted);font-size:12.5px;line-height:1.55;overflow-wrap:anywhere}.kyc-next-step-note{background:color-mix(in srgb,var(--accent) 3%,var(--panel))}
.kyc-customer-panel .kyc-provider-refresh{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:980px){.kyc-customer-overview{grid-template-columns:1fr}.kyc-readiness-card{min-height:140px}}
@media(max-width:680px){.kyc-customer-panel{padding:15px}.kyc-number-card{grid-template-columns:42px minmax(0,1fr);padding:15px}.kyc-number-icon{width:42px;height:42px}.kyc-number-source{grid-column:2;justify-self:start}.kyc-number-copy>strong{font-size:18px}.kyc-customer-panel .kyc-provider-check{grid-template-columns:32px minmax(0,1fr)}.kyc-customer-panel .kyc-provider-check>em{grid-column:2;justify-self:start}.kyc-customer-section-title{align-items:flex-start;flex-direction:column}.kyc-friendly-note,.kyc-next-step-note{padding:13px}}
@media(min-width:1800px){.kyc-customer-panel{padding:26px}.kyc-number-card,.kyc-readiness-card{padding:20px}.kyc-number-copy p,.kyc-customer-panel .kyc-provider-check small,.kyc-friendly-note span,.kyc-next-step-note span{font-size:13px}.kyc-customer-panel .kyc-provider-check b{font-size:15px}}
@media(min-width:2500px){.kyc-customer-panel{padding:30px}.kyc-customer-overview{gap:18px}.kyc-number-card,.kyc-readiness-card{padding:24px}.kyc-number-copy>strong{font-size:24px}.kyc-readiness-card>strong{font-size:34px}.kyc-customer-panel .kyc-provider-check{padding:16px 18px}.kyc-customer-panel .kyc-provider-check b{font-size:16px}.kyc-customer-panel .kyc-provider-check small{font-size:14px}}

/* V0.10.2y – ügyfélbarát Segítségközpont */
html[data-theme] .context-help-link{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--muted);text-decoration:none;font-size:12px;font-weight:750;white-space:nowrap;transition:.18s var(--ease)}
html[data-theme] .context-help-link:hover{color:var(--heading);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
html[data-theme] .context-help-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
html[data-theme] .help-page-head{align-items:center}
html[data-theme] .help-hero{position:relative;overflow:hidden;padding:30px;margin-bottom:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel) 56%,color-mix(in srgb,#4bbfe7 6%,var(--panel)))}
html[data-theme] .help-hero:after{content:"?";position:absolute;right:34px;top:-34px;font-size:190px;line-height:1;font-weight:900;color:color-mix(in srgb,var(--accent) 6%,transparent);pointer-events:none}
html[data-theme] .help-hero-copy{position:relative;z-index:1;max-width:780px}
html[data-theme] .help-kicker,.help-section-heading>span{display:block;margin-bottom:7px;color:var(--accent);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
html[data-theme] .help-hero h2{margin:0 0 8px;font-size:clamp(26px,2.3vw,36px);letter-spacing:-.035em;color:var(--heading)}
html[data-theme] .help-hero-copy p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.65}
html[data-theme] .help-search{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:22px;max-width:900px;padding:0 14px;min-height:54px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:16px;background:var(--field-bg);box-shadow:0 12px 34px rgba(0,0,0,.05)}
html[data-theme] .help-search:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
html[data-theme] .help-search svg{width:21px;height:21px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}
html[data-theme] .help-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:14px 0;font-size:15px;color:var(--text)}
html[data-theme] .help-search button{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:21px;cursor:pointer;opacity:0;pointer-events:none;transition:.15s}
html[data-theme] .help-search button.show{opacity:1;pointer-events:auto}
html[data-theme] .help-search button:hover{background:var(--soft);color:var(--heading)}
html[data-theme] .help-filters{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
html[data-theme] .help-filters button{border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--muted);padding:8px 12px;font-size:11.5px;font-weight:700;cursor:pointer;transition:.16s}
html[data-theme] .help-filters button:hover{color:var(--heading)}
html[data-theme] .help-filters button.active{background:color-mix(in srgb,var(--accent) 11%,var(--panel));border-color:color-mix(in srgb,var(--accent) 28%,var(--line));color:var(--accent)}
html[data-theme] .help-result-line{position:relative;z-index:1;min-height:18px;margin-top:9px;color:var(--muted);font-size:11px}
html[data-theme] .help-start{scroll-margin-top:94px;margin:0 0 26px;padding:2px}
html[data-theme] .help-section-heading{max-width:840px;margin-bottom:16px}
html[data-theme] .help-section-heading h2{margin:0 0 7px;font-size:24px;letter-spacing:-.025em;color:var(--heading)}
html[data-theme] .help-section-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
html[data-theme] .help-section-heading.compact{margin-bottom:18px}
html[data-theme] .help-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html[data-theme] .help-step-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:var(--text);text-decoration:none;transition:.2s var(--ease)}
html[data-theme] .help-step-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:0 13px 32px rgba(0,0,0,.07)}
html[data-theme] .help-step-card>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent);font-style:normal;font-weight:900}
html[data-theme] .help-step-card>div{min-width:0;display:grid;gap:4px}
html[data-theme] .help-step-card strong{font-size:13px;color:var(--heading)}
html[data-theme] .help-step-card span{font-size:10.5px;line-height:1.5;color:var(--muted)}
html[data-theme] .help-step-card>b{color:var(--accent);font-size:18px}
html[data-theme] .help-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}
html[data-theme] .help-topic{scroll-margin-top:94px;min-width:0;padding:22px;transition:border-color .35s,box-shadow .35s,transform .2s}
html[data-theme] .help-topic.help-highlight{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent),0 16px 44px rgba(0,0,0,.08)}
html[data-theme] .help-topic-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-bottom:11px}
html[data-theme] .help-topic-head>i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 9%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));color:var(--accent);font-style:normal;font-size:15px;font-weight:850}
html[data-theme] .help-topic-head>div{display:grid;gap:2px}
html[data-theme] .help-topic-head span{font-size:10px;color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.08em}
html[data-theme] .help-topic-head h2{margin:0;color:var(--heading);font-size:19px;letter-spacing:-.02em}
html[data-theme] .help-lead{margin:0 0 15px;color:var(--muted);font-size:12.5px;line-height:1.68}
html[data-theme] .help-topic details,.help-faq-grid details{border-top:1px solid var(--line)}
html[data-theme] .help-topic details:last-of-type{border-bottom:1px solid var(--line)}
html[data-theme] .help-topic summary,.help-faq-grid summary{position:relative;list-style:none;cursor:pointer;padding:13px 28px 13px 0;color:var(--heading);font-size:12.5px;font-weight:760;line-height:1.45}
html[data-theme] .help-topic summary::-webkit-details-marker,.help-faq-grid summary::-webkit-details-marker{display:none}
html[data-theme] .help-topic summary:after,.help-faq-grid summary:after{content:"+";position:absolute;right:3px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:var(--soft);color:var(--muted);font-size:16px;font-weight:500}
html[data-theme] .help-topic details[open] summary:after,.help-faq-grid details[open] summary:after{content:"–";color:var(--accent)}
html[data-theme] .help-topic details>div,.help-faq-grid details>div{padding:0 28px 14px 0;color:var(--muted);font-size:11.5px;line-height:1.7}
html[data-theme] .help-topic details p,.help-faq-grid details p{margin:0 0 8px}
html[data-theme] .help-topic details p:last-child,.help-faq-grid details p:last-child{margin-bottom:0}
html[data-theme] .help-topic details strong,.help-faq-grid details strong{color:var(--heading)}
html[data-theme] .help-topic-link{display:inline-flex;align-items:center;margin-top:15px;color:var(--accent);text-decoration:none;font-size:11.5px;font-weight:800}
html[data-theme] .help-topic-link:hover{text-decoration:underline}
html[data-theme] .help-troubleshooting{scroll-margin-top:94px;margin:0 0 20px;padding:24px}
html[data-theme] .help-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
html[data-theme] .help-faq-grid details:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
html[data-theme] .help-empty{display:grid;justify-items:center;align-content:center;min-height:250px;text-align:center;margin-bottom:20px}
html[data-theme] .help-empty[hidden]{display:none!important}
html[data-theme] .help-empty>i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-style:normal;font-size:22px;margin-bottom:10px}
html[data-theme] .help-empty strong{font-size:16px;color:var(--heading)}
html[data-theme] .help-empty p{max-width:480px;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
html[data-theme] .help-footer-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel))}
html[data-theme] .help-footer-card>div{display:grid;gap:4px}
html[data-theme] .help-footer-card span{font-size:10px;color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.08em}
html[data-theme] .help-footer-card strong{font-size:19px;color:var(--heading)}
html[data-theme] .help-footer-card p{margin:0;color:var(--muted);font-size:12px}
html[data-theme] .help-topic[hidden],html[data-theme] .help-start[hidden],html[data-theme] .help-troubleshooting[hidden]{display:none!important}

@media(max-width:1180px){
  html[data-theme] .help-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  html[data-theme] .context-help-link span{display:none}
  html[data-theme] .context-help-link{width:38px;padding:0;justify-content:center}
  html[data-theme] .help-topic-grid{grid-template-columns:1fr}
  html[data-theme] .help-faq-grid{grid-template-columns:1fr}
  html[data-theme] .help-faq-grid details:nth-last-child(-n+2){border-bottom:0}
  html[data-theme] .help-faq-grid details:last-child{border-bottom:1px solid var(--line)}
}
@media(max-width:680px){
  html[data-theme] .help-page-head .btn{width:100%}
  html[data-theme] .help-hero{padding:20px 17px;border-radius:18px}
  html[data-theme] .help-hero:after{display:none}
  html[data-theme] .help-hero h2{font-size:26px}
  html[data-theme] .help-hero-copy p{font-size:12.5px}
  html[data-theme] .help-search{min-height:50px;padding:0 11px}
  html[data-theme] .help-search input{font-size:16px}
  html[data-theme] .help-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  html[data-theme] .help-filters::-webkit-scrollbar{display:none}
  html[data-theme] .help-filters button{flex:0 0 auto}
  html[data-theme] .help-step-grid{grid-template-columns:1fr}
  html[data-theme] .help-topic{padding:18px 16px}
  html[data-theme] .help-topic-head h2{font-size:18px}
  html[data-theme] .help-topic summary,.help-faq-grid summary{font-size:13px}
  html[data-theme] .help-topic details>div,.help-faq-grid details>div{font-size:12px}
  html[data-theme] .help-troubleshooting{padding:18px 16px}
  html[data-theme] .help-footer-card{display:grid;padding:20px}
  html[data-theme] .help-footer-card .btn{width:100%}
}
@media(min-width:1800px){
  html[data-theme] .help-hero{padding:36px}
  html[data-theme] .help-search{min-height:60px}
  html[data-theme] .help-topic-grid{gap:18px}
  html[data-theme] .help-topic{padding:27px}
  html[data-theme] .help-topic-head h2{font-size:22px}
  html[data-theme] .help-lead{font-size:14px}
  html[data-theme] .help-topic summary,.help-faq-grid summary{font-size:14px}
  html[data-theme] .help-topic details>div,.help-faq-grid details>div{font-size:13px}
  html[data-theme] .help-step-card strong{font-size:14px}
  html[data-theme] .help-step-card span{font-size:12px}
}
@media(min-width:2500px){
  html[data-theme] .help-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-theme] .help-step-grid{gap:18px}
  html[data-theme] .help-step-card{padding:22px}
  html[data-theme] .help-topic{padding:32px}
  html[data-theme] .help-topic-head h2{font-size:26px}
  html[data-theme] .help-lead{font-size:16px}
  html[data-theme] .help-topic summary,.help-faq-grid summary{font-size:16px}
  html[data-theme] .help-topic details>div,.help-faq-grid details>div{font-size:15px}
  html[data-theme] .help-footer-card{padding:30px 34px}
}

/* V0.10.2z – részletes Segítségközpont */
html[data-theme] .help-library-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:26px 0 16px}
html[data-theme] .help-library-intro h2{margin:4px 0 8px;color:var(--heading);font-size:clamp(22px,2vw,30px);letter-spacing:-.025em}
html[data-theme] .help-library-intro p{max-width:760px;margin:0;color:var(--muted);font-size:15px;line-height:1.65}
html[data-theme] .help-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}
html[data-theme] .help-library-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon copy" "meta meta" "link link";gap:14px 16px;padding:24px;min-width:0;border-radius:20px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
html[data-theme] .help-library-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:0 18px 42px rgba(0,0,0,.08)}
html[data-theme] .help-library-card[hidden]{display:none!important}
html[data-theme] .help-library-card-icon{grid-area:icon;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));color:var(--accent);font-size:18px;font-weight:850}
html[data-theme] .help-library-card-copy{grid-area:copy;min-width:0}
html[data-theme] .help-library-card-copy>span{display:block;margin-bottom:3px;color:var(--accent);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
html[data-theme] .help-library-card-copy h2{margin:0 0 8px;color:var(--heading);font-size:21px;line-height:1.2;letter-spacing:-.02em}
html[data-theme] .help-library-card-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
html[data-theme] .help-library-card-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}
html[data-theme] .help-library-card-meta span{padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:700}
html[data-theme] .help-library-card-link{grid-area:link;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid var(--line);color:var(--heading);text-decoration:none;font-size:14px;font-weight:820}
html[data-theme] .help-library-card-link b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent);font-size:17px}

html[data-theme] .help-detail-shell{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr) minmax(190px,230px);gap:20px;align-items:start}
html[data-theme] .help-guide-nav,html[data-theme] .help-guide-toc{position:sticky;top:92px;padding:16px;border-radius:18px;max-height:calc(100vh - 112px);overflow:auto}
html[data-theme] .help-back-link{display:flex;align-items:center;min-height:40px;margin-bottom:14px;padding:0 10px;border-radius:11px;background:var(--soft);color:var(--heading);text-decoration:none;font-size:13px;font-weight:800}
html[data-theme] .help-guide-nav>strong,html[data-theme] .help-guide-toc>strong{display:block;margin:4px 8px 10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em}
html[data-theme] .help-guide-nav nav,html[data-theme] .help-guide-toc nav{display:grid;gap:5px}
html[data-theme] .help-guide-nav nav a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;padding:8px;border-radius:11px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:740;line-height:1.3}
html[data-theme] .help-guide-nav nav a i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--soft);font-style:normal;color:var(--muted);font-size:12px;font-weight:850}
html[data-theme] .help-guide-nav nav a:hover,html[data-theme] .help-guide-nav nav a.active{background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--heading)}
html[data-theme] .help-guide-nav nav a.active i{background:color-mix(in srgb,var(--accent) 15%,var(--panel));color:var(--accent)}
html[data-theme] .help-guide-toc nav a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;padding:7px 8px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:12.5px;line-height:1.4}
html[data-theme] .help-guide-toc nav a:hover{background:var(--soft);color:var(--heading)}
html[data-theme] .help-guide-toc nav a i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--soft);font-style:normal;font-size:11px;font-weight:850;color:var(--accent)}

html[data-theme] .help-guide-main{display:grid;gap:18px;min-width:0}
html[data-theme] .help-guide-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;padding:30px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel) 55%)}
html[data-theme] .help-guide-icon{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));color:var(--accent);font-size:24px;font-weight:900}
html[data-theme] .help-guide-hero h1{margin:4px 0 10px;color:var(--heading);font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.04em}
html[data-theme] .help-guide-hero p{max-width:780px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
html[data-theme] .help-guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
html[data-theme] .help-guide-mobile-toc{display:none;padding:16px}
html[data-theme] .help-guide-mobile-toc>strong{display:block;margin-bottom:9px;color:var(--heading);font-size:14px}
html[data-theme] .help-guide-mobile-toc>div{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
html[data-theme] .help-guide-mobile-toc>div::-webkit-scrollbar{display:none}
html[data-theme] .help-guide-mobile-toc a{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:var(--soft);color:var(--muted);text-decoration:none;font-size:12px;font-weight:700}

html[data-theme] .help-guide-chapter{scroll-margin-top:94px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:26px;border-radius:20px}
html[data-theme] .help-chapter-number{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));color:var(--accent);font-size:14px;font-weight:900}
html[data-theme] .help-chapter-body{min-width:0}
html[data-theme] .help-chapter-body>h2{margin:2px 0 12px;color:var(--heading);font-size:23px;line-height:1.2;letter-spacing:-.025em}
html[data-theme] .help-chapter-body>p{margin:0 0 11px;color:var(--muted);font-size:15px;line-height:1.75}
html[data-theme] .help-chapter-body>p:last-child{margin-bottom:0}
html[data-theme] .help-guide-steps{display:grid;gap:10px;margin-top:17px}
html[data-theme] .help-guide-steps article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--soft) 55%,transparent)}
html[data-theme] .help-guide-steps article>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent);font-style:normal;font-size:13px;font-weight:900}
html[data-theme] .help-guide-steps strong{display:block;margin:1px 0 4px;color:var(--heading);font-size:14px}
html[data-theme] .help-guide-steps p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.6}
html[data-theme] .help-example-box{margin-top:17px;padding:17px 18px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
html[data-theme] .help-example-box span{display:block;margin-bottom:6px;color:var(--accent);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
html[data-theme] .help-example-box p{margin:0;color:var(--heading);font-size:14px;line-height:1.7}
html[data-theme] .help-example-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}
html[data-theme] .help-example-compare article{padding:16px;border-radius:15px;border:1px solid var(--line)}
html[data-theme] .help-example-compare article.good{background:color-mix(in srgb,#20a67a 7%,var(--panel));border-color:color-mix(in srgb,#20a67a 25%,var(--line))}
html[data-theme] .help-example-compare article.bad{background:color-mix(in srgb,#d88a35 6%,var(--panel));border-color:color-mix(in srgb,#d88a35 22%,var(--line))}
html[data-theme] .help-example-compare span{display:block;margin-bottom:7px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
html[data-theme] .help-example-compare .good span{color:#16835f}
html[data-theme] .help-example-compare .bad span{color:#a56421}
html[data-theme] .help-example-compare p{margin:0;color:var(--heading);font-size:13.5px;line-height:1.65}
html[data-theme] .help-trouble-list{display:grid;gap:8px;margin-top:17px}
html[data-theme] .help-trouble-list details{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden}
html[data-theme] .help-trouble-list summary{position:relative;list-style:none;cursor:pointer;padding:13px 42px 13px 14px;color:var(--heading);font-size:14px;font-weight:800;line-height:1.45}
html[data-theme] .help-trouble-list summary::-webkit-details-marker{display:none}
html[data-theme] .help-trouble-list summary:after{content:"+";position:absolute;right:13px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:16px}
html[data-theme] .help-trouble-list details[open] summary:after{content:"–"}
html[data-theme] .help-trouble-list details>div{padding:0 14px 14px;color:var(--muted);font-size:13.5px;line-height:1.65}
html[data-theme] .help-trouble-list details>div strong{display:block;margin-bottom:4px;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
html[data-theme] .help-trouble-list details>div p{margin:0}

html[data-theme] .help-guide-checklist{scroll-margin-top:94px;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:24px;padding:26px;border-radius:20px;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel))}
html[data-theme] .help-guide-checklist h2{margin:4px 0 7px;color:var(--heading);font-size:22px}
html[data-theme] .help-guide-checklist p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
html[data-theme] .help-guide-checklist ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
html[data-theme] .help-guide-checklist li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--panel) 75%,transparent);border:1px solid var(--line);color:var(--heading);font-size:13.5px;line-height:1.5}
html[data-theme] .help-guide-checklist li i{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,#20a67a 12%,var(--panel));color:#16835f;font-style:normal;font-weight:900}
html[data-theme] .help-guide-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel))}
html[data-theme] .help-guide-footer>div{display:grid;gap:4px}
html[data-theme] .help-guide-footer span{color:var(--accent);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
html[data-theme] .help-guide-footer strong{color:var(--heading);font-size:17px;line-height:1.35}

@media(max-width:1280px){
  html[data-theme] .help-detail-shell{grid-template-columns:210px minmax(0,1fr)}
  html[data-theme] .help-guide-toc{display:none}
  html[data-theme] .help-guide-mobile-toc{display:block}
}
@media(max-width:900px){
  html[data-theme] .help-library-grid{grid-template-columns:1fr}
  html[data-theme] .help-detail-shell{display:block}
  html[data-theme] .help-guide-nav{position:static;max-height:none;margin-bottom:14px}
  html[data-theme] .help-guide-nav>strong{display:none}
  html[data-theme] .help-guide-nav nav{display:flex;overflow-x:auto;gap:7px;padding-bottom:2px;scrollbar-width:none}
  html[data-theme] .help-guide-nav nav::-webkit-scrollbar{display:none}
  html[data-theme] .help-guide-nav nav a{flex:0 0 auto;grid-template-columns:28px auto;padding:6px 9px}
  html[data-theme] .help-guide-nav nav a i{width:28px;height:28px}
  html[data-theme] .help-guide-main{gap:14px}
  html[data-theme] .help-guide-hero{padding:24px}
  html[data-theme] .help-guide-checklist{grid-template-columns:1fr}
}
@media(max-width:640px){
  html[data-theme] .help-library-intro{margin-top:20px}
  html[data-theme] .help-library-card{grid-template-columns:42px minmax(0,1fr);padding:18px 16px;gap:12px}
  html[data-theme] .help-library-card-icon{width:42px;height:42px;border-radius:13px}
  html[data-theme] .help-library-card-copy h2{font-size:18px}
  html[data-theme] .help-library-card-copy p{font-size:13px}
  html[data-theme] .help-detail-shell{margin:0}
  html[data-theme] .help-guide-nav{padding:12px;border-radius:16px}
  html[data-theme] .help-back-link{margin-bottom:10px}
  html[data-theme] .help-guide-hero{grid-template-columns:1fr;padding:20px 17px;border-radius:18px}
  html[data-theme] .help-guide-icon{width:50px;height:50px;border-radius:15px}
  html[data-theme] .help-guide-hero h1{font-size:29px}
  html[data-theme] .help-guide-hero p{font-size:14px}
  html[data-theme] .help-guide-actions{display:grid;grid-template-columns:1fr}
  html[data-theme] .help-guide-actions .btn{width:100%}
  html[data-theme] .help-guide-chapter{grid-template-columns:1fr;padding:19px 16px;border-radius:17px}
  html[data-theme] .help-chapter-number{width:36px;height:36px}
  html[data-theme] .help-chapter-body>h2{font-size:20px}
  html[data-theme] .help-chapter-body>p{font-size:14px}
  html[data-theme] .help-example-compare{grid-template-columns:1fr}
  html[data-theme] .help-guide-checklist{padding:19px 16px}
  html[data-theme] .help-guide-footer{display:grid;padding:20px 17px}
  html[data-theme] .help-guide-footer .btn{width:100%}
}
@media(min-width:1900px){
  html[data-theme] .help-detail-shell{grid-template-columns:260px minmax(0,1fr) 260px;gap:26px}
  html[data-theme] .help-guide-main{gap:22px}
  html[data-theme] .help-guide-chapter{padding:32px}
  html[data-theme] .help-chapter-body>h2{font-size:27px}
  html[data-theme] .help-chapter-body>p{font-size:16px}
  html[data-theme] .help-guide-steps p,html[data-theme] .help-example-box p,html[data-theme] .help-example-compare p,html[data-theme] .help-trouble-list details>div{font-size:15px}
  html[data-theme] .help-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
}

/* V0.10.3a – biztonságos azonosítási dokumentumok */
html[data-theme] .kyc-documents-panel{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--panel);scroll-margin-top:96px}
html[data-theme] .kyc-documents-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}
html[data-theme] .kyc-documents-head h4{margin:5px 0 5px;color:var(--heading);font-size:21px;letter-spacing:-.02em}
html[data-theme] .kyc-documents-head p{margin:0;max-width:760px;color:var(--muted);font-size:13px;line-height:1.6}
html[data-theme] .kyc-documents-progress{flex:0 0 auto;min-width:104px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);text-align:center}
html[data-theme] .kyc-documents-progress strong{display:block;color:var(--heading);font-size:20px}
html[data-theme] .kyc-documents-progress span{display:block;margin-top:2px;color:var(--muted);font-size:11px}
html[data-theme] .kyc-document-safety{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;align-items:start;margin-bottom:14px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}
html[data-theme] .kyc-document-safety>i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);font-style:normal;font-weight:900}
html[data-theme] .kyc-document-safety b{display:block;color:var(--heading);font-size:13px}
html[data-theme] .kyc-document-safety span{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.5}
html[data-theme] .kyc-document-grid{display:grid;gap:12px}
html[data-theme] .kyc-document-card{padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--panel2);min-width:0}
html[data-theme] .kyc-document-card.is-uploaded{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent) 3%,var(--panel2))}
html[data-theme] .kyc-document-card-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center}
html[data-theme] .kyc-document-index{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:900}
html[data-theme] .kyc-document-card-head strong{display:block;color:var(--heading);font-size:14px}
html[data-theme] .kyc-document-card-head span{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.45}
html[data-theme] .kyc-document-template{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding:12px 13px;border-radius:13px;background:var(--soft);border:1px solid var(--line)}
html[data-theme] .kyc-document-template b{display:block;color:var(--heading);font-size:12px}
html[data-theme] .kyc-document-template span{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.45}
html[data-theme] .kyc-document-current{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;margin-top:13px;padding:12px 13px;border-radius:13px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));min-width:0}
html[data-theme] .kyc-document-file-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:900}
html[data-theme] .kyc-document-current b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--heading);font-size:12px}
html[data-theme] .kyc-document-current span{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.4}
html[data-theme] .kyc-document-upload{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr) auto;gap:10px;align-items:end;margin-top:13px}
html[data-theme] .kyc-document-type{font-size:11px}
html[data-theme] .kyc-document-type select{min-height:45px}
html[data-theme] .kyc-document-type-static{min-height:45px;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
html[data-theme] .kyc-document-type-static span{display:block;color:var(--muted);font-size:10px}
html[data-theme] .kyc-document-type-static b{display:block;margin-top:2px;color:var(--heading);font-size:12px}
html[data-theme] .kyc-file-picker{position:relative;min-height:45px;padding:8px 12px;border:1px dashed color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 3%,var(--panel));cursor:pointer;overflow:hidden}
html[data-theme] .kyc-file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}
html[data-theme] .kyc-file-picker span{display:block;pointer-events:none}
html[data-theme] .kyc-file-picker b{display:block;color:var(--heading);font-size:12px}
html[data-theme] .kyc-file-picker small{display:block;margin-top:2px;color:var(--muted);font-size:10px}
html[data-theme] .kyc-document-delete{display:flex;justify-content:flex-end;margin-top:8px}
html[data-theme] .btn.text-danger{padding:8px 10px;background:transparent;color:var(--danger);font-size:11px}
html[data-theme] .btn.text-danger:hover{background:color-mix(in srgb,var(--danger) 8%,transparent)}
html[data-theme] .kyc-document-readonly{margin-top:12px;padding:11px 12px;border-radius:12px;background:var(--soft);color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:1050px){html[data-theme] .kyc-document-upload{grid-template-columns:1fr 1fr}html[data-theme] .kyc-document-upload .btn{grid-column:1/-1;width:100%}}
@media(max-width:700px){html[data-theme] .kyc-documents-panel{padding:16px;border-radius:17px}html[data-theme] .kyc-documents-head{display:grid}html[data-theme] .kyc-documents-progress{width:100%;text-align:left}html[data-theme] .kyc-documents-progress strong,html[data-theme] .kyc-documents-progress span{display:inline}html[data-theme] .kyc-documents-progress span{margin-left:5px}html[data-theme] .kyc-document-card{padding:14px}html[data-theme] .kyc-document-card-head{grid-template-columns:34px minmax(0,1fr)}html[data-theme] .kyc-document-card-head .badge{grid-column:2}html[data-theme] .kyc-document-index{width:34px;height:34px}html[data-theme] .kyc-document-template{display:grid}html[data-theme] .kyc-document-template .btn{width:100%}html[data-theme] .kyc-document-current{grid-template-columns:36px minmax(0,1fr)}html[data-theme] .kyc-document-current .btn{grid-column:1/-1;width:100%}html[data-theme] .kyc-document-upload{grid-template-columns:1fr}html[data-theme] .kyc-document-upload .btn{grid-column:auto;width:100%}}
html[data-theme] .kyc-document-card.is-stale{border-color:color-mix(in srgb,var(--warning) 28%,var(--line));background:color-mix(in srgb,var(--warning) 3%,var(--panel2))}
html[data-theme] .kyc-document-card.is-stale .kyc-document-index{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--soft))}
html[data-theme] .kyc-document-stale-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;margin-top:13px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--warning) 7%,var(--panel));border:1px solid color-mix(in srgb,var(--warning) 22%,var(--line));color:var(--muted);font-size:11px;line-height:1.5}
html[data-theme] .kyc-document-stale-note i{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--warning) 12%,var(--panel));color:var(--warning);font-style:normal;font-weight:900}
html[data-theme] .kyc-file-picker.has-file{border-style:solid;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--panel))}

/* V0.10.3d – customer-facing geographic numbering-area choice */
html[data-theme] .kyc-area-choice-card{margin:0 0 15px;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--accent) 4%,var(--panel));min-width:0}
html[data-theme] .kyc-area-choice-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:start}
html[data-theme] .kyc-area-choice-head>i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,var(--soft));color:var(--accent);font-style:normal;font-size:18px}
html[data-theme] .kyc-area-choice-head>div{min-width:0}
html[data-theme] .kyc-area-choice-head span{display:block;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.06em}
html[data-theme] .kyc-area-choice-head h4{margin:3px 0 5px;color:var(--heading);font-size:17px;line-height:1.35}
html[data-theme] .kyc-area-choice-head p{margin:0;max-width:850px;color:var(--muted);font-size:12.5px;line-height:1.6}
html[data-theme] .kyc-area-current-address{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
html[data-theme] .kyc-area-current-address span{color:var(--muted);font-size:11.5px;font-weight:700}
html[data-theme] .kyc-area-current-address strong{color:var(--heading);font-size:13.5px;text-align:right;overflow-wrap:anywhere}
html[data-theme] .kyc-area-choice-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:11px;align-items:end}
html[data-theme] .kyc-area-choice-form label{min-width:0;font-size:12px}
html[data-theme] .kyc-area-choice-form select{width:100%;min-height:46px}
html[data-theme] .kyc-area-choice-form small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}
html[data-theme] .kyc-area-choice-help{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}
html[data-theme] .kyc-area-choice-help>i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--soft);color:var(--accent);font-style:normal;font-weight:900}
html[data-theme] .kyc-area-choice-help b{display:block;color:var(--heading);font-size:12.5px}
html[data-theme] .kyc-area-choice-help span{display:block;margin-top:3px;color:var(--muted);font-size:11.5px;line-height:1.55}
html[data-theme] .kyc-area-choice-help a{color:var(--accent);font-weight:750;text-decoration:none}
html[data-theme] .kyc-area-choice-help a:hover{text-decoration:underline}
@media(max-width:700px){html[data-theme] .kyc-area-choice-card{padding:14px}html[data-theme] .kyc-area-choice-form{grid-template-columns:1fr}html[data-theme] .kyc-area-choice-form .btn{width:100%}html[data-theme] .kyc-area-current-address{align-items:flex-start;flex-direction:column}html[data-theme] .kyc-area-current-address strong{text-align:left}}
@media(min-width:1800px){html[data-theme] .kyc-area-choice-card{padding:21px}html[data-theme] .kyc-area-choice-head h4{font-size:19px}html[data-theme] .kyc-area-choice-head p,html[data-theme] .kyc-area-choice-help span{font-size:13px}}

/* V0.10.4 hardening: keyboard focus + activation gate */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(57,217,176,.75);outline-offset:3px}
.activation-blockers{margin-top:16px;padding:14px 16px;border:1px solid rgba(255,202,102,.28);border-radius:14px;background:rgba(255,202,102,.07);color:var(--text)}
.activation-blockers strong{display:block;margin-bottom:7px}.activation-blockers ul{margin:0 0 10px;padding-left:20px;color:var(--muted);line-height:1.55}.activation-blockers a{color:var(--accent);font-weight:750;text-decoration:none}.activation-blockers a:hover{text-decoration:underline}


/* V0.11.0 — DIDWW provider-side KYC preparation */
html[data-theme] .kyc-provider-write-card{margin-top:18px;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel));scroll-margin-top:96px}
html[data-theme] .kyc-provider-write-head{display:grid;gap:12px;margin-bottom:14px}
html[data-theme] .kyc-provider-write-head h4{margin:5px 0 5px;color:var(--heading);font-size:clamp(1.05rem,3vw,1.35rem);letter-spacing:-.02em}
html[data-theme] .kyc-provider-write-head p{margin:0;max-width:780px;color:var(--muted);font-size:12.5px;line-height:1.6}
html[data-theme] .kyc-provider-write-badges{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap}
html[data-theme] .kyc-provider-write-note,
html[data-theme] .kyc-provider-write-success{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;align-items:start;margin-bottom:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--panel)}
html[data-theme] .kyc-provider-write-note{border-color:color-mix(in srgb,var(--warning) 30%,var(--line));background:color-mix(in srgb,var(--warning) 5%,var(--panel))}
html[data-theme] .kyc-provider-write-success{border-color:color-mix(in srgb,var(--accent) 26%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
html[data-theme] .kyc-provider-write-note>i,
html[data-theme] .kyc-provider-write-success>i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--soft-2);font-style:normal;font-weight:900}
html[data-theme] .kyc-provider-write-note>i{color:var(--warning)}
html[data-theme] .kyc-provider-write-success>i{color:var(--accent)}
html[data-theme] .kyc-provider-write-note b,
html[data-theme] .kyc-provider-write-success b{display:block;color:var(--heading);font-size:13px}
html[data-theme] .kyc-provider-write-note span,
html[data-theme] .kyc-provider-write-success span{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.5}
html[data-theme] .kyc-provider-write-steps{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0}
html[data-theme] .kyc-provider-write-steps>span{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon title" "icon text";column-gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
html[data-theme] .kyc-provider-write-steps i{grid-area:icon;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--soft-2);color:var(--muted);font-style:normal;font-weight:900}
html[data-theme] .kyc-provider-write-steps b{grid-area:title;color:var(--heading);font-size:12.5px}
html[data-theme] .kyc-provider-write-steps small{grid-area:text;color:var(--muted);font-size:11px}
html[data-theme] .kyc-provider-write-steps>span.current,
html[data-theme] .kyc-provider-write-steps>span.done{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--panel))}
html[data-theme] .kyc-provider-write-steps>span.current i,
html[data-theme] .kyc-provider-write-steps>span.done i{background:color-mix(in srgb,var(--accent) 12%,var(--soft-2));color:var(--accent)}
html[data-theme] .kyc-provider-write-actions{display:grid;gap:12px;align-items:center;padding-top:14px;border-top:1px solid var(--line)}
html[data-theme] .kyc-provider-write-actions strong{display:block;color:var(--heading);font-size:13.5px}
html[data-theme] .kyc-provider-write-actions span{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.5}
html[data-theme] .kyc-provider-write-actions form{margin:0}
html[data-theme] .kyc-provider-write-actions .btn{width:100%}
html[data-theme] .kyc-provider-write-details{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
html[data-theme] .kyc-provider-write-details summary{cursor:pointer;color:var(--muted);font-size:11.5px;font-weight:750}
html[data-theme] .kyc-provider-write-details dl{display:grid;gap:7px;margin:10px 0 0}
html[data-theme] .kyc-provider-write-details dl>div{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:var(--soft)}
html[data-theme] .kyc-provider-write-details dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
html[data-theme] .kyc-provider-write-details dd{margin:0;color:var(--heading);font:600 11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
@media (min-width:720px){
  html[data-theme] .kyc-provider-write-card{padding:22px}
  html[data-theme] .kyc-provider-write-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}
  html[data-theme] .kyc-provider-write-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-theme] .kyc-provider-write-actions{grid-template-columns:minmax(0,1fr) auto}
  html[data-theme] .kyc-provider-write-actions .btn{width:auto}
  html[data-theme] .kyc-provider-write-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1180px){
  html[data-theme] .kyc-provider-write-steps{grid-template-columns:repeat(5,minmax(0,1fr))}
}


/* V0.11.5 — DID rendelés */
html[data-theme] .did-order-quote{display:grid;gap:14px}
html[data-theme] .did-order-summary-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0}
html[data-theme] .did-order-summary-grid>div{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
html[data-theme] .did-order-summary-grid span{font-size:11px;color:var(--muted)}
html[data-theme] .did-order-summary-grid strong{font-size:14px;color:var(--heading);overflow-wrap:anywhere}
html[data-theme] .did-order-place-form{display:grid;gap:12px}
html[data-theme] .did-order-number-select{display:grid;gap:7px}
html[data-theme] .did-order-number-select>small{color:var(--muted);font-size:11px;line-height:1.55}
html[data-theme] .did-order-number-select select{width:100%}
@media (min-width:720px){
  html[data-theme] .did-order-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1180px){
  html[data-theme] .did-order-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* V0.12.5 — AI perc- és költségáttekintés */
html[data-theme] .usage-admin-detail{display:grid;gap:16px;margin-bottom:18px}
html[data-theme] .usage-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
html[data-theme] .usage-detail-metrics>div{min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
html[data-theme] .usage-detail-metrics span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
html[data-theme] .usage-detail-metrics strong{display:block;margin-top:5px;color:var(--heading);font-size:18px;line-height:1.2;overflow-wrap:anywhere}
html[data-theme] .usage-detail-metrics small{display:block;margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.45}
html[data-theme] .usage-call-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel);-webkit-overflow-scrolling:touch}
html[data-theme] .usage-call-table{width:100%;min-width:850px;border-collapse:collapse}
html[data-theme] .usage-call-table th,html[data-theme] .usage-call-table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:11px}
html[data-theme] .usage-call-table th{color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;background:var(--soft)}
html[data-theme] .usage-call-table td{color:var(--text)}
html[data-theme] .usage-call-table tbody tr:last-child td{border-bottom:0}
html[data-theme] .usage-call-table td small{display:block;min-width:220px;max-width:420px;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.45;white-space:normal}
html[data-theme] .customer-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
html[data-theme] .customer-card-actions>a,html[data-theme] .customer-card-actions form{margin:0}
html[data-theme] .usage-overview-card{margin-bottom:14px}
html[data-theme] .usage-overview-card .progress{margin:10px 0 7px}
html[data-theme] .call-usage-list{display:grid;gap:8px;padding:12px}
html[data-theme] .call-usage-list>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
html[data-theme] .call-usage-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent);font-style:normal;font-weight:900}
html[data-theme] .call-usage-main{min-width:0;display:grid;gap:4px}
html[data-theme] .call-usage-main>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
html[data-theme] .call-usage-main strong{color:var(--heading);font-size:12px}
html[data-theme] .call-usage-main span,html[data-theme] .call-usage-main small{color:var(--muted);font-size:10px;line-height:1.45}
html[data-theme] .call-usage-main p{margin:3px 0 0;color:var(--text);font-size:10.5px;line-height:1.5;overflow-wrap:anywhere}
html[data-theme] .call-usage-cost{min-width:105px;text-align:right;display:grid;gap:3px}
html[data-theme] .call-usage-cost strong{color:var(--heading);font-size:12px}
html[data-theme] .call-usage-cost span{color:var(--muted);font-size:9.5px}
@media(max-width:1100px){html[data-theme] .usage-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){html[data-theme] .usage-detail-metrics{grid-template-columns:1fr}html[data-theme] .call-usage-list{padding:8px}html[data-theme] .call-usage-list>article{grid-template-columns:34px minmax(0,1fr)}html[data-theme] .call-usage-icon{width:32px;height:32px}html[data-theme] .call-usage-cost{grid-column:2;min-width:0;text-align:left;display:flex;gap:8px;align-items:center;flex-wrap:wrap}html[data-theme] .customer-card-actions{align-items:stretch}html[data-theme] .customer-card-actions .btn{flex:1 1 160px;text-align:center}}

/* V0.12.6 — ügyfél fogyasztási részletek biztos navigáció */
html[data-theme] .usage-admin-detail{scroll-margin-top:96px;outline:none}
html[data-theme] .usage-admin-detail:target{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 14px 38px color-mix(in srgb,var(--accent) 9%,transparent)}
html[data-theme] .customer-card.usage-selected{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 7%,transparent)}


/* =========================================================
   HívásTárs system / DIDWW readability v0.12.12
   ========================================================= */
html[data-theme] .system-checks{
  gap:11px;
}
html[data-theme] .system-checks li{
  min-height:54px;
  grid-template-columns:38px minmax(0,1fr);
  gap:13px;
  padding:13px 15px;
  border-radius:13px;
}
html[data-theme] .system-checks li>i{
  width:38px;
  height:38px;
  border-radius:10px;
  font-size:13px;
  line-height:1;
}
html[data-theme] .system-checks li>span{
  color:var(--text);
  font-size:13px;
  line-height:1.5;
}

/* A telecom állapotok címe és magyarázata külön sorban jelenjen meg. */
html[data-theme] #telecom-provider .telecom-checks li>span{
  display:grid;
  gap:3px;
  min-width:0;
}
html[data-theme] #telecom-provider .telecom-checks b{
  font-size:13.5px;
  line-height:1.35;
  font-weight:780;
  color:var(--heading);
}
html[data-theme] #telecom-provider .telecom-checks small{
  display:block;
  font-size:12.5px;
  line-height:1.5;
  color:var(--muted);
}
html[data-theme] #telecom-provider .badge{
  font-size:12px;
  padding:7px 10px;
}
html[data-theme] #telecom-provider .field-help{
  margin-top:15px;
  font-size:12.5px;
  line-height:1.6;
  color:var(--muted);
}
html[data-theme] #telecom-provider .toolbar{
  margin-top:15px;
  gap:10px;
}
html[data-theme] #telecom-provider .toolbar .btn{
  min-height:42px;
  font-size:12.5px;
  font-weight:740;
}

/* Semleges alap – ne a régi halvány sárga szövegszín domináljon. */
html[data-theme] #telecom-provider .telecom-checks li{
  background:var(--panel2);
  border-color:var(--line);
  box-shadow:inset 4px 0 0 transparent;
}
html[data-theme] #telecom-provider .telecom-checks li>i{
  background:var(--soft-2);
  color:var(--text);
  border:1px solid var(--line);
}
html[data-theme] #telecom-provider .telecom-checks li.is-success{
  border-color:color-mix(in srgb,var(--accent) 32%,var(--line));
  box-shadow:inset 4px 0 0 var(--accent);
}
html[data-theme] #telecom-provider .telecom-checks li.is-success>i{
  background:color-mix(in srgb,var(--accent) 12%,var(--panel));
  border-color:color-mix(in srgb,var(--accent) 25%,var(--line));
  color:var(--accent);
}
html[data-theme] #telecom-provider .telecom-checks li.is-info{
  border-color:color-mix(in srgb,#4d9fc4 28%,var(--line));
  box-shadow:inset 4px 0 0 #4d9fc4;
}
html[data-theme] #telecom-provider .telecom-checks li.is-info>i{
  background:color-mix(in srgb,#4d9fc4 11%,var(--panel));
  border-color:color-mix(in srgb,#4d9fc4 24%,var(--line));
  color:color-mix(in srgb,#4d9fc4 82%,var(--text));
}
html[data-theme] #telecom-provider .telecom-checks li.is-warning{
  border-color:color-mix(in srgb,var(--warning) 35%,var(--line));
  box-shadow:inset 4px 0 0 var(--warning);
}
html[data-theme] #telecom-provider .telecom-checks li.is-warning>i{
  background:color-mix(in srgb,var(--warning) 12%,var(--panel));
  border-color:color-mix(in srgb,var(--warning) 26%,var(--line));
  color:var(--warning);
}
html[data-theme] #telecom-provider .telecom-checks li.is-danger{
  border-color:color-mix(in srgb,var(--danger) 36%,var(--line));
  box-shadow:inset 4px 0 0 var(--danger);
}
html[data-theme] #telecom-provider .telecom-checks li.is-danger>i{
  background:color-mix(in srgb,var(--danger) 11%,var(--panel));
  border-color:color-mix(in srgb,var(--danger) 26%,var(--line));
  color:var(--danger);
}
html[data-theme] #telecom-provider .telecom-checks li.is-neutral{
  box-shadow:inset 4px 0 0 color-mix(in srgb,var(--muted) 55%,transparent);
}

/* A Rendszer oldali figyelmeztetések is legyenek ténylegesen olvashatók. */
html[data-theme] body.app-page .system-checks:not(.telecom-checks) li{
  background:color-mix(in srgb,var(--warning) 7%,var(--panel));
  border-color:color-mix(in srgb,var(--warning) 23%,var(--line));
}
html[data-theme] body.app-page .system-checks:not(.telecom-checks) li>i{
  background:color-mix(in srgb,var(--warning) 11%,var(--panel));
  border:1px solid color-mix(in srgb,var(--warning) 25%,var(--line));
  color:var(--warning);
}
html[data-theme] body.app-page .system-checks:not(.telecom-checks) li>span{
  color:var(--text);
}

@media(max-width:700px){
  html[data-theme] .system-checks li{
    grid-template-columns:34px minmax(0,1fr);
    gap:11px;
    padding:12px;
  }
  html[data-theme] .system-checks li>i{width:34px;height:34px}
  html[data-theme] #telecom-provider .telecom-checks b{font-size:13px}
  html[data-theme] #telecom-provider .telecom-checks small{font-size:12px}
  html[data-theme] #telecom-provider .toolbar{display:grid;grid-template-columns:1fr}
  html[data-theme] #telecom-provider .toolbar form,
  html[data-theme] #telecom-provider .toolbar .btn{width:100%}
}

@media(min-width:1600px){
  html[data-theme] #telecom-provider .telecom-checks li{min-height:66px;padding:15px 17px}
  html[data-theme] #telecom-provider .telecom-checks b{font-size:14.5px}
  html[data-theme] #telecom-provider .telecom-checks small{font-size:13.5px}
}

/* HívásTárs V0.12.14 – production DID árak, KYC és aktiválási admin finomítás */
.telecom-price-cell{display:grid;gap:3px;align-content:start}
.telecom-huf-price{color:var(--accent)!important;font-weight:800}
.telecom-sku-tech{margin-top:5px;color:var(--muted);font-size:11px}
.telecom-sku-tech summary{cursor:pointer;font-weight:750;color:var(--muted)}
.telecom-sku-tech code{display:block;margin-top:6px}
.telecom-provider-summary>p{margin-bottom:8px}
.telecom-provider-summary>ul{margin:8px 0 0;padding-left:19px;display:grid;gap:5px;color:var(--text);font-size:12.5px;line-height:1.55}
.telecom-provider-original{margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--warning) 18%,var(--line))}
.telecom-provider-original summary{cursor:pointer;font-size:11.5px;font-weight:800;color:var(--muted)}
.telecom-provider-original pre{margin:8px 0 0;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font:inherit;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.activation-admin-badges{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.activation-admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.activation-admin-summary article{display:grid;gap:4px;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.activation-admin-summary span{font-size:10px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}
.activation-admin-summary strong{font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}
.activation-customer-preview{display:grid;gap:5px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.activation-customer-preview span{font-size:10px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;color:var(--accent)}
.activation-customer-preview strong{font-size:13px;line-height:1.5;font-weight:700}
.activation-admin-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
.activation-technical-details{border-top:1px solid var(--line);padding-top:11px}
.activation-technical-details summary{cursor:pointer;font-size:11.5px;font-weight:800;color:var(--muted)}
.activation-technical-details[open] summary{margin-bottom:12px;color:var(--text)}
.activation-technical-details input[readonly]{opacity:.78}
.activation-technical-details label small{display:block;margin-top:5px;color:var(--muted);font-size:10.5px;line-height:1.45}
html[data-theme="light"] .activation-admin-summary article{background:#f8fbf9}
html[data-theme="light"] .activation-customer-preview{background:#f0faf6}
html[data-theme="light"] .telecom-provider-original pre{background:#fffdf8;color:#46564f}
@media(max-width:1050px){.activation-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.activation-admin-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.activation-admin-badges{justify-content:flex-start}.activation-admin-summary,.activation-admin-controls{grid-template-columns:1fr}.telecom-provider-summary>ul{font-size:13px}.telecom-provider-original pre{font-size:12px}}

/* v0.12.15 – telefononként külön Sandbox / Production életciklus */
html[data-theme] .phone-setup-tab small{display:flex;align-items:center;gap:6px;min-width:0}
html[data-theme] .phone-tab-assistant{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme] .phone-env-chip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:999px;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.05em;line-height:1;text-transform:uppercase}
html[data-theme] .phone-env-chip.sandbox{background:color-mix(in srgb,#f59e0b 14%,var(--panel));color:color-mix(in srgb,#b45309 80%,var(--text));border:1px solid color-mix(in srgb,#f59e0b 28%,var(--line))}
html[data-theme] .phone-env-chip.production{background:color-mix(in srgb,#16a34a 12%,var(--panel));color:color-mix(in srgb,#15803d 80%,var(--text));border:1px solid color-mix(in srgb,#16a34a 26%,var(--line))}
html[data-theme] .phone-environment-bridge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:15px 0 4px;padding:16px 17px;border:1px solid color-mix(in srgb,#f59e0b 28%,var(--line));border-radius:16px;background:color-mix(in srgb,#f59e0b 6%,var(--panel))}
html[data-theme] .phone-environment-bridge.production-ready{border-color:color-mix(in srgb,#16a34a 28%,var(--line));background:color-mix(in srgb,#16a34a 5%,var(--panel))}
html[data-theme] .phone-environment-bridge-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-size:18px;font-weight:900;color:var(--accent)}
html[data-theme] .phone-environment-bridge-copy{display:grid;gap:3px;min-width:0}
html[data-theme] .phone-environment-bridge-copy .eyebrow{font-size:9.5px}
html[data-theme] .phone-environment-bridge-copy strong{font-size:14px;color:var(--heading)}
html[data-theme] .phone-environment-bridge-copy p{margin:0;max-width:900px;color:var(--muted);font-size:11.5px;line-height:1.6}
html[data-theme] .phone-environment-bridge-action{display:flex;align-items:center;justify-content:flex-end}
html[data-theme] .phone-environment-bridge-action form{margin:0}
@media(max-width:760px){
  html[data-theme] .phone-environment-bridge{grid-template-columns:auto 1fr;padding:15px}
  html[data-theme] .phone-environment-bridge-action{grid-column:1/-1;justify-content:stretch}
  html[data-theme] .phone-environment-bridge-action .btn,html[data-theme] .phone-environment-bridge-action form{width:100%}
  html[data-theme] .phone-environment-bridge-action form .btn{width:100%}
}


/* =========================================================
   HívásTárs Telefon varázsló v0.13.0
   Ügyfélbarát, mobile-first, állapotvezérelt folyamat.
   ========================================================= */
html[data-theme] .phone-guide-shell{
  display:grid;
  gap:16px;
  margin:0 0 18px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel));
  box-shadow:var(--panel-shadow);
  scroll-margin-top:18px;
}
html[data-theme] .phone-guide-intro{display:grid;gap:16px}
html[data-theme] .phone-guide-intro>div:first-child{display:grid;gap:7px}
html[data-theme] .phone-guide-intro h2{
  margin:0;
  font-size:clamp(22px,6vw,34px);
  line-height:1.08;
  letter-spacing:-.035em;
  color:var(--heading);
}
html[data-theme] .phone-guide-intro p{
  margin:0;
  max-width:820px;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}
html[data-theme] .phone-guide-overall{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:end;
  gap:2px 9px;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--soft);
}
html[data-theme] .phone-guide-overall strong{font-size:24px;line-height:1;color:var(--heading);letter-spacing:-.04em}
html[data-theme] .phone-guide-overall>span{font-size:10.5px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
html[data-theme] .phone-guide-overall .onboarding-progress{grid-column:1/-1;margin-top:8px}

html[data-theme] .phone-guide-layout{display:grid;gap:12px}
html[data-theme] .phone-guide-nav{
  display:flex;
  gap:9px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline proximity;
  padding:1px 1px 5px;
  scrollbar-width:thin;
}
html[data-theme] .phone-guide-step{
  position:relative;
  min-width:156px;
  min-height:78px;
  flex:0 0 156px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  padding:11px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--soft);
  color:var(--text);
  text-align:left;
  cursor:pointer;
  scroll-snap-align:start;
  transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease);
}
html[data-theme] .phone-guide-step:not(:disabled):hover{transform:translateY(-1px)}
html[data-theme] .phone-guide-step:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}
html[data-theme] .phone-guide-step:disabled{cursor:not-allowed;opacity:.62}
html[data-theme] .phone-guide-step-index{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;
  font-size:11px;font-weight:900;background:var(--panel);border:1px solid var(--line);
}
html[data-theme] .phone-guide-step-copy{display:grid;gap:3px;min-width:0}
html[data-theme] .phone-guide-step-copy b{font-size:11.5px;line-height:1.25;color:var(--heading)}
html[data-theme] .phone-guide-step-copy small{font-size:9.5px;line-height:1.3;color:var(--muted)}
html[data-theme] .phone-guide-step-state{
  width:22px;height:22px;border-radius:999px;display:grid;place-items:center;
  font-size:10px;font-weight:950;background:var(--panel);color:var(--muted);
}
html[data-theme] .phone-guide-step.is-done{
  border-color:color-mix(in srgb,var(--accent) 40%,var(--line));
  background:color-mix(in srgb,var(--accent) 7%,var(--panel));
}
html[data-theme] .phone-guide-step.is-done .phone-guide-step-index,
html[data-theme] .phone-guide-step.is-done .phone-guide-step-state{
  background:color-mix(in srgb,var(--accent) 16%,transparent);
  border-color:color-mix(in srgb,var(--accent) 25%,transparent);
  color:var(--accent);
}
html[data-theme] .phone-guide-step.is-done .phone-guide-step-copy small{color:var(--accent)}
html[data-theme] .phone-guide-step.is-action{
  border-color:color-mix(in srgb,var(--danger) 42%,var(--line));
  background:color-mix(in srgb,var(--danger) 5%,var(--panel));
}
html[data-theme] .phone-guide-step.is-action .phone-guide-step-index,
html[data-theme] .phone-guide-step.is-action .phone-guide-step-state{
  background:color-mix(in srgb,var(--danger) 13%,transparent);
  border-color:color-mix(in srgb,var(--danger) 24%,transparent);
  color:var(--danger);
}
html[data-theme] .phone-guide-step.is-action .phone-guide-step-copy small{color:var(--danger)}
html[data-theme] .phone-guide-step.is-current{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 19%,transparent),0 12px 28px rgba(0,0,0,.12);
}
html[data-theme] .phone-guide-step.is-action.is-current{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 20%,transparent),0 12px 28px rgba(0,0,0,.12);
}
html[data-theme] .phone-guide-step.is-locked{background:color-mix(in srgb,var(--soft) 70%,transparent)}

html[data-theme] .phone-guide-help{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:11px;
  align-items:start;
  padding:13px 14px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  border-radius:15px;
  background:color-mix(in srgb,var(--accent) 5%,var(--panel));
}
html[data-theme] .phone-guide-help-icon{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);
  font-size:12px;font-weight:950;
}
html[data-theme] .phone-guide-help>div{display:grid;gap:5px;min-width:0}
html[data-theme] .phone-guide-help>div>span{font-size:9px;font-weight:900;letter-spacing:.11em;color:var(--accent)}
html[data-theme] .phone-guide-help strong{font-size:12.5px;color:var(--heading)}
html[data-theme] .phone-guide-help p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.6}
html[data-theme] .phone-guide-help .btn{justify-self:start;margin-top:3px}
html[data-theme] .phone-guide-help-more{display:grid;gap:8px;margin-top:5px;padding-top:9px;border-top:1px solid var(--line)}
html[data-theme] .phone-guide-help-more[hidden]{display:none!important}

html[data-theme] .phone-guide-done-card{
  grid-template-columns:auto 1fr;
  gap:15px;
  align-items:start;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));
  border-radius:17px;
  background:color-mix(in srgb,var(--accent) 7%,var(--panel));
}
html[data-theme] .phone-guide-done-card[hidden]{display:none!important}
html[data-theme] .phone-guide-done-icon{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);
  font-size:19px;font-weight:950;
}
html[data-theme] .phone-guide-done-card>div:last-child{display:grid;gap:7px}
html[data-theme] .phone-guide-done-card h2{margin:0;font-size:clamp(20px,5vw,29px);color:var(--heading);letter-spacing:-.03em}
html[data-theme] .phone-guide-done-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
html[data-theme] .phone-guide-done-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}

html[data-theme] .phone-guide-actions{
  position:sticky;
  z-index:24;
  bottom:10px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  margin:14px 0 20px;
  padding:9px;
  border:1px solid var(--line);
  border-radius:16px;
  background:color-mix(in srgb,var(--panel) 92%,transparent);
  box-shadow:0 16px 42px rgba(0,0,0,.24);
  backdrop-filter:blur(16px);
}
html[data-theme] .phone-guide-actions[hidden]{display:none!important}
html[data-theme] .phone-guide-actions>span{
  text-align:center;
  color:var(--muted);
  font-size:10px;
  line-height:1.35;
}
html[data-theme] .phone-guide-actions .btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}

/* A régi technikai aktiválási összefoglaló megmarad a DOM-ban,
   de a vezetett ügyfélfolyamatban nem duplikáljuk. */
html.phone-guide-active[data-theme] [data-phone-guide-legacy][hidden]{display:none!important}
html.phone-guide-active[data-theme] [data-phone-guide-section][hidden],
html.phone-guide-active[data-theme] [data-phone-guide-segment][hidden],
html.phone-guide-active[data-theme] #azonositas>[hidden]{display:none!important}

/* A globális varázsló adja a haladást; az első lépés régi százalékkártyája
   nem terheli feleslegesen a felületet. */
html.phone-guide-active[data-theme] .phone-onboarding-top .phone-progress-card{display:none}
html.phone-guide-active[data-theme] .phone-onboarding-top{grid-template-columns:1fr}
html.phone-guide-active[data-theme] .phone-onboarding-top h2{font-size:clamp(22px,5vw,32px)}

/* A technikai azonosítók csak a kinyitható részletekben domináljanak. */
html.phone-guide-active[data-theme] .kyc-provider-write-head>div:first-child>p{max-width:820px}
html.phone-guide-active[data-theme] .kyc-provider-write-details summary{font-size:10.5px}

/* Tablet */
@media (min-width:760px){
  html[data-theme] .phone-guide-shell{padding:20px}
  html[data-theme] .phone-guide-intro{grid-template-columns:minmax(0,1fr) 210px;align-items:end}
  html[data-theme] .phone-guide-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
  html[data-theme] .phone-guide-step{min-width:0;width:100%;flex:auto}
  html[data-theme] .phone-guide-done-card{padding:22px}
}

/* Laptop / desktop */
@media (min-width:1080px){
  html[data-theme] .phone-guide-layout{grid-template-columns:minmax(0,2fr) minmax(260px,.75fr);align-items:start}
  html[data-theme] .phone-guide-help{position:sticky;top:78px}
  html[data-theme] .phone-guide-actions{bottom:14px}
}

/* Nagy kijelző / 4K: az olvasható sorhosszt megtartjuk. */
@media (min-width:1500px){
  html[data-theme] .phone-guide-nav{grid-template-columns:repeat(6,minmax(0,1fr))}
  html[data-theme] .phone-guide-step{min-height:88px}
  html[data-theme] .phone-guide-shell{max-width:1540px}
}

/* Kis mobil: a sticky vezérlő ne szorítsa ki a tartalmat. */
@media (max-width:520px){
  html[data-theme] .phone-guide-shell{padding:13px;border-radius:17px}
  html[data-theme] .phone-guide-step{min-width:145px;flex-basis:145px}
  html[data-theme] .phone-guide-actions{grid-template-columns:1fr 1fr;bottom:7px}
  html[data-theme] .phone-guide-actions>span{grid-column:1/-1;grid-row:1}
  html[data-theme] .phone-guide-actions .btn{min-height:44px;padding:11px 12px}
  html[data-theme] .phone-guide-done-card{grid-template-columns:1fr}
  html[data-theme] .phone-guide-done-actions{display:grid}
}

/* v0.14.0 – böngészős AI próba és előfizetési kapu */
.browser-trial-panel{margin-top:22px;padding:clamp(20px,3vw,32px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(20px,4vw,44px);align-items:stretch;overflow:hidden;position:relative}
.browser-trial-panel:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-160px;top:-220px;background:radial-gradient(circle,rgba(57,217,176,.13),transparent 68%);pointer-events:none}
.browser-trial-copy{align-self:center;position:relative;z-index:1}.browser-trial-copy h2{font-size:clamp(25px,3vw,38px);margin:7px 0 12px;letter-spacing:-.035em}.browser-trial-copy>p{color:var(--muted);line-height:1.7;max-width:660px;margin:0}
.browser-trial-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.browser-trial-facts span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:9px 11px;border-radius:11px;font-size:12px;font-weight:700}.browser-trial-facts i{font-style:normal;color:var(--accent)}
.browser-trial-console,.browser-trial-empty{border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:18px;position:relative;z-index:1}.browser-trial-empty{display:grid;align-content:center;gap:8px}.browser-trial-empty p{color:var(--muted);margin:0;line-height:1.6}
.browser-trial-meter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}.browser-trial-meter>div{border:1px solid var(--line);border-radius:12px;padding:11px 12px;display:grid;gap:4px}.browser-trial-meter span{font-size:11px;color:var(--muted)}.browser-trial-meter strong{font-size:14px}
.browser-trial-live{border-radius:15px;border:1px solid var(--line);padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;min-height:84px;background:rgba(0,0,0,.08)}.browser-trial-live>div:nth-child(2){display:grid;gap:4px}.browser-trial-live strong{font-size:14px}.browser-trial-live span{font-size:11px;color:var(--muted);line-height:1.45}.browser-trial-live time{font-variant-numeric:tabular-nums;font-weight:800;font-size:14px}
.browser-trial-orb{width:43px;height:43px;border-radius:50%;display:flex;justify-content:center;align-items:center;gap:2px;background:rgba(57,217,176,.08);border:1px solid rgba(57,217,176,.18)}.browser-trial-orb i{width:2px;height:10px;border-radius:999px;background:var(--accent);opacity:.55;transform-origin:center}.browser-trial-live[data-trial-live-state="connecting"] .browser-trial-orb i,.browser-trial-live[data-trial-live-state="active"] .browser-trial-orb i{animation:trialWave .9s ease-in-out infinite alternate}.browser-trial-orb i:nth-child(2){animation-delay:.14s!important;height:17px}.browser-trial-orb i:nth-child(3){animation-delay:.26s!important;height:13px}.browser-trial-orb i:nth-child(4){animation-delay:.38s!important;height:8px}@keyframes trialWave{from{transform:scaleY(.45);opacity:.45}to{transform:scaleY(1.35);opacity:1}}
.browser-trial-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.browser-trial-actions .btn{min-height:44px}.btn.danger{background:rgba(255,107,120,.12);border:1px solid rgba(255,107,120,.3);color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.browser-trial-privacy{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:11px;line-height:1.55;margin:13px 2px 0}.browser-trial-privacy i{font-style:normal;width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:rgba(57,217,176,.08);color:var(--accent);font-weight:800;flex:0 0 auto}

.subscription-page-head{align-items:flex-start}.subscription-trial-explainer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.subscription-trial-explainer>div{border:1px solid var(--line);border-radius:15px;padding:15px;background:rgba(255,255,255,.018);display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:3px}.subscription-trial-explainer i{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-style:normal;background:rgba(255,255,255,.045);font-size:11px;font-weight:900}.subscription-trial-explainer strong{font-size:13px}.subscription-trial-explainer span{font-size:11px;color:var(--muted);line-height:1.4}.subscription-trial-explainer .is-current{border-color:rgba(57,217,176,.35);background:rgba(57,217,176,.055)}.subscription-trial-explainer .is-current i{background:rgba(57,217,176,.13);color:var(--accent)}
.subscription-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.subscription-plan-card{padding:20px;display:flex;flex-direction:column;gap:14px;transition:.2s var(--ease)}.subscription-plan-card.is-selected{border-color:rgba(57,217,176,.42);box-shadow:0 0 0 1px rgba(57,217,176,.08) inset}.subscription-plan-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.subscription-plan-top h2{margin:3px 0 0;font-size:23px}.subscription-plan-card>p{color:var(--muted);line-height:1.6;margin:0;min-height:50px}.subscription-plan-price{display:flex;align-items:baseline;gap:7px}.subscription-plan-price strong{font-size:clamp(24px,3vw,34px);letter-spacing:-.04em}.subscription-plan-price span{font-size:11px;color:var(--muted)}.subscription-plan-features{list-style:none;padding:0;margin:0;display:grid;gap:9px;flex:1}.subscription-plan-features li{display:flex;gap:8px;font-size:12px;line-height:1.45}.subscription-plan-features i{font-style:normal;color:var(--accent);font-weight:900}
.subscription-payment-gate,.subscription-status-card{margin-top:16px;padding:20px;display:flex;align-items:center;gap:18px}.subscription-payment-gate>div:first-child,.subscription-status-card>div:nth-child(2){flex:1}.subscription-payment-gate h2,.subscription-status-card h2{margin:5px 0 7px}.subscription-payment-gate p,.subscription-status-card p{margin:0;color:var(--muted);line-height:1.65}.subscription-payment-lock{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:12px 14px;border-radius:12px;white-space:nowrap;font-size:12px;font-weight:750}.subscription-payment-lock i{font-style:normal;color:var(--warning)}.subscription-status-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(57,217,176,.1);color:var(--accent);font-size:22px;font-weight:900;flex:0 0 auto}
.phone-subscription-gate{border:1px solid rgba(57,217,176,.22);border-radius:15px;background:rgba(57,217,176,.045);padding:15px;display:flex;align-items:center;gap:14px;margin-top:13px}.phone-subscription-gate>div{flex:1}.phone-subscription-gate strong{display:block;margin-bottom:4px}.phone-subscription-gate span{color:var(--muted);font-size:12px;line-height:1.5}

@media(max-width:980px){.browser-trial-panel{grid-template-columns:1fr}.subscription-plan-grid{grid-template-columns:1fr}.subscription-trial-explainer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.browser-trial-panel{padding:18px 14px}.browser-trial-meter{grid-template-columns:1fr}.browser-trial-live{grid-template-columns:auto 1fr}.browser-trial-live time{grid-column:2}.browser-trial-actions{display:grid}.browser-trial-actions .btn{width:100%}.subscription-trial-explainer{grid-template-columns:1fr}.subscription-payment-gate,.subscription-status-card,.phone-subscription-gate{align-items:stretch;flex-direction:column}.subscription-payment-gate .btn,.subscription-status-card .btn,.phone-subscription-gate .btn{width:100%}.subscription-payment-lock{white-space:normal;width:100%}}

/* v0.14.0 – fizetési állapot és Telefon előfizetési előfeltétel */
.subscription-status-actions,
.phone-subscription-prerequisite-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  align-items:center;
}
.subscription-payment-gate.is-ready{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:color-mix(in srgb,var(--accent) 4%,var(--panel));
}
.subscription-payment-gate.is-ready .subscription-payment-lock{
  border-color:color-mix(in srgb,var(--accent) 24%,var(--line));
}
.subscription-payment-gate.is-ready .subscription-payment-lock i{color:var(--accent)}

.phone-subscription-prerequisite{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:clamp(16px,2vw,22px);
  margin:14px 0;
  border:1px solid color-mix(in srgb,var(--warning) 30%,var(--line));
  border-radius:16px;
  background:color-mix(in srgb,var(--warning) 5%,var(--panel));
}
.phone-subscription-prerequisite-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  font-size:17px;
  font-weight:950;
  color:var(--warning);
  background:color-mix(in srgb,var(--warning) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--warning) 18%,transparent);
}
.phone-subscription-prerequisite>div:last-child{display:grid;gap:8px;min-width:0}
.phone-subscription-prerequisite h3{margin:0;color:var(--heading);font-size:clamp(17px,2vw,21px)}
.phone-subscription-prerequisite p{margin:0;color:var(--muted);line-height:1.65;max-width:820px}
.phone-subscription-prerequisite-actions{margin-top:3px}

@media(max-width:640px){
  .subscription-status-actions,
  .phone-subscription-prerequisite-actions{display:grid;width:100%}
  .subscription-status-actions .btn,
  .phone-subscription-prerequisite-actions .btn{width:100%}
  .phone-subscription-prerequisite{grid-template-columns:1fr}
}


/* ==========================================================================
   V0.14.1 – jogi oldalak, regisztrációs hozzájárulás
   ========================================================================== */
.legal-hero{padding-bottom:clamp(24px,3vw,40px)}
.legal-hero h1{font-size:clamp(34px,5vw,64px)}
.legal-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--copy-2);margin-bottom:18px}
.legal-crumbs a{color:var(--copy);text-decoration:none}
.legal-crumbs a:hover{color:var(--ink);text-decoration:underline}
.legal-meta{color:var(--copy-2);font-size:14px;margin:0}
.legal-layout{display:grid;gap:clamp(20px,3vw,48px);padding-bottom:clamp(60px,7vw,110px);align-items:start}
.legal-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.legal-nav::-webkit-scrollbar{display:none}
.legal-nav a{flex:0 0 auto;padding:10px 16px;border:1px solid var(--stroke);border-radius:999px;background:var(--card);color:var(--copy);font-size:14px;font-weight:650;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.legal-nav a:hover{color:var(--ink);border-color:#bfcac2}
.legal-nav a.active{background:var(--ink);border-color:var(--ink);color:#fff}
.legal-doc{min-width:0;max-width:78ch;color:var(--copy);font-size:16px;line-height:1.75}
.legal-doc h2{color:var(--ink);font-size:clamp(20px,2vw,26px);line-height:1.25;letter-spacing:-.02em;margin:2.2em 0 .6em;scroll-margin-top:96px}
.legal-doc p,.legal-doc li{overflow-wrap:anywhere}
.legal-doc a{color:#17614f;text-underline-offset:3px}
.legal-doc ul{padding-left:1.2em}
.legal-doc li{margin:.45em 0}
.legal-doc code{font-size:.9em;background:var(--paper-2);padding:.1em .4em;border-radius:6px}
.legal-lead{font-size:clamp(16px,1.3vw,18px);color:var(--ink-2);background:var(--card);border:1px solid var(--stroke);border-left:4px solid var(--accent-public);border-radius:14px;padding:18px 20px;margin:0 0 8px}
.legal-toc{border:1px solid var(--stroke);border-radius:16px;padding:16px 20px;margin:24px 0 8px;background:var(--card)}
.legal-toc strong{color:var(--ink);font-size:14px}
.legal-toc ol{margin:10px 0 0;padding-left:1.3em;columns:1;font-size:15px}
.legal-toc li{break-inside:avoid;margin:.3em 0}
.legal-facts{display:grid;gap:0;margin:0;border:1px solid var(--stroke);border-radius:16px;overflow:hidden;background:var(--card)}
.legal-facts div{display:grid;gap:2px;padding:12px 18px;border-bottom:1px solid var(--stroke)}
.legal-facts div:last-child{border-bottom:0}
.legal-facts dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--copy-2)}
.legal-facts dd{margin:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.legal-table-wrap{margin:14px 0;border:1px solid var(--stroke);border-radius:16px;background:var(--card)}
.legal-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55}
.legal-table th{background:var(--paper-2);color:var(--ink);text-align:left;font-size:13px}
.legal-table th,.legal-table td{padding:12px 14px;border-bottom:1px solid var(--stroke);vertical-align:top}
.legal-table tr:last-child td{border-bottom:0}
/* Mobilon a táblázat kártyákká alakul – nincs vízszintes görgetés */
@media (max-width:720px){
  .legal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .legal-table,.legal-table tbody,.legal-table tr,.legal-table td{display:block;width:100%}
  .legal-table tr{padding:10px 0;border-bottom:1px solid var(--stroke)}
  .legal-table tr:last-child{border-bottom:0}
  .legal-table td{border:0;padding:4px 16px;display:grid;grid-template-columns:minmax(92px,32%) 1fr;gap:10px}
  .legal-table td::before{content:attr(data-label);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--copy-2);padding-top:3px}
}
.legal-missing{background:#fff1c7;color:#6b4a00;border-radius:6px;padding:.05em .4em;font-weight:700}
.legal-draft-note{background:#fff8e3;border:1px solid #f0d78c;color:#5d4704;border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.6;margin-bottom:22px}
@media (min-width:980px){
  .legal-layout{grid-template-columns:220px minmax(0,1fr)}
  .legal-nav{flex-direction:column;position:sticky;top:100px;overflow:visible}
  .legal-nav a{border-radius:12px}
  .legal-toc ol{columns:2;column-gap:32px}
  .legal-facts div{grid-template-columns:220px 1fr;align-items:baseline}
}
.footer-legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.footer-legal a{color:inherit;text-decoration:none;font-size:12px;padding:6px 0}
.footer-legal a:hover{color:#14251f;text-decoration:underline}
.footer-bottom{font-size:12px;align-items:center}
@media (min-width:720px){.footer-bottom{display:flex;justify-content:space-between}}

/* Regisztráció: hozzájárulás */
.auth-page label.consent-check{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;margin:18px 0 16px;padding:14px 16px;border:1px solid #dfe5df;border-radius:14px;background:#f8faf7;color:#3f4f48;font-size:13px;font-weight:500;line-height:1.55;cursor:pointer}
.auth-page label.consent-check input{-webkit-appearance:checkbox;appearance:auto;width:20px;height:20px;min-height:0;margin:1px 0 0;padding:0;border:0;box-shadow:none;background:#fff;accent-color:#1d7f66;cursor:pointer}
.auth-page label.consent-check a{color:#17614f;font-weight:700;text-underline-offset:2px}
.auth-page label.consent-check:focus-within{border-color:#65ad89;box-shadow:0 0 0 3px rgba(77,185,133,.14)}
.auth-reassure{text-align:center;font-size:13px;color:#61716a;margin:12px 0 0}

/* ==========================================================================
   V0.14.1 – reszponzív javítások (320 px-től 4K-ig)
   ========================================================================== */
/* Hosszú magyar összetett szavak ne lógjanak ki kis kijelzőn */
h1,h2,h3,.lead,.kicker{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.btn,.nav-actions,.brand,.kicker{-webkit-hyphens:manual;hyphens:manual}
@media (max-width:380px){
  .hero-v2-copy h1,.page-hero h1{font-size:clamp(28px,9.2vw,40px);letter-spacing:-.05em}
  .public-v2 h2{font-size:clamp(26px,8.6vw,34px)}
  .kicker{letter-spacing:.14em}
}

/* --- Vezérlőpult: mobil lépéskártyák (Telefon varázsló) --- */
@media (max-width:759px){
  html[data-theme] .phone-guide-step{min-width:176px;flex-basis:176px;grid-template-columns:auto minmax(0,1fr);min-height:70px;padding:11px 12px}
  html[data-theme] .phone-guide-step-state{display:none}
  html[data-theme] .phone-guide-step-copy b{font-size:13px;-webkit-hyphens:manual;hyphens:manual;word-break:normal;overflow-wrap:normal}
  html[data-theme] .phone-guide-step-copy small{font-size:11.5px}
  html[data-theme] .phone-guide-nav{scroll-padding-inline:2px;margin-inline:-2px;padding-inline:2px}
}
/* Olvashatóság: 10 px alatti mikroszövegek emelése a varázslóban */
html[data-theme] .phone-guide-help>div>span{font-size:11px}
html[data-theme] .phone-guide-help strong{font-size:14px}
html[data-theme] .phone-guide-help p,html[data-theme] .phone-guide-done-card p{font-size:13px}
@media (min-width:760px){
  html[data-theme] .phone-guide-step-copy b{font-size:12.5px}
  html[data-theme] .phone-guide-step-copy small{font-size:11px}
}

/* --- Lépésváltó sáv: kompakt, egyértelmű státusz --- */
html[data-theme] .phone-guide-actions>span{font-size:12.5px;font-weight:650}
html[data-theme] .phone-guide-actions>span.is-pending{color:var(--warning)}
@media (max-width:520px){
  html[data-theme] .phone-guide-actions{grid-template-columns:auto minmax(0,1fr);gap:6px 8px;padding:8px;border-radius:14px}
  html[data-theme] .phone-guide-actions>span{grid-column:1/-1;grid-row:1;font-size:12px;line-height:1.3;padding:0 4px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html[data-theme] .phone-guide-actions .btn{min-height:44px;padding:10px 14px}
  html[data-theme] .phone-guide-actions [data-guide-prev]{padding-inline:12px}
}

/* --- Mentősávok ne takarják ki az utolsó mezőket --- */
.app-page main,.app-page .content{scroll-padding-bottom:110px}
html[data-theme] form:has(>.profile-savebar),html[data-theme] form:has(.profile-savebar){padding-bottom:4px}
@media (max-width:760px){
  html[data-theme] .profile-savebar{padding:8px;border-radius:14px}
  html[data-theme] .profile-savebar .btn{min-height:46px}
}

/* --- Fekvő telefon / alacsony kijelző: fejléc és sávok ne egyék meg a képernyőt --- */
@media (max-height:520px) and (orientation:landscape){
  .topbar{position:relative;height:56px}
  html[data-theme] .phone-guide-actions,html[data-theme] .profile-savebar{position:static;box-shadow:none;margin-top:14px}
  html[data-theme] .phone-guide-help{position:static}
}

/* --- KPI kártyák: mobilon 2×2 rács, kompaktabb --- */
@media (max-width:760px){
  html[data-theme] .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  html[data-theme] .metric-grid article{min-height:0;padding:14px;gap:4px}
  html[data-theme] .metric-grid strong{font-size:24px}
  html[data-theme] .metric-grid span,html[data-theme] .metric-grid small{font-size:11px}
}
@media (max-width:340px){html[data-theme] .metric-grid{grid-template-columns:1fr}}

/* --- Vezérlőpult: asztali nézetben nincs „bezárás” gomb az állandó oldalsávon --- */
@media (min-width:961px){html[data-theme] .sidebar-close{display:none}}

/* --- Áttekintés: „Következő lépés” kártya --- */
html[data-theme] .onboarding-next .onboarding-copy h2{margin:10px 0 8px}
html[data-theme] .onboarding-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:18px 0 22px}
html[data-theme] .onboarding-cta .btn{min-height:48px;padding-inline:22px}
html[data-theme] .onboarding-cta small{color:var(--muted);font-size:13px}
html[data-theme] ol.onboarding-steps{list-style:none;margin:0;padding:0}
html[data-theme] ol.onboarding-steps>li{display:contents}
html[data-theme] .onboarding-step.is-next{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}
html[data-theme] .onboarding-step.is-next small{color:var(--accent);font-weight:700}
html[data-theme] .onboarding-step:not(.done):not(.is-next){opacity:.78}
html[data-theme] .help-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:18px 22px;margin-top:16px}
html[data-theme] .help-strip>div:first-child{display:grid;gap:4px;max-width:720px}
html[data-theme] .help-strip span{color:var(--muted);font-size:14px;line-height:1.55}
html[data-theme] .help-aside-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
html[data-theme] .help-aside .muted-center{margin:8px 0 16px}
@media (max-width:760px){
  html[data-theme] .onboarding-steps{grid-template-columns:1fr!important;gap:8px}
  html[data-theme] .onboarding-cta .btn{width:100%}
  html[data-theme] .onboarding-cta small{width:100%;text-align:center}
  html[data-theme] .help-strip{padding:16px}
  html[data-theme] .help-aside-actions{width:100%}
  html[data-theme] .help-aside-actions .btn{flex:1 1 140px}
}

/* --- Telefon oldal: lenyitható hangfelvétel-blokk --- */
html[data-theme] .recording-disclosure{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
html[data-theme] .recording-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;cursor:pointer;min-height:56px}
html[data-theme] .recording-disclosure>summary::-webkit-details-marker{display:none}
html[data-theme] .recording-disclosure>summary span{display:grid;gap:3px}
html[data-theme] .recording-disclosure>summary b{color:var(--heading);font-size:15px}
html[data-theme] .recording-disclosure>summary small{color:var(--muted);font-size:13px}
html[data-theme] .recording-disclosure>summary i{font-style:normal;font-size:20px;color:var(--muted);transition:transform .2s var(--ease)}
html[data-theme] .recording-disclosure[open]>summary i{transform:rotate(180deg)}
html[data-theme] .recording-disclosure>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px;border-radius:18px}
html[data-theme] .recording-disclosure>.recording-grid{padding:0 14px 14px;margin:0}

/* --- AI recepciós: iparági sablonválasztó --- */
html[data-theme] .template-picker{padding:clamp(18px,2vw,26px);margin-bottom:18px;border-color:color-mix(in srgb,var(--accent) 22%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel))}
html[data-theme] .template-picker-head h2{margin:8px 0 6px;font-size:clamp(20px,2.2vw,28px);color:var(--heading);letter-spacing:-.02em}
html[data-theme] .template-picker-head p{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.6;max-width:760px}
html[data-theme] .template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-theme] .template-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center;text-align:left;padding:12px;min-height:64px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--text);cursor:pointer;font:inherit;transition:border-color .18s var(--ease),transform .18s var(--ease),background .18s var(--ease)}
html[data-theme] .template-card i{grid-row:1/3;font-style:normal;font-size:22px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--panel)}
html[data-theme] .template-card b{font-size:14px;color:var(--heading);line-height:1.25}
html[data-theme] .template-card small{font-size:12px;color:var(--muted);line-height:1.3}
html[data-theme] .template-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-1px)}
html[data-theme] .template-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px}
html[data-theme] .template-card.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
html[data-theme] .template-card.is-armed{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--panel))}
html[data-theme] .template-status{margin:14px 0 0;font-size:13.5px;color:var(--accent);font-weight:650}
@media (min-width:760px){html[data-theme] .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1500px){html[data-theme] .template-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:360px){html[data-theme] .template-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html[data-theme] .template-card{transition:none}html[data-theme] .template-card:hover{transform:none}}

/* --- Főoldal: kalkulátor --- */
.loss-calc{display:grid;gap:clamp(24px,4vw,64px);align-items:center}
.loss-calc-copy h2{color:var(--ink);font-size:clamp(30px,4vw,56px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 18px}
.loss-calc-copy p{color:var(--copy);font-size:clamp(16px,1.25vw,19px);line-height:1.7;margin:0 0 12px;max-width:620px}
.loss-calc-copy .loss-calc-note{font-size:13px;color:var(--copy-2)}
.loss-calc-card{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:clamp(18px,2.4vw,30px);background:#fff;border:1px solid var(--stroke);border-radius:24px;box-shadow:0 26px 60px rgba(20,37,31,.07)}
.loss-calc-card label{display:grid;gap:7px;color:var(--ink-2);font-size:13px;font-weight:700;padding:0;border:0;background:none;margin:0}
.loss-calc-card input{background:#f8faf7;border:1px solid #d9dfd9;color:var(--ink);border-radius:12px;padding:12px 13px;font-size:17px;font-weight:700;min-height:48px}
.loss-calc-card input:focus{border-color:#65ad89;box-shadow:0 0 0 3px rgba(77,185,133,.14);outline:0}
.loss-calc-result{grid-column:1/-1;display:grid;gap:4px;padding:18px 20px;border-radius:18px;background:var(--ink);color:#fff}
.loss-calc-result span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a9c7ba}
.loss-calc-result output{font-size:clamp(30px,4vw,44px);font-weight:850;letter-spacing:-.04em;line-height:1.1}
.loss-calc-result small{font-size:13px;color:#c9dcd3;line-height:1.5}
.loss-calc-card .btn{grid-column:1/-1;min-height:50px}
@media (min-width:980px){.loss-calc{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}}
@media (max-width:420px){.loss-calc-card{grid-template-columns:1fr}}
@media (max-width:559px){
  html[data-theme] .template-grid{grid-template-columns:1fr;gap:8px}
  html[data-theme] .template-card{min-height:56px;padding:10px 12px}
  html[data-theme] .template-card i{width:34px;height:34px;font-size:19px}
}
html[data-theme] .template-card b,html[data-theme] .template-card small{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal}
html[data-theme] .template-disclosure{margin-bottom:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
html[data-theme] .template-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;min-height:56px;cursor:pointer}
html[data-theme] .template-disclosure>summary::-webkit-details-marker{display:none}
html[data-theme] .template-disclosure>summary span{display:grid;gap:3px}
html[data-theme] .template-disclosure>summary b{color:var(--heading);font-size:15px}
html[data-theme] .template-disclosure>summary small{color:var(--muted);font-size:13px}
html[data-theme] .template-disclosure>summary i{font-style:normal;font-size:20px;color:var(--muted);transition:transform .2s var(--ease)}
html[data-theme] .template-disclosure[open]>summary i{transform:rotate(180deg)}
html[data-theme] .template-disclosure>.template-picker{margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 18px 18px}

/* ==========================================================================
   V0.15.0 – Telefon: kérdésenkénti kitöltés, élő hívás-előnézet, emberi súgó
   ========================================================================== */
html[data-theme] .phone-setup-form.is-stepwise [data-phone-step][hidden]{display:none!important}
html[data-theme] .phone-q-pills{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;scroll-margin-top:90px}
html[data-theme] .phone-q-pills button{width:100%;display:flex;align-items:center;gap:8px;padding:9px 10px;min-height:46px;border:1px solid var(--line);border-radius:13px;background:var(--soft);color:var(--muted);font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease)}
html[data-theme] .phone-q-pills button i{flex:0 0 26px;height:26px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:12px;background:var(--panel);border:1px solid var(--line)}
html[data-theme] .phone-q-pills button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme] .phone-q-pills button.is-done{color:var(--text)}
html[data-theme] .phone-q-pills button.is-done i{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
html[data-theme] .phone-q-pills button.is-current{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--heading)}
html[data-theme] .phone-q-pills button.is-current i{background:var(--accent);color:#041015;border-color:transparent}
html[data-theme] .phone-q-pills button:disabled{opacity:.5;cursor:not-allowed}
html[data-theme] .phone-q-pills button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px}
html[data-theme] .phone-setup-form.is-stepwise .is-current-q{animation:qIn .32s var(--ease)}
@keyframes qIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html[data-theme] .phone-setup-form.is-stepwise .is-current-q{animation:none}}
html[data-theme] .phone-step-head strong:focus{outline:none}
html[data-theme] .phone-q-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
html[data-theme] .phone-q-nav .btn{min-height:46px}
html[data-theme] .phone-q-nav .btn.primary{margin-left:auto}
html[data-theme] .phone-q-nav.is-review{border-top:0;padding-top:0;margin-top:6px}
html[data-theme] .phone-summary>div.is-editable{cursor:pointer;border-radius:12px;transition:background .15s}
html[data-theme] .phone-summary>div.is-editable:hover,html[data-theme] .phone-summary>div.is-editable:focus-visible{background:color-mix(in srgb,var(--accent) 7%,transparent);outline:none}
html[data-theme] .phone-summary>div.is-editable strong::after{content:" ✎";font-size:.85em;color:var(--muted);font-weight:500}
@media (max-width:640px){
  html[data-theme] .phone-q-pills{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  html[data-theme] .phone-q-pills button{flex-direction:column;justify-content:center;gap:4px;padding:8px 4px;font-size:11px;text-align:center}
  html[data-theme] .phone-q-pills button span{white-space:normal;line-height:1.2}
  html[data-theme] .phone-q-nav{position:sticky;bottom:8px;z-index:6;padding:10px;margin-top:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(14px);box-shadow:0 12px 32px rgba(0,0,0,.22)}
  html[data-theme] .phone-q-nav.is-review{position:static;box-shadow:none;border:0;background:none;padding:0}
  html[data-theme] .phone-q-nav .btn{flex:1}
  html[data-theme] .phone-q-nav .btn.ghost{flex:0 0 auto}
}

/* Élő hívás-előnézet */
html[data-theme] .call-preview{margin:16px 0;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel))}
html[data-theme] .phone-setup-form>.call-preview{margin-top:14px}
html[data-theme] .call-preview-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
html[data-theme] .call-preview-head b{display:block;color:var(--heading);font-size:15px}
html[data-theme] .call-preview-head small{color:var(--muted);font-size:12.5px}
html[data-theme] .call-preview-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent);animation:pvPulse 2s infinite}
@keyframes pvPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 50%,transparent)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){html[data-theme] .call-preview-dot{animation:none}}
html[data-theme] .call-preview-flow{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
html[data-theme] .call-preview-flow>li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:8px 0;position:relative}
html[data-theme] .call-preview-flow>li:not(.call-preview-branch):not(:last-child)::after{content:"";position:absolute;left:17px;top:44px;bottom:-8px;width:2px;background:color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:2px}
html[data-theme] .call-preview-flow>li>i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:17px;background:var(--soft);border:1px solid var(--line)}
html[data-theme] .call-preview-flow>li>div{display:grid;gap:3px;padding-top:2px;min-width:0}
html[data-theme] .call-preview-flow b{color:var(--heading);font-size:14px;line-height:1.35}
html[data-theme] .call-preview-flow small{color:var(--muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
html[data-theme] .call-preview-flow>li.is-ai>i{background:color-mix(in srgb,var(--accent) 18%,var(--panel));border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
html[data-theme] .call-preview-flow>li.is-ai small{color:var(--text);font-style:italic;background:var(--soft);border:1px solid var(--line);border-radius:4px 14px 14px 14px;padding:9px 12px;margin-top:4px}
html[data-theme] .call-preview-flow>li.is-missing small{font-style:normal;color:var(--warning);background:none;border:0;padding:0}
html[data-theme] .call-preview-branch{display:block!important;padding:6px 0 6px 48px!important;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}

/* Lépés-súgó: idő, mire lesz szükség, jelmagyarázat */
html[data-theme] .phone-guide-time{margin:2px 0 0!important;font-size:13px!important;color:var(--text)!important;font-weight:650}
html[data-theme] .phone-guide-needs{margin-top:6px;padding:10px 12px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}
html[data-theme] .phone-guide-needs[hidden]{display:none}
html[data-theme] .phone-guide-needs b{font-size:12.5px;color:var(--heading)}
html[data-theme] .phone-guide-needs ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px}
html[data-theme] .phone-guide-needs li{font-size:13px;line-height:1.5;color:var(--muted)}
html[data-theme] .phone-guide-help-more a{color:var(--accent);font-weight:700}
html[data-theme] .legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:-1px;margin-right:2px}
html[data-theme] .legend-dot.done{background:var(--accent)}
html[data-theme] .legend-dot.action{background:var(--danger)}
html[data-theme] .legend-dot.locked{background:color-mix(in srgb,var(--muted) 60%,transparent)}

/* Mezőszintű „?” segítség */
html[data-theme] .field-help-btn{display:inline-grid;place-items:center;width:22px;height:22px;min-height:0;margin:0 0 0 7px;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font:800 12px/1 Inter,system-ui,sans-serif;vertical-align:1px;cursor:pointer;flex:0 0 auto;transition:background .15s,transform .15s}
html[data-theme] .field-help-btn::before{content:"";position:absolute;inset:-11px}
html[data-theme] .field-help-btn{position:relative}
html[data-theme] .field-help-btn:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}
html[data-theme] .field-help-btn[aria-expanded="true"]{background:var(--accent);color:#041015}
html[data-theme] .field-help-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}
html[data-theme] .field-help-panel{position:relative;margin:8px 0 2px;padding:11px 13px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel));font-weight:500;cursor:default;animation:fhIn .18s var(--ease);grid-column:1/-1}
html[data-theme] .field-help-panel[hidden]{display:none}
html[data-theme] .field-help-panel b{display:block;font-size:13px;color:var(--heading);margin-bottom:3px}
html[data-theme] .field-help-panel p{margin:0;font-size:13px;line-height:1.55;color:var(--text)}
html[data-theme] .field-help-panel .field-help-example{margin-top:6px;color:var(--muted)}
html[data-theme] .field-help-panel code{font:600 12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--heading);overflow-wrap:anywhere}
@keyframes fhIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html[data-theme] .field-help-panel{animation:none}}
html[data-theme] .field-label-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 6px}
html[data-theme] .field-label-row .field-help-btn{margin-left:2px}
@media (max-width:640px){html[data-theme] .phone-q-pills button i{flex:none;width:26px}}

/* Súgó: gyors linkek, GYIK, kisszótár, táblázat */
html[data-theme] .help-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 6px}
html[data-theme] .help-quick strong{font-size:13px;color:var(--muted);margin-right:4px}
html[data-theme] .help-quick a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:13.5px;font-weight:650;text-decoration:none;transition:border-color .15s}
html[data-theme] .help-quick a:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
html[data-theme] .help-faq-list details>div p{margin:0 0 6px}
html[data-theme] .help-faq-link{display:inline-block;margin-top:4px;color:var(--accent);font-weight:700;font-size:13.5px;text-decoration:none}
html[data-theme] .help-faq-link:hover{text-decoration:underline}
html[data-theme] .help-glossary{display:grid;gap:0;margin:12px 0 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
html[data-theme] .help-glossary div{display:grid;gap:4px;padding:13px 16px;border-bottom:1px solid var(--line)}
html[data-theme] .help-glossary div:last-child{border-bottom:0}
html[data-theme] .help-glossary dt{font-weight:800;color:var(--heading);font-size:14.5px}
html[data-theme] .help-glossary dd{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
@media (min-width:760px){html[data-theme] .help-glossary div{grid-template-columns:220px 1fr;align-items:baseline}}
html[data-theme] .help-table-wrap{margin:14px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
html[data-theme] .help-table{width:100%;border-collapse:collapse;font-size:14px}
html[data-theme] .help-table th{background:var(--soft);color:var(--heading);text-align:left;font-size:13px;padding:11px 14px}
html[data-theme] .help-table td{padding:12px 14px;border-top:1px solid var(--line);color:var(--text);vertical-align:top;line-height:1.5}
html[data-theme] .help-table code{font:700 14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:3px 8px;white-space:nowrap;user-select:all}
@media (max-width:720px){
  html[data-theme] .help-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  html[data-theme] .help-table,html[data-theme] .help-table tbody,html[data-theme] .help-table tr,html[data-theme] .help-table td{display:block;width:100%}
  html[data-theme] .help-table tr{padding:8px 0;border-top:1px solid var(--line)}
  html[data-theme] .help-table tr:first-child{border-top:0}
  html[data-theme] .help-table td{border:0;padding:4px 14px;display:grid;grid-template-columns:96px 1fr;gap:10px}
  html[data-theme] .help-table td::before{content:attr(data-label);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding-top:3px}
}
html[data-theme] .phone-help-link{display:inline-block;margin-top:6px;color:var(--accent);font-weight:700;font-size:13px;text-decoration:none}
html[data-theme] .phone-help-link:hover{text-decoration:underline}
/* „Mire lesz szükséged?” a lépéskártyák alatt */
html[data-theme] .phone-guide-layout>.phone-guide-needs{margin:0;padding:14px 16px;border-radius:15px}
html[data-theme] .phone-guide-layout>.phone-guide-needs ul{grid-template-columns:1fr;gap:6px 18px}
@media (min-width:760px){html[data-theme] .phone-guide-layout>.phone-guide-needs ul{grid-template-columns:1fr 1fr}}
@media (min-width:1080px){
  html[data-theme] .phone-guide-layout>.phone-guide-nav{grid-column:1;grid-row:1}
  html[data-theme] .phone-guide-layout>.phone-guide-needs{grid-column:1;grid-row:2;align-self:start}
  html[data-theme] .phone-guide-layout>.phone-guide-help{grid-column:2;grid-row:1 / span 2}
}
/* A kinyitott súgó ne nyújtsa meg a szomszédos mezőt a kétoszlopos űrlapokon */
html[data-theme] .app-page form label:has(>input:not([type=radio]):not([type=checkbox]),>select,>textarea){align-content:start;align-self:start}