/* Messigo DEV 2.0 alpha — application shell */
:root{--bg:#f6f8fc;--surface:#fff;--line:#e5eaf2;--line2:#d7deea;--text:#172033;--muted:#6e7b91;--nav:#fff;--blue:#2563eb;--blue2:#1d4ed8;--blue-soft:#eff6ff;--green:#16a34a;--green-soft:#effaf3;--purple:#8b5cf6;--purple-soft:#f5f0ff;--orange:#ea8a16;--orange-soft:#fff7e9;--red:#dc3545;--red-soft:#fff1f1;--cyan:#5bb8ee;--shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.035);--r:12px;--sidebar:252px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:none;color:var(--blue2)}h1,h2,h3,p{margin-top:0}button,input,select,textarea{font:inherit}svg{width:20px;height:20px}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--nav);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:40}.side-brand{height:68px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);color:#101827}.side-brand:hover{color:#101827}.brand-mark{width:36px;height:36px;border:2px solid #4b73ef;border-radius:8px;color:#3564e8;display:grid;place-items:center;background:#fff;box-shadow:0 3px 9px rgba(37,99,235,.08)}.brand-mark svg{width:23px;height:23px}.side-brand strong{display:block;font-size:17px;letter-spacing:-.02em}.side-brand small{display:block;color:#8a96a9;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:1px}.side-nav{padding:14px 10px;display:flex;flex-direction:column;gap:4px;overflow:auto}.side-link{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:7px;color:#364152;font-weight:500;position:relative}.side-link svg{width:19px;height:19px;color:#65748a}.side-link:hover{background:#f5f7fb;color:#1f2937}.side-link.active{background:linear-gradient(135deg,#2d61e9,#3157db);color:#fff;box-shadow:0 5px 14px rgba(37,99,235,.16)}.side-link.active svg{color:#fff}.nav-badge{margin-left:auto;background:#eef4ff;color:#2563eb;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.side-link.active .nav-badge{background:rgba(255,255,255,.2);color:#fff}.sidebar-foot{margin-top:auto;padding:14px}.plan-mini{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fbfcfe}.plan-mini strong{display:block;margin:2px 0}.eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#8290a5;font-weight:700}.muted-mini{color:#8c99ab;font-size:11px}
.app-main{margin-left:var(--sidebar);min-height:100vh}.app-topbar{height:68px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.top-search{width:min(440px,38vw);height:38px;border:1px solid var(--line);border-radius:9px;background:#fafbfd;color:#8b97a8;display:flex;align-items:center;gap:9px;padding:0 11px;font-size:12.5px}.top-search svg{width:16px;height:16px}.top-search kbd{margin-left:auto;border:1px solid #e2e7ef;border-radius:5px;background:#fff;padding:1px 6px;font-size:10px;color:#9aa4b2}.top-actions{display:flex;align-items:center;gap:12px}.connection,.sender-pill{height:34px;border:1px solid var(--line);border-radius:7px;padding:0 11px;display:flex;align-items:center;gap:7px;background:#fff;font-size:12px;color:#59667a}.connection i{width:7px;height:7px;border-radius:50%;background:#9ca3af}.connection.ok{background:#f4fbf5;border-color:#d7efd9;color:#28803b}.connection.ok i{background:#24a148}.connection.dev{background:#fff9ec;border-color:#f4e6ba;color:#9a6a0b}.connection.dev i{background:#e5a20a}.bell{width:34px;height:34px;display:grid;place-items:center;color:#5f6d82}.bell svg{width:18px;height:18px}.user-chip{display:flex;align-items:center;gap:9px;padding-left:8px;border-left:1px solid var(--line)}.avatar,.mini-avatar{border-radius:50%;display:grid;place-items:center;font-weight:700}.avatar{width:34px;height:34px;background:#285de0;color:#fff;font-size:11px}.user-copy strong{display:block;font-size:12.5px}.user-copy small{display:block;color:#8995a7;font-size:10.5px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content{padding:20px 24px 34px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.page-head h1{font-size:20px;margin:2px 0 0;letter-spacing:-.02em}.page-head .eyebrow{display:none}
.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 17px;box-shadow:var(--shadow);min-height:126px}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kpi-label{display:block;color:#59667a;font-size:12px;margin-bottom:8px}.kpi-value{display:block;font-size:23px;letter-spacing:-.03em;line-height:1.15}.kpi-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.kpi-icon svg{width:20px;height:20px}.kpi-sub{display:block;color:#7b8798;font-size:11.5px;margin-top:13px}.kpi-card.blue .kpi-value{color:#2c61df}.kpi-card.blue .kpi-icon{background:var(--blue-soft);color:#3569e8}.kpi-card.green .kpi-value{color:#16a34a}.kpi-card.green .kpi-icon{background:var(--green-soft);color:#16a34a}.kpi-card.purple .kpi-value{color:#8b5cf6}.kpi-card.purple .kpi-icon{background:var(--purple-soft);color:#8b5cf6}.kpi-card.orange .kpi-value{color:#df7e0e}.kpi-card.orange .kpi-icon{background:var(--orange-soft);color:#df7e0e}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr) minmax(280px,.72fr);gap:16px}.span-2{grid-column:span 2}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:17px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.panel-head h2{font-size:14px;margin:0 0 2px}.panel-head p{font-size:11px;color:#8c98a9;margin:0}.panel-head a{font-size:11.5px}.legend{font-size:10.5px;color:#718096;display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.blue-dot{background:#2d66ea}.cyan-dot{background:#66c4f1}.chart-wrap{height:170px;position:relative}.chart-empty{height:100%;display:grid;place-items:center;text-align:center;color:#9aa6b7;background:linear-gradient(#fff,#fbfcff);border:1px dashed #e6eaf1;border-radius:8px;padding:20px}.line-chart{width:100%;height:100%;overflow:visible}.line{fill:none;stroke-width:2.4;vector-effect:non-scaling-stroke}.line.sent{stroke:#2d66ea}.line.delivered{stroke:#6bc6ef}.axis{stroke:#e7ebf2;stroke-width:1}.funnel{display:flex;flex-direction:column;gap:10px}.funnel-row{display:grid;grid-template-columns:minmax(120px,1fr) 70px 48px;align-items:center;gap:8px}.funnel-bar{height:30px;display:flex;align-items:center;padding:0 12px;border-radius:5px 14px 14px 5px;font-size:11px;font-weight:600;color:#35506a}.f1{background:linear-gradient(90deg,#9bc3fb,#e7f0ff)}.f2{background:linear-gradient(90deg,#a8e0be,#e9f9ef);width:88%}.f3{background:linear-gradient(90deg,#f4be7e,#fff0dd);width:58%}.funnel-row strong{font-size:12px;text-align:right}.funnel-row small{font-size:10px;color:#7c899b;text-align:right}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}.table-wrap.borderless{border:0;border-radius:0}table{width:100%;border-collapse:collapse;background:#fff;font-size:11.5px}th,td{text-align:left;padding:10px 11px;border-bottom:1px solid #edf0f5;white-space:nowrap}th{background:#fafbfd;color:#7a879a;text-transform:uppercase;font-size:9.5px;letter-spacing:.035em;font-weight:700}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}.campaign-link{font-weight:600;color:#2f5fce}.message-list{display:flex;flex-direction:column}.message-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef1f5}.message-item:last-child{border-bottom:0}.mini-avatar{width:32px;height:32px;background:#eef3ff;color:#2e62dd;font-size:10px}.message-item strong{font-size:11.5px}.message-item p{margin:2px 0 0;font-size:10.5px;color:#6f7d91}.message-item time{font-size:9.5px;color:#94a0af}.mini-empty{color:#94a0af;font-size:12px;padding:18px 0}.quick-panel{display:flex;flex-direction:column;gap:13px}.alert-card{display:flex;align-items:center;gap:12px;border-radius:9px;padding:12px}.alert-card svg{width:24px;height:24px}.danger-soft{background:var(--red-soft);color:#c63a43}.alert-card strong{font-size:22px;display:block;line-height:1}.alert-card p{margin:2px 0 0;color:#7f5960;font-size:10.5px}.quick-title{font-size:12px;font-weight:700}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-grid a{min-height:54px;border-radius:8px;background:#f5f8ff;color:#315fce;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10.5px;font-weight:600}.quick-grid a:nth-child(2){background:#f4f7ff}.quick-grid a:nth-child(3){background:#f0faf3;color:#22824a}.quick-grid a:nth-child(4){background:#f8f2ff;color:#7a4ed0}.quick-grid svg{width:18px;height:18px}
.empty-modern{padding:35px 20px;text-align:center;color:#7d899a}.empty-modern>span{width:48px;height:48px;border-radius:12px;background:#f2f6ff;color:#3566de;display:grid;place-items:center;margin:0 auto 11px}.empty-modern strong{display:block;color:#334155}.empty-modern p{max-width:440px;margin:5px auto 13px;font-size:11.5px}.placeholder-panel{text-align:center;padding:58px 24px;max-width:760px;margin:30px auto}.placeholder-icon{width:60px;height:60px;border-radius:16px;background:#eef4ff;color:#3565df;display:grid;place-items:center;margin:0 auto 13px}.placeholder-icon svg{width:28px;height:28px}.placeholder-panel h2{margin:5px 0 8px}.placeholder-panel>p{color:#6d7a8f}.module-note{margin:20px auto 0;max-width:560px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:12px;color:#7a8798;font-size:11.5px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;gap:12px;align-items:center}.stat-icon{width:38px;height:38px;border-radius:10px;background:#eff5ff;color:#2d63de;display:grid;place-items:center}.stat{font-size:24px;font-weight:750}.stat-label{font-size:11px;color:#6d7a8d}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.right{justify-content:flex-end}.inline{display:inline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;padding:9px 14px;min-height:38px;background:#2463e8;color:#fff;cursor:pointer;font-weight:650;font-size:12px;box-shadow:0 3px 10px rgba(37,99,235,.12)}.btn:hover{background:#1f56cd;color:#fff}.btn.secondary{background:#536278}.btn.danger{background:#ba3340}.btn svg{width:16px;height:16px}.form-row{margin-bottom:14px}label{display:block;font-weight:600;font-size:12px;margin-bottom:5px;color:#364152}input[type=text],input[type=email],input[type=password],input[type=datetime-local],select,textarea{width:100%;padding:10px 11px;border:1px solid var(--line2);border-radius:7px;background:#fff;color:#1e293b;font-size:12.5px}textarea{min-height:130px;resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:#4b73e8;box-shadow:0 0 0 3px rgba(37,99,235,.1)}input[type=file]{width:100%;padding:10px;border:1px dashed var(--line2);border-radius:7px;background:#fbfcfe}.help,.muted{color:#738197;font-size:11.5px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f5f9;padding:2px 5px;border-radius:4px}.check-row{display:flex;gap:8px;align-items:center;margin:4px 0 15px;font-size:12px}.check-row input{width:auto}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#fff1c9;color:#946200;font-size:9.5px;font-weight:700}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.good{background:#e5f8eb;color:#278247}.badge.bad{background:#ffe8ea;color:#b4333e}.flash{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:8px;margin-bottom:12px;font-size:12px}.flash.success{background:#e9f8ee;color:#287a43}.flash.error{background:#ffedef;color:#a7333d}.flash.warning{background:#fff6dc;color:#8f6a11}.flash svg{width:17px;height:17px}.empty-state{padding:32px;text-align:center;color:#8793a5}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login{max-width:400px;width:100%}.login .card{text-align:center}.login-icon{width:48px;height:48px;border-radius:10px;background:#0b3855;color:#7dd3fc;display:grid;place-items:center;margin:0 auto 15px}.login .form-row{text-align:left}.login .btn{width:100%}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.quick-panel{grid-column:span 1}.top-search{display:none}}@media(max-width:820px){:root{--sidebar:76px}.side-brand span:not(.brand-mark),.side-link span:not(.nav-badge),.sidebar-foot{display:none}.side-brand{justify-content:center;padding:0}.side-nav{padding:12px 8px}.side-link{justify-content:center;padding:0}.nav-badge{position:absolute;right:3px;top:3px}.user-copy,.sender-pill{display:none}.content{padding:16px}.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}@media(max-width:520px){.kpi-grid{grid-template-columns:1fr}.app-topbar{padding:0 12px}.connection{font-size:0}.connection:after{content:"DEV";font-size:11px}.content{padding:12px}.quick-grid{grid-template-columns:1fr}.panel{padding:14px}}


/* Messigo 2.0 – kampányvarázsló */
.wizard-shell{max-width:1320px;margin:0 auto}.wizard-stepper{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px;margin-bottom:16px;box-shadow:var(--shadow)}.wizard-step{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:8px;color:#8a96a8;font-size:11.5px;pointer-events:none}.wizard-step[href]{pointer-events:auto}.wizard-step>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f0f3f8;color:#7f8a9b;font-weight:700}.wizard-step.active{background:#eef4ff;color:#295fd8}.wizard-step.active>span{background:#2b63e5;color:#fff}.wizard-step.done{color:#278247}.wizard-step.done>span{background:#e5f8eb;color:#278247}.wizard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.72fr);gap:16px;align-items:start}.wizard-grid-wide{grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr)}.wizard-main{padding:20px}.wizard-aside{position:sticky;top:84px}.wizard-aside h3,.ai-panel h3{font-size:13px;margin:0 0 13px}.wizard-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #edf0f5;margin-top:20px;padding-top:16px}.btn.ghost{background:#f5f7fb;color:#516074;box-shadow:none}.btn.ghost:hover{background:#e9edf5;color:#334155}.source-card{display:grid;grid-template-columns:auto 42px 1fr;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:10px;padding:13px;margin-top:10px;cursor:pointer;transition:.15s}.source-card input{width:auto}.source-card.active-source{border-color:#4776e7;box-shadow:0 0 0 3px rgba(37,99,235,.08);background:#fbfdff}.source-icon{width:38px;height:38px;border-radius:9px;background:#eef4ff;color:#3566dd;display:grid;place-items:center}.source-icon svg{width:19px;height:19px}.source-card strong,.source-disabled strong{display:block;font-size:12.5px}.source-card small,.source-disabled small{display:block;color:#8290a3;font-size:10.5px;margin-top:2px}.source-body{padding:12px 0 3px}.hidden{display:none!important}.dropzone{border:1.5px dashed #bdc9da;border-radius:10px;background:#fafcff;padding:22px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.dropzone>span{color:#3969dc}.dropzone svg{width:25px}.dropzone input{max-width:480px}.source-disabled{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;border:1px dashed #d5dbe5;border-radius:10px;padding:12px;margin-top:12px;background:#fafbfc;color:#7d8999}.mini-tag{font-size:9px;border-radius:999px;padding:4px 7px;background:#eef2f7;color:#758195;text-transform:uppercase;font-weight:700}.review-list{display:flex;flex-direction:column}.review-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f5;font-size:11.5px}.review-list>div:last-child{border-bottom:0}.review-list strong{color:#25804a}.info-box{background:#f4f7fc;border:1px solid #e2e7ef;border-radius:8px;padding:11px;margin-top:14px;color:#66758a;font-size:10.8px;line-height:1.5}.editor-tools{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.tool-btn{border:1px solid #dce3ec;background:#fff;color:#506078;border-radius:7px;padding:7px 9px;font-size:10.5px;cursor:pointer}.tool-btn:hover{border-color:#7595e7;color:#2d5ed0}.tool-btn svg{width:14px;height:14px;vertical-align:-3px}.message-editor{min-height:220px;font-size:13.5px;line-height:1.55}.encoding-row{display:flex;gap:18px;align-items:center;background:#f8fafc;border:1px solid #e4e9f0;padding:10px 12px;border-radius:8px;margin-bottom:12px}.encoding-row label{display:flex;gap:6px;align-items:center;margin:0;font-size:11px}.encoding-row input{width:auto}.live-metrics{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #e3e8ef;border-radius:9px;overflow:hidden;margin:12px 0}.live-metrics>div{padding:11px;border-right:1px solid #e8ecf2;background:#fbfcfe}.live-metrics>div:last-child{border-right:0}.live-metrics span{display:block;font-size:9.5px;color:#7d8999;text-transform:uppercase}.live-metrics strong{display:block;margin-top:4px;font-size:13px;color:#2d4058}.ai-panel{background:linear-gradient(180deg,#fff,#fbf9ff)}.ai-head{display:flex;gap:10px;align-items:center;margin-bottom:14px}.ai-head h3{margin:0}.ai-head p{font-size:10.5px;color:#8995a6;margin:2px 0 0}.ai-logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#efe8ff;color:#7c4bd4;font-size:18px}.ai-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ai-buttons .btn:first-child{grid-column:1/-1}.ai-note{font-size:10.5px;color:#786d8f;line-height:1.5;background:#f5f0ff;border:1px solid #e9defd;padding:10px;border-radius:8px;margin-top:12px}.settings-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setting-block{border:1px solid #e2e7ee;border-radius:10px;padding:14px;margin-bottom:13px}.readonly-setting{padding:10px 11px;border:1px solid #e4e9f0;background:#f7f9fc;border-radius:7px;color:#617087;font-size:12px}.send-mode{display:flex;gap:20px;margin:10px 0}.send-mode label{display:flex;align-items:center;gap:7px;margin:0;font-size:11.5px}.send-mode input{width:auto}.future-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.future-settings>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;border:1px dashed #d9e0e9;border-radius:9px;padding:11px;background:#fbfcfd}.future-settings svg{width:19px;color:#5670a4}.future-settings strong{display:block;font-size:11px}.future-settings small{display:block;font-size:9.5px;color:#8995a4}.review-hero{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1px;background:#e4e9f1;border:1px solid #e4e9f1;border-radius:10px;overflow:hidden;margin-bottom:14px}.review-hero>div{background:#fff;padding:14px}.review-hero span,.review-table span,.review-message>span{display:block;color:#8491a2;font-size:9.5px;text-transform:uppercase}.review-hero strong{display:block;margin-top:4px;font-size:14px}.review-message{border:1px solid #e2e7ee;border-radius:10px;padding:15px;margin-bottom:14px;background:#fbfcff}.review-message p{font-size:13px;line-height:1.55;white-space:normal;color:#334155}.review-message small{color:#7d8998}.review-table{border:1px solid #e2e7ee;border-radius:10px;overflow:hidden;margin-bottom:14px}.review-table>div{display:flex;justify-content:space-between;gap:20px;padding:11px 13px;border-bottom:1px solid #edf0f4}.review-table>div:last-child{border-bottom:0}.review-table strong{font-size:11.5px;text-align:right}
@media(max-width:1000px){.wizard-grid,.wizard-grid-wide{grid-template-columns:1fr}.wizard-aside{position:static}.live-metrics{grid-template-columns:repeat(3,1fr)}.review-hero{grid-template-columns:1fr 1fr}.settings-cards,.future-settings{grid-template-columns:1fr}}@media(max-width:650px){.wizard-stepper{grid-template-columns:1fr 1fr}.wizard-step{padding:8px}.wizard-step strong{font-size:10px}.live-metrics{grid-template-columns:1fr 1fr}.ai-buttons{grid-template-columns:1fr}.ai-buttons .btn:first-child{grid-column:auto}.review-hero{grid-template-columns:1fr}.send-mode{flex-direction:column;gap:8px}}

/* Messigo 2.0 – UX polish 2026-08-28 */
.gsm-optimizer{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #f0d38c;background:linear-gradient(135deg,#fffaf0,#fff7dd);border-radius:10px;padding:12px 13px;margin:4px 0 12px;box-shadow:0 4px 14px rgba(180,126,22,.06)}
.gsm-optimizer.has-saving{border-color:#e5b94c;background:linear-gradient(135deg,#fff9e8,#fff3c6)}
.gsm-optimizer-icon{width:38px;height:38px;border-radius:10px;background:#fff0b9;color:#9a6500;display:grid;place-items:center;font-size:19px}
.gsm-optimizer-copy strong{display:block;color:#57410c;font-size:12.5px;margin-bottom:2px}.gsm-optimizer-copy span{display:block;color:#806b38;font-size:10.8px;line-height:1.45}
.gsm-optimize-btn{white-space:nowrap;background:#d98b08}.gsm-optimize-btn:hover{background:#be7600}.gsm-optimize-btn:disabled{background:#9aa4b2;cursor:default;box-shadow:none;opacity:.75}
.review-list.checklist>div{align-items:center}.review-list.checklist .check-ok,.review-list.checklist .check-later{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.review-list.checklist .check-ok{background:#e8f8ed;color:#207b42}.review-list.checklist .check-later{background:#f0f3f7;color:#748195}
.campaign-meta-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e5eaf2;border:1px solid #e5eaf2;border-radius:9px;overflow:hidden;margin:12px 0 16px}.campaign-meta-strip>div{background:#f9fbfe;padding:11px 12px}.campaign-meta-strip span{display:block;color:#8290a4;text-transform:uppercase;font-size:9.5px;letter-spacing:.03em}.campaign-meta-strip strong{display:block;color:#26364c;font-size:12px;margin-top:3px}
.dev-action-note{display:flex;align-items:flex-start;gap:8px;background:#fff7df;border:1px solid #f2dda1;color:#835f0d;border-radius:8px;padding:10px 11px;margin:10px 0 12px;font-size:11.5px}.dev-action-note svg{width:17px;height:17px;flex:0 0 auto}.btn.dev-action{background:#d18a0a}.btn.dev-action:hover{background:#b97600}
@media(max-width:760px){.gsm-optimizer{grid-template-columns:38px 1fr}.gsm-optimize-btn{grid-column:1/-1;width:100%}.campaign-meta-strip{grid-template-columns:1fr}}

/* Messigo 2.0 – Contacts + Imports 2026-08-28 */
.contact-top-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.contact-kpi{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px 17px;box-shadow:var(--shadow)}.contact-kpi span{display:block;color:#7b889c;font-size:10.5px}.contact-kpi strong{display:block;font-size:24px;margin-top:4px;color:#20324b}.contact-filter{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto;gap:9px;align-items:end;margin:12px 0 16px}.contact-filter input,.contact-filter select{margin:0}.contact-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.contact-hero h2{font-size:24px;margin:5px 0 2px}.contact-phone{font-size:17px;font-weight:700;margin:3px 0;color:#334155}.contact-status-box{min-width:280px;border-left:1px solid var(--line);padding-left:22px}.contact-status-box>span{display:block;color:#8290a4;font-size:10px;text-transform:uppercase;margin-bottom:6px}.contact-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.contact-detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-top:16px}.contact-source-list{display:flex;flex-direction:column}.contact-source-list>div{padding:10px 0;border-bottom:1px solid #edf0f5}.contact-source-list>div:last-child{border-bottom:0}.contact-source-list a{display:block;font-weight:700}.contact-source-list span{display:block;color:#8591a3;font-size:10.5px;margin-top:2px}.timeline-list{display:flex;flex-direction:column}.timeline-list>div{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:9px 0}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#4d72e7;margin-top:5px;box-shadow:0 0 0 4px #edf3ff}.timeline-list strong{display:block;font-size:11.5px}.timeline-list small{display:block;color:#8995a5;font-size:10px;margin-top:2px}
.import-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:16px;align-items:start;margin-bottom:16px}.import-side{position:sticky;top:84px}.import-side h3{font-size:13px}.import-steps{display:flex;flex-direction:column;gap:13px}.import-steps>div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px}.import-steps b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:#2e61d7}.import-steps span{font-size:11px;color:#536176}.import-preview{margin-bottom:16px}.import-metrics{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #e3e8ef;border-radius:9px;overflow:hidden;margin-bottom:14px}.import-metrics>div{padding:11px;background:#fbfcfe;border-right:1px solid #e8ecf2}.import-metrics>div:last-child{border-right:0}.import-metrics span{display:block;color:#7f8b9c;font-size:9px;text-transform:uppercase}.import-metrics strong{display:block;font-size:17px;margin-top:3px}.preview-actions{display:flex;gap:8px;margin:0 0 14px}.import-status{display:inline-flex;border-radius:999px;padding:3px 7px;font-size:9.5px;font-weight:700;background:#f0f3f7;color:#657286}.import-status.s-new{background:#e8f8ed;color:#227a43}.import-status.s-existing{background:#eaf1ff;color:#315fb7}.import-status.s-duplicate{background:#fff4d8;color:#916300}.import-status.s-invalid,.import-status.s-blocked,.import-status.s-unsubscribed,.import-status.s-missing_phone{background:#fff0f0;color:#b4333f}
@media(max-width:1000px){.contact-top-grid{grid-template-columns:1fr 1fr}.contact-detail-grid,.import-layout{grid-template-columns:1fr}.import-side{position:static}.import-metrics{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.contact-top-grid{grid-template-columns:1fr}.contact-filter{grid-template-columns:1fr}.contact-hero{flex-direction:column}.contact-status-box{min-width:0;width:100%;border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:14px}.import-metrics{grid-template-columns:1fr 1fr}}

/* Messigo 2.0 - Terminációk */
.termination-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.termination-kpis .contact-kpi small{display:block;color:#8a96a8;font-size:10px;margin-top:5px}.termination-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:16px;align-items:start}.termination-test{position:sticky;top:84px}.termination-rule-add{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto;gap:9px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.termination-rule-add .form-row{margin:0}.warn-box{background:#fff8e6;border:1px solid #f0d795;color:#8d650b;border-radius:8px;padding:10px 11px;font-size:10.8px;line-height:1.5;margin-bottom:12px}.termination-test textarea{min-height:100px}.termination-test .btn{width:100%}
@media(max-width:1000px){.termination-kpis{grid-template-columns:1fr 1fr}.termination-grid{grid-template-columns:1fr}.termination-test{position:static}.termination-rule-add{grid-template-columns:1fr}}
@media(max-width:650px){.termination-kpis{grid-template-columns:1fr}}

/* Messigo Platform – modulválasztó és modul-kezdőképernyők */
.side-module-switch{margin:12px 10px 0;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fafcff;color:#344258;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px}.side-module-switch:hover{background:#f3f7ff;color:#244fbd}.side-module-icon{width:32px;height:32px;border-radius:8px;background:#eaf1ff;color:#2f62dc;display:grid;place-items:center}.side-module-icon svg{width:17px;height:17px}.side-module-switch small{display:block;color:#8995a7;font-size:8.5px;text-transform:uppercase;letter-spacing:.06em}.side-module-switch strong{display:block;font-size:11.5px;margin-top:1px}.side-module-switch b{font-size:13px;color:#94a0b0}.platform-hero,.module-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#fff,#f5f8ff);padding:28px 30px;margin-bottom:18px;box-shadow:var(--shadow)}.platform-hero h2,.module-hero h2{font-size:25px;letter-spacing:-.035em;margin:5px 0 8px}.platform-hero p,.module-hero p{max-width:780px;color:#68768b;margin:0;line-height:1.65}.platform-hero-mark{min-width:160px;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:3px 12px;border-left:1px solid #e1e7f0;padding-left:26px;color:#315fd2}.platform-hero-mark svg{grid-row:span 2;width:42px;height:42px}.platform-hero-mark strong{font-size:28px;line-height:1}.platform-hero-mark span{font-size:10.5px;color:#7c899b}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.module-card{--module:#2563eb;--module-soft:#eef4ff;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;min-height:246px;display:flex;flex-direction:column;color:var(--text);box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.module-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.09);border-color:color-mix(in srgb,var(--module) 35%,#fff);color:var(--text)}.module-card.tone-purple{--module:#7c4fd2;--module-soft:#f3edff}.module-card.tone-green{--module:#16834a;--module-soft:#eaf8ef}.module-card.tone-orange{--module:#ce780d;--module-soft:#fff3df}.module-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.module-card-icon{width:45px;height:45px;border-radius:12px;background:var(--module-soft);color:var(--module);display:grid;place-items:center}.module-card-icon svg{width:23px;height:23px}.module-status{border-radius:999px;padding:4px 8px;font-size:8.5px;font-weight:750;text-transform:uppercase;letter-spacing:.035em;background:#eef2f7;color:#68758a}.module-status.status-active,.module-status.status-beta{background:#e8f8ed;color:#237b43}.module-status.status-building{background:#f1ebff;color:#7245bf}.module-status.status-planned{background:#fff3de;color:#9a630c}.module-card h3{font-size:17px;margin:20px 0 7px}.module-card p{color:#738096;font-size:11.5px;line-height:1.6;margin-bottom:20px}.module-card-foot{margin-top:auto;border-top:1px solid #edf0f5;padding-top:13px;display:flex;justify-content:space-between;gap:10px;font-size:9.8px;color:#8490a1}.module-card-foot b{color:var(--module);white-space:nowrap}.platform-note{display:flex;gap:13px;align-items:flex-start;border:1px solid #dfe7f2;background:#f8fbff;border-radius:11px;padding:15px 17px;margin-top:16px;color:#315cc3}.platform-note>svg{flex:0 0 auto;margin-top:2px}.platform-note strong{display:block;color:#263b5b;font-size:12px}.platform-note p{font-size:10.8px;color:#6e7c91;margin:3px 0 0}.module-kicker{font-size:10px;font-weight:750;letter-spacing:.09em;color:#7652c2}.module-hero-icon{width:84px;height:84px;min-width:84px;border-radius:22px;background:#eee7ff;color:#7650c6;display:grid;place-items:center}.module-hero-icon svg{width:42px;height:42px}.flow-hero{background:linear-gradient(135deg,#fff,#fff8ec)}.flow-hero .module-kicker,.flow-hero .module-hero-icon{color:#b76b0c}.flow-hero .module-hero-icon{background:#fff0d7}.email-foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.foundation-step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;grid-template-columns:34px 1fr;gap:12px;box-shadow:var(--shadow)}.foundation-step>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#748196;font-weight:750}.foundation-step.next{border-color:#d8c9f3;background:linear-gradient(135deg,#fff,#fbf8ff)}.foundation-step.next>span{background:#8254d4;color:#fff}.foundation-step h3{font-size:13px;margin:5px 0 5px}.foundation-step p{font-size:10.8px;color:#778398;margin:0;line-height:1.55}.email-readiness .panel{margin:0}.readiness-value,.readiness-state{display:block;font-size:26px;margin:6px 0;color:#7048ba}.readiness-state{font-size:20px;color:#a16810}.email-readiness p{font-size:11px;color:#788599;margin:0}.audience-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.audience-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px}.audience-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audience-actions a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:14px;color:#344258;background:#fbfcff}.audience-actions a:hover{border-color:#9db4ea;background:#f6f9ff}.audience-actions a>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#eaf2ff;color:#3564d5}.audience-actions strong{display:block;font-size:12px}.audience-actions small{display:block;color:#8490a2;font-size:9.8px;margin-top:2px}.channel-warning{display:flex;gap:12px;background:#fffaf0;border-color:#efdfb5}.channel-warning>svg{color:#bd7a13;flex:0 0 auto}.channel-warning h3{font-size:12.5px;margin:0 0 5px}.channel-warning p{font-size:10.8px;color:#7d6c48;margin:0;line-height:1.55}.flow-preview{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:13px}.flow-preview>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:center;box-shadow:var(--shadow)}.flow-preview>div>span{width:44px;height:44px;border-radius:12px;background:#eef4ff;color:#3564d7;display:grid;place-items:center;margin:0 auto 11px}.flow-preview strong{display:block;font-size:12px}.flow-preview small{display:block;color:#8490a2;font-size:10px;margin-top:4px}.flow-preview>b{color:#a8b1bf;font-size:20px}
@media(max-width:1200px){.module-grid{grid-template-columns:1fr 1fr}.audience-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.platform-hero-mark{display:none}.email-foundation-grid,.audience-layout{grid-template-columns:1fr}.flow-preview{grid-template-columns:1fr}.flow-preview>b{transform:rotate(90deg);text-align:center}.audience-actions{grid-template-columns:1fr}}
@media(max-width:820px){.side-module-switch{padding:8px;margin:10px 8px}.side-module-switch>span:not(.side-module-icon),.side-module-switch>b{display:none}.side-module-switch{display:flex;justify-content:center}.platform-hero,.module-hero{padding:22px}.module-hero-icon{width:62px;height:62px;min-width:62px}.module-hero-icon svg{width:31px;height:31px}}
@media(max-width:600px){.module-grid,.audience-kpis{grid-template-columns:1fr}.platform-hero h2,.module-hero h2{font-size:21px}.module-hero-icon{display:none}.email-readiness{grid-template-columns:1fr}}

/* Messigo Email MVP preview – VAMEMAIL koncepció portolása */
.email-command-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:28px 30px;margin-bottom:16px;border:1px solid #ded4f4;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#fbf9ff 58%,#f2ecff 100%);box-shadow:var(--shadow)}
.email-command-hero h2,.email-page-intro h2{font-size:25px;letter-spacing:-.035em;margin:5px 0 8px}.email-command-hero p,.email-page-intro p{max-width:820px;color:#6f7c90;line-height:1.6;margin:0}.email-command-hero .actions{margin-top:17px}.email-command-mark{width:88px;height:88px;min-width:88px;border-radius:24px;background:#e9dfff;color:#7548ca;display:grid;place-items:center}.email-command-mark svg{width:43px;height:43px}.email-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.email-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.55fr);gap:16px}.email-span-2{grid-column:1/2}.email-empty-state{min-height:112px;display:flex;align-items:center;gap:15px;padding:16px;border:1px dashed #d9dfea;border-radius:11px;background:#fbfcff}.email-empty-state>span{width:46px;height:46px;min-width:46px;border-radius:12px;background:#f0eaff;color:#754bc7;display:grid;place-items:center}.email-empty-state>span svg{width:23px}.email-empty-state>div{min-width:0;flex:1}.email-empty-state strong{display:block;font-size:12.5px}.email-empty-state p{font-size:10.5px;color:#7c889a;line-height:1.5;margin:4px 0}.readiness-checklist,.dns-checks{display:flex;flex-direction:column}.readiness-checklist>div,.dns-checks>div{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f5}.readiness-checklist>div:last-child,.dns-checks>div:last-child{border-bottom:0}.readiness-checklist b,.dns-checks b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#fff3dc;color:#a7690d;font-size:10px}.readiness-checklist .done b{background:#e8f8ed;color:#1f7b43}.readiness-checklist strong,.dns-checks strong{display:block;font-size:11px}.readiness-checklist small,.dns-checks small{display:block;color:#8995a6;font-size:9.5px;margin-top:2px}.email-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.email-quick-grid a{display:grid;grid-template-columns:39px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fbfcff;color:#334155}.email-quick-grid a:hover{border-color:#b6a2df;background:#fbf9ff}.email-quick-grid a>span{grid-row:span 2;width:37px;height:37px;border-radius:9px;background:#f0eaff;color:#754bc7;display:grid;place-items:center}.email-quick-grid a svg{width:18px}.email-quick-grid strong{display:block;font-size:11px}.email-quick-grid small{display:block;font-size:9.2px;color:#8995a5}.email-safety-card{display:flex;gap:12px;align-items:flex-start;background:#fffaf0;border-color:#efdfb5}.email-safety-card>svg{color:#b8740d;flex:0 0 auto}.email-safety-card strong{font-size:12px}.email-safety-card p{font-size:10.5px;color:#7b6a45;line-height:1.55;margin:5px 0 0}
.email-page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:0 0 16px}.email-page-intro h2{margin-bottom:4px}.email-tabs{display:flex;gap:22px;border-bottom:1px solid #e7eaf0;margin:-3px 0 13px}.email-tabs span{padding:8px 2px 11px;color:#788598;font-size:10.8px;font-weight:650;border-bottom:2px solid transparent}.email-tabs span.active{color:#7047bd;border-bottom-color:#7b4fd0}.email-tabs b{display:inline-flex;min-width:19px;height:19px;border-radius:999px;align-items:center;justify-content:center;margin-left:4px;background:#f0f2f6;font-size:8.5px}.email-filterbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px 190px;gap:9px;margin-bottom:13px}.email-filterbar label{display:flex;align-items:center;gap:8px;border:1px solid #e0e5ed;background:#fafbfc;border-radius:8px;padding:0 10px}.email-filterbar label svg{width:16px;color:#91a0b4}.email-filterbar input,.email-filterbar select{margin:0;background:#fafbfc}.email-campaign-table{min-width:870px}.email-table-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.email-table-empty>span{width:50px;height:50px;border-radius:14px;background:#f0eaff;color:#754bc7;display:grid;place-items:center}.email-table-empty>span svg{width:25px}.email-table-empty strong{font-size:13px;margin-top:12px}.email-table-empty p{color:#8290a2;font-size:10.5px;margin:5px 0 13px}
.email-builder-notice{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:11px 13px;border:1px solid #edd79a;border-radius:10px;background:#fff9e9;color:#8b6511;margin-bottom:14px}.email-builder-notice>svg{width:19px}.email-builder-notice strong,.email-builder-notice span{display:block}.email-builder-notice strong{font-size:11.5px}.email-builder-notice div span{font-size:9.8px;margin-top:2px}.email-stepper{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:16px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.email-stepper>div{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:12px;border-right:1px solid #e8ebf1}.email-stepper>div:last-child{border-right:0}.email-stepper b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f0f2f6;color:#8290a3;font-size:10px}.email-stepper .active{background:#fbf9ff}.email-stepper .active b{background:#7b4fd0;color:#fff}.email-stepper strong,.email-stepper small{display:block}.email-stepper strong{font-size:10.5px}.email-stepper small{font-size:8.8px;color:#8b97a7;margin-top:2px}.email-compose-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:16px}.email-compose-grid .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.email-compose-grid .form-row{margin-bottom:12px}.email-compose-grid input[readonly]{background:#fbfcfe;color:#3e4d63}.input-warning{border-color:#e5c873!important;background:#fffaf0!important}.field-hint{display:block;color:#2d8a50;font-size:9px;margin-top:4px}.email-campaign-score>strong{display:block;font-size:38px;color:#7046be;margin:7px 0}.email-campaign-score>strong small{font-size:13px;color:#8e99a9}.score-track{height:7px;background:#edeef3;border-radius:99px;overflow:hidden}.score-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c4fd0,#ad78ed)}.email-campaign-score ul{padding:0;margin:14px 0 0;list-style:none}.email-campaign-score li{font-size:10px;color:#9b6811;padding:6px 0;border-bottom:1px solid #edf0f4}.email-campaign-score li:before{content:'!';display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff1d6;margin-right:7px;font-weight:800}.email-campaign-score li.ok{color:#237b43}.email-campaign-score li.ok:before{content:'✓';background:#e7f7ec}.audience-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audience-picker>div{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;border:1px solid #e0e5ed;border-radius:10px;padding:13px;background:#fbfcfe}.audience-picker>div.selected{border-color:#b7a3df;background:#fbf9ff}.audience-picker>div>span{width:38px;height:38px;border-radius:9px;background:#f0eaff;color:#754bc7;display:grid;place-items:center}.audience-picker svg{width:19px}.audience-picker strong,.audience-picker small{display:block}.audience-picker strong{font-size:11px}.audience-picker small{font-size:9.5px;color:#8995a5;margin-top:2px}.audience-picker b{color:#7046bd}.channel-model-note{margin-top:12px;padding:10px 12px;border-radius:8px;background:#f5f8fc;color:#68778d;font-size:10.5px;line-height:1.55}.email-content-preview{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:420px;border:1px solid #e0e5ed;border-radius:11px;overflow:hidden;background:#f3f5f8}.email-content-preview>aside{padding:14px;background:#fff;border-right:1px solid #e1e5ec}.email-content-preview>aside>div{padding:10px;border:1px solid #e4e8ef;border-radius:8px;margin-top:8px;font-size:10px;color:#58677c}.email-content-preview>aside b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:6px;background:#f1ebff;color:#7046bd}.email-content-preview>article{padding:22px;overflow:auto}.email-preview-label{font-size:9.5px;color:#7f8b9d;text-align:center;margin-bottom:10px}.email-mock{max-width:580px;min-height:330px;margin:auto;padding:32px;background:#fff;border-radius:4px;box-shadow:0 7px 25px rgba(25,35,50,.09);text-align:center}.mock-brand{display:block;color:#7046bd;font-weight:850;letter-spacing:.14em;font-size:10px}.email-mock h3{font-size:25px;letter-spacing:-.035em;margin:52px 0 10px}.email-mock p{max-width:410px;margin:0 auto;color:#6d7a8d;font-size:12px;line-height:1.65}.mock-button{display:inline-block;margin:22px 0 62px;padding:10px 17px;border-radius:7px;background:#7046bd;color:#fff;font-size:10px;font-weight:750}.email-mock small{display:block;border-top:1px solid #eceef2;padding-top:13px;color:#9aa3af;font-size:8.5px}.email-review-card{grid-column:2;grid-row:3}.review-gates>div{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f4;color:#876211;font-size:10.5px}.review-gates b{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#fff1d8}.review-gates .ok{color:#237b43}.review-gates .ok b{background:#e8f7ec}.email-review-card .btn{width:100%;margin-top:14px}.email-review-card .btn:disabled,.email-sender-grid .btn:disabled{opacity:.45;cursor:not-allowed}.disabled-explain{color:#8a96a7;font-size:9.5px;line-height:1.45;text-align:center}
.email-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.email-template-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.email-template-card>div:last-child{padding:15px}.email-template-card h3{font-size:13px;margin:0}.email-template-card p{min-height:34px;font-size:10.5px;line-height:1.5;color:#7d899b}.template-thumb{height:220px;padding:28px 42px;background:#eef1f5;display:flex;flex-direction:column;gap:10px}.template-thumb i{display:block;height:18px;border-radius:4px;background:#fff}.template-thumb i:first-child{width:35%;height:13px}.template-thumb i:nth-child(2){height:68px}.template-thumb i:nth-child(3){width:80%}.template-thumb i:nth-child(4){width:42%;height:28px;background:#7b4fd0}.template-thumb.blank i{opacity:.75}.template-thumb.news{background:#e9efff}.template-thumb.offer{background:#f2eaff}.email-dev-note{display:flex;gap:13px;margin-top:16px;background:#fbf9ff;border-color:#ded3f3}.email-dev-note>span{color:#7046bd}.email-dev-note strong{font-size:12px}.email-dev-note p{font-size:10.5px;color:#758195;line-height:1.55;margin:4px 0}.email-sender-grid,.email-settings-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:16px}.analytics-placeholder{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.analytics-placeholder>span{width:54px;height:54px;border-radius:15px;background:#f0eaff;color:#754bc7;display:grid;place-items:center}.analytics-placeholder svg{width:27px}.analytics-placeholder strong{font-size:13px;margin-top:12px}.analytics-placeholder p{max-width:560px;color:#8490a2;font-size:10.5px;line-height:1.55}.setting-preview{display:grid;grid-template-columns:210px 1fr;border:1px solid #e3e7ed;border-radius:9px;overflow:hidden}.setting-preview label,.setting-preview>div{padding:12px;border-bottom:1px solid #e8ebf0;font-size:10.5px}.setting-preview label{background:#f8fafc;color:#778598}.setting-preview>div span{float:right;color:#a07019;font-size:9px}.toggle-preview>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f4}.toggle-preview strong,.toggle-preview small{display:block}.toggle-preview strong{font-size:11px}.toggle-preview small{color:#8995a5;font-size:9.5px;margin-top:2px}.toggle-preview i{width:35px;height:20px;border-radius:99px;background:#dfe3e9;position:relative}.toggle-preview i:after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff}.toggle-preview i.required{background:#8b5bd8}.toggle-preview i.required:after{left:18px}
@media(max-width:1100px){.email-kpis{grid-template-columns:1fr 1fr}.email-dashboard-grid,.email-compose-grid,.email-sender-grid,.email-settings-grid{grid-template-columns:1fr}.email-span-2,.email-review-card{grid-column:auto;grid-row:auto}.email-quick-grid{grid-template-columns:1fr 1fr}.email-template-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.email-command-hero{padding:22px}.email-command-mark{display:none}.email-page-intro{align-items:flex-start;flex-direction:column}.email-stepper{grid-template-columns:1fr 1fr}.email-filterbar,.email-compose-grid .form-grid,.audience-picker{grid-template-columns:1fr}.email-content-preview{grid-template-columns:1fr}.email-content-preview>aside{display:none}.email-template-grid{grid-template-columns:1fr}}
@media(max-width:560px){.email-kpis,.email-quick-grid,.email-stepper{grid-template-columns:1fr}.email-empty-state{align-items:flex-start;flex-wrap:wrap}.email-empty-state .btn{width:100%}.setting-preview{grid-template-columns:1fr}.setting-preview label{border-bottom:0;padding-bottom:4px}.setting-preview>div{padding-top:4px}}

/* Audience – csatornaengedélyek és auditnapló */
.audience-permission-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:20px;align-items:start}.permission-timeline{display:grid}.permission-timeline>div{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid var(--line)}.permission-timeline>div:last-child{border-bottom:0}.permission-timeline b{width:10px;height:10px;border-radius:50%;background:var(--purple);margin-top:5px;box-shadow:0 0 0 5px #eee9ff;flex:none}.permission-timeline span{display:grid;gap:3px}.permission-timeline small{color:var(--muted)}.permission-timeline em{font-size:12px;color:#6d45ce;font-style:normal;font-weight:700}.btn.small{padding:7px 11px;font-size:12px}.audience-permission-layout textarea{resize:vertical;min-height:96px}@media(max-width:980px){.audience-permission-layout{grid-template-columns:1fr}}