:root{--ink:#151512;--paper:#f5f3ed;--card:#fff;--line:#dedbd2;--muted:#79776f;--coral:#ff5a3c;--lime:#d7ff43;--green:#31a46c;--yellow:#efb735}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}button,input{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--ink);color:#f7f5ef;padding:28px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:13px;line-height:11px;letter-spacing:.06em}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--coral);color:var(--ink);border-radius:50%;font:900 27px 'Barlow Condensed'}.sidebar nav{margin:48px 0;display:grid;gap:7px}.sidebar nav a{padding:13px 12px;border-radius:5px;color:#aaa89f;font-size:12px;font-weight:700;display:flex;align-items:center;gap:12px}.sidebar nav a span{font-size:17px;width:19px}.sidebar nav a b{margin-left:auto;background:var(--coral);color:var(--ink);border-radius:12px;padding:2px 7px;font-size:9px}.sidebar nav a:hover,.sidebar nav a.active{background:#2a2a25;color:#fff}.label,.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:800;color:var(--muted)}.agents{margin-top:auto;border-top:1px solid #33332e;padding-top:20px}.agents>div,.user{display:flex;gap:10px;align-items:flex-start;margin-top:15px}.agents p,.user p,.company p,.gate p,.activity p{margin:0;display:grid;gap:4px}.agents strong,.user strong{font-size:10px}.agents small,.user small{font-size:8px;color:#85847d}.dot{width:8px;height:8px;border-radius:50%;margin-top:3px;background:#888;flex:none}.dot.green,.dot.success{background:var(--green)}.dot.coral,.dot.warning{background:var(--coral)}.dot.yellow,.dot.info{background:var(--yellow)}.user{border-top:1px solid #33332e;margin-top:22px;padding-top:20px}.user>span{width:30px;height:30px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;font-size:9px}.workspace{margin-left:250px;padding:38px 4vw 80px;max-width:1700px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.topbar h1{font:800 clamp(36px,4vw,60px)/1 'Barlow Condensed';text-transform:uppercase;margin:10px 0}.topbar h1 em{color:var(--coral);font-style:normal}.connection{display:flex;gap:8px}.connection-pill{padding:9px 12px;border:1px solid var(--line);background:#fff;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.connection-pill.off:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-right:7px}.notice{background:#fff4ce;border-left:4px solid var(--yellow);padding:14px 18px;margin-bottom:22px;font-size:11px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metrics article{background:var(--card);border:1px solid var(--line);padding:22px}.metrics span{font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.metrics strong{display:block;font:800 46px/1 'Barlow Condensed';margin:13px 0 8px}.metrics small{font-size:9px;color:var(--muted)}.search-panel,.leads-section,.approval-card,.activity-card{background:var(--card);border:1px solid var(--line);padding:28px;margin-bottom:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-heading h2,.bottom-grid h2{font:800 31px 'Barlow Condensed';text-transform:uppercase;margin:7px 0 0}.safety,.count{font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.safety:before{content:"✓";color:var(--green);margin-right:7px}.search-form{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:12px;align-items:end}.search-form label{display:grid;gap:7px}.search-form label>span:first-child{font-size:8px;font-weight:800;letter-spacing:.1em}.search-form input[type=text]{height:48px;border:1px solid var(--line);background:#f9f8f4;padding:0 14px;outline:none}.search-form input:focus{border-color:var(--coral)}.search-form .consent{height:48px;grid-template-columns:18px 1fr;align-items:center;border:1px solid var(--line);padding:0 12px}.consent input{accent-color:var(--coral)}.consent span{display:grid;gap:3px!important}.consent strong{font-size:9px}.consent small{font-size:7px;color:var(--muted)}.search-form button,.actions button{border:0;background:var(--coral);height:48px;padding:0 20px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}.search-form button span{margin-left:20px}.demo-warning{font-size:9px;color:var(--muted);margin:14px 0 0}.empty{text-align:center;padding:55px 20px;border:1px dashed var(--line)}.empty>span{font-size:34px;color:var(--coral)}.empty h3{font:800 24px 'Barlow Condensed';text-transform:uppercase;margin:14px 0 6px}.empty p{font-size:10px;color:var(--muted)}.table-head,.lead-row{display:grid;grid-template-columns:1.3fr 1fr 1.4fr .8fr 1.1fr;gap:18px;align-items:center}.table-head{background:#eeece5;padding:11px 15px;font-size:8px;font-weight:800;letter-spacing:.1em}.lead-row{padding:17px 15px;border-bottom:1px solid var(--line)}.lead-row:last-child{border:0}.company{display:flex;align-items:center;gap:11px}.company>span{width:35px;height:35px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 18px 'Barlow Condensed'}.lead-row strong{font-size:11px}.lead-row small{display:block;font-size:8px;color:var(--muted);line-height:1.6;margin-top:4px}.score>strong{font:800 25px 'Barlow Condensed';color:var(--green)}.score>span{font-size:8px;color:var(--muted)}.status{display:inline-block;padding:6px 8px;border-radius:2px;background:#e9e7df;font-size:7px;font-weight:800;text-transform:uppercase}.status-awaitingapproval{background:#fff0ba;color:#795b00}.status-approved{background:#d8f2e4;color:#17623f}.status-sent{background:#d9e9ff;color:#194a82}.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.actions button{height:31px;padding:0 10px;font-size:7px}.actions button.approve{background:var(--lime)}.actions button.send{background:var(--green);color:#fff}.actions details{position:relative}.actions summary{font-size:8px;font-weight:800;cursor:pointer;text-decoration:underline}.draft{position:absolute;z-index:20;right:0;top:25px;width:380px;padding:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px #0002}.draft pre{white-space:pre-wrap;font:9px/1.6 Manrope;margin-bottom:0}.done{font-size:8px;color:var(--green);font-weight:800}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bottom-grid article{margin:0}.gate,.activity{display:flex;align-items:flex-start;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.gate>b{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:9px}.gate strong,.activity strong{font-size:10px}.gate small,.activity small{font-size:8px;color:var(--muted);line-height:1.5}.activity time{margin-left:auto;font-size:8px;color:var(--muted)}@media(max-width:1100px){.search-form{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.table-head{display:none}.lead-row{grid-template-columns:1fr 1fr}.lead-row>div:nth-child(n+3){margin-top:8px}.bottom-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:18px}.sidebar nav{display:flex;overflow:auto;margin:22px 0 0}.sidebar nav a{white-space:nowrap}.agents,.user{display:none}.workspace{margin-left:0;padding:26px 16px}.topbar{display:block}.connection{margin-top:18px;flex-wrap:wrap}.metrics{grid-template-columns:1fr 1fr}.search-form{grid-template-columns:1fr}.lead-row{grid-template-columns:1fr;padding:20px 4px}.draft{position:fixed;inset:10%;width:auto;overflow:auto}.section-heading{align-items:flex-start;gap:10px}.search-panel,.leads-section,.approval-card,.activity-card{padding:20px}.topbar h1{font-size:42px}}
.sync-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.sync-actions form{margin:0}.sync-status{width:100%;text-align:right;color:var(--muted,#687076)}.retry-button{border-color:#d49b18!important;color:#8a5d00!important}
.template-picker{display:grid;gap:.4rem}.template-picker select{max-width:11rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0}.template-grid article{border:1px solid #e2e4df;border-radius:14px;padding:1rem;background:#fff}.template-grid article>div{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.template-grid p{white-space:pre-line;max-height:9rem;overflow:auto;font-size:.85rem;color:#59605b}.template-create .crm-form{margin-top:1rem;max-width:760px}.template-create textarea{min-height:10rem}
.automation-form{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:1rem;margin-top:1rem}.automation-form .consent,.automation-form button{grid-column:1/-1}@media(max-width:760px){.automation-form{grid-template-columns:1fr}}
.reminder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.reminder-card{border:1px solid #e1e3df;border-left:5px solid #d9a52b;border-radius:14px;padding:1rem;background:#fff}.reminder-card.overdue{border-left-color:#d94c4c;background:#fff8f7}.reminder-card.today{border-left-color:#ef8b3b}.reminder-card>div{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;font-weight:800;letter-spacing:.06em}.reminder-card p{color:#68706a;font-size:.85rem}.reminder-card form{margin-top:.8rem}
.overdue-alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem;padding:1rem 1.2rem;border:1px solid #e6a1a1;border-left:6px solid #d63d3d;border-radius:14px;background:#fff4f3;color:#6f2020}.overdue-alert div{display:grid;gap:.2rem}.overdue-alert span{font-size:.85rem;color:#865252}.overdue-alert a{font-weight:800;color:#9f2020;text-decoration:none;white-space:nowrap}@media(max-width:700px){.overdue-alert{align-items:flex-start;flex-direction:column}.overdue-alert a{white-space:normal}}

/* A tervezet teljes értékű, minden képernyőn elérhető szerkesztőablak. */
body.draft-dialog-open{overflow:hidden}
.draft-details>.draft-backdrop{position:fixed;inset:0;z-index:1990;background:rgba(4,23,49,.56);backdrop-filter:blur(5px);animation:draft-fade-in .18s ease both}
.draft-details>.draft{position:fixed;z-index:2000;inset:clamp(12px,5vh,56px) max(12px,calc((100vw - 780px)/2));width:auto;max-height:90vh;padding:0;background:#fff;border:1px solid #b9d4f3;border-radius:24px;box-shadow:0 28px 90px rgba(4,38,78,.28);overflow:auto;overscroll-behavior:contain;animation:draft-slide-in .22s ease both}
.draft-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px 18px;background:rgba(255,255,255,.96);border-bottom:1px solid #d8e6f5;backdrop-filter:blur(12px)}
.draft-dialog-header h3{margin:5px 0 0;font:800 30px/1.05 'Barlow Condensed',sans-serif;color:#09264b}
.draft-dialog-close{display:grid!important;place-items:center;width:42px;height:42px!important;min-width:42px;padding:0!important;border:1px solid #c8d9ec!important;border-radius:50%;background:#f4f8fd!important;color:#164f91!important;font-size:25px!important;line-height:1;cursor:pointer}
.draft-edit-form{padding:22px 24px 10px}
.draft-edit-form label{display:grid;gap:8px;color:#21466f;font-weight:800}
.draft-edit-form input,.draft-edit-form textarea{width:100%;border:1px solid #bdd3ec;border-radius:12px;background:#f8fbff;padding:13px 14px;color:#071d38;outline:none}
.draft-edit-form input:focus,.draft-edit-form textarea:focus{border-color:#176bc0;box-shadow:0 0 0 4px rgba(23,107,192,.12)}
.draft-edit-form textarea{min-height:clamp(230px,40vh,430px);line-height:1.55;resize:vertical}
.draft-dialog-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;margin:4px -24px -10px;padding:16px 24px;background:rgba(255,255,255,.97);border-top:1px solid #d8e6f5;backdrop-filter:blur(12px)}
.draft-dialog-actions button{height:44px!important;padding:0 18px!important;border-radius:10px;font-size:11px!important}
.draft-routing{display:block!important;padding:12px 24px 22px!important;font-size:11px!important;color:#607993!important}
@keyframes draft-fade-in{from{opacity:0}to{opacity:1}}
@keyframes draft-slide-in{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:760px){.draft-details>.draft{inset:8px;max-height:calc(100vh - 16px);border-radius:18px}.draft-dialog-header{padding:18px}.draft-edit-form{padding:18px 18px 8px}.draft-edit-form textarea{min-height:45vh}.draft-dialog-actions{margin:4px -18px -8px;padding:14px 18px}.draft-dialog-actions button{flex:1}.draft-routing{padding:12px 18px 18px!important}}

/* Diszkrét, mobilértesítés-szerű visszajelzések. */
.toast-stack{position:fixed;top:22px;right:22px;z-index:2000;width:min(390px,calc(100vw - 32px));pointer-events:none}
.app-toast{--toast-accent:#2878cb;position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 28px;gap:12px;align-items:start;padding:14px 13px 13px;border:1px solid #d8e5f3;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 16px 45px rgba(21,70,123,.18),0 3px 10px rgba(21,70,123,.08);backdrop-filter:blur(14px);overflow:hidden;pointer-events:auto;animation:toast-arrive .38s cubic-bezier(.2,.9,.25,1.12) both}
.app-toast.toast-success{--toast-accent:#2d9a68;border-color:#d6ebdf}
.app-toast.toast-warning{--toast-accent:#d59622;border-color:#f0dfb9}
.toast-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--toast-accent) 13%,white);color:var(--toast-accent);font-size:15px;font-weight:900}
.toast-copy{min-width:0;padding-top:1px}.toast-copy strong{display:block;margin-bottom:3px;color:#173b68;font-size:11px}.toast-copy p{margin:0;color:#506780;font-size:10px;font-weight:600;line-height:1.5}
.toast-close{width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:#7790aa;font-size:20px;line-height:1;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.toast-close:hover,.toast-close:focus-visible{background:#edf4fb;color:#173b68;transform:scale(1.06);outline:none}
.toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--toast-accent);transform-origin:left;opacity:.68;animation:toast-progress 6.5s linear forwards}.toast-warning .toast-progress{animation-duration:10s}
.app-toast:hover .toast-progress,.app-toast:focus-within .toast-progress{animation-play-state:paused}.app-toast.toast-leaving{animation:toast-leave .26s ease forwards}
@keyframes toast-arrive{from{opacity:0;transform:translate3d(28px,-8px,0) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes toast-leave{to{opacity:0;transform:translate3d(24px,0,0) scale(.97)}}
@keyframes toast-progress{to{transform:scaleX(0)}}
@media(max-width:700px){.toast-stack{top:auto;right:16px;bottom:16px;left:16px;width:auto}.app-toast{grid-template-columns:34px minmax(0,1fr) 28px;padding:12px}.toast-icon{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.app-toast,.app-toast.toast-leaving,.toast-progress{animation:none}.toast-close{transition:none}}
.switch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.switch-card{display:flex;align-items:flex-start;gap:.8rem;padding:1rem;border:1px solid #dfe3dd;border-radius:14px;background:#fff;cursor:pointer}.switch-card input{width:1.2rem;height:1.2rem;accent-color:#246c4e}.switch-card span{display:grid;gap:.25rem}.switch-card small{color:#68706a;line-height:1.35}.switch-card.locked{background:#f3f4f1;cursor:not-allowed;color:#5f655f}.lock-icon{font-size:1.1rem}.switch-grid>button{grid-column:1/-1;justify-self:start}
.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.usage-grid article{display:grid;gap:.25rem;padding:1rem;border:1px solid #dfe3dd;border-radius:14px;background:#fff}.usage-grid article>span{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#69716b}.usage-grid strong{font-size:1.8rem}.usage-grid small{color:#69716b}.limits-form{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:1rem}.limits-form button{grid-column:1/-1;justify-self:start}@media(max-width:760px){.limits-form{grid-template-columns:1fr}}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:#edf0eb;color:#1e2923}.auth-card{width:min(440px,100%);padding:2rem;border:1px solid #d9ddd6;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(30,41,35,.12)}.auth-card .brand{display:flex;margin-bottom:2rem;color:#17251e;text-decoration:none}.auth-card h1{font-size:2.4rem;margin:.25rem 0}.auth-form{display:grid;gap:1rem;margin:1.5rem 0}.auth-form label{display:grid;gap:.4rem;font-weight:700}.auth-form input{padding:.85rem;border:1px solid #cfd5ce;border-radius:9px;font:inherit}.auth-form small{font-weight:400;color:#69716b}.auth-form button{padding:.9rem}.auth-error{border-left:4px solid #c93636}.auth-back{display:block;margin-top:1rem;color:#4b5f54}.auth-card>.secondary-button{display:inline-flex;text-decoration:none}
.auth-success{border-left:4px solid #27835c;background:#f0faf5}.user form{margin-left:auto}.logout-button{padding:.45rem .65rem;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:transparent;color:inherit;font-size:.75rem;cursor:pointer}.logout-button:hover{background:rgba(255,255,255,.1)}
.registration-request{margin-top:1.25rem;border-top:1px solid #d7e3f0;padding-top:1.1rem}.registration-request summary{cursor:pointer;color:#155fab;font-weight:800}.registration-request>p{color:#62748b;font-size:.9rem}.registration-request .consent{grid-template-columns:auto 1fr;align-items:start;font-size:.85rem}.registration-request .consent input{margin-top:.2rem}.registration-request a{color:#155fab}.auth-page{background:radial-gradient(circle at 75% 0,#dcecff 0,transparent 36%),#f2f7fd}.auth-card{border-color:#d6e3f2;box-shadow:0 24px 70px rgba(17,70,130,.13)}.auth-form input:focus{outline:0;border-color:#559be5;box-shadow:0 0 0 4px rgba(72,149,230,.13)}.auth-form button{border:0;border-radius:9px;background:linear-gradient(135deg,#1769c2,#0b4c98);color:#fff;font-weight:800;cursor:pointer}
.pwa-install-button{position:fixed;left:18px;bottom:18px;z-index:1900;display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:linear-gradient(135deg,#1769c2,#0b4c98);color:#fff;box-shadow:0 12px 32px rgba(10,62,122,.3);font-size:12px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.pwa-install-button[hidden]{display:none}.pwa-install-button:hover,.pwa-install-button:focus-visible{transform:translateY(-2px);box-shadow:0 16px 38px rgba(10,62,122,.38);outline:3px solid rgba(112,184,255,.38);outline-offset:2px}.pwa-install-button>span:first-child{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.16);font-size:16px}.pwa-status{position:fixed;right:18px;bottom:18px;z-index:1950;display:flex;align-items:center;gap:12px;max-width:min(430px,calc(100vw - 36px));padding:12px 14px;border:1px solid #cfe0f2;border-radius:14px;background:rgba(255,255,255,.97);color:#173b68;box-shadow:0 14px 36px rgba(21,70,123,.2);font-size:11px;font-weight:700;backdrop-filter:blur(12px)}.pwa-status[hidden]{display:none}.pwa-status button{padding:7px 10px;border:0;border-radius:8px;background:#1769c2;color:#fff;font-weight:800;cursor:pointer}@media(max-width:700px){.pwa-install-button{left:14px;bottom:14px}.pwa-status{right:14px;bottom:14px;left:14px;max-width:none;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.pwa-install-button{transition:none}}
.security-table{display:grid;gap:.25rem;overflow:auto}.security-row{display:grid;grid-template-columns:1.15fr 1.1fr 1.55fr .75fr 1.1fr .7fr;gap:.75rem;min-width:920px;padding:.7rem;border-bottom:1px solid #e6e8e4;font-size:.82rem;align-items:center}.security-row.head{font-size:.7rem;font-weight:800;letter-spacing:.06em;color:#6b736e}.security-row .danger{color:#b62d2d}.security-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#52657c;background:#f3f7fb;padding:.3rem .4rem;border-radius:6px}

/* Barátságosabb belépési és regisztrációs élmény. */
.auth-card{width:min(520px,100%);padding:clamp(1.5rem,4vw,2.6rem);border-radius:24px}.auth-card .brand{margin-bottom:1.6rem}.auth-card .brand-mark{width:48px;height:48px;border-radius:14px}.auth-card h1{margin:.35rem 0 .55rem;font-size:clamp(2.35rem,7vw,3.2rem);line-height:1}.auth-card>p:not(.eyebrow){margin-top:0;color:#60738a;line-height:1.55}.auth-card .notice{border-radius:10px;padding:.85rem 1rem;font-size:.86rem;line-height:1.45}.auth-form{gap:1.05rem}.auth-form label{gap:.5rem;color:#203c60;font-size:.9rem}.auth-form input{min-height:48px;border-color:#c8d8e9;background:#fbfdff;font-size:1rem}.auth-form button[type=submit]{min-height:50px;font-size:.95rem;box-shadow:0 9px 20px rgba(17,91,171,.2);transition:transform .18s ease,box-shadow .18s ease}.auth-form button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(17,91,171,.27)}.password-input{position:relative;display:block}.password-input input{width:100%;padding-right:78px}.password-input button{position:absolute;right:6px;top:6px;bottom:6px;min-width:64px;border:0;border-radius:7px;background:#e8f2fd;color:#155fab;font-size:.78rem;font-weight:800;cursor:pointer}.password-input button:hover,.password-input button:focus-visible{background:#d8eaff;outline:2px solid #68a8e8;outline-offset:1px}.auth-form .consent{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:.65rem;padding:.25rem 0}.auth-form .consent input{width:20px;height:20px;min-height:0;accent-color:#1769c2}.registration-request{margin-top:1.6rem;padding-top:1.2rem}.registration-request summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 13px;border:1px solid #cbddef;border-radius:10px;background:#f6faff;list-style:none}.registration-request summary::-webkit-details-marker{display:none}.registration-request summary:after{content:'+';font-size:1.25rem}.registration-request[open] summary:after{content:'−'}.registration-request>p{padding:0 .15rem}.auth-back{margin-top:1.4rem;font-weight:700}.auth-form input:focus-visible,.auth-form button:focus-visible,.registration-request summary:focus-visible,.auth-back:focus-visible{outline:3px solid rgba(60,145,230,.35);outline-offset:3px}@media(max-width:560px){.auth-page{padding:0;background:#f2f7fd}.auth-card{min-height:100vh;width:100%;border:0;border-radius:0;box-shadow:none;padding:1.4rem}.auth-card .brand{margin-bottom:1.35rem}}
.gdpr-form{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e5df}.gdpr-form h4{grid-column:1/-1;margin:0;color:#27352d}.gdpr-form .consent,.gdpr-form .gdpr-note,.gdpr-form button{grid-column:1/-1}.gdpr-note{display:block;padding:.75rem;border-left:4px solid #d49b18;background:#fff8df;color:#62521e;line-height:1.45}.danger-check{color:#8d2525}
.retention-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin:1rem 0}.retention-preview article{display:grid;gap:.25rem;padding:1rem;border:1px solid #e0e3de;background:#fff}.retention-preview strong{font-size:1.6rem}.retention-preview span{font-size:.75rem;color:#69716b}.retention-form{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.retention-form label,.retention-delete-form label{display:grid;gap:.35rem;font-size:.75rem;font-weight:700}.retention-form input,.retention-delete-form input{padding:.7rem;border:1px solid #ccd2cb}.retention-form button{grid-column:1/-1;justify-self:start}.retention-delete-form{display:flex;align-items:end;gap:.75rem;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid #e2e5df}.retention-delete-form button{background:#9f2929;color:#fff}.retention-delete-form button:disabled{opacity:.45}@media(max-width:900px){.retention-preview,.retention-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.retention-preview,.retention-form{grid-template-columns:1fr}.retention-delete-form{align-items:stretch;flex-direction:column}}

/* Beállításokból indítható, képernyőrészről képernyőrészre vezető tutorial. */
.tutorial-settings{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent,#1769c2) 7%,white),#fff)}
.tutorial-start-button{display:inline-flex;align-items:center;gap:.65rem;min-height:48px;padding:.75rem 1.15rem;border:0;border-radius:11px;background:linear-gradient(135deg,var(--theme-accent-strong,#1769c2),var(--theme-accent,#0b4c98));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 25px color-mix(in srgb,var(--theme-accent,#1769c2) 25%,transparent)}
.tutorial-start-button span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.18);font-size:.75rem}
.guided-tour[hidden]{display:none}.guided-tour{position:static;pointer-events:none}.guided-tour-shade{position:fixed;inset:0;z-index:5000;background:rgba(3,20,42,.58);backdrop-filter:blur(1.5px)}
.guided-tour-card{position:fixed;right:clamp(14px,3vw,36px);bottom:clamp(14px,3vw,36px);z-index:5004;width:min(460px,calc(100vw - 28px));padding:22px;border:1px solid #cfe0f2;border-radius:20px;background:#fff;color:#102f54;box-shadow:0 25px 80px rgba(3,25,54,.35);pointer-events:auto;animation:guided-tour-enter .22s ease both}
.guided-tour-progress{position:relative;display:flex;align-items:center;justify-content:flex-end;height:5px;margin:-22px -22px 20px;border-radius:20px 20px 0 0;background:#e8f1fa}.guided-tour-progress span{position:absolute;left:0;top:0;height:5px;border-radius:20px;background:var(--theme-accent-strong,#1769c2);transition:width .25s ease}.guided-tour-progress b{position:absolute;right:0;top:12px;color:#70849a;font-size:.72rem}
.guided-tour-card h2{margin:.45rem 0 .55rem;font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.05}.guided-tour-card p{margin:0;color:#4e647c;line-height:1.55}.guided-tour-card>small{display:block;margin-top:.85rem;padding:.7rem .8rem;border-left:4px solid var(--theme-accent-strong,#1769c2);background:#f2f7fc;color:#526b86;line-height:1.45}
.guided-tour-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:.6rem;align-items:center;margin-top:1.15rem}.guided-tour-actions button{min-height:42px;padding:.65rem .9rem;border-radius:9px;cursor:pointer}.guided-tour-actions button:disabled{opacity:.4;cursor:not-allowed}
.guided-tour-highlight{position:relative!important;z-index:5002!important;border-radius:14px!important;outline:5px solid #ffd85a!important;outline-offset:6px!important;box-shadow:0 0 0 12px rgba(255,216,90,.24),0 20px 60px rgba(0,0,0,.3)!important;animation:guided-tour-pulse 1.6s ease-in-out infinite}
@keyframes guided-tour-enter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes guided-tour-pulse{50%{outline-color:#fff1a8;box-shadow:0 0 0 17px rgba(255,216,90,.13),0 20px 60px rgba(0,0,0,.32)}}
@media(max-width:700px){.guided-tour-card{right:10px;bottom:10px;width:calc(100vw - 20px);padding:18px;border-radius:16px}.guided-tour-progress{margin:-18px -18px 17px}.guided-tour-actions{grid-template-columns:1fr 1fr}.guided-tour-actions span{display:none}.guided-tour-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.guided-tour-card,.guided-tour-highlight{animation:none}.guided-tour-progress span{transition:none}}
.auth-inline-link{justify-self:start;margin-top:-.35rem;color:#155fab;font-size:.88rem;font-weight:800}.account-security-form{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr)) auto;gap:1rem;align-items:end;margin-top:1.25rem}.account-security-form label{display:grid;gap:.45rem;color:var(--muted);font-size:.82rem;font-weight:800}.account-security-form input{width:100%;min-height:46px;padding:.75rem 5rem .75rem .8rem;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font:inherit}.account-security-form button[type=submit]{min-height:46px;padding:.75rem 1.1rem}.account-security-form small{font-weight:400}.account-security-form .password-input button{top:5px;bottom:5px}@media(max-width:1050px){.account-security-form{grid-template-columns:1fr 1fr}.account-security-form button[type=submit]{width:max-content}}@media(max-width:650px){.account-security-form{grid-template-columns:1fr}.account-security-form button[type=submit]{width:100%}}
.email-google-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: .7rem 1rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    color: var(--primary);
    background: var(--surface);
    font-weight: 700;
    text-decoration: none;
}

.email-google-search:hover { border-color: var(--primary); }
/* Meta Graph API-alapú Facebook sales elemzés. */
.facebook-analyzer-shell{min-height:100vh;padding:clamp(1rem,3vw,2.5rem);background:var(--background,#eef4fa);color:var(--ink,#102f54)}.facebook-analyzer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;max-width:1280px;margin:0 auto 1.25rem}.facebook-analyzer-header h1{margin:.2rem 0;font-size:clamp(2.2rem,6vw,4rem)}.facebook-analyzer-header p{margin:0;color:var(--muted,#63778d)}.facebook-analyzer-panel,.facebook-history{max-width:1280px;margin:0 auto 1.25rem;padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--line,#d8e3ef);border-radius:18px;background:var(--card,#fff);box-shadow:0 12px 36px rgba(17,53,91,.08)}
.facebook-readiness{display:flex;justify-content:space-between;gap:1rem;margin:1rem 0;padding:1rem 1.1rem;border:1px solid #e7d5a6;border-radius:13px;background:#fff9e9;color:#71551b}.facebook-readiness.ready{border-color:#b9dfcc;background:#effaf4;color:#216a49}.facebook-readiness span{font-size:.82rem}.facebook-analysis-form{display:grid;grid-template-columns:minmax(260px,2fr) minmax(130px,1fr) minmax(190px,1fr) auto;gap:.8rem;align-items:end;margin:1rem 0 1.25rem}.facebook-analysis-form label{display:grid;gap:.4rem;color:var(--muted);font-size:.78rem;font-weight:800}.facebook-analysis-form select{min-height:44px;padding:.65rem;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}.facebook-analysis-form button{min-height:44px}.facebook-analysis-form button:disabled{cursor:not-allowed;opacity:.45}.facebook-token-note{padding:.85rem 1rem;border-left:4px solid #d39a20;background:#fff9e9;color:#72571c}.facebook-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem;margin-top:1rem}.facebook-analysis-card{display:grid;gap:1rem;padding:1.1rem;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 8px 24px rgba(17,53,91,.06)}.facebook-analysis-card header,.facebook-analysis-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.facebook-analysis-card header span{color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:.08em}.facebook-analysis-card h3{margin:.2rem 0 0}.facebook-analysis-card header>strong{font-size:2rem;color:var(--primary)}.facebook-analysis-card header>strong small{font-size:.75rem}.facebook-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.facebook-kpis span{display:grid;gap:.2rem;padding:.65rem;border-radius:10px;background:var(--surface)}.facebook-kpis small{font-size:.65rem;color:var(--muted)}.facebook-kpis b{font-size:1rem}.facebook-analysis-card>p,.facebook-analysis-card details p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}.facebook-analysis-card footer{padding-top:.8rem;border-top:1px solid var(--line);font-size:.7rem;color:var(--muted)}.facebook-analysis-card footer a{color:var(--primary);font-weight:800;text-decoration:none}.manual-social-details{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}.manual-social-details>summary{cursor:pointer;font-weight:800;color:var(--primary)}@media(max-width:900px){.facebook-analysis-form{grid-template-columns:1fr 1fr}.facebook-analysis-form button{width:100%}}@media(max-width:620px){.facebook-readiness{flex-direction:column}.facebook-analysis-form{grid-template-columns:1fr}.facebook-kpis{grid-template-columns:1fr 1fr}.facebook-analysis-card footer{flex-direction:column}}