:root{
  --bg:#f4f7fb; --bg2:#eef4ff; --card:#ffffff; --card2:#fbfdff; --text:#0f172a; --muted:#64748b; --soft:#94a3b8;
  --line:#e5eaf2; --primary:#2563eb; --primary2:#7c3aed; --accent:#10b981; --ok:#16a34a; --bad:#dc2626; --warn:#d97706;
  --sidebar:#090f1f; --sidebar2:#111c34; --shadow:0 20px 60px rgba(15,23,42,.10); --shadow2:0 8px 24px rgba(15,23,42,.08);
  --radius:22px; --radius2:16px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% -10%,rgba(37,99,235,.20),transparent 30%),radial-gradient(circle at 90% 0,rgba(16,185,129,.14),transparent 28%),linear-gradient(180deg,var(--bg2),var(--bg));font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);letter-spacing:-.01em}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 75%)}a{color:var(--primary);text-decoration:none}b,strong{font-weight:800}.app{display:flex;min-height:100vh}.sidebar{width:292px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));color:#fff;padding:22px 16px;position:fixed;inset:0 auto 0 0;overflow:auto;z-index:10;box-shadow:18px 0 50px rgba(2,6,23,.28)}.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(59,130,246,.30),transparent 30%),radial-gradient(circle at 80% 15%,rgba(16,185,129,.16),transparent 25%);pointer-events:none}.sidebar>*{position:relative}.brand{display:flex;align-items:center;gap:12px;margin:4px 8px 20px}.brand-mark{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#34d399,#2563eb 52%,#7c3aed);box-shadow:0 14px 30px rgba(37,99,235,.35)}.brand-title{font-weight:900;font-size:17px;line-height:1.15}.brand-subtitle{font-size:12px;color:#9fb0ca;margin-top:3px}.sidebar-card{margin:0 4px 22px;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.07);display:flex;gap:10px;align-items:center;backdrop-filter:blur(10px)}.sidebar-card b{display:block;font-size:13px}.sidebar-card small{display:block;color:#a8b4c8;margin-top:2px}.status-dot{width:10px;height:10px;border-radius:99px;background:#22c55e;box-shadow:0 0 0 7px rgba(34,197,94,.14),0 0 25px #22c55e}.side-nav{display:flex;flex-direction:column;gap:3px}.nav-heading{color:#71829f;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.12em;margin:16px 12px 6px}.nav-link{display:flex;align-items:center;gap:11px;color:#c7d2e5;padding:11px 12px;border-radius:16px;font-weight:800;font-size:14px;transition:.18s ease;position:relative}.nav-ico{width:32px;height:32px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.07);color:#eaf1ff;font-weight:900;font-size:13px}.nav-link:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(3px)}.nav-link.active{background:linear-gradient(135deg,rgba(37,99,235,.95),rgba(124,58,237,.90));color:#fff;box-shadow:0 14px 28px rgba(37,99,235,.28)}.nav-link.active .nav-ico{background:rgba(255,255,255,.18)}.main{margin-left:292px;width:calc(100% - 292px);min-height:100vh}.topbar{height:82px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.85);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:6}.top-left{display:flex;align-items:center;gap:16px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-weight:900}.top-title{font-size:24px;margin:2px 0 0;letter-spacing:-.04em}.top-actions{display:flex;align-items:center;gap:12px}.menu-btn{display:none;background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:14px;box-shadow:var(--shadow2);cursor:pointer}.quick-search{height:44px;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:9px;padding:0 14px;color:var(--soft);box-shadow:0 8px 20px rgba(15,23,42,.04)}.quick-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:14px}.user-pill{background:#fff;border:1px solid var(--line);padding:6px 8px 6px 6px;border-radius:999px;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.user-pill b{display:block;color:var(--text);font-size:13px;line-height:1}.user-pill small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;font-weight:900}.logout-link{border-left:1px solid var(--line);padding-left:9px;font-weight:800;font-size:12px}.content{padding:28px;max-width:1560px;margin:0 auto}.page-hero,.hero-card{border:1px solid rgba(255,255,255,.72);border-radius:28px;padding:26px;margin-bottom:20px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.60));box-shadow:var(--shadow);position:relative;overflow:hidden}.page-hero:after,.hero-card:after{content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;background:radial-gradient(circle,rgba(37,99,235,.22),transparent 65%)}.hero-title{font-size:32px;margin:0 0 8px;letter-spacing:-.05em}.hero-subtitle{color:var(--muted);max-width:760px;line-height:1.6;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid rgba(226,232,240,.96);border-radius:var(--radius);box-shadow:var(--shadow2);padding:22px;margin-bottom:18px;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow)}.glass-card{background:rgba(255,255,255,.72);backdrop-filter:blur(14px)}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:20px;min-height:132px}.stat .muted{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.stat .num{font-size:34px;font-weight:950;margin:8px 0;letter-spacing:-.06em}.stat:before{content:"";position:absolute;right:18px;top:18px;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(16,185,129,.10))}.stat-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#eef6ff;color:var(--primary);font-weight:900}.muted{color:var(--muted)}h1,h2,h3{margin:0 0 14px;letter-spacing:-.035em}h2{font-size:20px}h3{font-size:17px}hr{border:0;border-top:1px solid var(--line);margin:18px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;overflow:hidden}.table th,.table td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}.table tr:last-child td{border-bottom:0}.table th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.table tr:hover td{background:#fbfdff}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;background:#eef2ff;color:#3730a3;border:1px solid #e0e7ff}.badge.ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}.badge.bad{background:#fee2e2;color:#991b1b;border-color:#fecaca}.badge.warn{background:#fef3c7;color:#92400e;border-color:#fde68a}.btn{display:inline-flex;border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-radius:14px;padding:11px 15px;font-weight:900;cursor:pointer;align-items:center;justify-content:center;gap:7px;box-shadow:0 12px 22px rgba(37,99,235,.22);transition:.18s ease;font-size:14px}.btn:hover{transform:translateY(-1px);box-shadow:0 18px 30px rgba(37,99,235,.28)}.btn.secondary{background:#fff;color:#111827;border:1px solid var(--line);box-shadow:0 8px 18px rgba(15,23,42,.06)}.btn.ok{background:linear-gradient(135deg,#16a34a,#10b981)}.btn.bad{background:linear-gradient(135deg,#dc2626,#f97316)}.btn.warn{background:linear-gradient(135deg,#d97706,#f59e0b)}.btn.small{padding:7px 10px;border-radius:10px;font-size:12px}.actions-inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:15px}.field label{display:block;font-weight:900;margin-bottom:7px;font-size:13px;color:#334155}.input,select,textarea{width:100%;border:1px solid var(--line);border-radius:15px;padding:12px 13px;background:#fff;font:inherit;color:var(--text);outline:0;transition:.16s ease}textarea{min-height:96px;resize:vertical}.input:focus,select:focus,textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.10)}.alert{padding:13px 15px;border-radius:16px;margin-bottom:14px;border:1px solid;font-weight:700}.alert.success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.alert.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.alert.info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.note-box{background:linear-gradient(135deg,#f8fafc,#eef6ff);border:1px dashed #cbd5e1;padding:13px;border-radius:16px;margin-top:12px;color:var(--muted);font-size:14px;line-height:1.55}code,pre{background:#0f172a;color:#dbeafe;border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:3px 7px}pre{padding:14px;overflow:auto;line-height:1.55}.chat-wrap{display:grid;grid-template-columns:330px minmax(0,1fr) 310px;gap:18px;height:calc(100vh - 158px)}.chat-list,.chat-main,.chat-side{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow2)}.chat-list-items{height:calc(100% - 58px);overflow:auto}.chat-item{display:block;padding:15px;border-bottom:1px solid var(--line);color:var(--text);transition:.16s ease}.chat-item.active,.chat-item:hover{background:linear-gradient(90deg,#eef6ff,#fff)}.chat-title{font-weight:900}.chat-meta{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.chat-head{height:58px;padding:15px 17px;border-bottom:1px solid var(--line);font-weight:900;background:linear-gradient(180deg,#fff,#f8fafc)}.messages{height:calc(100% - 148px);overflow:auto;padding:20px;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 35%),#f8fafc}.bubble{max-width:72%;padding:11px 13px;border-radius:18px;margin:9px 0;box-shadow:0 8px 18px rgba(16,24,40,.07);font-size:14px;line-height:1.48}.bubble.customer{background:#fff;border:1px solid var(--line);border-top-left-radius:5px}.bubble.agent{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;margin-left:auto;border-top-right-radius:5px}.bubble.agent .muted{color:rgba(255,255,255,.72)}.composer{height:90px;border-top:1px solid var(--line);display:flex;gap:10px;padding:14px;background:#fff}.composer textarea{min-height:58px;resize:none}.side-section{padding:15px;border-bottom:1px solid var(--line)}.progress{height:12px;border-radius:99px;background:#e5e7eb;overflow:hidden;border:1px solid #dbe2ea}.progress span{display:block;height:100%;background:linear-gradient(90deg,#10b981,#2563eb,#7c3aed);width:0;transition:width .35s ease}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 18% 10%,rgba(37,99,235,.26),transparent 28%),radial-gradient(circle at 80% 0,rgba(16,185,129,.18),transparent 26%),linear-gradient(135deg,#07111f,#172554 52%,#312e81);padding:24px}.login-shell{width:min(1050px,96vw);display:grid;grid-template-columns:1.05fr .95fr;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:34px;overflow:hidden;box-shadow:0 40px 100px rgba(2,6,23,.45);backdrop-filter:blur(18px)}.login-panel{padding:44px;color:#fff;background:radial-gradient(circle at top left,rgba(255,255,255,.20),transparent 30%)}.login-panel h1{font-size:40px;margin:18px 0 12px;color:#fff}.login-panel p{color:#dbeafe;line-height:1.7}.login-feature{display:flex;gap:12px;align-items:flex-start;margin:18px 0;color:#eaf2ff}.login-feature span{width:34px;height:34px;border-radius:13px;background:rgba(255,255,255,.14);display:grid;place-items:center}.login-card{width:auto;margin:22px;background:#fff;border-radius:28px;border:0;box-shadow:0 30px 70px rgba(2,6,23,.28)}.login-card h2{font-size:26px}.login-card .btn{width:100%;padding:13px}.mobile-shade{display:none}.empty-state{padding:28px;text-align:center;color:var(--muted)}.premium-kpi{display:flex;align-items:center;justify-content:space-between;gap:14px}.premium-kpi .num{margin-bottom:0}.setup-list{margin:0;padding-left:20px;line-height:1.9;color:#334155}.setup-list li::marker{color:var(--primary);font-weight:900}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-tile{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 8px 20px rgba(15,23,42,.05);display:flex;align-items:center;gap:12px;font-weight:900}.quick-tile span{width:38px;height:38px;border-radius:15px;background:#eef6ff;color:var(--primary);display:grid;place-items:center}
@media(max-width:1200px){.grid-4,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-search{display:none}.chat-wrap{grid-template-columns:300px 1fr}.chat-side{display:none}}
@media(max-width:1000px){.grid-3,.grid-2,.form-row{grid-template-columns:1fr}.sidebar{transform:translateX(-105%);transition:.22s ease}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .mobile-shade{display:block;position:fixed;inset:0;background:rgba(2,6,23,.55);z-index:9}.main{margin-left:0;width:100%}.menu-btn{display:inline-flex}.content{padding:18px}.topbar{height:74px;padding:0 16px}.top-title{font-size:20px}.top-actions{gap:8px}.user-pill small,.logout-link{display:none}.chat-wrap{grid-template-columns:1fr;height:auto}.chat-list,.chat-main,.chat-side{min-height:320px;display:block}.messages{height:420px}.login-shell{grid-template-columns:1fr}.login-panel{display:none}.login-card{margin:0}.hero-title{font-size:26px}}
@media(max-width:640px){.grid-4,.quick-grid{grid-template-columns:1fr}.content{padding:14px}.card,.page-hero,.hero-card{border-radius:20px;padding:18px}.stat .num{font-size:28px}.topbar{align-items:center}.eyebrow{display:none}.avatar{width:32px;height:32px}.user-pill{padding:5px}.chat-wrap{gap:12px}.bubble{max-width:86%}.btn{width:100%;}.actions-inline .btn{width:auto}.table th,.table td{padding:11px 12px}.login{padding:14px}.login-card{border-radius:22px;padding:20px}}

/* v1.0.52 Manual sender + live mobile preview */
.sender-layout{display:grid;grid-template-columns:minmax(0,1.4fr) 390px;gap:18px;align-items:start}.sender-builder{overflow:visible}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head.slim{margin-bottom:12px}.section-head p{margin:4px 0 0}.data-panel{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbff);border-radius:22px;padding:16px;margin:16px 0}.hidden{display:none!important}.manual-tools{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;align-items:start}.paste-actions .muted{font-size:12px;line-height:1.45;margin:8px 0 0}.manual-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.manual-table th,.manual-table td{min-width:132px}.manual-table th:first-child,.manual-table td:first-child{min-width:170px}.manual-table th:last-child,.manual-table td:last-child{min-width:60px}.mini-input{padding:9px 10px;border-radius:11px;font-size:13px}.variable-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.contact-picker{max-height:310px;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:10px;background:#fff}.contact-check{display:flex;align-items:center;gap:10px;border:1px solid #eef2f7;border-radius:14px;padding:10px;margin:7px 0;background:#fff;cursor:pointer;transition:.16s ease}.contact-check:hover{border-color:#bfdbfe;background:#f8fbff}.contact-check b{display:block;font-size:14px}.contact-check small{display:block;color:var(--muted);margin-top:2px}.sender-actions{border-top:1px solid var(--line);padding-top:16px}.mobile-preview-card{position:sticky;top:94px}.phone-shell{width:100%;max-width:340px;margin:10px auto 18px;border-radius:38px;background:#111827;padding:13px;box-shadow:0 30px 70px rgba(2,6,23,.32),inset 0 0 0 1px rgba(255,255,255,.08)}.phone-top{height:42px;border-radius:28px 28px 0 0;background:#075e54;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:13px}.phone-top span{width:26px;height:26px;border-radius:99px;background:rgba(255,255,255,.22)}.phone-top i{width:8px;height:8px;border-radius:99px;background:#22c55e;box-shadow:0 0 12px #22c55e}.phone-chat{min-height:360px;background:#e5ddd5;background-image:radial-gradient(rgba(15,23,42,.06) 1px,transparent 1px);background-size:18px 18px;padding:18px;display:flex;flex-direction:column;justify-content:flex-start}.wa-date{align-self:center;background:rgba(255,255,255,.76);color:#64748b;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:900;margin-bottom:18px}.wa-bubble{align-self:flex-end;background:#dcf8c6;color:#111827;border-radius:16px 16px 4px 16px;padding:12px 13px;max-width:88%;font-size:14px;line-height:1.5;box-shadow:0 5px 12px rgba(2,6,23,.12);white-space:pre-wrap}.phone-input{height:42px;background:#f8fafc;border-radius:0 0 26px 26px;color:#94a3b8;display:flex;align-items:center;padding:0 16px;font-size:13px}.live-data-list{border-top:1px solid var(--line);padding-top:16px}.mini-rows{display:flex;flex-direction:column;gap:8px}.mini-row{border:1px solid var(--line);background:#fff;border-radius:15px;padding:10px 12px}.mini-row b{display:block;font-size:13px}.mini-row small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}.manual-phone{font-weight:800}.manual-var:focus{background:#f8fbff}
@media(max-width:1200px){.sender-layout{grid-template-columns:1fr}.mobile-preview-card{position:static}.variable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-tools{grid-template-columns:1fr}}
@media(max-width:640px){.section-head{display:block}.section-head .actions-inline{margin-top:10px}.variable-grid{grid-template-columns:1fr}.phone-shell{max-width:100%}.manual-table th,.manual-table td{min-width:120px}.mobile-preview-card .btn{width:auto}}

/* v1.0.53 Live chat fix + mobile-wise variable sender + after-send reports */
.template-variable-box{border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#ffffff);border-radius:20px;padding:14px;margin:14px 0}.template-body-text{white-space:pre-wrap;color:#334155;line-height:1.6;margin:8px 0 10px;font-size:14px}.variable-guide{display:flex;flex-wrap:wrap;gap:8px}.var-token{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#dbeafe;color:#1e40af;font-size:12px;font-weight:900}.soft-hidden{display:none!important}.report-card{border-color:#bfdbfe;background:linear-gradient(180deg,#ffffff,#f8fbff)}.report-kpis{margin-bottom:14px}.stat.mini{padding:15px;border-radius:18px}.stat.mini .num{font-size:26px}.small-kpis .stat.mini .num{font-size:22px}.manual-table .var-col{min-width:138px}.manual-table .var-col .input{background:#fbfdff}.manual-table .var-col:not(.soft-hidden) .manual-var{border-color:#bfdbfe}.chat-health{margin-bottom:18px}.small-text{font-size:13px;line-height:1.45;font-weight:800;word-break:break-word;color:#334155}.copy-text{user-select:all}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-titlebar{position:relative}.composer.disabled{opacity:.65}.bubble[data-mid]{animation:fadeBubble .15s ease}@keyframes fadeBubble{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.chat-health{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.template-variable-box{padding:12px}.manual-table .var-col{min-width:125px}}

/* v1.0.54 Screenshot-style Smart CRM Form Fill */
.compact-select{width:auto;min-width:180px;padding:8px 12px;border-radius:12px;font-size:13px;font-weight:900}.crm-smart-fill{border:1px solid rgba(16,185,129,.18);border-radius:24px;background:linear-gradient(180deg,#ffffff,#f8fffc);padding:16px;margin:14px 0 0;box-shadow:0 12px 30px rgba(15,23,42,.04)}.smart-paste-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:0;margin-bottom:16px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.smart-paste-row textarea{border:0;border-radius:0;min-height:58px;resize:vertical;padding:16px 18px}.smart-parse-btn{border-radius:0;box-shadow:none}.smart-section{border-top:1px solid #e7edf5;padding-top:16px;margin-top:16px}.smart-section:first-of-type{border-top:0;padding-top:0;margin-top:0}.smart-section.highlighted{border:1px solid rgba(16,185,129,.22);background:linear-gradient(180deg,#fbfffd,#ffffff);border-radius:22px;padding:16px}.smart-section.muted-section{background:#fbfdff;border:1px solid var(--line);border-radius:22px;padding:16px}.smart-section h3{color:#64748b;font-size:15px;margin-bottom:13px}.smart-grid{display:grid;gap:14px}.smart-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-field{margin-bottom:0}.smart-field label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#334155}.input-icon{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:stretch;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:.16s ease}.input-icon:focus-within{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.08)}.input-icon span{display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:18px}.input-icon.success{border-color:rgba(16,185,129,.35);background:#f8fffc}.input-icon.success span{background:#ecfdf5;color:#047857}.input-icon .input,.input-icon select{border:0;border-radius:0;box-shadow:none;height:54px}.link-btn{border:0;background:transparent;color:#059669;font-weight:950;cursor:pointer;padding:0;font:inherit;font-size:12px}.smart-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px dashed #dbe4ee}.mini-row.active{border-color:#86efac;background:linear-gradient(180deg,#f0fdf4,#fff)}.manual-table-mode{margin-top:14px}.table-mode-action.hidden{display:none!important}.smart-var-wrap.soft-hidden{display:none!important}
@media(max-width:900px){.smart-grid.two,.smart-paste-row{grid-template-columns:1fr}.smart-parse-btn{border-radius:0 0 16px 16px}.compact-select{width:100%}.input-icon{grid-template-columns:44px minmax(0,1fr)}}
@media(max-width:640px){.crm-smart-fill{padding:12px;border-radius:18px}.smart-section.highlighted,.smart-section.muted-section{padding:12px;border-radius:18px}.smart-actions .btn{width:100%}.input-icon .input,.input-icon select{height:50px}}

/* v1.0.55 Smart Form Premium Style Fix */
:root{
  --crm-green:#008069;
  --crm-green-2:#00a884;
  --crm-blue:#2563eb;
  --crm-ink:#142033;
  --crm-panel:#ffffff;
  --crm-soft:#f6f9fc;
  --crm-border:#d8e1ec;
}
.sender-layout{
  grid-template-columns:minmax(720px,1fr) 430px;
  gap:26px;
  align-items:start;
}
.sender-builder,
.mobile-preview-card,
.report-card{
  border:1px solid rgba(216,225,236,.95);
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 18px 50px rgba(20,32,51,.08);
}
.sender-builder{padding:26px;}
.mobile-preview-card{padding:24px;}
.section-head{
  border-bottom:1px solid rgba(216,225,236,.75);
  padding-bottom:14px;
}
.section-head.slim{border-bottom:0;padding-bottom:0;}
.section-head h2,.section-head h3{margin-bottom:4px;}
.template-variable-box{
  background:linear-gradient(135deg,#f1f8ff 0%,#ffffff 55%,#f1fff9 100%);
  border:1px solid #cfe0f5;
  border-radius:24px;
  padding:16px 18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.template-body-text{
  border-radius:16px;
  background:#ffffff;
  border:1px dashed #cbd8e7;
  padding:13px 14px;
  margin:10px 0 12px;
}
.var-token{
  background:#e8f2ff;
  border:1px solid #c9defd;
  color:#174ea6;
  box-shadow:0 3px 10px rgba(37,99,235,.08);
}
.data-panel{
  background:linear-gradient(180deg,#ffffff 0%,#f9fcff 100%);
  border:1px solid #dbe5f0;
  border-radius:28px;
  padding:18px;
}
.crm-smart-fill{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  margin-top:16px;
}
.smart-paste-row{
  grid-template-columns:minmax(0,1fr) 140px;
  border:1px solid #dbe5f0;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(20,32,51,.05);
  overflow:hidden;
}
.smart-paste-row textarea{
  min-height:62px;
  font-size:15px;
  background:#ffffff;
}
.smart-parse-btn{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  border-radius:0;
  min-height:62px;
}
.smart-section{
  border-top:0;
  margin-top:16px;
  padding-top:0;
}
.smart-section:not(.highlighted):not(.muted-section){
  padding:0;
}
.smart-section.highlighted,
.smart-section.muted-section{
  border:1px solid rgba(0,128,105,.16);
  border-radius:28px;
  padding:18px;
  background:linear-gradient(180deg,#fbfffd 0%,#ffffff 100%);
  box-shadow:0 16px 35px rgba(0,128,105,.06);
}
.smart-section.muted-section{
  border-color:#dce5ef;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 12px 30px rgba(20,32,51,.04);
}
.smart-section h3{
  color:#5b6778;
  font-size:16px;
  font-weight:900;
  display:flex;
  align-items:center;
  gap:8px;
}
.smart-grid.two{
  grid-template-columns:repeat(2,minmax(260px,1fr));
  gap:18px 24px;
}
.smart-field label{
  min-height:22px;
  margin-bottom:9px;
  color:#344054;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.015em;
}
.input-icon{
  grid-template-columns:54px minmax(0,1fr);
  min-height:58px;
  border-radius:17px;
  border:1px solid #cfdbea;
  background:#ffffff;
  box-shadow:0 7px 18px rgba(20,32,51,.04);
}
.input-icon:hover{
  border-color:#b7c9dd;
  box-shadow:0 10px 24px rgba(20,32,51,.07);
}
.input-icon:focus-within{
  border-color:rgba(0,128,105,.55);
  box-shadow:0 0 0 4px rgba(0,128,105,.10),0 10px 24px rgba(20,32,51,.07);
}
.input-icon span{
  background:#f3f7fb;
  color:#667085;
  border-right:1px solid #e4ebf3;
  font-size:19px;
}
.input-icon.success{
  border-color:rgba(0,128,105,.35);
  background:#ffffff;
}
.input-icon.success span{
  background:#e9fbf4;
  color:#008069;
}
.input-icon .input,
.input-icon select,
.input-icon textarea{
  height:58px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:16px;
  font-weight:650;
  padding:0 16px;
}
.input-icon select{
  appearance:auto;
  cursor:pointer;
}
.input-icon .input::placeholder{color:#98a2b3;font-weight:500;}
.link-btn{
  color:#008069;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  padding:4px 8px;
  border-radius:999px;
  line-height:1;
}
.smart-actions{
  margin-top:18px;
  padding:16px 2px 0;
  border-top:1px dashed #cfdbea;
}
.smart-actions .btn.secondary{
  border-color:#cfdbea;
  background:#ffffff;
}
.compact-select{
  border-color:#cfdbea;
  background:#ffffff;
  min-width:190px;
}
.manual-table-wrap{
  border-radius:22px;
  box-shadow:0 12px 28px rgba(20,32,51,.05);
}
.manual-table th{
  position:sticky;
  top:0;
  z-index:1;
}
.mobile-preview-card{
  position:sticky;
  top:104px;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
.mobile-preview-card .section-head{
  border-bottom:0;
  padding-bottom:4px;
}
.phone-shell{
  max-width:350px;
  padding:14px;
  border-radius:42px;
  background:linear-gradient(180deg,#152033,#0b1220);
  box-shadow:0 28px 70px rgba(2,6,23,.32),0 0 0 8px rgba(15,23,42,.03);
}
.phone-top{
  height:50px;
  border-radius:30px 30px 0 0;
  background:linear-gradient(135deg,#075e54,#008069);
  font-size:14px;
}
.phone-top span{
  width:30px;
  height:30px;
  background:rgba(255,255,255,.20);
  position:relative;
}
.phone-top span:after{
  content:'WA';
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:10px;
  font-weight:900;
}
.phone-chat{
  min-height:430px;
  background-color:#efe7dc;
  background-image:radial-gradient(rgba(15,23,42,.06) 1px,transparent 1px),linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,0));
  background-size:18px 18px,100% 100%;
  padding:18px 16px;
}
.wa-bubble{
  background:#ffffff;
  align-self:flex-start;
  border-radius:18px 18px 18px 5px;
  max-width:92%;
  font-size:14.5px;
  line-height:1.52;
  box-shadow:0 8px 18px rgba(20,32,51,.12);
  border:1px solid rgba(226,232,240,.7);
}
.wa-bubble:after{
  content:'Just Now  ✓✓';
  display:block;
  text-align:right;
  color:#38bdf8;
  font-size:10px;
  margin-top:10px;
  white-space:normal;
}
.phone-input{
  height:48px;
  border-radius:0 0 28px 28px;
  background:#f8fafc;
  border-top:1px solid #e5e7eb;
}
.live-data-list{
  margin-top:8px;
}
.mini-row{
  border-radius:18px;
  border-color:#dbe5f0;
  box-shadow:0 8px 18px rgba(20,32,51,.04);
}
.mini-row.active{
  border-color:rgba(0,128,105,.28);
  background:linear-gradient(180deg,#f0fdf8,#ffffff);
}
.report-card{
  margin-top:8px;
}
.report-card .stat.mini{
  border:1px solid #e5edf5;
  background:#ffffff;
}
@media(max-width:1320px){
  .sender-layout{grid-template-columns:1fr;}
  .mobile-preview-card{position:static;}
  .phone-shell{max-width:390px;}
}
@media(max-width:860px){
  .sender-builder,.mobile-preview-card{padding:18px;border-radius:22px;}
  .smart-grid.two{grid-template-columns:1fr;gap:14px;}
  .smart-paste-row{grid-template-columns:1fr;}
  .smart-parse-btn{border-radius:0 0 18px 18px;}
  .section-head{display:block;}
  .section-head .actions-inline{margin-top:12px;}
}
@media(max-width:560px){
  .sender-layout{gap:14px;}
  .data-panel{padding:12px;border-radius:22px;}
  .smart-section.highlighted,.smart-section.muted-section{padding:14px;border-radius:22px;}
  .input-icon{grid-template-columns:46px minmax(0,1fr);min-height:54px;}
  .input-icon .input,.input-icon select{height:54px;font-size:15px;padding:0 12px;}
  .phone-chat{min-height:360px;}
  .phone-shell{border-radius:34px;}
  .smart-actions .btn,.smart-parse-btn{width:100%;}
}

/* v1.0.56 Font Fit + Clean Typography Update */
:root{
  --font-main: Inter, "Noto Sans Devanagari", "Hind", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: Inter, "Noto Sans Devanagari", "Hind", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --text-strong:#172033;
  --text-body:#334155;
  --text-light:#667085;
}
html{font-size:15px;-webkit-text-size-adjust:100%;text-rendering:geometricPrecision;}
body{font-family:var(--font-main);font-size:15px;line-height:1.55;color:var(--text-body);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h1,h2,h3,.hero-title,.top-title,.brand-title{font-family:var(--font-display);color:var(--text-strong);font-weight:900;letter-spacing:-.032em;line-height:1.12;}
.top-title{font-size:22px;line-height:1.15;}
.hero-title{font-size:30px;}
h2{font-size:19px;}h3{font-size:16px;}
.muted,.hero-subtitle{font-size:14px;line-height:1.62;color:var(--text-light);letter-spacing:0;}
.card,.sender-builder,.mobile-preview-card,.data-panel,.crm-smart-fill{font-feature-settings:"cv02","cv03","cv04","kern";}
.btn{font-size:14px;line-height:1.15;min-height:42px;letter-spacing:-.005em;white-space:nowrap;}
.btn.small{min-height:32px;font-size:12px;}
.badge{font-size:12px;line-height:1.1;white-space:nowrap;}
.input,select,textarea{font-family:var(--font-main);font-size:15px;line-height:1.35;font-weight:600;color:#1f2937;letter-spacing:0;}
textarea{font-weight:500;line-height:1.55;}
.input::placeholder,textarea::placeholder{color:#9aa6b2;font-weight:500;}
.field label,.smart-field label{font-family:var(--font-main);font-size:13px;line-height:1.3;font-weight:850;color:#344054;letter-spacing:0;margin-bottom:8px;}
.table th,.manual-table th{font-size:11.5px;line-height:1.25;letter-spacing:.045em;white-space:nowrap;}
.table td,.manual-table td{font-size:13.5px;line-height:1.45;color:#334155;}
.nav-link{font-size:13.5px;letter-spacing:0;}
.nav-heading{font-size:10.5px;letter-spacing:.13em;}
.quick-search input{font-size:13.5px;}
.user-pill b{font-size:12.5px;}.user-pill small{font-size:10.5px;}

/* Smart form font fitting */
.sender-layout{grid-template-columns:minmax(620px,1fr) 395px;gap:22px;}
.sender-builder{padding:24px;}
.mobile-preview-card{padding:22px;}
.data-panel{padding:16px;}
.smart-grid.two{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px 20px;}
.smart-field label{display:block;min-height:auto;white-space:normal;overflow-wrap:anywhere;}
.smart-field label .link-btn{float:right;margin-left:8px;margin-top:-1px;}
.input-icon{grid-template-columns:48px minmax(0,1fr);min-height:52px;border-radius:15px;}
.input-icon span{font-size:17px;min-width:48px;}
.input-icon .input,.input-icon select,.input-icon textarea{height:52px;font-size:14.5px;font-weight:650;line-height:1.25;padding:0 13px;min-width:0;text-overflow:ellipsis;}
.input-icon select{padding-right:8px;}
.input-icon .input[readonly]{font-weight:800;color:#047857;}
.input-icon textarea{height:auto;min-height:52px;padding:13px;}
.smart-section h3{font-size:14.5px;line-height:1.25;letter-spacing:-.01em;margin-bottom:12px;color:#596579;}
.smart-section.highlighted,.smart-section.muted-section{padding:16px;border-radius:24px;}
.smart-paste-row textarea{font-size:14.5px;line-height:1.5;font-weight:500;}
.smart-parse-btn{font-size:14px;}
.compact-select{font-size:13px;min-height:38px;}
.template-body-text{font-size:13.5px;line-height:1.55;}
.variable-guide{gap:7px;}.var-token{font-size:11.5px;padding:6px 9px;}

/* WhatsApp mobile preview typography */
.phone-shell{max-width:332px;padding:13px;border-radius:38px;}
.phone-top{height:48px;font-size:13px;letter-spacing:0;}
.phone-chat{min-height:390px;padding:16px 14px;}
.wa-date{font-size:10.5px;line-height:1;}
.wa-bubble{font-size:13.35px;line-height:1.47;letter-spacing:0;word-break:break-word;overflow-wrap:anywhere;max-width:94%;padding:12px 13px;}
.wa-bubble:after{font-size:9.5px;margin-top:8px;}
.phone-input{height:44px;font-size:12px;color:#64748b;}
.mobile-preview-card .section-head h2{font-size:17px;}
.mobile-preview-card .section-head .muted{font-size:12.5px;line-height:1.45;}

/* Live mobile rows and report readability */
.live-data-list .mini-row{font-size:13px;line-height:1.4;}
.manual-table .input,.manual-table select{font-size:13px;height:40px;padding:8px 10px;border-radius:10px;}
.manual-table .var-col{min-width:126px;}
.report-card .stat.mini{padding:13px;min-height:auto;}.report-card .stat.mini .num{font-size:22px;}
.small-text{font-size:12.5px;line-height:1.4;}

@media(max-width:1440px){
  .sender-layout{grid-template-columns:minmax(600px,1fr) 360px;gap:18px;}
  .phone-shell{max-width:316px;}
  .sender-builder{padding:22px;}
}
@media(max-width:1260px){
  .sender-layout{grid-template-columns:1fr;}
  .mobile-preview-card{position:static;}
  .phone-shell{max-width:360px;}
}
@media(max-width:900px){
  html{font-size:14px;}
  body{font-size:14px;}
  .top-title{font-size:20px;}.hero-title{font-size:26px;}
  .smart-grid.two{grid-template-columns:1fr;gap:14px;}
  .input-icon{grid-template-columns:44px minmax(0,1fr);}
  .input-icon span{min-width:44px;}
}
@media(max-width:560px){
  .content{padding:16px;}
  .sender-builder,.mobile-preview-card{padding:16px;border-radius:20px;}
  .data-panel{padding:12px;border-radius:18px;}
  .input-icon{min-height:50px;}
  .input-icon .input,.input-icon select{height:50px;font-size:14px;padding:0 11px;}
  .smart-field label{font-size:12.5px;}
  .phone-shell{max-width:100%;border-radius:32px;}
  .phone-chat{min-height:340px;}
  .btn{width:100%;}
}


/* v1.0.57: Live filling only UI - template body panel removed */
.live-fill-select-row{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:14px;margin-top:4px;}
.live-variable-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid rgba(16,185,129,.24);background:linear-gradient(135deg,#ecfdf5,#ffffff);border-radius:18px;padding:12px 14px;margin:14px 0;color:#0f172a;}
.live-variable-strip>b{font-size:14px;font-weight:950;color:#047857;letter-spacing:-.01em;}
.live-variable-strip small{color:#64748b;font-weight:750;font-size:12.5px;line-height:1.35;}
.live-variable-strip .variable-guide{margin-left:auto;}
.sender-single-mode .crm-smart-fill{box-shadow:0 18px 50px rgba(16,185,129,.09);border-color:rgba(16,185,129,.28);}
.sender-bulk-mode .manual-table-mode{border:1px solid rgba(37,99,235,.16);border-radius:20px;padding:14px;background:linear-gradient(180deg,#fbfdff,#ffffff);}
.sender-bulk-mode .manual-table-wrap{box-shadow:0 14px 35px rgba(2,6,23,.06);}
#messageCategory,#manualFillMode{font-weight:950;}
#manualFillMode option,#messageCategory option{font-weight:800;}
.mobile-preview-card .phone-input{font-weight:850;color:#64748b;}
@media(max-width:900px){.live-fill-select-row{grid-template-columns:1fr}.live-variable-strip .variable-guide{margin-left:0;width:100%;}}

/* v1.0.58: Premium Template Create + Approval Status UI */
.template-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.template-status-grid .template-status-card{color:inherit;text-decoration:none;min-height:120px}
.template-status-card .num{font-size:30px}
.template-manager-grid{grid-template-columns:minmax(0,1fr) 390px;align-items:start}
.template-create-card{padding:24px;border-radius:28px;background:linear-gradient(180deg,#ffffff,#fbfdff)}
.template-phone-card{position:sticky;top:102px;background:linear-gradient(180deg,#ffffff,#f8fafc)}
.template-phone{margin:12px auto 0}
.template-buttons-panel{border:1px solid rgba(37,99,235,.12);background:linear-gradient(180deg,#f8fbff,#ffffff);border-radius:22px;padding:16px;margin:16px 0}
.template-buttons-panel h3{margin-bottom:12px;color:#334155}
.template-body-cell{max-width:520px;line-height:1.55;color:#475569;font-size:13px}
.template-create-card textarea#tplBody{min-height:135px;font-weight:650;line-height:1.55}
.template-create-card .field small{display:block;margin-top:6px;font-size:12px;line-height:1.4}
.template-create-card .template-variable-box{margin-top:0}
.template-create-card .grid-3{align-items:end}
.template-create-card .input,.template-create-card select,.template-create-card textarea{font-size:14.3px}
.template-create-card label{font-size:12.8px;letter-spacing:-.01em}
.template-status-card:hover{transform:translateY(-2px)}
@media(max-width:1280px){.template-manager-grid{grid-template-columns:1fr}.template-phone-card{position:static}.template-phone{max-width:350px}.template-hero{display:block}.template-hero .hero-actions{margin-top:16px}}
@media(max-width:900px){.template-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-create-card .grid-3,.template-create-card .grid-2{grid-template-columns:1fr}.template-create-card{padding:18px;border-radius:22px}}
@media(max-width:560px){.template-status-grid{grid-template-columns:1fr}.template-body-cell{max-width:260px}.template-buttons-panel{padding:12px}.template-phone-card .phone-shell{max-width:100%}}


/* v1.0.59: Live Sender same size/height as Template Create UI */
.sender-layout{
  grid-template-columns:minmax(0,1fr) 390px !important;
  align-items:start !important;
  gap:22px !important;
}
.sender-builder{
  padding:24px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#ffffff,#fbfdff) !important;
  min-height:760px;
  display:flex;
  flex-direction:column;
}
.sender-builder .section-head:first-of-type{
  min-height:58px;
  align-items:flex-start;
}
.sender-builder .form-row,
.sender-builder .live-fill-select-row{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:end;
  gap:16px 18px;
}
.sender-builder .live-fill-select-row .field:first-child{
  grid-column:auto;
}
.sender-builder .live-fill-select-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.sender-builder .field{
  margin-bottom:15px;
}
.sender-builder .input,
.sender-builder select,
.sender-builder textarea{
  min-height:48px;
}
.live-variable-strip{
  min-height:56px;
  margin:14px 0 16px;
}
.data-panel{
  flex:1;
  border-radius:24px;
  padding:16px;
  margin:16px 0;
}
.crm-smart-fill{
  min-height:520px;
  border-radius:24px;
}
.smart-section.highlighted,
.smart-section.muted-section{
  border-radius:22px;
}
.smart-paste-row{
  min-height:62px;
}
.mobile-preview-card{
  width:390px;
  padding:24px !important;
  border-radius:28px !important;
  min-height:760px;
  position:sticky;
  top:102px;
  background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
}
.mobile-preview-card .section-head{
  min-height:62px;
}
.mobile-preview-card .phone-shell{
  max-width:340px;
  margin-top:12px;
}
.mobile-preview-card .phone-chat{
  min-height:395px;
}
.live-data-list{
  margin-top:18px;
}
.sender-actions{
  margin-top:auto;
  padding-top:18px;
}
@media(max-width:1280px){
  .sender-layout{grid-template-columns:1fr !important;}
  .mobile-preview-card{width:auto;position:static;min-height:auto;}
  .sender-builder{min-height:auto;}
  .crm-smart-fill{min-height:auto;}
  .mobile-preview-card .phone-shell{max-width:350px;}
}
@media(max-width:900px){
  .sender-builder .form-row,
  .sender-builder .live-fill-select-row{grid-template-columns:1fr;}
  .sender-builder,.mobile-preview-card{padding:18px !important;border-radius:22px !important;}
}

/* v1.0.60 Image / Video upload options */
.media-upload-panel{border:1px solid rgba(37,99,235,.15);background:linear-gradient(180deg,#f8fbff,#fff);border-radius:24px;padding:16px;margin:16px 0;box-shadow:0 14px 35px rgba(2,6,23,.05)}
.media-upload-panel .section-head{margin-bottom:12px}.media-row{grid-template-columns:1fr 1fr;gap:16px}.media-url-grid{display:grid;grid-template-columns:115px minmax(0,1fr);gap:10px}.media-preview-box{border:1px dashed #cbd5e1;border-radius:18px;background:#fff;min-height:88px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;color:#64748b;font-weight:750;overflow:hidden}.media-preview-box img,.media-preview-box video{max-width:190px;max-height:110px;border-radius:14px;object-fit:cover;box-shadow:0 12px 25px rgba(2,6,23,.12)}.media-preview-box small{display:block;color:#64748b;font-weight:800;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-media-preview{align-self:flex-end;background:#dcf8c6;border-radius:16px 16px 4px 16px;padding:6px;max-width:88%;margin-bottom:6px;box-shadow:0 5px 12px rgba(2,6,23,.12)}.wa-media-preview img,.wa-media-preview video{display:block;width:100%;max-height:180px;border-radius:12px;object-fit:cover}.chat-upload-btn{width:52px;min-width:52px;height:52px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;place-items:center;cursor:pointer;font-size:20px;box-shadow:0 8px 20px rgba(2,6,23,.05)}.chat-upload-btn input{display:none}.chat-media-name{font-size:12px;color:#64748b;padding:6px 12px 0 12px;text-align:right}.chat-media{margin-bottom:8px}.chat-media img,.chat-media video{display:block;max-width:260px;max-height:260px;border-radius:14px;object-fit:cover;box-shadow:0 10px 25px rgba(2,6,23,.16)}.bubble.agent .chat-media img,.bubble.agent .chat-media video{margin-left:auto}.bubble.customer .chat-media img,.bubble.customer .chat-media video{margin-right:auto}
@media(max-width:900px){.media-row{grid-template-columns:1fr}.media-url-grid{grid-template-columns:1fr}.chat-upload-btn{width:48px;min-width:48px;height:48px}.chat-media img,.chat-media video{max-width:220px}.media-preview-box{justify-content:flex-start}}


/* v1.0.61 Direct media file option + show preview/report */
.direct-media-panel{position:relative;overflow:hidden}
.direct-media-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 42%);pointer-events:none}
.direct-media-grid{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:12px}
.direct-file-card{border:1.5px dashed rgba(37,99,235,.35);background:linear-gradient(180deg,#ffffff,#f8fbff);border-radius:22px;min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;cursor:pointer;transition:.18s ease;box-shadow:0 14px 30px rgba(37,99,235,.06);padding:16px;color:#0f172a}
.direct-file-card:hover{transform:translateY(-2px);border-color:#2563eb;box-shadow:0 18px 40px rgba(37,99,235,.12)}
.hidden-media-input{display:none!important}.media-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#10b981);color:#fff;font-size:22px;box-shadow:0 12px 26px rgba(37,99,235,.24)}
.direct-file-card strong{font-size:15px;font-weight:950}.direct-file-card small{font-size:12px;color:#64748b;font-weight:800}.direct-file-card em{font-style:normal;font-size:12px;color:#2563eb;font-weight:900}
.direct-url-card{border:1px solid rgba(15,23,42,.08);border-radius:22px;background:rgba(255,255,255,.84);padding:14px;display:flex;flex-direction:column;justify-content:center}
.direct-url-card label{font-weight:950;font-size:13px;color:#334155;margin-bottom:9px}.direct-media-preview{justify-content:flex-start;min-height:126px}.direct-media-preview .media-preview-info{display:flex;flex-direction:column;gap:3px;min-width:0}.direct-media-preview .media-preview-info b{font-size:14px;color:#0f172a}.direct-media-preview .media-preview-info small{white-space:normal;line-height:1.35}.media-open-link,.report-media-thumb a{font-size:12px;font-weight:950;color:#2563eb;text-decoration:none}.media-note{margin-top:10px;font-size:12.5px}.media-mini{border-color:rgba(37,99,235,.18)!important;background:linear-gradient(135deg,#eff6ff,#fff)!important}.report-media-thumb{display:flex;align-items:center;gap:10px;min-width:180px}.report-media-thumb img,.report-media-thumb video{width:68px;height:52px;object-fit:cover;border-radius:12px;box-shadow:0 8px 18px rgba(2,6,23,.12);background:#f1f5f9}.report-media-thumb div{display:flex;flex-direction:column;gap:2px;min-width:0}.report-media-thumb b{font-size:12px;color:#0f172a}.report-media-thumb small{font-size:11px;color:#64748b;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-direct-media-preview{margin:8px 0 0 auto;max-width:360px;border:1px dashed rgba(37,99,235,.26);background:#fff;border-radius:18px;padding:10px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 25px rgba(2,6,23,.06)}.chat-direct-media-preview img,.chat-direct-media-preview video{width:78px;height:58px;object-fit:cover;border-radius:12px}.chat-direct-media-preview b{display:block;font-size:13px;color:#0f172a}.chat-direct-media-preview small{display:block;font-size:12px;color:#64748b;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.direct-media-grid{grid-template-columns:1fr}.direct-file-card{min-height:130px}.direct-media-preview{align-items:flex-start}.report-media-thumb{min-width:150px}.chat-direct-media-preview{max-width:100%;margin-left:0}}

/* v1.0.62: Template media upload file option */
.tpl-upload-field{grid-column:1/-1}.tpl-upload-drop{border:1.5px dashed rgba(37,99,235,.35);background:linear-gradient(135deg,#eff6ff,#fff);border-radius:20px;min-height:118px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 14px 32px rgba(37,99,235,.08)}.tpl-upload-drop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 42%);pointer-events:none}.tpl-upload-drop .media-icon{width:42px;height:42px;border-radius:14px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 12px 24px rgba(37,99,235,.25);z-index:1}.tpl-upload-drop b{font-size:15px;color:#0f172a;font-weight:950;z-index:1}.tpl-upload-drop small{font-size:12.5px;color:#64748b;font-weight:750;line-height:1.4;z-index:1}.template-media-preview{margin-top:12px;border:1px solid rgba(226,232,240,.95);background:#fff;border-radius:18px;min-height:82px;padding:12px;display:flex;align-items:center;gap:12px;color:#64748b;font-weight:800;box-shadow:0 10px 24px rgba(2,6,23,.05);overflow:hidden}.template-media-preview img,.template-media-preview video{width:120px;height:80px;object-fit:cover;border-radius:14px;background:#f1f5f9;box-shadow:0 10px 22px rgba(2,6,23,.12)}.template-media-preview b{display:block;color:#0f172a;font-size:14px;font-weight:950}.template-media-preview small{display:block;color:#64748b;font-size:12px;font-weight:800;max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-media-preview .doc-preview{width:62px;height:62px;border-radius:16px;background:#f1f5f9;display:grid;place-items:center;font-size:30px}.advanced-handle-box{margin-top:10px;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:#f8fafc;padding:10px 12px}.advanced-handle-box summary{cursor:pointer;font-size:12.5px;font-weight:900;color:#475569}.advanced-handle-box .input{margin-top:10px}.direct-file-card strong:after{content:"  • file upload";font-size:11px;color:#2563eb;font-weight:950}@media(max-width:760px){.template-media-preview{align-items:flex-start;flex-direction:column}.template-media-preview img,.template-media-preview video{width:100%;height:auto;max-height:210px}.template-media-preview small{max-width:100%;white-space:normal}}

/* v1.0.63 Multi Business Hub */
.business-context{font-size:12px;color:#64748b;font-weight:800;margin-top:3px}.business-context b{color:#0f172a}.top-business-switch{display:flex;align-items:center;gap:8px;border:1px solid rgba(226,232,240,.9);background:#fff;border-radius:18px;padding:8px 10px;box-shadow:0 8px 22px rgba(2,6,23,.04)}.top-business-switch span{font-size:11px;font-weight:950;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.top-business-switch select{border:0;outline:0;background:transparent;font-size:13px;font-weight:900;color:#0f172a;max-width:230px}.business-mini-card{display:flex;text-decoration:none;color:inherit}.business-mini-icon{width:34px;height:34px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#10b981);color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 12px 28px rgba(37,99,235,.22)}.multi-business-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.multi-business-hero .hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.business-control-card{border:1px solid rgba(37,99,235,.12);background:linear-gradient(180deg,#fff,#f8fbff)}.business-create-form .field label{font-size:12px;font-weight:950;color:#334155}.business-details-box{border:1px solid rgba(226,232,240,.95);background:#fff;border-radius:20px;margin:14px 0;padding:13px 15px;box-shadow:0 10px 24px rgba(2,6,23,.035)}.business-details-box summary{cursor:pointer;font-size:13px;font-weight:950;color:#0f172a}.business-details-box .details-grid{margin-top:14px}.form-actions{display:flex;align-items:center;justify-content:flex-end;margin-top:16px}.business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.business-card{position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.95);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:28px}.business-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(37,99,235,.10),transparent 38%);pointer-events:none}.active-business-card{border-color:rgba(37,99,235,.35);box-shadow:0 24px 50px rgba(37,99,235,.12)}.business-card-head{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:14px}.business-logo{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:950;box-shadow:0 14px 30px rgba(15,23,42,.18)}.business-title-wrap{min-width:0;flex:1}.business-title-wrap h2{margin:0;font-size:18px;line-height:1.1;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-title-wrap p{margin:4px 0 0;color:#64748b;font-weight:750;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-meta-line{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 14px;color:#475569;font-size:12px;font-weight:750}.business-meta-line b{color:#0f172a}.business-mini-stats{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.business-mini-stats div{border:1px solid rgba(226,232,240,.95);background:rgba(255,255,255,.88);border-radius:18px;padding:12px 10px;text-align:center}.business-mini-stats b{display:block;font-size:18px;color:#0f172a;line-height:1}.business-mini-stats span{display:block;margin-top:5px;font-size:11px;color:#64748b;font-weight:850}.business-health{position:relative;display:grid;grid-template-columns:90px 90px minmax(0,1fr);gap:10px;margin:12px 0}.business-health div{border-radius:16px;background:#f8fafc;border:1px solid rgba(226,232,240,.95);padding:10px}.business-health span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.business-health b{display:block;color:#0f172a;font-size:12.5px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-actions{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.btn.small{padding:10px 14px;border-radius:14px;font-size:12.5px}.btn.xs{padding:8px 11px;border-radius:12px;font-size:12px}.badge.danger{background:#fee2e2;color:#991b1b}.business-status-form{position:relative;display:flex;align-items:center;gap:8px;margin-top:12px;border-top:1px solid rgba(226,232,240,.85);padding-top:12px}.business-status-form select{height:38px;border-radius:12px;border:1px solid rgba(226,232,240,.95);padding:0 10px;background:#fff;font-size:12px;font-weight:800;color:#334155}
@media(max-width:1180px){.business-grid{grid-template-columns:1fr}.top-actions{gap:8px}.top-business-switch select{max-width:170px}}
@media(max-width:900px){.multi-business-hero{display:block}.multi-business-hero .hero-actions{margin-top:14px}.top-business-switch{order:3;width:100%;justify-content:space-between}.top-business-switch select{max-width:none;flex:1}.business-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.business-health{grid-template-columns:1fr}.business-actions form{flex:1}.business-actions .btn{width:100%}.business-status-form{align-items:stretch;flex-direction:column}.business-status-form .btn{width:100%}}

/* v1.0.65 business delete + report export polish */
.business-delete-box{position:relative;margin-top:12px;border:1px solid #fecaca;background:linear-gradient(180deg,#fff,#fff7f7);border-radius:18px;padding:12px 14px}
.business-delete-box summary{cursor:pointer;font-size:12px;font-weight:950;color:#991b1b;text-transform:uppercase;letter-spacing:.05em}
.delete-warning{display:grid;gap:4px;margin:10px 0 12px;color:#7f1d1d;font-size:12.5px;line-height:1.45}
.delete-warning b{color:#991b1b}.compact-field{margin-bottom:10px}.compact-field label{font-size:12px}.business-delete-box .input{border-color:#fecaca;background:#fff}.business-delete-box .input:focus{border-color:#f87171;box-shadow:0 0 0 4px rgba(220,38,38,.10)}
.report-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.report-filter-card{background:linear-gradient(180deg,#fff,#f8fbff)}.report-filter-form{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:14px;align-items:end}.report-filter-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.report-filter-actions .btn{white-space:nowrap}
@media(max-width:900px){.report-hero{display:block}.report-filter-form{grid-template-columns:1fr}.report-filter-actions .btn{width:100%}}

/* v1.0.68 legal pages helpers */
.copy-row{display:flex;gap:10px;align-items:center}.copy-row .input{flex:1}.inline-form{display:flex;gap:8px;align-items:center}.btn.mini{padding:8px 11px;font-size:12px;border-radius:10px}.badge.status-received{background:#eff6ff;color:#1d4ed8}.badge.status-processing{background:#fef9c3;color:#854d0e}.badge.status-completed{background:#dcfce7;color:#166534}.badge.status-rejected{background:#fee2e2;color:#991b1b}@media(max-width:720px){.copy-row,.inline-form{flex-direction:column;align-items:stretch}}

/* v1.0.69: Super Admin Upload Center + Verify Token Generator */
.token-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.copy-url-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.copy-url-row code{display:block;max-width:100%;overflow:auto;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:11px 13px;color:#0f172a;font-weight:850}
.copy-url-row.compact{flex-wrap:nowrap;min-width:340px}.copy-url-row.compact .input{min-width:260px;font-size:12px;height:40px}.small-num{font-size:18px!important;word-break:break-all;line-height:1.25}.admin-upload-card{background:linear-gradient(180deg,#ffffff,#fbfdff)}
.upload-dropzone{border:1.5px dashed rgba(37,99,235,.35);border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;cursor:pointer;box-shadow:0 14px 35px rgba(37,99,235,.07);margin:12px 0 14px;transition:.18s ease;color:#0f172a}
.upload-dropzone:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 18px 42px rgba(37,99,235,.11)}.upload-dropzone input{display:none}.upload-drop-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:26px;font-weight:950}.upload-dropzone b{font-size:15px;font-weight:950}.upload-dropzone small{color:#64748b;font-weight:750;line-height:1.45;max-width:430px}.admin-upload-preview{min-height:74px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff;display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:14px;overflow:hidden}.admin-upload-preview img,.admin-upload-preview video{width:88px;height:64px;object-fit:cover;border-radius:14px;box-shadow:0 10px 24px rgba(2,6,23,.12)}.admin-upload-preview b{font-size:13px;color:#0f172a;display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-upload-preview small{font-size:12px;color:#64748b;display:block}.upload-thumb{width:72px;height:56px;object-fit:cover;border-radius:12px;background:#f1f5f9;box-shadow:0 8px 18px rgba(2,6,23,.12)}.file-chip{display:inline-grid;place-items:center;min-width:54px;height:42px;border-radius:12px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:950}.block{display:block}.upload-table td{vertical-align:middle}.token-generator-card{background:linear-gradient(135deg,#ffffff 0%,#f7fbff 58%,#f0fdf8 100%)}
@media(max-width:900px){.token-row,.copy-url-row.compact{grid-template-columns:1fr;display:grid}.copy-url-row.compact .input{min-width:0}.copy-url-row .btn{width:100%}.upload-table{min-width:980px}.admin-upload-preview{align-items:flex-start}.small-num{font-size:15px!important}}

/* v1.0.70 WhatsApp Onboarding UI */
.grid-span-2{grid-column:1/-1}.onboard-hero{border:1px solid rgba(255,255,255,.78);border-radius:34px;padding:30px;margin-bottom:20px;background:radial-gradient(circle at 10% 0,rgba(0,168,132,.22),transparent 38%),radial-gradient(circle at 100% 5%,rgba(37,99,235,.24),transparent 40%),linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,248,255,.74));box-shadow:0 24px 70px rgba(15,23,42,.12);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px}.onboard-hero:after{content:"";position:absolute;right:-90px;bottom:-110px;width:310px;height:310px;border-radius:50%;background:linear-gradient(135deg,rgba(0,128,105,.18),rgba(37,99,235,.18));filter:blur(3px)}.onboard-hero>*{position:relative;z-index:1}.onboard-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.onboard-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 6px rgba(16,185,129,.14)}.onboard-hero h1{font-size:42px;line-height:1.04;margin:14px 0 10px;letter-spacing:-.06em;max-width:720px}.onboard-hero p{color:#526174;line-height:1.65;font-weight:650;margin:0;max-width:760px}.onboard-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.onboard-score-card{min-width:255px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border:1px solid rgba(226,232,240,.90);border-radius:30px;padding:20px;text-align:center;box-shadow:0 18px 40px rgba(15,23,42,.10)}.score-ring{--score:0;width:118px;height:118px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#00a884 calc(var(--score)*1%),#e2e8f0 0);position:relative}.score-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0}.score-ring span{position:relative;z-index:1;font-size:25px;font-weight:950;color:#0f172a}.mini-progress{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#00a884,#2563eb);border-radius:inherit}.onboard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.onboard-step{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 22px rgba(15,23,42,.04);font-size:13px;color:#64748b}.onboard-step span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-weight:950}.onboard-step.done{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff);color:#14532d}.onboard-step.done span{background:#16a34a;color:#fff}.onboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 405px;gap:22px;align-items:start}.onboard-panel{background:linear-gradient(180deg,#ffffff,#fbfdff);border:1px solid rgba(226,232,240,.96);border-radius:30px;box-shadow:0 18px 50px rgba(15,23,42,.08);padding:24px;margin-bottom:20px;overflow:hidden}.sticky-panel{position:sticky;top:102px}.onboard-section-title{display:flex;gap:13px;align-items:flex-start;padding:8px 0 16px;margin:8px 0 18px;border-bottom:1px dashed #dbe5f0}.onboard-section-title span{width:38px;height:38px;min-width:38px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,#00a884,#2563eb);box-shadow:0 12px 22px rgba(0,128,105,.18)}.onboard-section-title h2{margin:0 0 4px}.onboard-section-title p{margin:0;color:#64748b;line-height:1.5}.token-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:15px}.onboard-savebar{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid #e2e8f0}.url-copy{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:12px 0;padding:12px;border:1px solid #e2e8f0;background:#fff;border-radius:18px}.url-copy label{grid-column:1/-1;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.url-copy code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;color:#0f172a;border-color:#e2e8f0}.generate-token-box{margin-top:14px}.connect-panel{background:radial-gradient(circle at 100% 0,rgba(37,99,235,.11),transparent 30%),linear-gradient(180deg,#ffffff,#f8fffc)}.action-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.action-tile{display:flex;flex-direction:column;gap:5px;padding:16px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;box-shadow:0 8px 20px rgba(15,23,42,.04);transition:.18s ease}.action-tile:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 14px 30px rgba(37,99,235,.10)}.action-tile span{width:38px;height:38px;border-radius:15px;display:grid;place-items:center;background:#eef6ff;color:#2563eb;font-weight:950}.action-tile small{color:#64748b;line-height:1.35}.api-onboard-hero .btn{border-radius:999px;padding-left:18px;padding-right:18px}
@media(max-width:1280px){.onboard-grid{grid-template-columns:1fr}.sticky-panel{position:static}.action-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.onboard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.onboard-score-card{min-width:220px}}
@media(max-width:780px){.onboard-hero{display:block;padding:22px;border-radius:26px}.onboard-hero h1{font-size:30px}.onboard-score-card{margin-top:18px}.onboard-steps{grid-template-columns:1fr}.action-tiles{grid-template-columns:1fr}.token-line,.url-copy{grid-template-columns:1fr}.url-copy .btn{width:max-content}.grid-span-2{grid-column:auto}.onboard-panel{padding:18px;border-radius:24px}}

/* v1.0.71 Sender blank-page guard */
.sender-submit-notice{margin-bottom:14px;position:sticky;top:0;z-index:3}
button[disabled], .btn[disabled]{opacity:.65;cursor:not-allowed;filter:saturate(.7)}
#progressText{min-height:22px;white-space:normal;word-break:break-word}

/* v1.0.73 clean WhatsApp CRM Template Creator */
.tpl-builder-page{max-width:1180px;margin:0 auto 22px}.tpl-compact-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;margin:-4px 0 16px;padding:10px 0}.tpl-back-dot{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#fff;border:1px solid #dbe4ef;color:#64748b;font-size:24px;font-weight:800;box-shadow:0 8px 20px rgba(15,23,42,.05)}.tpl-mini-title{font-size:18px;font-weight:950;color:#142033;letter-spacing:-.035em}.tpl-mini-sub{font-size:12px;color:#7b8794;margin-top:2px}.tpl-head-sync{justify-self:end}.tpl-workbench{display:grid;grid-template-columns:minmax(0,690px) 310px;justify-content:center;align-items:start;gap:26px}.tpl-editor-form{min-width:0}.tpl-editor-card,.tpl-permission-card{background:#fff;border:1px solid #dce5ef;border-radius:10px;box-shadow:0 8px 20px rgba(20,32,51,.035);padding:18px;margin-bottom:14px;overflow:visible}.tpl-card-flat{border-top:3px solid #eff6ff}.tpl-card-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.tpl-card-title-row h2,.tpl-section-title h3{font-size:15px;line-height:1.2;margin:0;color:#152033;font-weight:950}.tpl-card-title-row p,.tpl-section-title small{margin:5px 0 0;color:#7b8794;font-size:12px;line-height:1.45}.tpl-status-pill{border:1px solid #dbeafe;background:#eff6ff;color:#2563eb;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.tpl-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.tpl-section-title span{font-size:11px;font-weight:800;color:#94a3b8}.tpl-section-title span.required{background:#fef2f2;color:#dc2626;border-radius:999px;padding:3px 7px;text-transform:uppercase}.tpl-form-grid{display:grid;gap:12px}.tpl-form-grid.two{grid-template-columns:1fr 1fr}.tpl-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tpl-form-grid .full{grid-column:1/-1}.tpl-input,.tpl-editor-card select,.tpl-editor-card textarea{border:1px solid #cfd8e5!important;border-radius:6px!important;background:#fff!important;min-height:40px;font-size:13px!important;font-weight:600!important;padding:9px 11px!important;box-shadow:none!important}.tpl-editor-card .field{margin-bottom:0}.tpl-editor-card .field label{font-size:12px;color:#334155;margin-bottom:6px;font-weight:850}.tpl-input:focus,.tpl-body-textarea:focus{border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important}.tpl-file-drop{border:1px dashed #b8c4d4;border-radius:8px;background:#f8fafc;display:flex;gap:12px;align-items:center;padding:13px;cursor:pointer;transition:.15s ease}.tpl-file-drop:hover{background:#f1f7ff;border-color:#93c5fd}.hidden-media-input{display:none}.tpl-file-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#e8f2ff;color:#2563eb;font-weight:950;font-size:20px}.tpl-file-drop b{display:block;font-size:13px;color:#1f2937}.tpl-file-drop small{display:block;color:#64748b;font-size:11px;margin-top:2px}.tpl-media-preview{margin-top:10px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;min-height:48px;padding:8px;display:flex;align-items:center;gap:10px;color:#64748b;font-size:12px}.tpl-media-preview img{width:70px;height:46px;object-fit:cover;border-radius:6px}.tpl-media-preview video{width:80px;height:48px;border-radius:6px;background:#0f172a}.tpl-media-preview small{display:block;color:#64748b}.doc-preview{width:44px;height:44px;display:grid;place-items:center;background:#eef2ff;border-radius:8px}.tpl-advanced{margin-top:10px;font-size:12px;color:#64748b}.tpl-advanced summary{cursor:pointer;font-weight:800}.tpl-body-card{padding-bottom:14px}.tpl-body-toolbar{display:flex;align-items:center;gap:6px;border:1px solid #e2e8f0;border-bottom:0;border-radius:8px 8px 0 0;background:#f8fafc;padding:7px}.tpl-body-toolbar button{height:28px;min-width:28px;border:1px solid #dbe4ef;background:#fff;border-radius:6px;cursor:pointer;color:#334155;font-weight:900}.tpl-body-toolbar .tpl-var-btn{margin-left:auto;color:#2563eb;background:#eff6ff;border-color:#bfdbfe;padding:0 10px}.tpl-body-textarea{width:100%;min-height:210px;border:1px solid #cfd8e5;border-radius:0 0 8px 8px!important;padding:12px 13px!important;font-size:13px!important;font-weight:550!important;line-height:1.65;resize:vertical;background:#fff;outline:0}.tpl-body-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:6px;color:#94a3b8}.tpl-body-foot a{font-weight:900;color:#2563eb}.tpl-samples-box{border:1px solid #e2e8f0;background:#fbfdff;border-radius:9px;padding:10px;margin-top:10px}.tpl-samples-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.tpl-samples-head b{font-size:12px;color:#334155}.tpl-samples-head span{font-size:11px;color:#94a3b8}.tpl-sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tpl-sample-field{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;border:1px solid #e2e8f0;border-radius:7px;background:#fff;overflow:hidden}.tpl-sample-field span{height:38px;display:grid;place-items:center;background:#f8fafc;color:#64748b;font-size:11px;font-weight:950;border-right:1px solid #e2e8f0}.tpl-sample-field input{border:0!important;border-radius:0!important;min-height:38px!important;font-size:12px!important;padding:7px 9px!important}.tpl-empty-sample{grid-column:1/-1;border:1px dashed #cbd5e1;border-radius:7px;padding:12px;text-align:center;color:#94a3b8;font-size:12px}.tpl-button-builder{border:1px dashed #d8e1ec;border-radius:8px;padding:10px;background:#fbfdff}.tpl-add-button-row{height:42px;border:1px solid #dbe4ef;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px;font-weight:900;color:#64748b}.tpl-button-panel{display:none;margin-top:12px}.tpl-button-panel.open{display:block}.tpl-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tpl-permission-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff}.tpl-permission-card b{font-size:13px;color:#334155}.tpl-permission-card p{margin:4px 0 0;font-size:11px;color:#64748b}.tpl-switch input{display:none}.tpl-switch span{display:block;width:42px;height:24px;border-radius:999px;background:#cbd5e1;position:relative;cursor:pointer;transition:.15s ease}.tpl-switch span:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.15s ease}.tpl-switch input:checked+span{background:#008069}.tpl-switch input:checked+span:after{left:21px}.tpl-savebar{position:sticky;bottom:0;margin-top:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid #dce5ef;border-radius:0 0 10px 10px;box-shadow:0 -8px 28px rgba(15,23,42,.08);padding:12px;display:flex;justify-content:flex-end;gap:10px;z-index:3}.tpl-preview-sticky{position:sticky;top:104px;align-self:start}.tpl-live-label{text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:950;color:#64748b;margin-bottom:8px}.tpl-phone-shell{width:276px;margin:0 auto;background:#111827;border-radius:33px;padding:10px;box-shadow:0 18px 38px rgba(2,6,23,.28),0 0 0 1px rgba(255,255,255,.25) inset}.tpl-phone-notch{width:86px;height:15px;background:#111827;border-radius:0 0 12px 12px;margin:0 auto -3px;position:relative;z-index:2}.tpl-wa-head{height:48px;background:#075e54;color:#fff;border-radius:25px 25px 0 0;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:8px;padding:0 10px}.tpl-wa-avatar{width:30px;height:30px;border-radius:50%;background:#e2f8f1;color:#075e54;display:grid;place-items:center;font-weight:950}.tpl-wa-head b{display:block;font-size:12px;line-height:1}.tpl-wa-head small{display:block;font-size:10px;color:#d4f4ea}.tpl-wa-menu{text-align:center;font-size:18px}.tpl-wa-screen{min-height:330px;max-height:420px;overflow:auto;background:#efe7dc;background-image:radial-gradient(rgba(7,94,84,.08) 1px,transparent 1px);background-size:18px 18px;border-radius:0 0 24px 24px;padding:12px}.tpl-wa-note{font-size:9px;line-height:1.35;color:#7c6f5f;background:#fff6d6;border-radius:6px;padding:7px;margin:0 8px 10px;text-align:center}.tpl-wa-bubble{background:#fff;max-width:218px;border-radius:9px;padding:9px 9px 6px;margin-left:4px;box-shadow:0 1px 2px rgba(0,0,0,.12);font-size:10.8px;line-height:1.55;white-space:pre-wrap;color:#1f2937}.tpl-preview-header{font-weight:950;color:#111827;margin-bottom:5px}.tpl-preview-media{margin:-9px -9px 8px}.tpl-preview-media img,.tpl-preview-media video{width:100%;max-height:128px;object-fit:cover;border-radius:9px 9px 0 0;display:block;background:#111827}.tpl-doc-chip{background:#eef2ff;color:#3730a3;border-radius:9px 9px 0 0;padding:12px;font-size:10px;font-weight:800}.tpl-preview-time{text-align:right;color:#94a3b8;font-size:9px;margin-top:6px}.tpl-preview-buttons{border-top:1px solid #edf2f7;margin:8px -4px 0;padding-top:6px}.tpl-preview-btn{color:#2563eb;text-align:center;font-weight:850;font-size:10px;padding:5px;border-top:1px solid #f1f5f9}.tpl-preview-help{text-align:center;color:#64748b;font-size:11px;line-height:1.45;max-width:280px;margin:12px auto 0}.tpl-dashboard-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto 18px}.tpl-dashboard-row .stat{min-height:96px;padding:15px}.tpl-dashboard-row .stat .num{font-size:26px}.tpl-list-card{max-width:1180px;margin-left:auto;margin-right:auto}.template-body-cell{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soft-hidden{display:none!important}
@media(max-width:1180px){.tpl-workbench{grid-template-columns:minmax(0,1fr)}.tpl-preview-sticky{position:relative;top:auto;order:-1}.tpl-phone-shell{width:300px}.tpl-dashboard-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-builder-page{max-width:900px}}@media(max-width:760px){.tpl-compact-head{grid-template-columns:34px minmax(0,1fr);}.tpl-head-sync{grid-column:1/-1;justify-self:stretch}.tpl-head-sync .btn{width:100%}.tpl-form-grid.two,.tpl-form-grid.three,.tpl-sample-grid{grid-template-columns:1fr}.tpl-inline-fields{grid-template-columns:1fr}.tpl-sample-field{grid-template-columns:58px minmax(0,1fr)}.tpl-savebar{display:grid;grid-template-columns:1fr}.tpl-savebar .btn{width:100%}.tpl-dashboard-row{grid-template-columns:1fr}.tpl-editor-card,.tpl-permission-card{padding:14px}.tpl-phone-shell{width:100%;max-width:304px}.tpl-card-title-row{display:block}.tpl-status-pill{display:inline-flex;margin-top:8px}}

/* v1.0.74 - registered template auto data filling */
.auto-fill-strip{border:1px solid rgba(15,118,110,.14);background:linear-gradient(135deg,rgba(240,253,250,.96),rgba(255,255,255,.96));border-radius:22px;padding:16px 18px;margin:18px 0;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.auto-fill-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 4px}
.auto-fill-profile>div{background:#fff;border:1px solid rgba(148,163,184,.28);border-radius:16px;padding:10px 12px;min-height:58px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.auto-fill-profile b{font-size:13px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auto-fill-profile small{font-size:11px;color:#64748b;margin-top:3px}
.variable-guide{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.labeled-token{display:inline-flex;align-items:center;gap:6px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ecfeff;border:1px solid rgba(6,182,212,.18);color:#0f766e;padding:7px 10px;border-radius:999px;font-size:12px}
.slim-token{font-size:11px;padding:3px 7px;margin-left:4px;vertical-align:middle}
.manual-table thead th.var-col small{display:block;color:#64748b;font-size:10px;font-weight:700;margin-top:2px}
.manual-table thead th.var-col span{display:block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smart-var-wrap label{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:24px}
.smart-var-wrap label .link-btn{margin-left:auto}
@media(max-width:900px){.auto-fill-profile{grid-template-columns:1fr}.labeled-token{max-width:100%}.smart-var-wrap label .link-btn{margin-left:0}}


/* v1.0.75 - WhatsApp-style green theme */
:root{
  --bg:#eef8f3;
  --bg2:#e6f7ef;
  --card:#ffffff;
  --card2:#fbfffd;
  --text:#10211e;
  --muted:#61716d;
  --soft:#8aa19b;
  --line:#d8e9e3;
  --primary:#00a884;
  --primary2:#008069;
  --accent:#25d366;
  --ok:#128c7e;
  --bad:#dc2626;
  --warn:#d97706;
  --sidebar:#063d35;
  --sidebar2:#075e54;
  --shadow:0 20px 60px rgba(0,128,105,.13);
  --shadow2:0 8px 24px rgba(0,128,105,.09);
}
body{
  background:
    radial-gradient(circle at 12% -10%,rgba(37,211,102,.22),transparent 30%),
    radial-gradient(circle at 88% 0,rgba(0,168,132,.18),transparent 28%),
    linear-gradient(180deg,var(--bg2),var(--bg));
}
body:before{
  background-image:
    linear-gradient(rgba(0,128,105,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,128,105,.035) 1px,transparent 1px);
}
a{color:#008069}.sidebar{
  background:linear-gradient(180deg,#063d35 0%,#075e54 52%,#05463f 100%);
  box-shadow:18px 0 50px rgba(0,65,55,.32);
}
.sidebar:before{
  background:
    radial-gradient(circle at 20% 0,rgba(37,211,102,.32),transparent 30%),
    radial-gradient(circle at 88% 16%,rgba(0,168,132,.28),transparent 24%);
}
.brand-mark,
.avatar{
  background:linear-gradient(135deg,#25d366 0%,#00a884 48%,#075e54 100%)!important;
  box-shadow:0 14px 30px rgba(0,168,132,.34)!important;
}
.brand-subtitle,.sidebar-card small{color:#c7eee5}.nav-heading{color:#9fcbc1}.nav-link{color:#d8f4ed}.nav-ico{background:rgba(255,255,255,.10);color:#f2fffb}.nav-link:hover{background:rgba(37,211,102,.12);color:#fff}.nav-link.active{
  background:linear-gradient(135deg,#25d366 0%,#00a884 45%,#008069 100%)!important;
  box-shadow:0 14px 28px rgba(0,168,132,.30)!important;
}
.sidebar-card{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.08)}.status-dot{background:#25d366;box-shadow:0 0 0 7px rgba(37,211,102,.15),0 0 25px #25d366}.topbar{
  background:rgba(251,255,253,.88);
  border-bottom:1px solid rgba(216,233,227,.95);
}
.eyebrow{color:#008069}.business-context b{color:#008069}.quick-search,.user-pill,.top-business-switch{
  border-color:#d8e9e3!important;
  box-shadow:0 8px 20px rgba(0,128,105,.06)!important;
}
.page-hero,.hero-card{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,255,248,.72));border-color:rgba(216,233,227,.85)}.page-hero:after,.hero-card:after{background:radial-gradient(circle,rgba(37,211,102,.20),transparent 65%)}.card{border-color:#d8e9e3;background:linear-gradient(180deg,#ffffff,#fbfffd)}.card:hover{box-shadow:0 18px 46px rgba(0,128,105,.12)}.stat:before{background:linear-gradient(135deg,rgba(37,211,102,.18),rgba(0,128,105,.11))}.stat-icon{background:#e7fbf2;color:#008069}.btn{
  background:linear-gradient(135deg,#25d366 0%,#00a884 48%,#008069 100%)!important;
  box-shadow:0 12px 22px rgba(0,168,132,.24)!important;
}
.btn:hover{box-shadow:0 18px 30px rgba(0,168,132,.30)!important}.btn.secondary{background:#fff!important;color:#10211e!important;border-color:#d8e9e3!important;box-shadow:0 8px 18px rgba(0,128,105,.06)!important}.btn.ok{background:linear-gradient(135deg,#25d366,#008069)!important}.btn.bad{background:linear-gradient(135deg,#dc2626,#f97316)!important}.btn.warn{background:linear-gradient(135deg,#d97706,#f59e0b)!important}.input:focus,select:focus,textarea:focus,
.tpl-input:focus,.tpl-body-textarea:focus{
  border-color:rgba(0,168,132,.58)!important;
  box-shadow:0 0 0 4px rgba(0,168,132,.12)!important;
}
.table th{background:linear-gradient(180deg,#f0fbf6,#e6f7ef);color:#365e56}.table tr:hover td{background:#f7fffb}.badge{background:#e7fbf2;color:#075e54;border-color:#bfefdf}.badge.ok{background:#dbfbea;color:#075e54;border-color:#b6efd9}.alert.success{background:#e7fbf2;color:#075e54;border-color:#b6efd9}.alert.info{background:#effaf6;color:#075e54;border-color:#c7eee5}.note-box{background:linear-gradient(135deg,#fbfffd,#e7fbf2);border-color:#b6efd9}.chat-head,.tpl-wa-head{background:#075e54!important}.chat-item.active,.chat-item:hover{background:linear-gradient(90deg,#e7fbf2,#ffffff)}.msg.out .bubble,.wa-message,.preview-message.out{
  background:#d9fdd3!important;
  border-color:#bdeeb6!important;
}
.msg.in .bubble,.preview-message.in{background:#ffffff!important}.tpl-status-pill{border-color:#b6efd9;background:#e7fbf2;color:#008069}.tpl-card-flat{border-top-color:#e7fbf2}.tpl-body-toolbar .tpl-var-btn,
.tpl-body-foot a,.tpl-preview-btn{color:#008069!important}.tpl-file-icon{background:#e7fbf2!important;color:#008069!important}.tpl-file-drop:hover{background:#f0fbf6;border-color:#00a884}.tpl-phone-shell{box-shadow:0 18px 38px rgba(0,65,55,.24),0 0 0 1px rgba(255,255,255,.25) inset}.tpl-wa-avatar{background:#e7fbf2!important;color:#075e54!important}.tpl-wa-screen{
  background-color:#efe7dc;
  background-image:
    radial-gradient(rgba(7,94,84,.08) 1px,transparent 1px),
    radial-gradient(rgba(37,211,102,.05) 1px,transparent 1px);
  background-size:18px 18px,26px 26px;
}
.tpl-wa-note{background:#fff8dc;color:#766447}.tpl-preview-buttons{border-top-color:#d8e9e3}.tpl-savebar{border-color:#d8e9e3;box-shadow:0 -8px 28px rgba(0,128,105,.10)}.smart-section.highlighted{border-color:rgba(0,168,132,.22);box-shadow:0 16px 35px rgba(0,168,132,.08)}.input-icon:focus-within{border-color:rgba(0,168,132,.55);box-shadow:0 0 0 4px rgba(0,168,132,.10),0 10px 24px rgba(0,128,105,.08)}.input-icon.success span{background:#e7fbf2;color:#008069}.link-btn{color:#008069;background:#e7fbf2;border-color:#b6efd9}.var-token{background:#e7fbf2;border-color:#b6efd9;color:#075e54}.login{background:linear-gradient(135deg,#063d35 0%,#075e54 48%,#25d366 140%)!important}.login-panel{color:#f2fffb}.login-panel p{color:#c7eee5}.login-feature{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.16)!important}.login-card{border-color:rgba(216,233,227,.92)}
@media(max-width:900px){.sidebar{background:linear-gradient(180deg,#063d35,#075e54)}}


/* v1.0.76 - white background + green font clean theme */
:root{
  --bg:#ffffff;
  --bg2:#ffffff;
  --card:#ffffff;
  --card2:#ffffff;
  --text:#075e54;
  --muted:#128c7e;
  --soft:#6aa99f;
  --line:#d9eee8;
  --primary:#008069;
  --primary2:#075e54;
  --accent:#25d366;
  --ok:#008069;
  --sidebar:#ffffff;
  --sidebar2:#ffffff;
  --shadow:0 18px 50px rgba(0,128,105,.08);
  --shadow2:0 8px 22px rgba(0,128,105,.06);
}
html,body,.main,.content{
  background:#ffffff!important;
  color:#075e54!important;
}
body{
  background:#ffffff!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
}
body:before{display:none!important;}
body *{scrollbar-color:#00a884 #eefaf6;}
a,.eyebrow,.business-context b,.logout-link,.tpl-body-foot a,.tpl-preview-btn,.link-btn{
  color:#008069!important;
}
h1,h2,h3,h4,h5,h6,.hero-title,.top-title,.tpl-mini-title,.brand-title,.num,b,strong,label,.field label,.smart-field label,.tpl-label,.table td,.table th{
  color:#075e54!important;
}
.muted,.hero-subtitle,.brand-subtitle,.tpl-mini-sub,.sidebar-card small,.user-pill small,.note-box small,small{
  color:#128c7e!important;
}
.sidebar{
  background:#ffffff!important;
  color:#075e54!important;
  border-right:1px solid #d9eee8!important;
  box-shadow:12px 0 34px rgba(0,128,105,.06)!important;
}
.sidebar:before{display:none!important;}
.brand-mark,.avatar,.nav-link.active .nav-ico{
  background:linear-gradient(135deg,#25d366,#00a884,#008069)!important;
  color:#ffffff!important;
}
.nav-heading{color:#00a884!important;}
.nav-link{
  color:#075e54!important;
  background:#ffffff!important;
  border:1px solid transparent!important;
}
.nav-link:hover{
  color:#008069!important;
  background:#f0fbf6!important;
  border-color:#d9eee8!important;
  transform:translateX(2px)!important;
}
.nav-link.active{
  background:#e7fbf2!important;
  color:#008069!important;
  border-color:#b6efd9!important;
  box-shadow:0 10px 24px rgba(0,168,132,.10)!important;
}
.nav-ico{
  background:#e7fbf2!important;
  color:#008069!important;
}
.sidebar-card{
  background:#f8fffc!important;
  border-color:#d9eee8!important;
  color:#075e54!important;
}
.topbar,.page-hero,.hero-card,.card,.glass-card,.sender-builder,.mobile-preview-card,.report-card,.onboard-panel,.tpl-editor-card,.tpl-permission-card,.tpl-list-card,.data-panel,.crm-smart-fill,.smart-section.highlighted,.smart-section.muted-section,.table-wrap,.chat-list,.chat-main,.chat-side,.login-card{
  background:#ffffff!important;
  border-color:#d9eee8!important;
  color:#075e54!important;
  box-shadow:0 10px 28px rgba(0,128,105,.06)!important;
}
.page-hero:after,.hero-card:after{display:none!important;}
.quick-search,.user-pill,.top-business-switch,.input,select,textarea,.tpl-input,.tpl-body-textarea,.input-icon,.copy-url-row code,.url-copy code{
  background:#ffffff!important;
  border-color:#ccebe2!important;
  color:#075e54!important;
}
.input::placeholder,textarea::placeholder,.tpl-input::placeholder,.tpl-body-textarea::placeholder{
  color:#7bb9ae!important;
}
.input:focus,select:focus,textarea:focus,.tpl-input:focus,.tpl-body-textarea:focus,.input-icon:focus-within{
  border-color:#00a884!important;
  box-shadow:0 0 0 4px rgba(0,168,132,.11)!important;
}
.input-icon span,.stat-icon,.action-tile span,.tpl-file-icon,.upload-drop-icon{
  background:#e7fbf2!important;
  color:#008069!important;
  border-color:#ccebe2!important;
}
.btn{
  background:linear-gradient(135deg,#25d366,#00a884,#008069)!important;
  color:#ffffff!important;
  box-shadow:0 10px 22px rgba(0,168,132,.20)!important;
}
.btn.secondary{
  background:#ffffff!important;
  color:#008069!important;
  border:1px solid #b6efd9!important;
  box-shadow:0 6px 16px rgba(0,128,105,.06)!important;
}
.table th{
  background:#f0fbf6!important;
  color:#075e54!important;
}
.table tr:hover td{background:#f8fffc!important;}
.badge,.tpl-status-pill,.var-token,.labeled-token{
  background:#e7fbf2!important;
  color:#075e54!important;
  border-color:#b6efd9!important;
}
.alert.success,.alert.info,.note-box,.auto-fill-strip,.template-variable-box{
  background:#f8fffc!important;
  color:#075e54!important;
  border-color:#b6efd9!important;
}
.login{
  background:#ffffff!important;
  color:#075e54!important;
}
.login-panel,.login-panel p,.login-feature{
  color:#075e54!important;
}
.login-feature{
  background:#f8fffc!important;
  border-color:#d9eee8!important;
}
.tpl-wa-head,.chat-head{
  background:#075e54!important;
  color:#ffffff!important;
}
.tpl-wa-head *,.chat-head *{color:#ffffff!important;}
.wa-message,.preview-message.out,.msg.out .bubble,.tpl-wa-bubble{
  background:#d9fdd3!important;
  color:#075e54!important;
}
.msg.in .bubble,.preview-message.in{background:#ffffff!important;color:#075e54!important;}
.phone-shell,.tpl-phone-shell{box-shadow:0 16px 34px rgba(0,128,105,.14)!important;}
@media(max-width:900px){.sidebar{background:#ffffff!important;}}


/* v1.0.77 - Final clean white + WhatsApp green font/style fix */
:root{
  --wa-green:#008069;
  --wa-green-dark:#075e54;
  --wa-green-soft:#e7fbf2;
  --wa-green-line:#ccebe2;
  --wa-mint:#25d366;
  --bg:#ffffff;
  --bg2:#ffffff;
  --card:#ffffff;
  --card2:#ffffff;
  --text:#075e54;
  --muted:#0f766e;
  --soft:#6ba99f;
  --line:#d9eee8;
  --primary:#008069;
  --primary2:#075e54;
  --accent:#25d366;
  --shadow:0 12px 34px rgba(0,128,105,.055);
  --shadow2:0 6px 18px rgba(0,128,105,.045);
  --radius:20px;
  --radius2:14px;
}
html,body{background:#fff!important;color:var(--text)!important;font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif!important;font-size:15px!important;line-height:1.5!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;}
body:before,.page-hero:after,.hero-card:after,.sidebar:before{display:none!important;}
.main,.content{background:#fff!important;color:var(--text)!important;}
.content{padding:24px!important;}
h1,h2,h3,h4,h5,h6,.hero-title,.top-title,.brand-title,.section-head h2,.section-head h3{color:var(--wa-green-dark)!important;font-weight:850!important;letter-spacing:-.025em!important;line-height:1.18!important;}
p,li,td,th,label,.field label,.smart-field label,.tpl-label,.small-text,.note-box,.form-help{color:var(--text)!important;}
.muted,small,.hero-subtitle,.brand-subtitle,.tpl-mini-sub,.user-pill small,.sidebar-card small{color:var(--muted)!important;}
a,.eyebrow,.logout-link,.link-btn,.tpl-body-foot a,.tpl-preview-btn{color:var(--wa-green)!important;}
.sidebar{background:#fff!important;color:var(--text)!important;border-right:1px solid var(--line)!important;box-shadow:8px 0 28px rgba(0,128,105,.05)!important;}
.brand{margin-bottom:18px!important;}
.brand-mark,.avatar{background:linear-gradient(135deg,var(--wa-mint),#00a884,var(--wa-green))!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,128,105,.18)!important;}
.nav-heading{color:#00a884!important;font-size:10.5px!important;margin-top:16px!important;}
.nav-link{color:var(--wa-green-dark)!important;background:#fff!important;border:1px solid transparent!important;border-radius:14px!important;font-size:13.5px!important;font-weight:800!important;padding:10px 11px!important;}
.nav-ico{background:var(--wa-green-soft)!important;color:var(--wa-green)!important;border:1px solid var(--wa-green-line)!important;}
.nav-link:hover{background:#f6fffb!important;border-color:var(--line)!important;color:var(--wa-green)!important;transform:none!important;}
.nav-link.active{background:var(--wa-green-soft)!important;border-color:#b6efd9!important;color:var(--wa-green)!important;box-shadow:0 8px 20px rgba(0,168,132,.09)!important;}
.nav-link.active .nav-ico{background:#fff!important;color:var(--wa-green)!important;}
.topbar{height:76px!important;background:#fff!important;border-bottom:1px solid var(--line)!important;box-shadow:0 8px 22px rgba(0,128,105,.035)!important;}
.quick-search,.user-pill,.top-business-switch{background:#fff!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:0 5px 14px rgba(0,128,105,.035)!important;}
.card,.page-hero,.hero-card,.glass-card,.sender-builder,.mobile-preview-card,.report-card,.onboard-panel,.tpl-editor-card,.tpl-permission-card,.tpl-list-card,.data-panel,.smart-section.highlighted,.smart-section.muted-section,.table-wrap,.chat-list,.chat-main,.chat-side,.login-card{background:#fff!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(0,128,105,.045)!important;}
.page-hero,.hero-card{padding:24px!important;}
.hero-title{font-size:30px!important;}
.hero-subtitle{font-size:15px!important;line-height:1.6!important;}
.btn{background:linear-gradient(135deg,#25d366,#00a884,#008069)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-size:14px!important;font-weight:850!important;box-shadow:0 10px 20px rgba(0,168,132,.18)!important;}
.btn:hover{transform:translateY(-1px)!important;box-shadow:0 14px 26px rgba(0,168,132,.22)!important;}
.btn.secondary{background:#fff!important;color:var(--wa-green)!important;border:1px solid #b6efd9!important;box-shadow:0 6px 16px rgba(0,128,105,.04)!important;}
.btn.bad{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;}
.input,select,textarea,.tpl-input,.tpl-body-textarea{background:#fff!important;border:1px solid #ccebe2!important;color:var(--text)!important;border-radius:13px!important;font-size:14.5px!important;font-weight:600!important;box-shadow:none!important;}
.input::placeholder,textarea::placeholder,.tpl-input::placeholder,.tpl-body-textarea::placeholder{color:#84b8ae!important;font-weight:500!important;}
.input:focus,select:focus,textarea:focus,.tpl-input:focus,.tpl-body-textarea:focus,.input-icon:focus-within{border-color:#00a884!important;box-shadow:0 0 0 4px rgba(0,168,132,.10)!important;}
.input-icon{background:#fff!important;border-color:#ccebe2!important;border-radius:15px!important;box-shadow:0 5px 14px rgba(0,128,105,.03)!important;}
.input-icon span,.stat-icon,.action-tile span,.tpl-file-icon,.upload-drop-icon{background:var(--wa-green-soft)!important;color:var(--wa-green)!important;border-color:var(--wa-green-line)!important;}
.input-icon .input,.input-icon select,.input-icon textarea{color:var(--text)!important;font-weight:650!important;}
.table{color:var(--text)!important;}
.table th{background:#f0fbf6!important;color:var(--wa-green-dark)!important;font-size:11.5px!important;font-weight:900!important;letter-spacing:.055em!important;border-color:var(--line)!important;}
.table td{color:var(--text)!important;font-size:13.8px!important;border-color:#e5f5f0!important;}
.table tr:hover td{background:#fbfffd!important;}
.badge,.tpl-status-pill,.var-token,.labeled-token{background:var(--wa-green-soft)!important;color:var(--wa-green-dark)!important;border:1px solid #b6efd9!important;font-weight:850!important;}
.alert.success,.alert.info,.note-box,.auto-fill-strip,.template-variable-box{background:#f8fffc!important;color:var(--text)!important;border-color:#b6efd9!important;}
.stat .num{color:var(--wa-green)!important;font-weight:900!important;}
.stat .muted{color:var(--muted)!important;}
.sender-layout{gap:22px!important;}
.smart-grid.two{gap:16px 20px!important;}
.smart-field label,.field label{font-size:13.5px!important;font-weight:850!important;margin-bottom:8px!important;}
.phone-shell,.tpl-phone-shell{box-shadow:0 18px 38px rgba(0,128,105,.12)!important;}
.tpl-wa-head,.chat-head{background:var(--wa-green-dark)!important;color:#fff!important;}
.tpl-wa-head *,.chat-head *{color:#fff!important;}
.wa-message,.preview-message.out,.msg.out .bubble,.tpl-wa-bubble{background:#d9fdd3!important;color:var(--wa-green-dark)!important;}
.msg.in .bubble,.preview-message.in{background:#fff!important;color:var(--wa-green-dark)!important;border:1px solid #e5f5f0!important;}
.tpl-wa-screen,.wa-screen{background-color:#efe7dc!important;}
.login{background:#fff!important;color:var(--text)!important;}
.login-panel,.login-panel p,.login-feature{color:var(--text)!important;}
.login-feature{background:#f8fffc!important;border-color:var(--line)!important;}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f0fbf6}::-webkit-scrollbar-thumb{background:#a7e8d3;border-radius:999px;border:2px solid #f0fbf6}::-webkit-scrollbar-thumb:hover{background:#00a884}
@media(max-width:900px){.sidebar{background:#fff!important}.content{padding:18px!important}.topbar{height:68px!important}.hero-title{font-size:24px!important}.card,.page-hero,.hero-card{border-radius:18px!important}.sender-layout{grid-template-columns:1fr!important}.mobile-preview-card{position:static!important}}

/* v1.0.78 Branding Center: logo, favicon, splash and brand photo */
.brand-logo-mark{overflow:hidden;background:linear-gradient(135deg,var(--crm-green,#008069),var(--crm-green-2,#00a884));}
.brand-logo-mark img{width:100%;height:100%;object-fit:contain;padding:5px;border-radius:14px;background:#fff;display:block;}
.login-brand-media{margin:18px 0;border-radius:26px;overflow:hidden;border:1px solid rgba(0,128,105,.18);background:#fff;box-shadow:0 18px 45px rgba(0,128,105,.10);}
.login-brand-media img{width:100%;height:220px;object-fit:cover;display:block;}
.branding-layout{align-items:start;}
.branding-form{padding:26px;}
.brand-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0;}
.brand-upload-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#ffffff,#f8fffc);padding:16px;box-shadow:0 12px 28px rgba(0,128,105,.05);}
.brand-upload-card label{display:block;font-size:14px;font-weight:950;color:var(--crm-green,#008069);margin:10px 0 4px;}
.brand-upload-card small{display:block;color:var(--muted);font-weight:700;line-height:1.45;margin-bottom:10px;}
.brand-upload-preview{height:150px;border:1px dashed rgba(0,128,105,.28);border-radius:20px;background:#f8fffc;display:grid;place-items:center;overflow:hidden;color:var(--crm-green,#008069);font-weight:950;text-align:center;padding:12px;}
.brand-upload-preview img{width:100%;height:100%;object-fit:contain;border-radius:16px;}
.checkline{display:flex!important;align-items:center;gap:8px;font-size:13px!important;color:#475569!important;margin:10px 0!important;font-weight:800!important;}
.sticky-save{position:sticky;bottom:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px;padding:12px;margin-top:18px;box-shadow:0 12px 35px rgba(15,23,42,.10);}
.branding-preview-card{position:sticky;top:104px;}
.brand-live-preview{display:grid;grid-template-columns:210px 1fr;min-height:430px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.08);}
.preview-sidebar{background:#ffffff;border-right:1px solid #d7efe8;padding:18px;display:flex;flex-direction:column;gap:10px;}
.preview-brand-row{display:flex;gap:10px;align-items:center;margin-bottom:12px;}
.preview-brand-row b{display:block;color:var(--preview-primary,#008069);font-size:14px;line-height:1.15;}
.preview-brand-row small{display:block;color:#64748b;font-size:11px;margin-top:3px;}
.preview-mark{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--preview-primary,#008069),var(--preview-secondary,#00a884));color:#fff;font-weight:950;display:grid;place-items:center;overflow:hidden;}
.preview-mark img{width:100%;height:100%;object-fit:contain;background:#fff;padding:5px;}
.preview-menu{border-radius:14px;padding:11px 12px;color:#0f172a;font-weight:900;background:#f8fafc;}
.preview-menu.active{background:rgba(0,128,105,.10);color:var(--preview-primary,#008069);border:1px solid rgba(0,128,105,.16);}
.preview-main{padding:18px;background:linear-gradient(180deg,#f8fffc,#ffffff);}
.preview-top{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e2f3ed;padding-bottom:14px;color:#64748b;font-weight:850;}
.preview-top b{color:var(--preview-primary,#008069);}
.preview-hero{margin-top:18px;border:1px solid #e2f3ed;border-radius:24px;background:#fff;padding:18px;display:grid;grid-template-columns:1fr 120px;gap:16px;align-items:center;}
.preview-hero h3{color:var(--preview-primary,#008069);font-size:24px;line-height:1.1;margin:0 0 8px;}
.preview-hero p{color:#475569;font-weight:650;line-height:1.5;margin:0;}
.preview-hero img{width:120px;height:120px;object-fit:cover;border-radius:24px;box-shadow:0 10px 26px rgba(0,128,105,.14);}
.preview-splash{margin-top:16px;border-radius:24px;overflow:hidden;border:1px solid #e2f3ed;background:#fff;}
.preview-splash img{width:100%;height:160px;object-fit:cover;display:block;}
.preview-splash span{display:block;padding:10px 14px;color:var(--preview-primary,#008069);font-weight:900;}
@media(max-width:1100px){.branding-preview-card{position:static}.brand-live-preview{grid-template-columns:1fr}.preview-sidebar{border-right:0;border-bottom:1px solid #d7efe8}.brand-upload-grid{grid-template-columns:1fr}.preview-hero{grid-template-columns:1fr}.preview-hero img{width:100%;height:180px}.login-brand-media img{height:170px}}

/* v1.0.79 WhatsApp Suite clean UI */
body.suite-ui{background:#f7f9fc;color:#0f172a;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.012em}
body.suite-ui:before{display:none}.suite-ui .app{background:#f7f9fc}.suite-sidebar{background:#fff!important;color:#253858!important;width:270px;padding:20px 14px;border-right:1px solid #e8edf5;box-shadow:none}.suite-sidebar:before{display:none}.suite-brand{display:flex;align-items:center;gap:10px;height:48px;margin:0 0 22px 4px}.suite-logo{min-width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#1976d2;font-weight:950;font-size:22px}.suite-logo img{max-width:130px;max-height:44px;object-fit:contain}.suite-brand-title{font-size:20px;line-height:1;font-weight:950;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suite-menu-search{height:40px;border:1px solid #e1e8f3;border-radius:9px;background:#fbfdff;display:flex;align-items:center;gap:8px;padding:0 12px;margin:4px 0 18px;color:#8aa0bd}.suite-menu-search input{border:0;background:transparent;outline:0;width:100%;font:inherit;font-size:13px;color:#334155}.suite-nav{gap:4px}.suite-nav .nav-heading,.suite-admin-heading{color:#9aaabd;margin:14px 10px 6px;font-size:10px}.suite-nav .nav-link{color:#41536c;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:750;gap:10px}.suite-nav .nav-link:hover{background:#f2f7ff;color:#0b5cab;transform:none}.suite-nav .nav-link.active{background:#eef7ff;color:#0b5cab;box-shadow:none;border-left:3px solid #0b75d1}.suite-nav .nav-link.disabled{opacity:.85}.suite-nav .nav-ico{background:transparent;color:#5f6f86;width:24px;height:24px;border-radius:7px}.suite-nav .nav-link.active .nav-ico{background:transparent;color:#0b75d1}.suite-caret{margin-left:auto;color:#94a3b8}.suite-menu-parent{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#eef7ff;color:#0b5cab;font-weight:850}.suite-menu-parent span:last-child{margin-left:auto}.suite-menu-parent .nav-ico{background:transparent;color:#0b75d1;width:24px;height:24px}.suite-subnav{border-left:2px solid #1d6fbc;margin-left:20px;padding:4px 0 4px 4px}.suite-subnav .nav-link{padding:9px 10px;border-radius:9px;font-weight:700}.suite-subnav .nav-link.active{border-left:0;background:#f3f8ff;color:#075ca4;box-shadow:0 0 0 1px #e3efff inset}.suite-main{margin-left:270px;width:calc(100% - 270px);background:#f7f9fc}.suite-topbar{height:70px;background:#fff;border-bottom:1px solid #e6ebf2;box-shadow:none;padding:0 28px;justify-content:space-between}.suite-top-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.suite-lang{font-weight:800;color:#0f172a}.suite-wallet{display:inline-flex;align-items:center;gap:6px;background:#eef6ff;color:#075ca4;border-radius:11px;padding:9px 13px;font-weight:850}.suite-icon-dot{position:relative;font-size:19px;color:#24364f}.suite-icon-dot.active:after{content:"";position:absolute;right:-2px;top:-2px;width:8px;height:8px;background:#00c853;border-radius:50%;border:2px solid #fff}.suite-user{display:flex;align-items:center;gap:9px;color:#334155}.suite-user .avatar{background:#dcecff;color:#1465ad;border:1px solid #b8d5fb}.suite-user b{display:block;font-size:13px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suite-user small{display:block;font-size:11px;color:#64748b}.suite-business-switch{background:transparent;border:0;padding:0}.suite-business-switch select{height:38px;border-radius:10px;border:1px solid #dfe7f2;padding:0 10px;background:#fff;font-weight:800;color:#334155}.suite-content{max-width:none;padding:28px 32px}.suite-page-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.suite-title-left{display:flex;align-items:center;gap:14px}.suite-title-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#d9fdd3;color:#008069;font-size:26px}.suite-page-title h1{font-size:28px;margin:0;color:#061a32;letter-spacing:-.04em}.suite-page-title p{margin:4px 0 0;color:#59697f;font-size:15px}.suite-primary-btn{background:#00a884!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,128,105,.20)!important;border-radius:10px!important}.suite-blue-btn{background:#2f74b8!important;color:#fff!important;box-shadow:0 8px 18px rgba(47,116,184,.20)!important;border-radius:10px!important}.suite-card{background:#fff;border:1px solid #e3eaf4;border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.suite-filter-card{padding:22px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;margin-bottom:24px}.suite-filter-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:16px;align-items:end}.suite-filter-grid label{font-size:13px;color:#41536c;font-weight:750;margin-bottom:6px;display:block}.suite-input{height:42px;border:1px solid #dce5f0;background:#fff;border-radius:8px;padding:0 12px;width:100%;font-size:14px;color:#334155}.suite-input:focus,.suite-ui select:focus,.suite-ui input:focus,.suite-ui textarea:focus{border-color:#9cc8f4;box-shadow:0 0 0 3px rgba(11,117,209,.10)}.suite-table{border-radius:14px;background:#fff;border:1px solid #e1e8f0;overflow:hidden}.suite-table .table{border-radius:0}.suite-table .table th{background:#fafbfc;color:#0f172a;font-size:13px;text-transform:none;letter-spacing:0;border-bottom:1px solid #e5edf5}.suite-table .table td{font-size:14px;color:#253858;padding:15px 16px}.suite-status{border-radius:999px;padding:6px 12px;font-weight:850;font-size:12px}.suite-status.ok{background:#d9fdd3;color:#008069}.suite-status.bad{background:#ffe6e6;color:#e03131}.suite-status.warn{background:#fff4cf;color:#925b00}.project-grid{display:grid;grid-template-columns:410px 410px;gap:28px;align-items:stretch}.project-card{background:#fff;border:1px solid #dce6f1;border-radius:18px;min-height:330px;box-shadow:0 8px 22px rgba(15,23,42,.06);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#ff4d5f}.project-card-inner{padding:28px}.project-avatar{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#20c997,#4dabf7);display:grid;place-items:center;color:#fff;font-size:28px;position:relative}.project-avatar:after{content:"";position:absolute;right:-5px;bottom:-5px;width:13px;height:13px;background:#00c853;border:3px solid #fff;border-radius:50%}.project-tier{position:absolute;right:22px;top:22px;background:#f1f6ff;border:1px solid #d7e6ff;color:#3067c9;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:850}.project-active{position:absolute;right:22px;top:62px;color:#008069;font-weight:850;font-size:12px}.project-name{font-size:19px;font-weight:950;margin:24px 0 4px;color:#0f172a}.project-phone{color:#6b7c93}.project-ref{display:inline-flex;align-items:center;gap:7px;margin-top:18px;border:1px solid #dce5ef;background:#fbfdff;border-radius:8px;padding:7px 10px;color:#42526e;font-size:12px}.project-alert{margin-top:22px;background:#fff2f2;border:1px solid #ffcccc;color:#e03131;padding:14px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;font-weight:850}.project-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eef2f6}.project-actions a{padding:18px 10px;text-align:center;font-size:12px;font-weight:850;color:#174ea6;border-right:1px solid #eef2f6}.project-actions a:last-child{border-right:0}.project-add{border:2px dashed #dbe3ed;background:#fbfcfe;display:grid;place-items:center;text-align:center;color:#59697f}.project-add .plus{width:54px;height:54px;border-radius:50%;background:#f0f2f7;display:grid;place-items:center;font-size:34px;color:#99a6ba;margin:auto auto 18px}.chat-suite{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:calc(100vh - 150px);border:1px solid #e1e8f0;background:#fff;border-radius:0;overflow:hidden}.chat-project-head{padding:18px 20px;background:#f3f6fa;border-bottom:1px solid #e3e9f2;display:flex;gap:12px;align-items:center}.chat-tabs{display:flex;border-bottom:1px solid #e4eaf2}.chat-tabs span{flex:1;text-align:center;padding:13px 8px;font-weight:850;color:#253858}.chat-tabs span.active{color:#0b5cab;border-bottom:2px solid #0b75d1}.chat-search{padding:12px;background:#fff}.chat-search input{width:100%;height:42px;border:0;background:#f1f4f8;border-radius:10px;padding:0 14px}.chat-empty-panel{display:grid;place-items:center;background:#f1f4f8;color:#344563;text-align:center}.chat-empty-panel h2{font-weight:400;font-size:30px;color:#344563}.campaign-head,.template-head,.bot-head,.webhook-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.campaign-title,.template-title,.bot-title,.webhook-title{display:flex;gap:12px;align-items:flex-start}.campaign-title h1,.template-title h1,.bot-title h1,.webhook-title h1{font-size:28px;margin:0}.campaign-title p,.template-title p,.bot-title p,.webhook-title p{margin:6px 0 0;color:#52637a}.template-project-strip{display:flex;justify-content:flex-end;gap:10px;margin-top:-10px;margin-bottom:18px;align-items:center}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.template-card-suite{background:#fff;border:1px solid #dfe7f2;border-radius:14px;box-shadow:0 8px 20px rgba(15,23,42,.05);position:relative;overflow:hidden}.template-card-suite:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#6b4eff}.template-card-suite .body{padding:22px}.template-card-suite h3{font-size:16px;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-snippet{background:#f7f9fb;border-radius:10px;padding:14px;min-height:86px;color:#344563;line-height:1.55;font-size:13px}.template-card-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eef2f6}.template-card-actions a{padding:13px 8px;text-align:center;font-size:11px;font-weight:900;color:#42526e;border-right:1px solid #eef2f6}.template-card-actions a:last-child{border-right:0}.bot-empty,.webhook-panel{background:#fff;border:1px dashed #d9e1ec;border-radius:18px;min-height:300px;display:grid;place-items:center;text-align:center;color:#52637a}.bot-alert{background:#fff0f0;color:#d00000;border:1px solid #ffbaba;border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-weight:850}.suite-tabs{display:inline-flex;background:#f0f2f6;border-radius:12px;padding:5px;margin-bottom:24px}.suite-tabs a{padding:12px 22px;border-radius:9px;font-weight:850;color:#344563}.suite-tabs a.active{background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.08);color:#0b5cab}.webhook-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px}.webhook-form-card{background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:26px}.webhook-example{background:#10192d;color:#dce8ff;border-radius:16px;padding:24px}.webhook-example pre{background:#0a1223;border:1px solid rgba(255,255,255,.08);color:#dce8ff;font-size:13px}.event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.event-box{border:1px solid #e2e9f2;border-radius:13px;padding:15px;display:flex;gap:12px;align-items:flex-start}.event-box input{width:22px;height:22px}.switch-line{display:flex;align-items:center;gap:12px;margin-top:20px}.suite-toggle{width:52px;height:28px;border-radius:999px;background:#d7dee8;position:relative}.suite-toggle:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;left:3px;top:3px;box-shadow:0 2px 6px rgba(0,0,0,.18)}.suite-toggle.on{background:#00a884}.suite-toggle.on:after{left:27px}.floating-chat{position:fixed;right:28px;bottom:28px;width:58px;height:58px;border-radius:50%;background:#2c3556;color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 12px 26px rgba(15,23,42,.25);z-index:8}.suite-ui .page-hero{background:#fff;border:1px solid #e1e8f0;box-shadow:none;border-radius:14px}.suite-ui .page-hero:after{display:none}.suite-ui .card{box-shadow:0 8px 22px rgba(15,23,42,.04);border:1px solid #e1e8f0;border-radius:14px}.suite-ui .btn{background:#00a884;border-radius:10px;box-shadow:0 8px 18px rgba(0,128,105,.18)}.suite-ui .btn.secondary{background:#fff;color:#0f172a;border:1px solid #dce5ef}.suite-ui .btn.bad{background:#ff3b48}.suite-ui .btn.ok{background:#00a884}.suite-ui .badge.ok{background:#dcfce7;color:#008069}.suite-ui .badge.bad{background:#ffe6e6;color:#d00000}.suite-ui .badge.warn{background:#fff7db;color:#925b00}
@media(max-width:1200px){.template-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.webhook-grid{grid-template-columns:1fr}.suite-filter-grid{grid-template-columns:1fr 1fr}.chat-suite{grid-template-columns:330px 1fr}}
@media(max-width:1000px){.suite-sidebar{transform:translateX(-100%);transition:.2s}.sidebar-open .suite-sidebar{transform:translateX(0)}.suite-main{margin-left:0;width:100%}.menu-btn{display:inline-flex}.suite-top-actions{gap:8px}.suite-lang,.suite-wallet{display:none}.suite-content{padding:20px}.template-grid{grid-template-columns:1fr}.chat-suite{grid-template-columns:1fr}.chat-empty-panel{min-height:360px}.project-grid{grid-template-columns:1fr}.suite-filter-grid{grid-template-columns:1fr}.webhook-grid{grid-template-columns:1fr}.project-card{min-height:auto}}
.chat-tabs a{flex:1;text-align:center;padding:13px 8px;font-weight:850;color:#253858;text-decoration:none}.chat-tabs a.active{color:#0b5cab;border-bottom:2px solid #0b75d1}.chat-left-panel{background:#fff;overflow:auto}.chat-item{display:block;padding:16px 18px;border-bottom:1px solid #edf1f6;color:#24364f;min-height:74px}.chat-item.active,.chat-item:hover{background:#f5f8fc}.chat-title{font-weight:850}.chat-meta{font-size:12px;color:#66788f;margin-top:5px}.bubble{max-width:75%;margin:9px 0;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.06)}.bubble.agent{margin-left:auto;background:#d9fdd3}.composer{display:flex;gap:10px;padding:14px;background:#fff;border-top:1px solid #e2e8f0}.composer textarea{min-height:46px;max-height:120px}.chat-upload-btn{display:grid;place-items:center;width:46px;border:1px solid #dfe7f2;border-radius:10px;background:#fff;cursor:pointer}.chat-upload-btn input{display:none}.chat-media img,.chat-media video{max-width:260px;border-radius:12px;display:block;margin-bottom:8px}
.hidden{display:none!important}


/* v1.0.80 collapsible WhatsApp setup menu */
.suite-menu-parent{width:100%;border:0;cursor:pointer;font:inherit;text-align:left;appearance:none;-webkit-appearance:none}
.suite-menu-parent:focus{outline:0;box-shadow:0 0 0 3px rgba(0,128,105,.12)}
.suite-menu-group .suite-subnav{display:none}
.suite-menu-group.open .suite-subnav{display:block}
.suite-menu-group:not(.open) .suite-menu-parent{background:transparent;color:#41536c}
.suite-menu-group:not(.open) .suite-menu-parent:hover{background:#f2f7ff;color:#0b5cab}
.suite-menu-group:not(.open) .suite-menu-parent .nav-ico{color:#5f6f86}
.suite-toggle-caret{transition:transform .18s ease;color:#94a3b8}
.suite-menu-group.open .suite-toggle-caret{transform:rotate(180deg)}
.suite-subnav{animation:suiteMenuDrop .16s ease-out}
@keyframes suiteMenuDrop{from{opacity:.3;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}


/* v1.0.82 Packages & Wallet */
.billing-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:8px 0 24px;padding:24px;border:1px solid #d8eee5;border-radius:28px;background:linear-gradient(135deg,#ffffff 0%,#f1fbf7 100%);box-shadow:0 14px 34px rgba(0,128,105,.08)}
.billing-hero h1{margin:0;color:#008069;font-size:30px;letter-spacing:-.03em}.billing-hero p{margin:8px 0 0;color:#45665d;font-size:15px}.billing-wallet-card{min-width:230px;background:#008069;color:#fff;border-radius:24px;padding:18px 22px;box-shadow:0 14px 28px rgba(0,128,105,.22)}.billing-wallet-card span,.billing-wallet-card small{display:block;opacity:.9}.billing-wallet-card b{display:block;font-size:30px;line-height:1.15;margin:4px 0}.package-grid{align-items:stretch}.package-card{position:relative;overflow:hidden;border-top:5px solid #00a884}.package-card.featured{border-top-color:#008069;box-shadow:0 20px 40px rgba(0,128,105,.14)}.package-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.package-head h2{margin:0;color:#008069}.package-head p{margin:4px 0 0;color:#60736e}.package-price{font-size:40px;font-weight:900;color:#102a24;margin:20px 0 8px;letter-spacing:-.05em}.package-price small{font-size:14px;color:#60736e;letter-spacing:0;margin-left:6px}.package-limits{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.package-limits span{background:#eefbf6;color:#008069;border:1px solid #c9f0df;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.package-features{list-style:none;margin:16px 0;padding:0;display:grid;gap:8px}.package-features li{color:#25443d;font-weight:650}.package-features li:before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:#dcfce7;color:#008069;font-size:12px;font-weight:900}.package-edit{margin-top:16px;border-top:1px solid #e7f2ee;padding-top:12px}.package-edit summary{cursor:pointer;color:#008069;font-weight:800}.billing-summary-grid .small-num{font-size:22px}.wallet-recharge-card .btn:disabled,.package-card .btn:disabled{opacity:.55;cursor:not-allowed}.switch-line{display:flex!important;align-items:center;gap:8px;border:1px solid #dcebe5;border-radius:14px;padding:12px;background:#fbfffd;color:#143b33}.warn-box{border-color:#ffd5a1;background:#fff8ed;color:#9a5200}@media(max-width:900px){.billing-hero{flex-direction:column;align-items:flex-start}.billing-wallet-card{width:100%}.package-price{font-size:32px}}

/* v1.0.83 Client access, wallet, and data sync polish */
.client-dashboard-strip,
.client-sender-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:18px 0 22px;
}
.client-mini-card,
.client-sender-strip>div{
  background:#fff;
  border:1px solid rgba(0,128,105,.14);
  border-radius:22px;
  box-shadow:0 14px 34px rgba(0,128,105,.07);
  padding:18px 20px;
  min-height:96px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.client-mini-card span,
.client-sender-strip span{
  color:#008069;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.client-mini-card b,
.client-sender-strip b{
  color:#073b34;
  font-size:22px;
  line-height:1.15;
  margin:8px 0;
}
.client-mini-card a,
.client-sender-strip a{
  color:#008069;
  font-weight:900;
  text-decoration:none;
  font-size:13px;
}
.client-mini-card.accent{
  background:linear-gradient(135deg,#008069,#00a884);
  color:#fff;
}
.client-mini-card.accent span,.client-mini-card.accent b,.client-mini-card.accent a{color:#fff;}
.client-sync-hero{border:1px solid rgba(0,128,105,.16);background:linear-gradient(135deg,#ffffff 0%,#ecfff8 100%)}
.client-access-grid .card.stat{border-color:rgba(0,128,105,.16)}
.client-sync-card .actions-inline{gap:10px;flex-wrap:wrap}
.client-status-list{display:grid;gap:12px}
.client-status-list>div{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(0,128,105,.12);background:#fbfffd;border-radius:16px;padding:14px 16px}
.client-status-list span{color:#008069;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.client-status-list b{color:#073b34;text-align:right}
@media(max-width:1000px){.client-dashboard-strip,.client-sender-strip{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.client-dashboard-strip,.client-sender-strip{grid-template-columns:1fr}.client-mini-card b,.client-sender-strip b{font-size:19px}.client-status-list>div{display:block}.client-status-list b{display:block;text-align:left;margin-top:5px}}

/* v1.0.84 Wallet gated live sender */
.text-danger{color:#dc2626!important;font-weight:800}.client-sender-strip div:nth-child(2) b{color:#008069}.sender-actions .btn[disabled]{opacity:.55;cursor:not-allowed}.wallet-block-note{border:1px solid #fecaca;background:#fff7f7;color:#991b1b;border-radius:14px;padding:12px 14px;font-weight:700}

/* v1.0.85 Final neat height/width/font scale fix */
:root{
  --ui-bg:#ffffff;
  --ui-surface:#ffffff;
  --ui-muted:#f7fbf9;
  --ui-line:#e2eee9;
  --ui-text:#0f2f28;
  --ui-soft:#5b756e;
  --ui-green:var(--crm-green,#008069);
  --ui-green-2:var(--crm-green-2,#00a884);
  --ui-radius:18px;
  --ui-radius-lg:24px;
  --ui-shadow:0 12px 32px rgba(0,128,105,.075);
}
html{font-size:15px;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;}
body.suite-ui,
body{
  background:#fff!important;
  color:var(--ui-text)!important;
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif!important;
  font-size:14px;
  line-height:1.48;
  letter-spacing:-.006em;
}
body.suite-ui *{box-sizing:border-box;}
body.suite-ui h1,body.suite-ui h2,body.suite-ui h3,body.suite-ui h4{
  color:var(--ui-green)!important;
  font-weight:850!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
}
body.suite-ui h1{font-size:clamp(24px,2.2vw,34px)!important;margin-bottom:8px!important;}
body.suite-ui h2{font-size:clamp(20px,1.7vw,26px)!important;}
body.suite-ui h3{font-size:clamp(17px,1.3vw,20px)!important;}
body.suite-ui p,body.suite-ui small,body.suite-ui label,body.suite-ui td,body.suite-ui th,body.suite-ui input,body.suite-ui select,body.suite-ui textarea,body.suite-ui button{
  font-family:inherit!important;
}
body.suite-ui .app{background:#fff!important;min-height:100vh;}
body.suite-ui .main,body.suite-ui .suite-main{background:#fff!important;min-width:0;}
body.suite-ui .content,body.suite-ui .suite-content{
  width:100%;
  max-width:1540px;
  margin:0 auto;
  padding:24px clamp(16px,2.4vw,34px) 42px!important;
}
body.suite-ui .topbar,body.suite-ui .suite-topbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--ui-line)!important;
  min-height:72px!important;
  padding:12px clamp(16px,2.4vw,30px)!important;
  box-shadow:0 8px 24px rgba(0,128,105,.035)!important;
  backdrop-filter:saturate(160%) blur(10px);
}
body.suite-ui .suite-top-actions{gap:10px!important;align-items:center!important;min-width:0;}
body.suite-ui .suite-wallet,body.suite-ui .suite-lang,body.suite-ui .suite-icon-dot,body.suite-ui .suite-user{
  height:42px!important;
  border-radius:999px!important;
  border:1px solid var(--ui-line)!important;
  background:#fff!important;
  color:var(--ui-green)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.suite-ui .suite-user{min-width:170px;justify-content:flex-start;}
body.suite-ui .suite-user b{font-size:13px;color:var(--ui-text)!important;line-height:1.1;display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.suite-ui .suite-user small{font-size:11px;color:var(--ui-soft)!important;display:block;line-height:1.1;text-transform:capitalize;}
body.suite-ui .avatar{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%;background:var(--ui-green)!important;color:#fff!important;display:inline-grid!important;place-items:center!important;font-weight:900!important;}
body.suite-ui .sidebar,body.suite-ui .suite-sidebar{
  background:#fff!important;
  border-right:1px solid var(--ui-line)!important;
  width:280px!important;
  min-width:280px!important;
  box-shadow:8px 0 28px rgba(0,128,105,.05)!important;
}
body.suite-ui .suite-brand{height:78px!important;padding:16px 18px!important;border-bottom:1px solid var(--ui-line)!important;gap:12px!important;}
body.suite-ui .suite-logo{width:44px!important;height:44px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--ui-green),var(--ui-green-2))!important;box-shadow:0 10px 22px rgba(0,128,105,.18)!important;}
body.suite-ui .suite-logo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:6px!important;}
body.suite-ui .suite-brand-title{font-size:17px!important;font-weight:900!important;color:var(--ui-green)!important;letter-spacing:-.035em!important;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.suite-ui .suite-menu-search{margin:14px 16px!important;height:42px!important;border-radius:14px!important;background:#f6fbf9!important;border:1px solid var(--ui-line)!important;}
body.suite-ui .suite-menu-search input{height:40px!important;font-size:13px!important;color:var(--ui-text)!important;}
body.suite-ui .suite-nav{padding:0 12px 20px!important;}
body.suite-ui .nav-link,body.suite-ui .suite-menu-parent{
  height:42px!important;
  min-height:42px!important;
  padding:0 12px!important;
  margin:4px 0!important;
  border-radius:14px!important;
  font-size:13.5px!important;
  font-weight:750!important;
  color:#31564d!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  line-height:1!important;
}
body.suite-ui .nav-link span:last-child,body.suite-ui .suite-menu-parent span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.suite-ui .nav-link:hover,body.suite-ui .suite-menu-parent:hover{background:#effbf6!important;color:var(--ui-green)!important;}
body.suite-ui .nav-link.active,body.suite-ui .suite-menu-group.open>.suite-menu-parent{
  background:linear-gradient(135deg,var(--ui-green),var(--ui-green-2))!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,128,105,.18)!important;
}
body.suite-ui .nav-link.active .nav-ico,body.suite-ui .suite-menu-group.open>.suite-menu-parent .nav-ico,body.suite-ui .suite-menu-group.open>.suite-menu-parent .suite-toggle-caret{color:#fff!important;}
body.suite-ui .nav-ico{width:22px!important;height:22px!important;min-width:22px!important;border-radius:8px!important;display:inline-grid!important;place-items:center!important;font-size:13px!important;color:var(--ui-green)!important;background:rgba(0,128,105,.08)!important;}
body.suite-ui .nav-link.active .nav-ico{background:rgba(255,255,255,.18)!important;}
body.suite-ui .suite-subnav{padding:4px 0 6px 30px!important;}
body.suite-ui .suite-subnav .nav-link{height:38px!important;min-height:38px!important;font-size:13px!important;border-radius:12px!important;padding-left:10px!important;}
body.suite-ui .card,
body.suite-ui .panel,
body.suite-ui .suite-card,
body.suite-ui .stat,
body.suite-ui .table-card,
body.suite-ui .client-mini-card,
body.suite-ui .client-sender-strip>div,
body.suite-ui .template-card,
body.suite-ui .broadcast-card,
body.suite-ui .package-card{
  background:#fff!important;
  border:1px solid var(--ui-line)!important;
  border-radius:var(--ui-radius-lg)!important;
  box-shadow:var(--ui-shadow)!important;
}
body.suite-ui .card,body.suite-ui .panel,body.suite-ui .suite-card{padding:22px!important;}
body.suite-ui .stat{padding:20px!important;min-height:118px!important;}
body.suite-ui .stat .num,body.suite-ui .small-num,body.suite-ui .client-mini-card b{font-size:clamp(22px,2vw,30px)!important;font-weight:900!important;color:var(--ui-text)!important;letter-spacing:-.045em!important;}
body.suite-ui .grid,body.suite-ui .cards-grid,body.suite-ui .stats-grid{gap:18px!important;}
body.suite-ui label,.form-label{
  display:block!important;
  margin:0 0 7px!important;
  font-size:12.5px!important;
  font-weight:850!important;
  color:var(--ui-green)!important;
  letter-spacing:.01em!important;
}
body.suite-ui input[type="text"],body.suite-ui input[type="email"],body.suite-ui input[type="password"],body.suite-ui input[type="number"],body.suite-ui input[type="date"],body.suite-ui input[type="datetime-local"],body.suite-ui input[type="url"],body.suite-ui input[type="file"],body.suite-ui select,body.suite-ui textarea{
  width:100%!important;
  min-height:44px!important;
  border:1px solid #d9e9e3!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--ui-text)!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.35!important;
  padding:10px 13px!important;
  box-shadow:0 1px 0 rgba(0,128,105,.02)!important;
  outline:none!important;
}
body.suite-ui textarea{min-height:118px!important;resize:vertical!important;}
body.suite-ui input:focus,body.suite-ui select:focus,body.suite-ui textarea:focus{
  border-color:var(--ui-green)!important;
  box-shadow:0 0 0 4px rgba(0,128,105,.10)!important;
}
body.suite-ui input::placeholder,body.suite-ui textarea::placeholder{color:#91a9a2!important;font-weight:500!important;}
body.suite-ui .form-grid,
body.suite-ui .smart-form-grid,
body.suite-ui .row,
body.suite-ui .fields-grid{
  gap:16px!important;
}
body.suite-ui .btn,body.suite-ui button.btn,body.suite-ui a.btn,body.suite-ui input[type="submit"]{
  min-height:42px!important;
  height:auto!important;
  border-radius:14px!important;
  padding:10px 16px!important;
  font-size:13.5px!important;
  font-weight:850!important;
  line-height:1.1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.suite-ui .btn.primary,body.suite-ui .btn-success,body.suite-ui button[type="submit"].btn,body.suite-ui .btn-primary{
  background:linear-gradient(135deg,var(--ui-green),var(--ui-green-2))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 22px rgba(0,128,105,.17)!important;
}
body.suite-ui .btn.secondary,body.suite-ui .btn-outline,body.suite-ui .btn-light{
  background:#fff!important;
  color:var(--ui-green)!important;
  border:1px solid #cfe7df!important;
}
body.suite-ui .actions,body.suite-ui .actions-inline,body.suite-ui .sender-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}
body.suite-ui table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:13.5px!important;}
body.suite-ui th{
  background:#f4fbf8!important;
  color:var(--ui-green)!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
  padding:13px 14px!important;
  border-bottom:1px solid var(--ui-line)!important;
  white-space:nowrap!important;
}
body.suite-ui td{padding:13px 14px!important;border-bottom:1px solid #edf5f2!important;color:#1d3d35!important;vertical-align:middle!important;}
body.suite-ui tr:hover td{background:#fbfffd!important;}
body.suite-ui .badge,.status-badge,.pill{
  min-height:26px!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  font-size:11.5px!important;
  font-weight:900!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
body.suite-ui .alert{border-radius:16px!important;padding:13px 16px!important;font-size:13.5px!important;font-weight:750!important;margin:0 0 16px!important;}
body.suite-ui .sender-layout,
body.suite-ui .template-creator-layout,
body.suite-ui .onboard-grid,
body.suite-ui .suite-two-col{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr)!important;
  gap:22px!important;
  align-items:start!important;
}
body.suite-ui .phone-preview,
body.suite-ui .mobile-preview,
body.suite-ui .wa-preview,
body.suite-ui .preview-phone,
body.suite-ui .template-phone-preview{
  width:min(100%,390px)!important;
  min-height:560px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:30px!important;
  border:10px solid #183d35!important;
  background:#e8f5ef!important;
  box-shadow:0 20px 44px rgba(0,0,0,.14)!important;
  overflow:hidden!important;
}
body.suite-ui .wa-bubble,body.suite-ui .message-bubble,body.suite-ui .preview-bubble{
  border-radius:16px!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  color:#17362f!important;
}
body.suite-ui .chat-layout,.live-chat-layout{
  display:grid!important;
  grid-template-columns:330px minmax(0,1fr) 300px!important;
  gap:18px!important;
  min-height:calc(100vh - 140px)!important;
}
body.suite-ui .chat-list,.chat-sidebar{border-radius:24px!important;border:1px solid var(--ui-line)!important;background:#fff!important;overflow:hidden!important;}
body.suite-ui .chat-window{border-radius:24px!important;border:1px solid var(--ui-line)!important;background:#fff!important;overflow:hidden!important;min-width:0!important;}
body.suite-ui .report-toolbar,.filter-bar,.toolbar{display:flex!important;align-items:end!important;gap:12px!important;flex-wrap:wrap!important;background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:22px!important;padding:16px!important;box-shadow:var(--ui-shadow)!important;}
body.suite-ui .report-toolbar>*,body.suite-ui .filter-bar>*{min-width:180px!important;}
body.suite-ui .login-page,body.login-page{background:linear-gradient(135deg,#ffffff 0%,#effbf6 100%)!important;}
body.suite-ui .login-card,.login-card{border-radius:28px!important;border:1px solid var(--ui-line)!important;box-shadow:0 24px 60px rgba(0,128,105,.13)!important;}
@media(max-width:1220px){
  body.suite-ui .sender-layout,body.suite-ui .template-creator-layout,body.suite-ui .onboard-grid,body.suite-ui .suite-two-col{grid-template-columns:1fr!important;}
  body.suite-ui .chat-layout,.live-chat-layout{grid-template-columns:300px minmax(0,1fr)!important;}
  body.suite-ui .chat-profile,.chat-details{display:none!important;}
  body.suite-ui .phone-preview,body.suite-ui .mobile-preview,body.suite-ui .wa-preview,body.suite-ui .preview-phone,body.suite-ui .template-phone-preview{margin:0 auto!important;min-height:500px!important;}
}
@media(max-width:900px){
  body.suite-ui .sidebar,body.suite-ui .suite-sidebar{width:286px!important;min-width:286px!important;}
  body.suite-ui .content,body.suite-ui .suite-content{padding:18px 14px 32px!important;}
  body.suite-ui .topbar,body.suite-ui .suite-topbar{min-height:64px!important;padding:10px 14px!important;}
  body.suite-ui .suite-top-actions{gap:7px!important;}
  body.suite-ui .suite-lang,body.suite-ui .suite-icon-dot{display:none!important;}
  body.suite-ui .suite-user{min-width:auto!important;padding:0 9px!important;}
  body.suite-ui .suite-user span:nth-child(2){display:none!important;}
  body.suite-ui .card,body.suite-ui .panel,body.suite-ui .suite-card{padding:17px!important;border-radius:20px!important;}
  body.suite-ui .chat-layout,.live-chat-layout{grid-template-columns:1fr!important;}
  body.suite-ui .chat-list,.chat-sidebar{min-height:280px!important;}
}
@media(max-width:640px){
  html{font-size:14px;}
  body.suite-ui .content,body.suite-ui .suite-content{padding:14px 10px 26px!important;}
  body.suite-ui h1{font-size:23px!important;}
  body.suite-ui h2{font-size:19px!important;}
  body.suite-ui input[type="text"],body.suite-ui input[type="email"],body.suite-ui input[type="password"],body.suite-ui input[type="number"],body.suite-ui input[type="date"],body.suite-ui input[type="datetime-local"],body.suite-ui input[type="url"],body.suite-ui input[type="file"],body.suite-ui select,body.suite-ui textarea{min-height:42px!important;font-size:13.5px!important;border-radius:13px!important;}
  body.suite-ui .btn,body.suite-ui button.btn,body.suite-ui a.btn{width:100%!important;min-height:42px!important;}
  body.suite-ui .actions .btn,body.suite-ui .actions-inline .btn,body.suite-ui .sender-actions .btn{width:auto!important;flex:1 1 150px!important;}
  body.suite-ui th,body.suite-ui td{padding:10px 11px!important;font-size:12.8px!important;}
  body.suite-ui .table-responsive,body.suite-ui .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  body.suite-ui .phone-preview,body.suite-ui .mobile-preview,body.suite-ui .wa-preview,body.suite-ui .preview-phone,body.suite-ui .template-phone-preview{width:100%!important;min-height:440px!important;border-width:8px!important;border-radius:26px!important;}
}


/* v1.0.86 - WhatsApp Onboard package badge fix */
.project-tier.plan-badge{min-width:118px;text-align:center;text-transform:uppercase;letter-spacing:.03em}
.project-tier.plan-badge.starter{background:#eefbf6;border-color:#c9f0df;color:#008069}
.project-tier.plan-badge.business{background:#eef6ff;border-color:#b9d8ff;color:#0b5cab}
.project-alert.plan-alert.starter{background:#f0fdf7;border-color:#b7ead7;color:#008069}
.project-alert.plan-alert.business{background:#eef6ff;border-color:#b9d8ff;color:#0b5cab}
.project-alert.plan-alert.business .btn.bad{background:#0b75d1!important}
.project-alert.plan-alert.starter .btn.bad{background:#00a884!important}

/* v1.0.87 Developer API setup */
.api-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0 18px}.copy-box{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7fbf9;border:1px solid #dceee7;border-radius:14px;padding:10px 12px;min-height:48px}.copy-box code{font-size:12px;color:#087a55;word-break:break-all}.card pre{background:#0f172a;color:#e2e8f0;border-radius:16px;padding:16px;overflow:auto;font-size:12.5px;line-height:1.65}.badge.ok{background:#e7f8f1;color:#087a55}.badge.warn{background:#fff7e6;color:#9a6200}.badge.bad{background:#ffecec;color:#a82020}.btn.danger,.btn.bad{background:#dc2626;color:white}.grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.suite-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 20px}.event-grid .event-box{min-height:54px}@media(max-width:1000px){.api-doc-grid,.grid.two{grid-template-columns:1fr}.suite-page-head{display:block}.suite-page-head .btn{margin-top:12px}}


/* v1.0.88 - Clean professional UI refresh */
:root{
  --clean-bg:#f8faf9;
  --clean-card:#ffffff;
  --clean-text:#17231f;
  --clean-muted:#64756f;
  --clean-line:#e7eee9;
  --clean-green:#008069;
  --clean-green-soft:#eaf7f1;
  --clean-radius:16px;
  --clean-shadow:0 8px 24px rgba(15,35,28,.055);
}
html{font-size:15px!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body.suite-ui{
  background:var(--clean-bg)!important;
  color:var(--clean-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif!important;
  letter-spacing:-.005em!important;
}
body.suite-ui .sidebar,body.suite-ui .suite-sidebar{
  width:260px!important;min-width:260px!important;background:#fff!important;border-right:1px solid var(--clean-line)!important;box-shadow:none!important;
}
body.suite-ui .suite-brand{height:70px!important;padding:14px 16px!important;border-bottom:1px solid var(--clean-line)!important;}
body.suite-ui .suite-logo{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--crm-green,var(--clean-green))!important;box-shadow:none!important;}
body.suite-ui .suite-brand-title{font-size:15.5px!important;font-weight:800!important;color:var(--clean-text)!important;letter-spacing:-.02em!important;}
body.suite-ui .suite-menu-search{margin:12px 14px!important;height:40px!important;border-radius:12px!important;background:#fafdfb!important;border:1px solid var(--clean-line)!important;box-shadow:none!important;}
body.suite-ui .suite-nav{padding:2px 10px 18px!important;}
body.suite-ui .nav-link,body.suite-ui .suite-menu-parent{
  height:38px!important;min-height:38px!important;border-radius:10px!important;margin:2px 0!important;padding:0 10px!important;font-size:13.2px!important;font-weight:650!important;color:#36544c!important;box-shadow:none!important;background:transparent!important;
}
body.suite-ui .nav-link:hover,body.suite-ui .suite-menu-parent:hover{background:#f3fbf7!important;color:var(--crm-green,var(--clean-green))!important;}
body.suite-ui .nav-link.active,body.suite-ui .suite-menu-group.open>.suite-menu-parent{
  background:var(--clean-green-soft)!important;color:var(--crm-green,var(--clean-green))!important;box-shadow:none!important;border:1px solid #d6eee5!important;
}
body.suite-ui .nav-link.active .nav-ico,body.suite-ui .suite-menu-group.open>.suite-menu-parent .nav-ico,body.suite-ui .suite-menu-group.open>.suite-menu-parent .suite-toggle-caret{color:var(--crm-green,var(--clean-green))!important;}
body.suite-ui .nav-ico{width:22px!important;height:22px!important;min-width:22px!important;border-radius:7px!important;background:#f1f8f5!important;color:var(--crm-green,var(--clean-green))!important;font-size:11px!important;font-weight:800!important;}
body.suite-ui .nav-link.active .nav-ico{background:#fff!important;color:var(--crm-green,var(--clean-green))!important;}
body.suite-ui .suite-subnav{padding:3px 0 6px 20px!important;border-left:1px solid var(--clean-line)!important;margin-left:21px!important;}
body.suite-ui .suite-subnav .nav-link{height:34px!important;min-height:34px!important;font-size:12.8px!important;border-radius:9px!important;padding-left:9px!important;}
body.suite-ui .main,body.suite-ui .suite-main{background:var(--clean-bg)!important;}
body.suite-ui .topbar,body.suite-ui .suite-topbar{min-height:64px!important;background:#fff!important;border-bottom:1px solid var(--clean-line)!important;padding:10px 22px!important;box-shadow:none!important;}
body.suite-ui .suite-top-actions{gap:10px!important;}
body.suite-ui .suite-wallet{height:36px!important;border-radius:10px!important;background:#f5fbf8!important;border:1px solid #d9eee6!important;color:var(--crm-green,var(--clean-green))!important;font-weight:750!important;padding:0 12px!important;font-size:13px!important;}
body.suite-ui .suite-user{height:40px!important;border-radius:12px!important;background:#fff!important;border:1px solid var(--clean-line)!important;box-shadow:none!important;padding:0 10px!important;}
body.suite-ui .avatar{width:30px!important;height:30px!important;min-width:30px!important;background:var(--crm-green,var(--clean-green))!important;font-size:12px!important;}
body.suite-ui .suite-user b{font-size:12.8px!important;color:var(--clean-text)!important;font-weight:750!important;}
body.suite-ui .suite-user small{font-size:11px!important;color:var(--clean-muted)!important;}
body.suite-ui .content,body.suite-ui .suite-content{padding:22px!important;max-width:1500px!important;margin:0 auto!important;}
body.suite-ui h1{font-size:28px!important;line-height:1.2!important;color:var(--clean-text)!important;font-weight:800!important;letter-spacing:-.035em!important;margin:0 0 5px!important;}
body.suite-ui h2{font-size:18px!important;line-height:1.25!important;color:var(--clean-text)!important;font-weight:800!important;letter-spacing:-.02em!important;margin:0 0 14px!important;}
body.suite-ui h3{font-size:15.5px!important;color:var(--clean-text)!important;font-weight:750!important;}
body.suite-ui p,body.suite-ui .muted{color:var(--clean-muted)!important;font-size:13.5px!important;line-height:1.55!important;}
body.suite-ui .card,body.suite-ui .panel,body.suite-ui .suite-card,body.suite-ui .stat,body.suite-ui .table-card,body.suite-ui .client-mini-card,body.suite-ui .template-card,body.suite-ui .broadcast-card,body.suite-ui .package-card{
  background:#fff!important;border:1px solid var(--clean-line)!important;border-radius:var(--clean-radius)!important;box-shadow:var(--clean-shadow)!important;
}
body.suite-ui .card,body.suite-ui .panel,body.suite-ui .suite-card{padding:18px!important;}
body.suite-ui .grid,body.suite-ui .cards-grid,body.suite-ui .stats-grid{gap:14px!important;}
body.suite-ui .grid-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.suite-ui .grid-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body.suite-ui .grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body.suite-ui .clean-page-head,body.suite-ui .page-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important;}
body.suite-ui .page-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}
body.suite-ui .clean-stats{margin-bottom:14px!important;}
body.suite-ui .clean-stat{min-height:105px!important;padding:18px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;}
body.suite-ui .clean-stat span{font-size:12.5px!important;color:var(--clean-muted)!important;font-weight:700!important;}
body.suite-ui .clean-stat b{font-size:24px!important;line-height:1.15!important;color:var(--clean-text)!important;font-weight:850!important;letter-spacing:-.035em!important;}
body.suite-ui .clean-stat small{font-size:12px!important;color:#83928d!important;font-weight:550!important;}
body.suite-ui .clean-action-grid{margin:0 0 14px!important;}
body.suite-ui .clean-action{display:block!important;text-decoration:none!important;color:inherit!important;min-height:92px!important;transition:.15s ease!important;}
body.suite-ui .clean-action:hover{transform:translateY(-1px)!important;border-color:#cde8dd!important;box-shadow:0 12px 28px rgba(15,35,28,.08)!important;}
body.suite-ui .clean-action strong{display:block!important;font-size:15.5px!important;font-weight:800!important;color:var(--crm-green,var(--clean-green))!important;margin-bottom:8px!important;}
body.suite-ui .clean-action span{display:block!important;font-size:13px!important;color:var(--clean-muted)!important;line-height:1.45!important;}
body.suite-ui .card-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:14px!important;}
body.suite-ui .card-title-row h2{margin:0!important;}
body.suite-ui .card-title-row a{font-size:12.5px!important;font-weight:750!important;color:var(--crm-green,var(--clean-green))!important;text-decoration:none!important;}
body.suite-ui .status-list{display:grid!important;gap:10px!important;}
body.suite-ui .status-list>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:11px 12px!important;border:1px solid var(--clean-line)!important;border-radius:12px!important;background:#fbfdfc!important;}
body.suite-ui .status-list span{font-size:13px!important;color:var(--clean-muted)!important;font-weight:650!important;}
body.suite-ui .status-list b{font-size:13px!important;color:var(--clean-text)!important;font-weight:800!important;}
body.suite-ui .text-ok{color:var(--crm-green,var(--clean-green))!important;}
body.suite-ui .text-warn{color:#b7791f!important;}
body.suite-ui .setup-steps-clean{display:grid!important;gap:10px!important;}
body.suite-ui .setup-steps-clean>div{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:10px 0!important;border-bottom:1px solid #eef3f0!important;}
body.suite-ui .setup-steps-clean>div:last-child{border-bottom:0!important;}
body.suite-ui .setup-steps-clean b{display:inline-grid!important;place-items:center!important;width:24px!important;height:24px!important;border-radius:8px!important;background:#effaf5!important;color:var(--crm-green,var(--clean-green))!important;font-size:12px!important;}
body.suite-ui .setup-steps-clean span{font-size:13.2px!important;color:var(--clean-muted)!important;line-height:1.45!important;}
body.suite-ui label,.form-label{font-size:12.2px!important;font-weight:700!important;color:#34564d!important;letter-spacing:0!important;margin-bottom:6px!important;}
body.suite-ui input[type="text"],body.suite-ui input[type="email"],body.suite-ui input[type="password"],body.suite-ui input[type="number"],body.suite-ui input[type="date"],body.suite-ui input[type="datetime-local"],body.suite-ui input[type="url"],body.suite-ui input[type="file"],body.suite-ui select,body.suite-ui textarea{
  min-height:42px!important;border-radius:10px!important;border:1px solid #dce8e2!important;background:#fff!important;color:#182d27!important;font-size:13.4px!important;font-weight:500!important;line-height:1.35!important;padding:9px 11px!important;box-shadow:none!important;
}
body.suite-ui textarea{min-height:105px!important;}
body.suite-ui input:focus,body.suite-ui select:focus,body.suite-ui textarea:focus{border-color:var(--crm-green,var(--clean-green))!important;box-shadow:0 0 0 3px rgba(0,128,105,.09)!important;}
body.suite-ui .btn,body.suite-ui button.btn,body.suite-ui a.btn,body.suite-ui input[type="submit"]{
  min-height:38px!important;border-radius:10px!important;padding:9px 13px!important;font-size:13px!important;font-weight:750!important;box-shadow:none!important;letter-spacing:0!important;
}
body.suite-ui .btn.primary,body.suite-ui .btn-success,body.suite-ui button[type="submit"].btn,body.suite-ui .btn-primary,body.suite-ui .btn:not(.secondary):not(.danger):not(.bad):not(.outline){background:var(--crm-green,var(--clean-green))!important;color:#fff!important;border:1px solid var(--crm-green,var(--clean-green))!important;box-shadow:none!important;}
body.suite-ui .btn.secondary,body.suite-ui .btn-outline,body.suite-ui .btn-light{background:#fff!important;color:var(--crm-green,var(--clean-green))!important;border:1px solid #cfe7df!important;box-shadow:none!important;}
body.suite-ui .btn:hover{filter:brightness(.98)!important;transform:none!important;}
body.suite-ui .badge,.status-badge,.pill{min-height:24px!important;border-radius:999px!important;padding:5px 9px!important;font-size:11.2px!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important;}
body.suite-ui table{font-size:13px!important;border-collapse:separate!important;border-spacing:0!important;}
body.suite-ui th{background:#f7fbf9!important;color:#46645b!important;font-size:11.2px!important;font-weight:800!important;letter-spacing:.015em!important;text-transform:uppercase!important;padding:11px 12px!important;}
body.suite-ui td{padding:11px 12px!important;color:#243933!important;font-size:13px!important;border-bottom:1px solid #edf3f0!important;}
body.suite-ui tr:hover td{background:#fcfefd!important;}
body.suite-ui .report-toolbar,body.suite-ui .filter-bar,body.suite-ui .toolbar{border-radius:14px!important;padding:14px!important;box-shadow:var(--clean-shadow)!important;gap:10px!important;}
body.suite-ui .sender-layout,body.suite-ui .template-creator-layout,body.suite-ui .onboard-grid,body.suite-ui .suite-two-col{grid-template-columns:minmax(0,1fr) 360px!important;gap:18px!important;}
body.suite-ui .phone-preview,body.suite-ui .mobile-preview,body.suite-ui .wa-preview,body.suite-ui .preview-phone,body.suite-ui .template-phone-preview{width:min(100%,350px)!important;min-height:500px!important;border-radius:26px!important;border:8px solid #223932!important;box-shadow:0 14px 34px rgba(15,35,28,.11)!important;}
body.suite-ui .chat-layout,body.suite-ui .live-chat-layout{grid-template-columns:300px minmax(0,1fr) 280px!important;gap:14px!important;min-height:calc(100vh - 120px)!important;}
body.suite-ui .chat-list,body.suite-ui .chat-sidebar,body.suite-ui .chat-window{border-radius:16px!important;box-shadow:var(--clean-shadow)!important;}
body.suite-ui .alert{border-radius:12px!important;font-size:13px!important;padding:11px 13px!important;}
body.suite-ui .quick-grid .quick-tile{border-radius:12px!important;border:1px solid var(--clean-line)!important;background:#fff!important;box-shadow:none!important;color:#28463e!important;}
body.suite-ui .hero-title,body.suite-ui .page-hero{display:none!important;}
@media(max-width:1200px){body.suite-ui .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body.suite-ui .sender-layout,body.suite-ui .template-creator-layout,body.suite-ui .onboard-grid,body.suite-ui .suite-two-col{grid-template-columns:1fr!important;}body.suite-ui .chat-layout,body.suite-ui .live-chat-layout{grid-template-columns:280px minmax(0,1fr)!important;}body.suite-ui .chat-profile,body.suite-ui .chat-details{display:none!important;}}
@media(max-width:800px){body.suite-ui .content,body.suite-ui .suite-content{padding:16px 12px!important;}body.suite-ui .clean-page-head,body.suite-ui .page-head{display:block!important;}body.suite-ui .page-actions{margin-top:12px!important;}body.suite-ui .grid-4,body.suite-ui .grid-3,body.suite-ui .grid-2{grid-template-columns:1fr!important;}body.suite-ui .topbar,body.suite-ui .suite-topbar{padding:9px 12px!important;}body.suite-ui .suite-wallet{display:none!important;}body.suite-ui .chat-layout,body.suite-ui .live-chat-layout{grid-template-columns:1fr!important;}body.suite-ui .phone-preview,body.suite-ui .mobile-preview,body.suite-ui .wa-preview,body.suite-ui .preview-phone,body.suite-ui .template-phone-preview{width:100%!important;min-height:420px!important;}}

/* v1.0.89 Icon Center */
.nav-ico .ui-menu-icon,
.suite-menu-parent .nav-ico .ui-menu-icon{
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:4px!important;
}
body.suite-ui .nav-link.active .nav-ico .ui-menu-icon,
body.suite-ui .suite-menu-group.open>.suite-menu-parent .nav-ico .ui-menu-icon{
  filter:none!important;
}
.icon-center-toolbar .form-row{grid-template-columns:minmax(280px,460px) auto;gap:18px}
.icon-center-card{overflow:visible}
.icon-upload-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.icon-upload-card{background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:210px;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.icon-upload-preview{width:58px;height:58px;border-radius:16px;background:#f1f8f5;border:1px solid #d7efe5;display:grid;place-items:center;color:var(--crm-green,#008069);font-weight:900;font-size:22px;overflow:hidden}
.icon-upload-preview img{width:100%;height:100%;object-fit:contain;padding:8px}
.icon-upload-info b{display:block;color:#0f172a;font-size:14px;line-height:1.2}
.icon-upload-info small{display:block;color:#667085;font-size:12px;margin-top:4px;word-break:break-word}
.icon-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.icon-upload-card .input{height:auto;font-size:12px;padding:10px}
@media(max-width:1180px){.icon-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.icon-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-center-toolbar .form-row{grid-template-columns:1fr}}
@media(max-width:560px){.icon-upload-grid{grid-template-columns:1fr}.icon-upload-card{min-height:auto}}

/* v1.0.90 - Live Sender clean data-fill-only controls */
.sender-clean-control-card{
  border:1px solid #dcefe8!important;
  background:linear-gradient(180deg,#ffffff,#fbfffd)!important;
  border-radius:22px!important;
  padding:16px!important;
  margin:14px 0 16px!important;
  box-shadow:0 10px 24px rgba(0,128,105,.045)!important;
}
.template-type-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.template-type-tabs button{
  border:1px solid #d8eee5;
  background:#fff;
  color:#116b56;
  min-height:50px;
  border-radius:16px;
  padding:10px 12px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.01em;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:.16s ease;
}
.template-type-tabs button:hover{border-color:#10b981;background:#f0fdf4;transform:translateY(-1px)}
.template-type-tabs button.active{background:#0f9f75;color:#fff;border-color:#0f9f75;box-shadow:0 10px 22px rgba(16,185,129,.18)}
.template-type-tabs button small{
  min-width:26px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#eefcf7;
  color:#047857;
  font-size:12px;
  font-weight:950;
}
.template-type-tabs button.active small{background:rgba(255,255,255,.18);color:#fff}
.hidden-category-select{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.template-select-inline{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;align-items:center}
.template-select-inline select{font-weight:850!important;color:#12372d!important;background:#fff!important}
.check-template-btn{height:44px!important;min-height:44px!important;padding:0 14px!important;border-color:#ccebe0!important;color:#08765b!important;background:#f0fdf4!important}
.clean-live-fill-row{grid-template-columns:1fr 1fr!important;max-width:680px}
.template-check-panel{
  margin-top:12px;
  border:1px dashed #b9e9d5;
  border-radius:18px;
  background:#f8fffc;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.template-check-panel b{display:block;font-size:13px;color:#065f46;font-weight:950;margin-bottom:2px}
.template-check-panel small{display:block;font-size:12px;color:#64748b;line-height:1.35}
.template-check-panel.checked{border-style:solid;background:#ecfdf5;border-color:#a7f3d0}
.template-check-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.template-check-chips span{
  display:inline-flex;
  align-items:center;
  border:1px solid #d8eee5;
  background:#fff;
  color:#075e54;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.auto-fill-strip{background:#fff!important;border:1px solid #dcefe8!important;border-radius:18px!important;box-shadow:none!important}
.data-panel .section-head.slim{border-bottom:1px solid #eef7f3;padding-bottom:12px;margin-bottom:14px}
.data-panel h3{font-size:17px!important;color:#075e54!important;margin:0!important}
.data-panel .muted{font-size:13px!important;color:#64748b!important}
#mediaUploadPanel.hidden{display:none!important}
.sender-builder .direct-media-panel{margin-top:10px!important;border-radius:18px!important}
.sender-builder .field label{color:#075e54!important;font-weight:900!important;font-size:12.8px!important;margin-bottom:7px!important}
.sender-builder .input,.sender-builder select,.sender-builder textarea{border-color:#dbeee7!important;border-radius:14px!important;min-height:44px!important;font-size:14px!important}
.sender-builder .input:focus,.sender-builder select:focus,.sender-builder textarea:focus{border-color:#10b981!important;box-shadow:0 0 0 4px rgba(16,185,129,.10)!important}
.smart-section.highlighted,.smart-section.muted-section{box-shadow:none!important;border-color:#e2f2ec!important;background:#fff!important}
.manual-table-wrap{border-color:#e2f2ec!important}
.manual-table thead th{background:#f0fdf4!important;color:#075e54!important;font-size:12px!important;text-transform:none!important}
.manual-table th small{display:block;color:#0f9f75;font-size:11px;margin-top:2px}
.sender-actions{justify-content:flex-end!important;gap:10px!important}
.sender-actions .btn{min-height:44px!important;padding:0 18px!important;border-radius:14px!important}
@media(max-width:900px){
  .template-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .template-select-inline{grid-template-columns:1fr}
  .clean-live-fill-row{grid-template-columns:1fr!important;max-width:none}
  .template-check-panel{display:block}
  .template-check-chips{justify-content:flex-start;margin-top:10px}
}
@media(max-width:520px){.template-type-tabs{grid-template-columns:1fr}.template-type-tabs button{min-height:46px}}

/* v1.0.91 Professional UI polish: clean, beautiful, balanced WhatsApp-style */
:root{
  --bg:#f7faf9!important;
  --bg2:#f3f8f6!important;
  --card:#ffffff!important;
  --card2:#ffffff!important;
  --text:#0f241f!important;
  --muted:#60736d!important;
  --soft:#8ea39d!important;
  --line:#e6efeb!important;
  --primary:#0a8f68!important;
  --primary2:#0bb37e!important;
  --accent:#22c55e!important;
  --sidebar:#ffffff!important;
  --sidebar2:#ffffff!important;
  --shadow:0 20px 48px rgba(14,54,43,.09)!important;
  --shadow2:0 8px 24px rgba(14,54,43,.065)!important;
  --radius:20px!important;
  --radius2:14px!important;
}
html,body{font-size:14px!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{
  background:
    radial-gradient(circle at top left,rgba(10,143,104,.075),transparent 28%),
    radial-gradient(circle at 88% 0,rgba(34,197,94,.06),transparent 24%),
    linear-gradient(180deg,#fbfefd 0%,#f6faf8 100%)!important;
  color:var(--text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:0!important;
}
body:before{display:none!important}
a{color:#0a8f68!important}
h1,h2,h3,.top-title,.hero-title{color:#10241f!important;letter-spacing:-.025em!important;font-weight:850!important}
h1{font-size:28px!important;line-height:1.16!important}h2{font-size:20px!important;line-height:1.25!important}h3{font-size:17px!important;line-height:1.3!important}
.muted,.hero-subtitle,.brand-subtitle{color:#62756f!important;line-height:1.55!important}
.app{background:transparent!important}
.sidebar,.suite-sidebar{
  width:274px!important;
  background:#ffffff!important;
  color:#18362f!important;
  border-right:1px solid #e6efeb!important;
  box-shadow:12px 0 38px rgba(14,54,43,.055)!important;
  padding:18px 14px!important;
}
.sidebar:before,.suite-sidebar:before{display:none!important}
.main,.suite-main{margin-left:274px!important;width:calc(100% - 274px)!important}
.suite-brand,.brand{padding:10px 10px 14px!important;margin:0 0 10px!important;border-bottom:1px solid #eef5f2!important;gap:11px!important}
.suite-logo,.brand-mark{width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,#0a8f68,#22c55e)!important;box-shadow:0 12px 24px rgba(10,143,104,.18)!important;color:#fff!important;overflow:hidden!important}
.suite-logo img,.brand-mark img{width:100%!important;height:100%!important;object-fit:cover!important}
.suite-brand-title,.brand-title{font-size:16px!important;font-weight:900!important;color:#0f241f!important;line-height:1.15!important}
.suite-menu-search,.quick-search{
  min-height:42px!important;height:42px!important;border:1px solid #e4eee9!important;background:#f9fcfb!important;border-radius:14px!important;box-shadow:none!important;color:#7b8f89!important;margin:10px 4px 14px!important;
}
.suite-menu-search input,.quick-search input{font-size:13.5px!important;color:#133b32!important}
.nav-heading{color:#8aa09a!important;font-size:10.5px!important;margin:16px 10px 6px!important;letter-spacing:.11em!important}
.side-nav,.suite-nav{gap:4px!important}
.nav-link,.suite-menu-parent{
  min-height:43px!important;
  padding:8px 10px!important;
  border-radius:13px!important;
  color:#35524a!important;
  font-size:13.5px!important;
  font-weight:750!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.nav-link:hover,.suite-menu-parent:hover{background:#f0fbf6!important;color:#0a7659!important;transform:none!important}
.nav-link.active,.suite-menu-group.open>.suite-menu-parent{
  background:linear-gradient(135deg,#e9fbf4,#f6fffb)!important;
  color:#06724f!important;
  box-shadow:inset 0 0 0 1px #c9f3e2!important;
}
.nav-ico{
  width:30px!important;height:30px!important;border-radius:11px!important;background:#edf8f3!important;color:#0a8f68!important;font-weight:850!important;font-size:12px!important;
}
.nav-link.active .nav-ico,.suite-menu-group.open>.suite-menu-parent .nav-ico{background:#0a8f68!important;color:#fff!important;box-shadow:0 8px 16px rgba(10,143,104,.16)!important}
.suite-subnav{margin:4px 0 8px 10px!important;padding-left:10px!important;border-left:1px solid #e5f2ec!important}
.suite-subnav .nav-link{min-height:38px!important;font-size:13px!important;border-radius:11px!important;padding:7px 9px!important}
.suite-toggle-caret{color:#7a918a!important;font-size:13px!important}
.topbar,.suite-topbar{
  height:70px!important;
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid #e6efeb!important;
  box-shadow:0 8px 24px rgba(14,54,43,.045)!important;
  backdrop-filter:blur(14px)!important;
  padding:0 24px!important;
}
.eyebrow{color:#0a8f68!important;font-size:11px!important;letter-spacing:.10em!important;font-weight:900!important}
.top-title{font-size:22px!important;margin-top:1px!important}
.suite-top-actions,.top-actions{gap:10px!important}
.user-pill,.wallet-pill,.company-switcher,.suite-business-select{
  border:1px solid #e6efeb!important;background:#fff!important;border-radius:999px!important;box-shadow:0 7px 18px rgba(14,54,43,.055)!important;color:#40584f!important;
}
.content{padding:24px!important;max-width:1480px!important}
.page-hero,.hero-card{
  border:1px solid #e5f0eb!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fffb 100%)!important;
  border-radius:22px!important;
  box-shadow:0 14px 36px rgba(14,54,43,.075)!important;
  padding:22px!important;
  margin-bottom:18px!important;
}
.page-hero:after,.hero-card:after{background:radial-gradient(circle,rgba(10,143,104,.13),transparent 64%)!important;right:-80px!important;top:-110px!important}
.hero-title{font-size:29px!important;margin-bottom:7px!important}
.card,.glass-card,.data-panel,.suite-card,.smart-section.highlighted,.smart-section.muted-section,.direct-media-panel,.template-check-panel,.auto-fill-strip{
  background:#ffffff!important;
  border:1px solid #e6efeb!important;
  border-radius:20px!important;
  box-shadow:0 12px 30px rgba(14,54,43,.06)!important;
}
.card{padding:20px!important;margin-bottom:16px!important;overflow:visible!important}
.card:hover,.suite-card:hover{box-shadow:0 18px 42px rgba(14,54,43,.09)!important;transform:none!important}
.grid{gap:16px!important}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.stat{min-height:112px!important;padding:18px!important;border-radius:18px!important}
.stat .muted{font-size:12px!important;letter-spacing:.035em!important}.stat .num{font-size:30px!important;letter-spacing:-.04em!important;color:#0f241f!important}
.btn,.btn.ok,.btn.primary,button[type="submit"].btn{
  min-height:42px!important;
  border-radius:13px!important;
  padding:0 16px!important;
  background:linear-gradient(135deg,#0a8f68,#12b981)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(10,143,104,.18)!important;
  font-size:13.5px!important;
  font-weight:850!important;
  border:0!important;
  letter-spacing:0!important;
}
.btn:hover{transform:translateY(-1px)!important;box-shadow:0 15px 28px rgba(10,143,104,.22)!important}
.btn.secondary,.btn.light,.check-template-btn{
  background:#fff!important;color:#0a7659!important;border:1px solid #d9eee6!important;box-shadow:0 7px 18px rgba(14,54,43,.045)!important;
}
.btn.bad{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.btn.warn{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.btn.small{min-height:34px!important;padding:0 11px!important;border-radius:10px!important;font-size:12px!important}
.field{margin-bottom:14px!important}.field label,.sender-builder .field label{
  font-size:12.5px!important;font-weight:850!important;color:#25443b!important;margin-bottom:7px!important;letter-spacing:.005em!important;
}
.input,select,textarea,.sender-builder .input,.sender-builder select,.sender-builder textarea{
  min-height:44px!important;
  border-radius:13px!important;
  border:1px solid #dfece7!important;
  background:#fff!important;
  color:#15372f!important;
  font-size:13.8px!important;
  padding:10px 12px!important;
  box-shadow:0 2px 0 rgba(14,54,43,.015)!important;
}
textarea{min-height:104px!important;line-height:1.55!important}.input::placeholder,textarea::placeholder{color:#9aaeaa!important}
.input:focus,select:focus,textarea:focus,.sender-builder .input:focus,.sender-builder select:focus,.sender-builder textarea:focus{
  border-color:#0bb37e!important;box-shadow:0 0 0 4px rgba(11,179,126,.12)!important;background:#fff!important;
}
.form-row{gap:14px!important}.actions-inline,.sender-actions{gap:10px!important}
.table-wrap{border:1px solid #e4eee9!important;border-radius:17px!important;box-shadow:0 10px 24px rgba(14,54,43,.04)!important;background:#fff!important}
.table th,.table td,.manual-table th,.manual-table td{padding:12px 14px!important;font-size:13.5px!important;border-bottom:1px solid #edf4f1!important;color:#263f38!important}
.table th,.manual-table thead th{background:#f2fbf7!important;color:#0a7659!important;font-size:11.5px!important;text-transform:uppercase!important;letter-spacing:.055em!important;font-weight:900!important}
.table tr:hover td,.manual-table tr:hover td{background:#fbfffd!important}
.badge{border-radius:999px!important;padding:5px 9px!important;font-size:11.5px!important;font-weight:850!important;border:1px solid #d8eee6!important;background:#eefbf6!important;color:#08765b!important}.badge.ok{background:#e8fbf1!important;color:#06724f!important}.badge.bad{background:#fff0f0!important;color:#b42318!important}.badge.warn{background:#fff8e7!important;color:#9a5b00!important}
.alert{border-radius:15px!important;padding:12px 14px!important;font-size:13.5px!important;font-weight:750!important}.note-box{border-radius:16px!important;background:#f8fcfa!important;border-color:#d7eee5!important;color:#60736d!important}
.template-type-tabs{gap:10px!important;background:#f8fcfb!important;border:1px solid #e6efeb!important;border-radius:18px!important;padding:8px!important}
.template-type-tabs button{min-height:44px!important;border-radius:13px!important;border-color:#dceee7!important;background:#fff!important;color:#31534a!important;font-size:13px!important;font-weight:850!important;box-shadow:0 5px 14px rgba(14,54,43,.035)!important}.template-type-tabs button.active{background:#0a8f68!important;border-color:#0a8f68!important;color:#fff!important;box-shadow:0 10px 24px rgba(10,143,104,.20)!important}.template-type-tabs button:hover{transform:none!important;background:#f0fbf6!important}.template-type-tabs button.active:hover{background:#0a8f68!important}
.template-select-inline{gap:10px!important}.template-check-panel{padding:13px 14px!important;background:#fbfffd!important;border-style:solid!important}.template-check-panel b{font-size:13px!important;color:#0a7659!important}.template-check-chips span{border-color:#d8eee6!important;background:#fff!important;color:#0a7659!important;font-size:11.5px!important;font-weight:850!important}
.sender-builder,.live-sender,.chat-wrap,.template-creator,.suite-page{font-size:13.8px!important}.data-panel h3{font-size:16.5px!important;color:#0a7659!important}.data-panel .muted{font-size:12.8px!important}
.clean-live-fill-row{gap:14px!important}.smart-grid.two{gap:16px!important}.manual-table-wrap{border-radius:17px!important;box-shadow:none!important}.manual-table input{min-height:38px!important;border-radius:10px!important;font-size:13px!important}
.mobile-preview,.phone-preview,.whatsapp-preview,.wa-preview,.preview-phone{
  border-radius:26px!important;
  border:1px solid #dbeee7!important;
  box-shadow:0 18px 42px rgba(14,54,43,.11)!important;
  background:#ffffff!important;
}
.chat-wrap{gap:16px!important}.chat-list,.chat-main,.chat-side{border-radius:20px!important;border-color:#e6efeb!important;box-shadow:0 12px 30px rgba(14,54,43,.055)!important}.chat-item{border-radius:14px!important}.chat-bubble,.msg-bubble{border-radius:16px!important;line-height:1.48!important}
.login-page,.auth-page{background:linear-gradient(135deg,#f8fffc,#eefbf5)!important}.login-card{border-radius:24px!important;border:1px solid #e1f1ea!important;box-shadow:0 24px 60px rgba(14,54,43,.11)!important}.login-card h1{font-size:28px!important}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f2f8f5}::-webkit-scrollbar-thumb{background:#cfe7dc;border-radius:999px;border:2px solid #f2f8f5}::-webkit-scrollbar-thumb:hover{background:#a8d9c7}
@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.chat-wrap{grid-template-columns:300px minmax(0,1fr)!important}.chat-side{display:none!important}}
@media(max-width:900px){.sidebar,.suite-sidebar{transform:translateX(-100%);transition:.2s ease!important}.sidebar-open .sidebar,.sidebar-open .suite-sidebar{transform:translateX(0)!important}.main,.suite-main{margin-left:0!important;width:100%!important}.topbar,.suite-topbar{height:64px!important;padding:0 16px!important}.menu-btn{display:inline-flex!important}.content{padding:16px!important}.grid-4,.grid-3,.grid-2,.form-row{grid-template-columns:1fr!important}.page-hero,.hero-card,.card{border-radius:18px!important;padding:17px!important}.hero-title{font-size:24px!important}.top-title{font-size:18px!important}}
@media(max-width:520px){html,body{font-size:13px!important}.btn{width:100%!important}.actions-inline,.sender-actions{align-items:stretch!important}.template-type-tabs{grid-template-columns:1fr!important}.content{padding:12px!important}.card{padding:15px!important}.table th,.table td{padding:10px 11px!important}}

/* v1.0.92 Advanced professional interface polish and bug-safe layout */
:root{
  --ui-bg:#f7faf9;
  --ui-surface:#ffffff;
  --ui-surface-2:#fbfefd;
  --ui-text:#10231f;
  --ui-muted:#64746f;
  --ui-border:#e4ebe8;
  --ui-line:#edf2ef;
  --ui-green:var(--crm-green,#008069);
  --ui-green-2:var(--crm-green-2,#00a884);
  --ui-danger:#dc2626;
  --ui-warning:#f59e0b;
  --ui-info:#2563eb;
  --ui-radius:18px;
  --ui-radius-lg:24px;
  --ui-shadow:0 18px 46px rgba(15,35,31,.075);
  --ui-shadow-soft:0 10px 26px rgba(15,35,31,.055);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body.suite-ui,
body{
  background:var(--ui-bg)!important;
  color:var(--ui-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif!important;
  font-size:14px;
  line-height:1.55;
  letter-spacing:-.01em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
*{box-sizing:border-box;}
img,video{max-width:100%;height:auto;}
a{color:var(--ui-green);text-decoration:none;}
a:hover{text-decoration:none;color:#006b59;}
.app{background:var(--ui-bg)!important;}
.main,.suite-main{background:linear-gradient(180deg,#fbfefd 0%,var(--ui-bg) 270px)!important;min-height:100vh;}
.main>section,.suite-main>section{padding:22px 24px 34px;}
.sidebar,.suite-sidebar{
  background:#fff!important;
  border-right:1px solid var(--ui-border)!important;
  box-shadow:8px 0 34px rgba(15,35,31,.045)!important;
  color:var(--ui-text)!important;
}
.suite-brand{padding:18px 18px 14px!important;border-bottom:1px solid var(--ui-line);}
.suite-logo{
  width:42px!important;height:42px!important;border-radius:14px!important;
  background:linear-gradient(135deg,var(--ui-green),var(--ui-green-2))!important;
  color:#fff!important;box-shadow:0 10px 24px rgba(0,128,105,.20)!important;
}
.suite-logo img{border-radius:13px!important;object-fit:contain;background:#fff;}
.suite-brand-title{font-size:15px!important;font-weight:900!important;letter-spacing:-.025em;color:var(--ui-text)!important;}
.suite-menu-search{margin:14px 16px!important;height:42px!important;border-radius:14px!important;border:1px solid var(--ui-border)!important;background:#f9fcfb!important;}
.suite-menu-search input{font-size:13px!important;color:var(--ui-text)!important;}
.side-nav,.suite-nav{padding:0 12px 18px!important;gap:4px!important;}
.nav-link,.suite-menu-parent{
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  color:#43534f!important;
  font-size:13.5px!important;
  font-weight:780!important;
  letter-spacing:-.012em;
  transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.nav-link:hover,.suite-menu-parent:hover{background:#f0faf6!important;color:var(--ui-green)!important;transform:translateX(2px);}
.nav-link.active{
  background:linear-gradient(135deg,rgba(0,128,105,.12),rgba(0,168,132,.08))!important;
  color:var(--ui-green)!important;
  box-shadow:inset 3px 0 0 var(--ui-green)!important;
}
.nav-ico{
  width:28px!important;height:28px!important;min-width:28px!important;border-radius:10px!important;
  background:#f3f8f6!important;color:var(--ui-green)!important;border:1px solid #e0eee9!important;
  font-size:12px!important;font-weight:900!important;
}
.nav-link.active .nav-ico,.suite-menu-parent:hover .nav-ico{background:var(--ui-green)!important;color:#fff!important;border-color:var(--ui-green)!important;}
.suite-subnav{padding:4px 0 7px 14px!important;margin-left:14px!important;border-left:1px dashed #dbe7e2!important;}
.suite-subnav .nav-link{min-height:38px!important;font-size:13px!important;padding:8px 10px!important;}
.suite-toggle-caret{margin-left:auto;color:#94a3b8;transition:transform .18s ease;}
.suite-menu-group.open .suite-toggle-caret{transform:rotate(180deg);}
.topbar,.suite-topbar{
  min-height:66px!important;background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(14px);border-bottom:1px solid var(--ui-border)!important;
  box-shadow:0 8px 24px rgba(15,35,31,.045)!important;
}
.menu-btn{height:40px!important;width:40px!important;border-radius:13px!important;border:1px solid var(--ui-border)!important;background:#fff!important;color:var(--ui-green)!important;box-shadow:var(--ui-shadow-soft)!important;}
.suite-wallet{height:38px!important;padding:0 14px!important;border-radius:999px!important;background:#ecfdf5!important;color:#05735f!important;border:1px solid #c9f3df!important;font-weight:900!important;}
.suite-business-switch select,.top-business-switch select{height:38px!important;border-radius:999px!important;border:1px solid var(--ui-border)!important;background:#fff!important;color:var(--ui-text)!important;font-weight:800!important;}
.suite-user{gap:10px!important;font-weight:800!important;color:var(--ui-text)!important;}
.avatar{background:linear-gradient(135deg,var(--ui-green),var(--ui-green-2))!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,128,105,.20)!important;}
.card,.panel,.sender-builder,.mobile-preview-card,.report-card,.data-panel,.table-card,.suite-card,.dash-card,.setup-card,.form-card,.chat-card{
  background:var(--ui-surface)!important;
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-radius-lg)!important;
  box-shadow:var(--ui-shadow-soft)!important;
}
.card:hover,.panel:hover,.sender-builder:hover,.mobile-preview-card:hover,.suite-card:hover,.dash-card:hover{box-shadow:var(--ui-shadow)!important;}
.card-header,.section-head,.suite-card-head{
  border-bottom:1px solid var(--ui-line)!important;
  padding-bottom:14px!important;margin-bottom:16px!important;
}
h1,.h1{font-size:26px!important;line-height:1.18!important;font-weight:950!important;color:var(--ui-text)!important;letter-spacing:-.04em!important;}
h2,.h2{font-size:21px!important;line-height:1.22!important;font-weight:920!important;color:var(--ui-text)!important;letter-spacing:-.035em!important;}
h3,.h3{font-size:17px!important;line-height:1.28!important;font-weight:900!important;color:var(--ui-text)!important;letter-spacing:-.025em!important;}
p,.muted,.text-muted,small{color:var(--ui-muted)!important;}
label,.form-label,.smart-field label{font-size:13px!important;font-weight:850!important;color:#29423b!important;margin-bottom:7px!important;}
.input,select,textarea,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],input[type="date"],input[type="search"]{
  min-height:44px!important;
  border:1px solid var(--ui-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--ui-text)!important;
  font-size:14px!important;
  font-weight:650!important;
  outline:none!important;
  box-shadow:0 1px 0 rgba(15,35,31,.02)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
textarea{line-height:1.55!important;padding-top:12px!important;}
.input:focus,select:focus,textarea:focus,input:focus{
  border-color:rgba(0,128,105,.55)!important;
  box-shadow:0 0 0 4px rgba(0,128,105,.10)!important;
}
.input-icon{border-color:var(--ui-border)!important;border-radius:16px!important;box-shadow:0 8px 18px rgba(15,35,31,.045)!important;}
.input-icon span{background:#f3faf7!important;color:var(--ui-green)!important;border-right:1px solid var(--ui-border)!important;}
.btn,button.btn,a.btn,input[type="submit"],button[type="submit"]{
  min-height:42px!important;
  border-radius:14px!important;
  padding:10px 15px!important;
  font-size:13.5px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease!important;
}
.btn:hover,button.btn:hover,a.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,128,105,.16)!important;}
.btn.primary,.btn-success,.btn-green,.btn:not(.secondary):not(.danger):not(.outline):not(.ghost){background:linear-gradient(135deg,var(--ui-green),var(--ui-green-2))!important;color:#fff!important;border-color:transparent!important;}
.btn.secondary,.btn.outline{background:#fff!important;color:var(--ui-green)!important;border-color:#cce9e0!important;}
.btn.danger{background:#fff5f5!important;color:var(--ui-danger)!important;border-color:#fecaca!important;}
.badge,.status,.pill{
  border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;font-weight:900!important;
  background:#effaf6!important;color:var(--ui-green)!important;border:1px solid #d3f3e8!important;
}
.table-wrap,.table-responsive{overflow:auto;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--ui-shadow-soft)!important;}
table,.table{width:100%;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;}
.table th,table th{background:#f5fbf8!important;color:#29423b!important;font-size:12px!important;font-weight:950!important;text-transform:none!important;letter-spacing:.01em!important;border-bottom:1px solid var(--ui-border)!important;white-space:nowrap;}
.table td,table td{font-size:13.5px!important;color:#263b36!important;border-bottom:1px solid var(--ui-line)!important;vertical-align:middle!important;}
.table tr:hover td,table tr:hover td{background:#fbfefd!important;}
.alert,.notice,.flash{border-radius:18px!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow-soft)!important;font-weight:750!important;}
.alert.success,.flash.success{background:#effdf6!important;border-color:#c9f3df!important;color:#05735f!important;}
.alert.error,.flash.error{background:#fff5f5!important;border-color:#fecaca!important;color:#b91c1c!important;}
.grid,.stats,.kpi-grid{gap:18px!important;}
.stat,.kpi,.dash-stat{border-radius:20px!important;border:1px solid var(--ui-border)!important;background:#fff!important;box-shadow:var(--ui-shadow-soft)!important;}
.stat .num,.kpi .num{font-size:26px!important;font-weight:950!important;color:var(--ui-green)!important;letter-spacing:-.04em!important;}
.sender-layout{grid-template-columns:minmax(0,1fr) minmax(330px,420px)!important;gap:22px!important;align-items:start!important;}
.sender-builder{padding:22px!important;}
.mobile-preview-card{padding:20px!important;position:sticky!important;top:84px!important;}
.phone-shell{border-radius:30px!important;box-shadow:0 20px 44px rgba(15,35,31,.13)!important;border-color:#16352e!important;}
.phone-top{background:#075e54!important;color:#fff!important;}
.bubble,.chat-bubble{border-radius:16px!important;box-shadow:0 8px 18px rgba(15,35,31,.07)!important;}
.bubble.out,.chat-bubble.out{background:#dcf8c6!important;color:#17352f!important;}
.bubble.in,.chat-bubble.in{background:#fff!important;color:#17352f!important;}
.chat-layout,.live-chat-layout{gap:18px!important;}
.chat-list,.chat-window,.chat-profile{border-radius:22px!important;border:1px solid var(--ui-border)!important;background:#fff!important;box-shadow:var(--ui-shadow-soft)!important;}
.template-type-tabs,.tabs,.nav-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.template-type-tabs .tab,.tabs .tab,.nav-tabs .tab{border-radius:999px!important;border:1px solid var(--ui-border)!important;background:#fff!important;color:#52706a!important;padding:9px 13px!important;font-weight:900!important;}
.template-type-tabs .tab.active,.tabs .tab.active,.nav-tabs .tab.active{background:var(--ui-green)!important;color:#fff!important;border-color:var(--ui-green)!important;}
.manual-table-wrap,.manual-table{border-radius:18px!important;}
.manual-table input,.manual-table select{min-width:132px;}
.crm-toast{position:fixed;right:18px;bottom:18px;z-index:99999;background:#10231f;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 16px 40px rgba(0,0,0,.20);font-size:13px;font-weight:850;opacity:0;transform:translateY(8px);transition:.18s ease;max-width:min(340px,calc(100vw - 36px));}
.crm-toast.show{opacity:1;transform:translateY(0);}
.is-submitting{pointer-events:none;opacity:.82;}
.js-submit-loading.is-submitting button[disabled]{cursor:wait;}
.empty-state{border:1px dashed #cfe1db!important;background:#fbfefd!important;border-radius:22px!important;padding:28px!important;text-align:center!important;color:var(--ui-muted)!important;}
@media(max-width:1180px){.sender-layout{grid-template-columns:1fr!important}.mobile-preview-card{position:static!important}.main>section,.suite-main>section{padding:18px!important}}
@media(max-width:900px){.suite-top-actions{gap:8px!important}.suite-wallet{display:none!important}.card,.panel,.sender-builder,.mobile-preview-card{border-radius:20px!important}.smart-grid.two{grid-template-columns:1fr!important}}
@media(max-width:640px){body{font-size:13.5px}.main>section,.suite-main>section{padding:14px!important}h1{font-size:22px!important}h2{font-size:19px!important}.btn{width:auto!important}.actions,.actions-inline{gap:8px!important}.table th,.table td{font-size:12.5px!important}.sender-builder{padding:16px!important}.phone-shell{max-width:100%!important}}

/* v1.0.94 Simple clean login screen */
body.simple-login{
  min-height:100vh!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:32px 18px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 55%,#f6fbf8 100%)!important;
  color:#0f172a!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}
body.simple-login:before{display:none!important;}
.simple-login-wrap{
  width:min(1280px,94vw);
  min-height:730px;
  display:grid;
  grid-template-columns:1fr 1.25fr;
  border-radius:34px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 24px 80px rgba(15,23,42,.08);
  border:1px solid #edf2f7;
}
.simple-login-left{
  background:#eef6ff;
  padding:70px 72px 52px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  min-height:730px;
}
.simple-login-brand{display:flex;align-items:center;gap:14px;margin-bottom:54px;}
.simple-brand-logo{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#fff;box-shadow:0 10px 24px rgba(59,130,246,.12);overflow:hidden;}
.simple-brand-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
.simple-brand-logo span{font-weight:950;color:var(--primary,#008069);font-size:18px;}
.simple-brand-name{font-size:32px;line-height:1;font-weight:950;letter-spacing:-.04em;color:#0b1220;}
.simple-login-image{width:100%;max-width:360px;border-radius:28px;overflow:hidden;background:#fff;margin:-16px 0 34px;box-shadow:0 20px 50px rgba(15,23,42,.08);}
.simple-login-image img{width:100%;height:220px;display:block;object-fit:cover;}
.simple-login-left h1{font-size:38px!important;line-height:1.18!important;letter-spacing:-.045em!important;color:#4f8fd2!important;margin:0 0 24px!important;max-width:430px;font-weight:950!important;}
.simple-login-left p{font-size:16px!important;line-height:1.65!important;color:#64748b!important;max-width:430px;margin:0 0 34px!important;}
.simple-benefits{display:flex;flex-direction:column;gap:22px;color:#6f9ed3;}
.simple-benefits div{display:flex;align-items:center;gap:16px;font-size:16px;}
.simple-benefits span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.72);box-shadow:0 6px 18px rgba(59,130,246,.10);}
.simple-benefits b{font-weight:700;color:#79a4d6;}
.simple-login-copy{position:absolute;left:72px;bottom:46px;color:#7aa8d8;font-size:14px;}
.simple-login-right{
  background:#fff;
  padding:70px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.simple-auth-box{width:min(540px,100%);}
.simple-auth-box h2{font-size:30px!important;line-height:1.1!important;margin:0 0 10px!important;color:#07111f!important;font-weight:950!important;letter-spacing:-.04em!important;}
.simple-auth-box > p{margin:0 0 34px!important;color:#64748b!important;font-size:16px!important;}
.simple-auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#f1f5f9;border-radius:16px;padding:5px;margin-bottom:30px;border:1px solid #edf2f7;}
.simple-auth-tabs button{height:48px;border:0;background:transparent;border-radius:13px;color:#55708f;font-weight:850;cursor:pointer;font:inherit;}
.simple-auth-tabs button.is-active{background:#fff;color:#0f4f43;box-shadow:0 4px 14px rgba(15,23,42,.10);}
.simple-auth-tabs button:disabled{opacity:.72;cursor:not-allowed;}
.simple-login-form label{display:block;margin:16px 0 8px;color:#334155;font-weight:850;font-size:13px;}
.simple-input-row{height:62px;border:1px solid #e1eaf3;border-radius:16px;display:grid;grid-template-columns:58px 1fr;align-items:center;background:#fbfdff;transition:.16s ease;overflow:hidden;}
.simple-input-row:focus-within{border-color:var(--primary,#008069);box-shadow:0 0 0 4px rgba(0,128,105,.09);background:#fff;}
.simple-input-row span{display:grid;place-items:center;color:#6690bf;font-size:18px;}
.simple-input-row input{width:100%;height:100%;border:0!important;background:transparent!important;outline:0!important;padding:0 18px 0 0!important;font:inherit!important;font-size:16px!important;color:#0f172a!important;box-shadow:none!important;}
.simple-input-row input::placeholder{color:#9fb0c3;}
.simple-login-btn{width:100%;height:64px;border:0;border-radius:16px;background:linear-gradient(135deg,#7da8d3,#6f9fd0);color:#fff;font-weight:950;font-size:16px;margin-top:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 16px 28px rgba(93,138,184,.22);transition:.18s ease;}
.simple-login-btn:hover{transform:translateY(-1px);box-shadow:0 22px 34px rgba(93,138,184,.26);}
.simple-login-note{margin-top:26px;border-top:1px solid #edf2f7;padding-top:20px;text-align:center;color:#64748b;font-size:14px;line-height:1.6;}
body.simple-login .alert{border-radius:14px;margin:0 0 18px;padding:12px 14px;font-size:14px;}
@media(max-width:980px){
  .simple-login-wrap{grid-template-columns:1fr;min-height:auto;width:min(560px,94vw);}
  .simple-login-left{min-height:auto;padding:36px 30px 28px;text-align:left;}
  .simple-login-left h1{font-size:30px!important;max-width:none;}
  .simple-login-left p{max-width:none;margin-bottom:24px!important;}
  .simple-login-brand{margin-bottom:26px;}
  .simple-login-copy{position:static;margin-top:28px;}
  .simple-login-right{padding:34px 28px 38px;}
  .simple-login-image{display:none;}
}
@media(max-width:560px){
  body.simple-login{padding:14px!important;align-items:flex-start!important;}
  .simple-login-wrap{border-radius:24px;}
  .simple-login-left{padding:26px 22px 24px;}
  .simple-brand-logo{width:48px;height:48px;border-radius:14px;}
  .simple-brand-name{font-size:25px;}
  .simple-login-left h1{font-size:26px!important;}
  .simple-login-right{padding:28px 20px 30px;}
  .simple-auth-box h2{font-size:26px!important;}
  .simple-auth-tabs{grid-template-columns:1fr;margin-bottom:22px;}
  .simple-auth-tabs button:not(.is-active){display:none;}
  .simple-input-row{height:58px;grid-template-columns:50px 1fr;}
  .simple-login-btn{height:58px;}
}


/* v1.0.95 Simple login font/style cleanup: SMS option removed */
body.simple-login{
  background:#f8fafc!important;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:0!important;
}
.simple-login-wrap{
  width:min(1120px,94vw)!important;
  min-height:640px!important;
  border-radius:28px!important;
  box-shadow:0 18px 55px rgba(15,23,42,.07)!important;
}
.simple-login-left{
  min-height:640px!important;
  padding:58px 60px 42px!important;
  background:#eef7f3!important;
}
.simple-login-brand{margin-bottom:38px!important;}
.simple-brand-logo{width:52px!important;height:52px!important;border-radius:15px!important;box-shadow:0 8px 20px rgba(0,128,105,.10)!important;}
.simple-brand-name{font-size:28px!important;font-weight:850!important;letter-spacing:-.02em!important;color:#0f172a!important;}
.simple-login-left h1{font-size:31px!important;line-height:1.32!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--primary,#008069)!important;margin-bottom:18px!important;}
.simple-login-left p{font-size:15px!important;line-height:1.6!important;color:#64748b!important;margin-bottom:28px!important;}
.simple-benefits{gap:16px!important;color:#008069!important;}
.simple-benefits div{font-size:14px!important;gap:12px!important;}
.simple-benefits span{width:30px!important;height:30px!important;border-radius:10px!important;background:#ffffff!important;color:#008069!important;}
.simple-benefits b{font-weight:650!important;color:#475569!important;}
.simple-login-copy{font-size:13px!important;color:#64748b!important;left:60px!important;bottom:36px!important;}
.simple-login-right{padding:58px 64px!important;}
.simple-auth-box{width:min(460px,100%)!important;}
.simple-auth-box h2{font-size:27px!important;font-weight:800!important;letter-spacing:-.025em!important;margin-bottom:8px!important;}
.simple-auth-box > p{font-size:14.5px!important;line-height:1.5!important;margin-bottom:26px!important;color:#64748b!important;}
.simple-auth-tabs{display:none!important;}
.simple-login-form label{font-size:13px!important;font-weight:700!important;color:#334155!important;margin:14px 0 7px!important;}
.simple-input-row{height:56px!important;border-radius:14px!important;background:#fff!important;border-color:#dbe5ef!important;grid-template-columns:50px 1fr!important;}
.simple-input-row span{font-size:16px!important;color:#008069!important;}
.simple-input-row input{font-size:15px!important;font-weight:500!important;color:#0f172a!important;}
.simple-login-btn{height:56px!important;border-radius:14px!important;background:var(--primary,#008069)!important;font-size:15px!important;font-weight:750!important;margin-top:22px!important;box-shadow:0 12px 24px rgba(0,128,105,.18)!important;}
.simple-login-btn:hover{box-shadow:0 16px 28px rgba(0,128,105,.22)!important;}
.simple-login-note{font-size:13px!important;line-height:1.55!important;margin-top:22px!important;padding-top:18px!important;color:#64748b!important;}
body.simple-login .alert{font-size:13px!important;border-radius:12px!important;}
@media(max-width:980px){
  .simple-login-wrap{width:min(520px,94vw)!important;min-height:auto!important;}
  .simple-login-left{min-height:auto!important;padding:30px 28px 26px!important;}
  .simple-login-left h1{font-size:27px!important;}
  .simple-login-right{padding:30px 28px 34px!important;}
  .simple-login-copy{position:static!important;margin-top:24px!important;}
}
@media(max-width:560px){
  body.simple-login{padding:12px!important;}
  .simple-login-wrap{border-radius:22px!important;}
  .simple-login-left{padding:24px 20px!important;}
  .simple-brand-name{font-size:23px!important;}
  .simple-login-left h1{font-size:23px!important;}
  .simple-auth-box h2{font-size:24px!important;}
  .simple-login-right{padding:26px 20px 28px!important;}
}


/* v1.0.98 Facebook login/signup polish */
.simple-or{display:flex;align-items:center;gap:14px;margin:24px 0 18px;color:#94a3b8;font-size:12px;font-weight:800;letter-spacing:.08em}
.simple-or span{height:1px;flex:1;background:#e8eef4}
.simple-social-login{display:grid;gap:10px;margin-bottom:18px}
.simple-facebook-btn,.simple-outline-btn{height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;font-size:14px;transition:.18s ease;letter-spacing:.01em}
.simple-facebook-btn{background:#1877f2;color:#fff;box-shadow:0 10px 24px rgba(24,119,242,.18)}
.simple-facebook-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(24,119,242,.22)}
.simple-outline-btn{background:#fff;color:#0f172a;border:1px solid #e3eaf2;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.simple-outline-btn:hover{border-color:var(--crm-green,#008069);color:var(--crm-green,#008069);background:#f7fffb}
.clean-head{margin-bottom:18px}
.clean-head h1{margin:0 0 6px;font-size:26px;line-height:1.2;color:#0f172a}
.clean-head p{margin:0;font-size:14px;line-height:1.6}


/* v3.0.4 Top-class clean professional interface */
:root{
  --ui-bg:#f7faf9;--ui-surface:#ffffff;--ui-border:#e5ece8;--ui-text:#09201b;--ui-muted:#64746f;--ui-green:#008069;--ui-green-2:#00a884;--ui-soft:#eefaf4;--ui-shadow:0 14px 36px rgba(15,23,42,.07);
}
html,body{min-height:100%;background:var(--ui-bg)!important;color:var(--ui-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.48;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
.app,.suite-ui .app{background:var(--ui-bg)!important;min-height:100vh;}
.suite-sidebar,.sidebar{background:#fff!important;border-right:1px solid var(--ui-border)!important;box-shadow:4px 0 28px rgba(15,23,42,.035);width:270px!important;}
.suite-brand{height:76px;padding:18px 20px!important;border-bottom:1px solid var(--ui-border);}
.suite-brand-title{font-size:20px!important;font-weight:900!important;letter-spacing:-.03em;color:var(--ui-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.suite-logo img{max-height:38px;max-width:156px;object-fit:contain;}
.suite-menu-search{height:42px;margin:14px 14px 12px!important;border:1px solid var(--ui-border)!important;background:#f8fbfa!important;border-radius:14px!important;box-shadow:none!important;}
.suite-menu-search input{font-size:13px!important;color:#243a35!important;}
.side-nav{padding:2px 10px 20px!important;}
.nav-link,.suite-menu-parent{height:42px!important;border-radius:13px!important;margin:2px 0!important;color:#30423d!important;font-weight:700!important;font-size:14px!important;letter-spacing:-.01em;}
.nav-link:hover,.suite-menu-parent:hover{background:#f1f8f5!important;color:var(--ui-green)!important;}
.nav-link.active{background:linear-gradient(135deg,#e8f8f1,#f7fffb)!important;color:var(--ui-green)!important;border:1px solid #c9f0de!important;box-shadow:0 8px 18px rgba(0,128,105,.08)!important;}
.nav-ico{width:28px!important;height:28px!important;border-radius:9px!important;font-size:13px!important;background:#f3f7f6!important;color:var(--ui-green)!important;border:1px solid var(--ui-border)!important;}
.suite-subnav{padding-left:13px!important;margin-left:13px!important;border-left:1px solid #e6efeb!important;}
.suite-topbar,.topbar{height:70px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--ui-border)!important;box-shadow:0 8px 26px rgba(15,23,42,.035)!important;}
.menu-btn{border:1px solid var(--ui-border)!important;background:#fff!important;border-radius:13px!important;color:#26413a!important;width:42px;height:42px;}
.suite-content,.content{padding:22px 26px 34px!important;max-width:1440px;margin:0 auto;width:100%;}
@media(min-width:1600px){.suite-content,.content{max-width:1520px}}
h1,.hero-title{font-size:28px!important;line-height:1.15!important;letter-spacing:-.035em!important;color:var(--ui-text)!important;font-weight:900!important;margin:0 0 8px!important;}
h2{font-size:18px!important;line-height:1.25!important;letter-spacing:-.02em!important;font-weight:850!important;color:var(--ui-text)!important;margin:0 0 12px!important;}
h3{font-size:15px!important;line-height:1.3!important;font-weight:800!important;color:var(--ui-text)!important;}
p,.muted,.hero-subtitle,.section-head p{font-size:13px!important;color:var(--ui-muted)!important;line-height:1.5!important;}
.card,.suite-filter-card,.tpl-editor-card,.template-card-suite{background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:20px!important;box-shadow:var(--ui-shadow)!important;padding:20px!important;}
.compact-card{padding:16px!important;border-radius:18px!important;}
.grid{gap:18px!important;}.grid-2,.grid-3{align-items:stretch;}
.input,input,select,textarea,.suite-input,.tpl-input,.compact-select{min-height:44px!important;border:1px solid #dce8e2!important;border-radius:13px!important;background:#fff!important;color:#18342d!important;font-size:14px!important;font-weight:600!important;box-shadow:none!important;outline:none!important;}
textarea,.tpl-body-textarea{font-size:14px!important;line-height:1.55!important;}
.input:focus,input:focus,select:focus,textarea:focus,.suite-input:focus,.tpl-input:focus{border-color:var(--ui-green)!important;box-shadow:0 0 0 4px rgba(0,128,105,.10)!important;}
.field label{font-size:12px!important;text-transform:none!important;letter-spacing:0!important;color:#37534b!important;font-weight:800!important;margin-bottom:7px!important;}
.btn,button.btn,a.btn{height:42px!important;border-radius:13px!important;padding:0 16px!important;font-size:13px!important;font-weight:850!important;letter-spacing:-.01em!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent!important;background:linear-gradient(135deg,var(--ui-green),var(--ui-green-2))!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,128,105,.18)!important;}
.btn:hover{transform:translateY(-1px);filter:saturate(1.06)}
.btn.secondary{background:#fff!important;color:#16443a!important;border-color:var(--ui-border)!important;box-shadow:0 8px 18px rgba(15,23,42,.04)!important;}
.btn.bad{background:#fff5f5!important;color:#dc2626!important;border-color:#fecaca!important;box-shadow:none!important}.btn.warn{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important;box-shadow:none!important}.btn.small{height:34px!important;font-size:12px!important;padding:0 12px!important;border-radius:11px!important;}
.badge,.suite-status{border-radius:999px!important;padding:5px 10px!important;font-size:11px!important;font-weight:850!important;border:1px solid var(--ui-border)!important;background:#f6faf8!important;color:#31544b!important;}
.badge.ok,.suite-status.ok{background:#e9fff4!important;color:#047857!important;border-color:#bff5d8!important}.badge.warn{background:#fff9e8!important;color:#9a6700!important;border-color:#fdecc8!important}.badge.bad{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}
.table-wrap{border:1px solid var(--ui-border);border-radius:18px;overflow:auto;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.04)}
.table{border-collapse:separate!important;border-spacing:0!important;width:100%;font-size:13px!important}.table th{background:#f5faf7!important;color:#314a43!important;font-size:12px!important;font-weight:900!important;text-transform:none!important;letter-spacing:.01em!important;padding:13px 14px!important;border-bottom:1px solid var(--ui-border)!important}.table td{padding:13px 14px!important;border-bottom:1px solid #eef3f1!important;color:#263f38!important;vertical-align:middle!important}.table tr:hover td{background:#fbfefd!important}
.alert{border-radius:14px!important;border:1px solid var(--ui-border)!important;padding:12px 14px!important;font-size:13px!important;font-weight:750!important}.alert.success{background:#ecfff6!important;color:#047857!important;border-color:#bff5d8!important}.alert.error{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}
.page-hero,.template-head,.tpl-compact-head{border-radius:24px!important;background:linear-gradient(135deg,#ffffff,#f5fbf8)!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important;padding:20px 22px!important;margin-bottom:18px!important;}
.compact-hero{min-height:auto!important}.hero-actions{gap:10px!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important}
/* Template creator polish */
.tpl-builder-page{max-width:1260px;margin:0 auto}.tpl-workbench{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important;align-items:start!important}.tpl-preview-sticky{position:sticky!important;top:86px!important}.tpl-editor-card{padding:18px!important;margin-bottom:16px!important}.tpl-card-title-row p,.tpl-section-title small,.tpl-preview-help{display:none!important}.tpl-body-textarea{min-height:210px!important;border-radius:16px!important;background:#fff!important}.tpl-samples-box{border-radius:16px!important;background:#f8fcfa!important;border:1px solid var(--ui-border)!important}.tpl-phone-shell{width:300px!important;margin:0 auto!important;border-radius:32px!important;background:#0f172a!important;padding:10px!important;box-shadow:0 28px 48px rgba(15,23,42,.20)!important}.tpl-wa-screen{min-height:430px!important;background:#efe7dc!important;border-radius:0 0 24px 24px!important}.tpl-wa-head{background:var(--ui-green)!important;color:#fff!important}.tpl-wa-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.tpl-wa-bubble{border-radius:15px!important;background:#fff!important;box-shadow:0 5px 12px rgba(15,23,42,.08)!important}.tpl-profile-mini-card{margin-top:14px;background:#fff;border:1px solid var(--ui-border);border-radius:18px;padding:14px;box-shadow:var(--ui-shadow);display:flex;flex-direction:column;gap:5px;font-size:12px;color:#4b635d}.tpl-profile-mini-card b{font-size:14px;color:var(--ui-text)}.tpl-profile-mini-card a{color:var(--ui-green);font-weight:850;text-decoration:none;margin-top:3px}
/* Live sender / suite cards */
.template-profile-sender-card{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px!important;border-radius:18px!important}.sender-profile-avatar{width:48px;height:48px;border-radius:16px;background:var(--ui-soft);display:flex;align-items:center;justify-content:center;color:var(--ui-green);font-weight:900;overflow:hidden}.sender-profile-avatar img{width:100%;height:100%;object-fit:cover}.template-profile-sender-card div span{display:block;color:var(--ui-muted);font-size:12px;margin-top:3px}.template-profile-sender-card .btn{margin-left:auto}
.floating-chat{display:none!important}.note-box,.tpl-wa-note,.minimal-copy,.extra-copy,.unwanted-copy{display:none!important}.suite-user small{display:none!important}.suite-wallet{height:36px!important;border-radius:12px!important;background:#f2fbf7!important;border:1px solid #d8f3e6!important;color:var(--ui-green)!important;font-weight:900!important;padding:0 12px!important;display:flex;align-items:center}.suite-business-switch select{height:38px!important;min-height:38px!important;max-width:220px!important}
@media(max-width:1100px){.tpl-workbench{grid-template-columns:1fr!important}.tpl-preview-sticky{position:relative!important;top:auto!important}.suite-content,.content{padding:18px!important}.suite-sidebar,.sidebar{width:280px!important}}
@media(max-width:760px){h1,.hero-title{font-size:23px!important}.card,.suite-filter-card,.tpl-editor-card{padding:16px!important;border-radius:18px!important}.grid-2,.grid-3,.tpl-form-grid.two,.tpl-form-grid.three{grid-template-columns:1fr!important}.suite-topbar{height:64px!important}.suite-wallet,.suite-business-switch{display:none!important}.tpl-phone-shell{width:100%!important;max-width:310px!important}.template-profile-sender-card{align-items:flex-start;flex-wrap:wrap}.template-profile-sender-card .btn{margin-left:0}}

/* v3.0.5 Live Chat Bot clean controls */
.code-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;margin:10px 0;color:#0f172a;overflow:auto;font-size:13px;line-height:1.55}
.code-box pre{margin:0;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px}
.switch-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;color:#0f172a;font-weight:600}
.switch-row input{width:18px;height:18px;accent-color:var(--crm-green,#008069)}
.grid-2-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid-2-form .full{grid-column:1/-1}
.form-grid .field small{display:block;margin-top:6px;font-size:12px;line-height:1.45}
.table .actions-inline{white-space:nowrap}
@media(max-width:900px){.grid-2-form{grid-template-columns:1fr}.grid-2-form .full{grid-column:auto}.code-box{font-size:12px}}


/* v3.0.6 Real Meta Web Professional UI - clean, fit-to-screen, all modules */
:root{
  --meta-blue:#0866ff;
  --meta-blue-2:#1b74e4;
  --meta-navy:#0b1f3a;
  --meta-text:#1c2b33;
  --meta-muted:#63788a;
  --meta-bg:#f0f2f5;
  --meta-surface:#ffffff;
  --meta-border:#dfe7ef;
  --meta-soft:#f5f8fb;
  --meta-green:#00a884;
  --meta-red:#fa383e;
  --meta-yellow:#f7b928;
  --meta-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(12,31,58,.06);
  --meta-shadow-lg:0 18px 48px rgba(12,31,58,.10);
  --meta-radius:12px;
  --meta-radius-lg:18px;
  --meta-sidebar:292px;
  --meta-topbar:64px;
}
html{height:100%;scroll-behavior:smooth}
body.meta-pro-ui{
  margin:0!important;min-height:100%!important;background:var(--meta-bg)!important;color:var(--meta-text)!important;
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:14px!important;line-height:1.45!important;
  letter-spacing:0!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.meta-pro-ui *{box-sizing:border-box}
body.meta-pro-ui .app{min-height:100vh;background:var(--meta-bg)!important;display:flex!important;align-items:stretch!important;overflow:hidden}
body.meta-pro-ui .suite-sidebar,body.meta-pro-ui .sidebar{
  width:var(--meta-sidebar)!important;min-width:var(--meta-sidebar)!important;height:100vh!important;position:sticky!important;top:0!important;
  overflow:hidden!important;background:var(--meta-surface)!important;border-right:1px solid var(--meta-border)!important;box-shadow:none!important;
  display:flex!important;flex-direction:column!important;
}
body.meta-pro-ui .suite-main,body.meta-pro-ui .main{flex:1!important;min-width:0!important;height:100vh!important;overflow:auto!important;background:var(--meta-bg)!important;}
body.meta-pro-ui .suite-topbar,body.meta-pro-ui .topbar{
  height:var(--meta-topbar)!important;min-height:var(--meta-topbar)!important;position:sticky!important;top:0!important;z-index:40!important;
  background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--meta-border)!important;box-shadow:none!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 24px!important;
}
body.meta-pro-ui .suite-brand{
  height:72px!important;min-height:72px!important;padding:16px 18px!important;border-bottom:1px solid var(--meta-border)!important;display:flex!important;align-items:center!important;gap:12px!important;
}
body.meta-pro-ui .suite-logo{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--meta-blue),#6aa9ff)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;color:#fff!important;box-shadow:0 8px 18px rgba(8,102,255,.18)!important;}
body.meta-pro-ui .suite-logo img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important;border-radius:10px!important;padding:3px!important;}
body.meta-pro-ui .suite-brand-title{font-size:18px!important;line-height:1.05!important;font-weight:800!important;color:var(--meta-text)!important;letter-spacing:-.02em!important;max-width:200px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.meta-pro-ui .suite-menu-search{height:40px!important;margin:14px!important;background:#f6f8fb!important;border:1px solid var(--meta-border)!important;border-radius:999px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 13px!important;box-shadow:none!important;}
body.meta-pro-ui .suite-menu-search span{color:#789!important;font-size:15px!important;line-height:1!important}
body.meta-pro-ui .suite-menu-search input{height:38px!important;min-height:38px!important;border:0!important;outline:0!important;background:transparent!important;padding:0!important;font-size:13px!important;font-weight:500!important;color:var(--meta-text)!important;}
body.meta-pro-ui .side-nav,body.meta-pro-ui .suite-nav{padding:0 10px 22px!important;overflow:auto!important;flex:1!important;scrollbar-width:thin;scrollbar-color:#c9d6e2 transparent;}
body.meta-pro-ui .nav-link,body.meta-pro-ui .suite-menu-parent{
  height:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;
  border:0!important;border-radius:10px!important;margin:1px 0!important;padding:0 11px!important;color:#243b53!important;background:transparent!important;
  font-size:14px!important;font-weight:600!important;text-decoration:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer!important;
}
body.meta-pro-ui .nav-link:hover,body.meta-pro-ui .suite-menu-parent:hover{background:#eef4ff!important;color:var(--meta-blue)!important;}
body.meta-pro-ui .nav-link.active{background:#e7f0ff!important;color:var(--meta-blue)!important;font-weight:750!important;border:0!important;box-shadow:none!important;}
body.meta-pro-ui .nav-ico{width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important;border:0!important;background:transparent!important;color:inherit!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;}
body.meta-pro-ui .nav-link.active .nav-ico{background:#fff!important;color:var(--meta-blue)!important;box-shadow:0 1px 2px rgba(8,102,255,.12)!important;}
body.meta-pro-ui .suite-toggle-caret{margin-left:auto!important;color:#8191a3!important;font-size:14px!important;transition:.16s ease!important;}
body.meta-pro-ui .suite-menu-group.open .suite-toggle-caret{transform:rotate(180deg)!important;color:var(--meta-blue)!important}
body.meta-pro-ui .suite-subnav{padding:4px 0 8px 18px!important;margin:0 0 0 14px!important;border-left:1px solid #edf1f5!important;display:none!important;}
body.meta-pro-ui .suite-menu-group.open .suite-subnav{display:block!important;animation:metaSlideDown .16s ease-out both}
@keyframes metaSlideDown{from{opacity:.25;transform:translateY(-4px)}to{opacity:1;transform:none}}
body.meta-pro-ui .top-left{display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important;}
body.meta-pro-ui .menu-btn{width:40px!important;height:40px!important;border-radius:999px!important;border:1px solid var(--meta-border)!important;background:#fff!important;color:#1d3a5f!important;font-size:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;}
body.meta-pro-ui .menu-btn:hover{background:#f4f8ff!important;color:var(--meta-blue)!important;border-color:#cfe0ff!important;}
body.meta-pro-ui .meta-top-title{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;}
body.meta-pro-ui .meta-top-title strong{font-size:15px!important;line-height:1.1!important;font-weight:760!important;color:var(--meta-text)!important;max-width:300px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.meta-pro-ui .meta-top-title span{font-size:12px!important;line-height:1.35!important;color:var(--meta-muted)!important;max-width:300px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.meta-pro-ui .suite-top-actions{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;}
body.meta-pro-ui .suite-business-switch select{height:38px!important;min-height:38px!important;max-width:250px!important;border-radius:999px!important;border:1px solid var(--meta-border)!important;background:#fff!important;color:#263b50!important;font-size:13px!important;font-weight:650!important;padding:0 36px 0 14px!important;box-shadow:none!important;}
body.meta-pro-ui .suite-wallet{height:38px!important;border-radius:999px!important;border:1px solid #cfe0ff!important;background:#edf4ff!important;color:var(--meta-blue)!important;font-size:13px!important;font-weight:760!important;padding:0 14px!important;box-shadow:none!important;}
body.meta-pro-ui .suite-user{height:42px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--meta-border)!important;padding:4px 7px 4px 4px!important;display:flex!important;align-items:center!important;gap:9px!important;color:var(--meta-text)!important;box-shadow:none!important;}
body.meta-pro-ui .suite-user .avatar{width:32px!important;height:32px!important;border-radius:50%!important;background:#e7f0ff!important;color:var(--meta-blue)!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;}
body.meta-pro-ui .suite-user b{font-size:13px!important;font-weight:740!important;max-width:110px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;}
body.meta-pro-ui .suite-user small{display:block!important;font-size:11px!important;color:var(--meta-muted)!important;line-height:1.1!important;}
body.meta-pro-ui .logout-link{color:#7b8794!important;text-decoration:none!important;padding:0 4px!important;}
body.meta-pro-ui .suite-content,body.meta-pro-ui .content{max-width:1480px!important;margin:0 auto!important;width:100%!important;padding:22px 24px 40px!important;}
@media(min-width:1700px){body.meta-pro-ui .suite-content,body.meta-pro-ui .content{max-width:1560px!important}}
body.meta-pro-ui h1,body.meta-pro-ui .hero-title,body.meta-pro-ui .suite-page-title h1{font-size:28px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--meta-text)!important;margin:0!important;}
body.meta-pro-ui h2{font-size:18px!important;line-height:1.25!important;font-weight:760!important;letter-spacing:-.01em!important;color:var(--meta-text)!important;margin:0 0 12px!important;}
body.meta-pro-ui h3{font-size:15px!important;line-height:1.25!important;font-weight:740!important;color:var(--meta-text)!important;margin:0 0 8px!important;}
body.meta-pro-ui p,body.meta-pro-ui .muted,body.meta-pro-ui .section-head p,body.meta-pro-ui .suite-page-title p{font-size:13px!important;line-height:1.45!important;color:var(--meta-muted)!important;font-weight:500!important;margin:4px 0 0!important;}
body.meta-pro-ui .page-head,body.meta-pro-ui .clean-page-head,body.meta-pro-ui .suite-page-title,body.meta-pro-ui .page-hero,body.meta-pro-ui .template-head,body.meta-pro-ui .tpl-compact-head{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0 0 20px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
}
body.meta-pro-ui .suite-title-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;}
body.meta-pro-ui .suite-title-icon{width:44px!important;height:44px!important;border-radius:12px!important;background:#e7f0ff!important;color:var(--meta-blue)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:21px!important;box-shadow:none!important;}
body.meta-pro-ui .card,body.meta-pro-ui .suite-card,body.meta-pro-ui .clean-card,body.meta-pro-ui .suite-filter-card,body.meta-pro-ui .template-card-suite,body.meta-pro-ui .tpl-editor-card,body.meta-pro-ui .report-card,body.meta-pro-ui .sender-builder,body.meta-pro-ui .mobile-preview-card{
  background:var(--meta-surface)!important;border:1px solid var(--meta-border)!important;border-radius:var(--meta-radius-lg)!important;box-shadow:var(--meta-shadow)!important;padding:18px!important;color:var(--meta-text)!important;
}
body.meta-pro-ui .card:hover,body.meta-pro-ui .project-card:hover,body.meta-pro-ui .template-card-suite:hover{box-shadow:var(--meta-shadow-lg)!important;}
body.meta-pro-ui .grid{gap:16px!important}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
body.meta-pro-ui .clean-stats{margin-bottom:18px!important;}
body.meta-pro-ui .clean-stat{min-height:104px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;}
body.meta-pro-ui .clean-stat span{font-size:12px!important;color:var(--meta-muted)!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important;}
body.meta-pro-ui .clean-stat b,body.meta-pro-ui .stat .num{font-size:26px!important;line-height:1.1!important;font-weight:800!important;color:var(--meta-text)!important;letter-spacing:-.02em!important;}
body.meta-pro-ui .clean-stat small{font-size:12px!important;color:var(--meta-muted)!important;}
body.meta-pro-ui .input,body.meta-pro-ui input:not([type="checkbox"]):not([type="radio"]),body.meta-pro-ui select,body.meta-pro-ui textarea,body.meta-pro-ui .suite-input,body.meta-pro-ui .tpl-input,body.meta-pro-ui .compact-select{
  min-height:42px!important;height:auto!important;border:1px solid #cfd9e3!important;background:#fff!important;border-radius:10px!important;padding:10px 12px!important;color:var(--meta-text)!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important;box-shadow:none!important;outline:none!important;
}
body.meta-pro-ui select{appearance:auto!important;padding-right:28px!important;}
body.meta-pro-ui textarea{min-height:96px!important;resize:vertical!important;line-height:1.5!important;}
body.meta-pro-ui input:focus,body.meta-pro-ui select:focus,body.meta-pro-ui textarea:focus,body.meta-pro-ui .input:focus,body.meta-pro-ui .suite-input:focus,body.meta-pro-ui .tpl-input:focus{border-color:var(--meta-blue)!important;box-shadow:0 0 0 3px rgba(8,102,255,.12)!important;}
body.meta-pro-ui .field{margin-bottom:12px!important;}
body.meta-pro-ui .field label{display:block!important;margin:0 0 6px!important;font-size:12.5px!important;font-weight:700!important;color:#314a5d!important;letter-spacing:0!important;text-transform:none!important;}
body.meta-pro-ui .btn,body.meta-pro-ui button.btn,body.meta-pro-ui a.btn,body.meta-pro-ui .suite-primary-btn{
  min-height:40px!important;height:40px!important;border-radius:10px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid transparent!important;background:var(--meta-blue)!important;color:#fff!important;box-shadow:none!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;text-decoration:none!important;cursor:pointer!important;transition:background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.meta-pro-ui .btn:hover,body.meta-pro-ui button.btn:hover,body.meta-pro-ui a.btn:hover{background:var(--meta-blue-2)!important;transform:none!important;box-shadow:0 6px 16px rgba(8,102,255,.18)!important;filter:none!important;}
body.meta-pro-ui .btn.secondary,body.meta-pro-ui a.btn.secondary,body.meta-pro-ui button.btn.secondary{background:#fff!important;color:#24435c!important;border-color:var(--meta-border)!important;box-shadow:none!important;}
body.meta-pro-ui .btn.secondary:hover{background:#f6f8fb!important;color:var(--meta-blue)!important;border-color:#cfe0ff!important;box-shadow:none!important;}
body.meta-pro-ui .btn.bad{background:#fff!important;color:var(--meta-red)!important;border-color:#ffc3c6!important;box-shadow:none!important;}
body.meta-pro-ui .btn.warn{background:#fff!important;color:#b76a00!important;border-color:#ffe2a3!important;box-shadow:none!important;}
body.meta-pro-ui .btn.small{height:32px!important;min-height:32px!important;border-radius:8px!important;padding:0 10px!important;font-size:12px!important;}
body.meta-pro-ui .badge,body.meta-pro-ui .suite-status,body.meta-pro-ui .plan-badge{display:inline-flex!important;align-items:center!important;gap:5px!important;border-radius:999px!important;padding:4px 9px!important;font-size:11.5px!important;font-weight:700!important;border:1px solid #d7e1ea!important;background:#f7f9fb!important;color:#314a5d!important;line-height:1.2!important;}
body.meta-pro-ui .badge.ok,body.meta-pro-ui .suite-status.ok,body.meta-pro-ui .project-active{background:#e9f7ef!important;color:#0a7b44!important;border-color:#bde7ce!important;}
body.meta-pro-ui .badge.bad{background:#fff0f1!important;color:#c91d25!important;border-color:#ffc3c6!important;}
body.meta-pro-ui .badge.warn{background:#fff7e6!important;color:#9a6500!important;border-color:#ffe2a3!important;}
body.meta-pro-ui .table-wrap,body.meta-pro-ui .table-responsive{border:1px solid var(--meta-border)!important;border-radius:var(--meta-radius-lg)!important;background:#fff!important;box-shadow:var(--meta-shadow)!important;overflow:auto!important;}
body.meta-pro-ui .table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:13px!important;background:#fff!important;}
body.meta-pro-ui .table th{background:#f7f9fb!important;color:#314a5d!important;border-bottom:1px solid var(--meta-border)!important;padding:12px 14px!important;font-size:12px!important;font-weight:760!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;}
body.meta-pro-ui .table td{padding:13px 14px!important;border-bottom:1px solid #edf2f7!important;color:#243b53!important;vertical-align:middle!important;}
body.meta-pro-ui .table tr:hover td{background:#f8fbff!important;}
body.meta-pro-ui .alert{border-radius:12px!important;border:1px solid var(--meta-border)!important;padding:11px 13px!important;margin:0 0 14px!important;font-size:13px!important;font-weight:650!important;box-shadow:none!important;}
body.meta-pro-ui .alert.success{background:#e9f7ef!important;color:#0a7b44!important;border-color:#bde7ce!important;}
body.meta-pro-ui .alert.error{background:#fff0f1!important;color:#c91d25!important;border-color:#ffc3c6!important;}
/* Onboard project cards */
body.meta-pro-ui .project-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:18px!important;align-items:stretch!important;}
body.meta-pro-ui .project-card{border:1px solid var(--meta-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--meta-shadow)!important;overflow:hidden!important;min-height:260px!important;}
body.meta-pro-ui .project-card-inner{padding:20px!important;position:relative!important;}
body.meta-pro-ui .project-avatar{width:54px!important;height:54px!important;border-radius:14px!important;background:linear-gradient(135deg,#e7f0ff,#f6fbff)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:25px!important;}
body.meta-pro-ui .project-tier{position:absolute!important;right:18px!important;top:18px!important;background:#edf4ff!important;color:var(--meta-blue)!important;border-color:#cfe0ff!important;}
body.meta-pro-ui .project-name{font-size:18px!important;font-weight:800!important;color:var(--meta-text)!important;margin-top:16px!important;}
body.meta-pro-ui .project-phone{font-size:13px!important;color:var(--meta-muted)!important;margin-top:4px!important;}
body.meta-pro-ui .project-ref{display:flex!important;align-items:center!important;gap:8px!important;border:1px solid var(--meta-border)!important;background:#f7f9fb!important;border-radius:10px!important;margin-top:14px!important;padding:8px 10px!important;font-size:12px!important;color:#52697b!important;}
body.meta-pro-ui .project-alert{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px solid #cfe0ff!important;background:#f8fbff!important;border-radius:12px!important;padding:10px 12px!important;margin-top:12px!important;font-size:12.5px!important;font-weight:700!important;color:var(--meta-blue)!important;}
body.meta-pro-ui .project-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border-top:1px solid var(--meta-border)!important;background:#fbfcfe!important;}
body.meta-pro-ui .project-actions a{padding:12px 8px!important;text-align:center!important;text-decoration:none!important;font-size:11px!important;font-weight:760!important;color:#48647c!important;border-right:1px solid var(--meta-border)!important;}
body.meta-pro-ui .project-actions a:hover{background:#edf4ff!important;color:var(--meta-blue)!important;}
body.meta-pro-ui .project-add{border:1.5px dashed #c8d4e3!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:#fbfdff!important;}
body.meta-pro-ui .project-add .plus{width:54px!important;height:54px!important;border-radius:50%!important;background:#eef4ff!important;color:var(--meta-blue)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:28px!important;margin-bottom:12px!important;}
/* Template manager and creator */
body.meta-pro-ui .template-suite-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(265px,1fr))!important;gap:16px!important;}
body.meta-pro-ui .template-card-suite{padding:0!important;overflow:hidden!important;border-top:3px solid var(--meta-blue)!important;}
body.meta-pro-ui .template-card-suite .tpl-card-body,body.meta-pro-ui .template-card-suite .tpl-card-content{padding:16px!important;}
body.meta-pro-ui .template-card-suite h3{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.meta-pro-ui .template-preview,body.meta-pro-ui .tpl-preview-text{background:#f7f9fb!important;border:1px solid #edf2f7!important;border-radius:12px!important;color:#314a5d!important;font-size:12.5px!important;line-height:1.5!important;max-height:82px!important;overflow:hidden!important;}
body.meta-pro-ui .tpl-builder-page{max-width:1320px!important;margin:0 auto!important;}
body.meta-pro-ui .tpl-workbench{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:20px!important;align-items:start!important;}
body.meta-pro-ui .tpl-preview-sticky{position:sticky!important;top:86px!important;}
body.meta-pro-ui .tpl-editor-card{margin-bottom:16px!important;padding:18px!important;}
body.meta-pro-ui .tpl-card-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;}
body.meta-pro-ui .tpl-body-textarea{min-height:220px!important;border-radius:12px!important;}
body.meta-pro-ui .tpl-samples-box{background:#f7f9fb!important;border:1px solid var(--meta-border)!important;border-radius:12px!important;padding:12px!important;}
body.meta-pro-ui .tpl-phone-shell,body.meta-pro-ui .phone-shell{max-width:330px!important;background:#111827!important;border-radius:34px!important;padding:10px!important;box-shadow:0 22px 56px rgba(12,31,58,.22)!important;}
body.meta-pro-ui .tpl-wa-head,body.meta-pro-ui .phone-top{background:#075e54!important;color:#fff!important;}
body.meta-pro-ui .tpl-wa-screen,body.meta-pro-ui .phone-chat{background:#efe7dc!important;}
body.meta-pro-ui .tpl-wa-bubble,body.meta-pro-ui .wa-bubble{border-radius:14px!important;background:#fff!important;color:#1c2b33!important;box-shadow:0 2px 10px rgba(12,31,58,.10)!important;font-size:13px!important;line-height:1.45!important;}
/* Live sender */
body.meta-pro-ui .sender-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 380px!important;gap:20px!important;align-items:start!important;}
body.meta-pro-ui .sender-builder{padding:20px!important;}
body.meta-pro-ui .data-panel{border:1px solid var(--meta-border)!important;border-radius:16px!important;background:#fff!important;padding:16px!important;box-shadow:none!important;}
body.meta-pro-ui .template-type-tabs,body.meta-pro-ui .pill-tabs,body.meta-pro-ui .tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 14px!important;}
body.meta-pro-ui .template-type-tabs button,body.meta-pro-ui .pill-tabs button,body.meta-pro-ui .tabs button,body.meta-pro-ui .tab-btn{height:36px!important;border-radius:999px!important;border:1px solid var(--meta-border)!important;background:#fff!important;color:#334e68!important;padding:0 13px!important;font-size:12.5px!important;font-weight:700!important;}
body.meta-pro-ui .template-type-tabs button.active,body.meta-pro-ui .pill-tabs button.active,body.meta-pro-ui .tabs button.active,body.meta-pro-ui .tab-btn.active{background:var(--meta-blue)!important;color:#fff!important;border-color:var(--meta-blue)!important;}
body.meta-pro-ui .manual-table-wrap{border:1px solid var(--meta-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;}
body.meta-pro-ui .manual-table th{background:#f7f9fb!important;font-size:12px!important;color:#314a5d!important;}
body.meta-pro-ui .mini-row{border:1px solid var(--meta-border)!important;border-radius:12px!important;background:#fff!important;}
/* Chat */
body.meta-pro-ui .chat-shell,body.meta-pro-ui .chat-layout{background:#fff!important;border:1px solid var(--meta-border)!important;border-radius:18px!important;box-shadow:var(--meta-shadow)!important;overflow:hidden!important;}
body.meta-pro-ui .chat-list,body.meta-pro-ui .chat-sidebar{background:#fff!important;border-right:1px solid var(--meta-border)!important;}
body.meta-pro-ui .chat-titlebar,body.meta-pro-ui .chat-head{background:#f7f9fb!important;border-bottom:1px solid var(--meta-border)!important;}
body.meta-pro-ui .chat-row,body.meta-pro-ui .conversation-row{border-bottom:1px solid #edf2f7!important;background:#fff!important;}
body.meta-pro-ui .chat-row:hover,body.meta-pro-ui .conversation-row:hover{background:#f8fbff!important;}
body.meta-pro-ui .bubble,body.meta-pro-ui .message-bubble{border-radius:14px!important;box-shadow:0 1px 8px rgba(12,31,58,.06)!important;}
body.meta-pro-ui .bubble.me,body.meta-pro-ui .message-bubble.outgoing{background:#d9fdd3!important;}
/* Webhooks / developer blocks */
body.meta-pro-ui .code-box,body.meta-pro-ui pre,body.meta-pro-ui .example-payload{background:#0f172a!important;color:#e5eef7!important;border:1px solid #203047!important;border-radius:14px!important;box-shadow:none!important;font-size:12.5px!important;line-height:1.55!important;}
body.meta-pro-ui code{background:#f2f6fb!important;color:#153c66!important;border-radius:6px!important;padding:2px 5px!important;font-size:12px!important;}
body.meta-pro-ui .switch-row{border:1px solid var(--meta-border)!important;border-radius:12px!important;background:#fff!important;font-weight:650!important;}
body.meta-pro-ui .switch-row input{accent-color:var(--meta-blue)!important;}
/* Remove visual clutter and keep helper text controlled */
body.meta-pro-ui .floating-chat{display:none!important;}
body.meta-pro-ui .unwanted-copy,body.meta-pro-ui .extra-copy{display:none!important;}
body.meta-pro-ui .tpl-card-title-row p,body.meta-pro-ui .tpl-preview-help,body.meta-pro-ui .minimal-copy{display:none!important;}
body.meta-pro-ui small.muted{display:block!important;max-width:760px!important;}
body.meta-pro-ui .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border-bottom:1px solid var(--meta-border)!important;padding-bottom:12px!important;margin-bottom:14px!important;}
body.meta-pro-ui .actions-inline{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;}
body.meta-pro-ui .text-ok{color:#0a7b44!important}.text-warn{color:#9a6500!important}.text-bad{color:#c91d25!important}
body.meta-pro-ui .crm-toast{position:fixed!important;right:22px!important;bottom:22px!important;background:#1c2b33!important;color:#fff!important;border-radius:12px!important;padding:11px 14px!important;font-size:13px!important;font-weight:700!important;box-shadow:0 16px 36px rgba(12,31,58,.22)!important;z-index:9999!important;opacity:0;transform:translateY(10px);transition:.18s ease!important;}
body.meta-pro-ui .crm-toast.show{opacity:1;transform:none;}
body.meta-pro-ui .is-submitting{opacity:.72!important;pointer-events:none!important;}
@media(max-width:1180px){
  body.meta-pro-ui .sender-layout,body.meta-pro-ui .tpl-workbench{grid-template-columns:1fr!important;}
  body.meta-pro-ui .tpl-preview-sticky,body.meta-pro-ui .mobile-preview-card{position:static!important;}
  body.meta-pro-ui .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:980px){
  body.meta-pro-ui .suite-sidebar,body.meta-pro-ui .sidebar{position:fixed!important;left:0!important;top:0!important;z-index:80!important;transform:translateX(-105%)!important;transition:.18s ease!important;}
  body.meta-pro-ui.sidebar-open .suite-sidebar,body.meta-pro-ui.sidebar-open .sidebar{transform:translateX(0)!important;}
  body.meta-pro-ui .mobile-shade{display:none;position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:70;}
  body.meta-pro-ui.sidebar-open .mobile-shade{display:block;}
  body.meta-pro-ui .suite-main,body.meta-pro-ui .main{width:100%!important;}
  body.meta-pro-ui .suite-content,body.meta-pro-ui .content{padding:18px!important;}
  body.meta-pro-ui .suite-business-switch{display:none!important;}
}
@media(max-width:720px){
  body.meta-pro-ui .suite-topbar,body.meta-pro-ui .topbar{padding:0 14px!important;height:60px!important;min-height:60px!important;}
  body.meta-pro-ui .meta-top-title span{display:none!important;}
  body.meta-pro-ui .suite-wallet{display:none!important;}
  body.meta-pro-ui .suite-user b{max-width:72px!important;}
  body.meta-pro-ui h1,body.meta-pro-ui .hero-title,body.meta-pro-ui .suite-page-title h1{font-size:22px!important;}
  body.meta-pro-ui .page-head,body.meta-pro-ui .suite-page-title,body.meta-pro-ui .section-head{display:block!important;}
  body.meta-pro-ui .page-actions,body.meta-pro-ui .hero-actions,body.meta-pro-ui .actions-inline{margin-top:10px!important;}
  body.meta-pro-ui .grid,body.meta-pro-ui .grid-2,body.meta-pro-ui .grid-3,body.meta-pro-ui .grid-4,body.meta-pro-ui .project-grid{grid-template-columns:1fr!important;}
  body.meta-pro-ui .card,body.meta-pro-ui .suite-card,body.meta-pro-ui .clean-card,body.meta-pro-ui .tpl-editor-card{padding:15px!important;border-radius:15px!important;}
  body.meta-pro-ui .btn{width:auto!important;}
  body.meta-pro-ui .top-left{gap:9px!important;}
}

/* v3.0.7 Sidebar/Main gap fix - flush Meta layout */
body.meta-pro-ui .app{
  display:flex!important;
  gap:0!important;
  align-items:stretch!important;
  width:100%!important;
  min-height:100vh!important;
  overflow:hidden!important;
}
body.meta-pro-ui .sidebar,
body.meta-pro-ui .suite-sidebar{
  position:sticky!important;
  left:0!important;
  top:0!important;
  width:var(--meta-sidebar)!important;
  min-width:var(--meta-sidebar)!important;
  flex:0 0 var(--meta-sidebar)!important;
  margin:0!important;
  transform:none!important;
}
body.meta-pro-ui .main,
body.meta-pro-ui .suite-main{
  margin-left:0!important;
  padding-left:0!important;
  width:auto!important;
  max-width:none!important;
  flex:1 1 auto!important;
  min-width:0!important;
  height:100vh!important;
  overflow:auto!important;
}
body.meta-pro-ui .topbar,
body.meta-pro-ui .suite-topbar{
  margin-left:0!important;
  width:100%!important;
}
body.meta-pro-ui .content,
body.meta-pro-ui .suite-content{
  margin-left:auto!important;
  margin-right:auto!important;
}
body.meta-pro-ui .sidebar + .main,
body.meta-pro-ui .suite-sidebar + .suite-main{
  margin-left:0!important;
}
@media(max-width:980px){
  body.meta-pro-ui .sidebar,
  body.meta-pro-ui .suite-sidebar{
    position:fixed!important;
    flex:0 0 var(--meta-sidebar)!important;
    transform:translateX(-105%)!important;
  }
  body.meta-pro-ui.sidebar-open .sidebar,
  body.meta-pro-ui.sidebar-open .suite-sidebar{
    transform:translateX(0)!important;
  }
  body.meta-pro-ui .main,
  body.meta-pro-ui .suite-main{
    margin-left:0!important;
    width:100%!important;
    flex-basis:100%!important;
  }
}

/* === v3.0.8 Agency Meta Inspired UI System === */
:root{
  --agency-navy:#071a2f;
  --agency-navy-2:#0c2542;
  --agency-blue:#2563eb;
  --agency-blue-2:#3b82f6;
  --agency-green:#10b981;
  --agency-orange:#f97316;
  --agency-red:#ef4444;
  --agency-bg:#f5f7fb;
  --agency-card:#ffffff;
  --agency-border:#e7edf5;
  --agency-text:#0f172a;
  --agency-muted:#64748b;
  --agency-shadow:0 18px 45px rgba(15,23,42,.08);
  --agency-shadow-soft:0 8px 22px rgba(15,23,42,.06);
  --agency-radius:16px;
}
html,body{height:100%;}
body.meta-pro-ui,body.suite-ui{
  margin:0!important;
  background:var(--agency-bg)!important;
  color:var(--agency-text)!important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif!important;
  font-size:14px!important;
  line-height:1.45!important;
  overflow-x:hidden!important;
}
.app{display:flex!important;min-height:100vh!important;background:var(--agency-bg)!important;gap:0!important;}
.sidebar.suite-sidebar{
  width:260px!important;
  min-width:260px!important;
  background:linear-gradient(180deg,var(--agency-navy),#061526)!important;
  color:#d9e6f7!important;
  border-right:0!important;
  box-shadow:12px 0 32px rgba(7,26,47,.12)!important;
  padding:14px 12px!important;
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  overflow-y:auto!important;
}
.suite-brand{height:56px!important;padding:8px 8px 14px!important;margin:0 0 10px!important;display:flex!important;align-items:center!important;gap:10px!important;}
.suite-logo{width:34px!important;height:34px!important;border-radius:11px!important;background:linear-gradient(135deg,var(--agency-green),#22c55e)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;box-shadow:0 10px 24px rgba(16,185,129,.3)!important;overflow:hidden!important;}
.suite-logo img{width:100%!important;height:100%!important;object-fit:cover!important;}
.suite-brand-title{font-size:15px!important;font-weight:800!important;color:#fff!important;letter-spacing:.1px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.suite-menu-search{margin:8px 4px 12px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;height:38px!important;display:flex!important;align-items:center!important;padding:0 10px!important;color:#9fb3ca!important;}
.suite-menu-search input{background:transparent!important;border:0!important;outline:0!important;color:#fff!important;width:100%!important;font-size:13px!important;}
.suite-menu-search input::placeholder{color:#94a9c2!important;}
.side-nav,.suite-nav{display:flex!important;flex-direction:column!important;gap:4px!important;}
.nav-link,.suite-menu-parent{
  min-height:39px!important;
  width:100%!important;
  border:0!important;
  background:transparent!important;
  color:#c8d7ea!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 12px!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:650!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.nav-link:hover,.suite-menu-parent:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;transform:translateX(1px)!important;}
.nav-link.active,.suite-menu-group.open>.suite-menu-parent{background:linear-gradient(135deg,var(--agency-green),#0ea5e9)!important;color:#fff!important;box-shadow:0 10px 22px rgba(16,185,129,.22)!important;}
.suite-subnav{padding:4px 0 4px 14px!important;margin:0 0 4px 8px!important;border-left:1px solid rgba(255,255,255,.12)!important;display:none!important;}
.suite-menu-group.open .suite-subnav{display:flex!important;flex-direction:column!important;gap:3px!important;}
.suite-subnav .nav-link{min-height:34px!important;padding:8px 10px!important;font-size:12.5px!important;border-radius:10px!important;color:#bad0e8!important;}
.suite-subnav .nav-link.active{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:none!important;}
.nav-ico{width:22px!important;height:22px!important;min-width:22px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;background:rgba(255,255,255,.09)!important;color:inherit!important;}
.suite-toggle-caret{margin-left:auto!important;opacity:.65!important;}
.main.suite-main{flex:1!important;min-width:0!important;margin:0!important;padding:0!important;background:var(--agency-bg)!important;}
.topbar.suite-topbar{
  height:70px!important;min-height:70px!important;background:#fff!important;border-bottom:1px solid var(--agency-border)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 24px!important;position:sticky!important;top:0!important;z-index:20!important;box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
}
.menu-btn{width:38px!important;height:38px!important;border:1px solid var(--agency-border)!important;background:#fff!important;border-radius:12px!important;color:#334155!important;font-size:18px!important;}
.meta-top-title strong{font-size:16px!important;color:#111827!important;font-weight:800!important;display:block!important;line-height:1.1!important;}
.meta-top-title span{font-size:12px!important;color:var(--agency-muted)!important;margin-top:2px!important;display:block!important;}
.suite-top-actions{gap:12px!important;display:flex!important;align-items:center!important;}
.suite-wallet{background:#f0f7ff!important;color:#1d4ed8!important;border:1px solid #dbeafe!important;padding:8px 12px!important;border-radius:12px!important;font-weight:800!important;font-size:13px!important;}
.suite-user{display:flex!important;align-items:center!important;gap:10px!important;background:#fff!important;border:1px solid var(--agency-border)!important;border-radius:14px!important;padding:7px 10px!important;box-shadow:var(--agency-shadow-soft)!important;}
.suite-user .avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:#dbeafe!important;color:#1d4ed8!important;display:grid!important;place-items:center!important;font-weight:800!important;}
.suite-user b{font-size:13px!important;color:#111827!important;max-width:140px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;}
.suite-user small{font-size:11px!important;color:#64748b!important;display:block!important;}
.content.suite-content{padding:22px 24px 32px!important;max-width:none!important;width:100%!important;box-sizing:border-box!important;}
.page-head,.clean-page-head,.suite-page-title{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 18px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;}
.page-head h1,.suite-page-title h1{font-size:26px!important;line-height:1.15!important;margin:0!important;font-weight:900!important;color:#0b1220!important;letter-spacing:-.03em!important;}
.page-head p,.suite-page-title p,.muted{color:#64748b!important;font-size:13.5px!important;margin:6px 0 0!important;}
.btn,.suite-primary-btn,button.btn,a.btn{height:40px!important;padding:0 16px!important;border-radius:11px!important;border:1px solid transparent!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important;transition:.18s ease!important;}
.btn:not(.secondary):not(.bad),.suite-primary-btn{background:linear-gradient(135deg,var(--agency-green),#059669)!important;color:#fff!important;box-shadow:0 10px 20px rgba(16,185,129,.18)!important;}
.btn.secondary{background:#fff!important;color:#334155!important;border-color:var(--agency-border)!important;}
.btn.bad{background:#fff1f2!important;color:#e11d48!important;border-color:#fecdd3!important;}
.btn:hover{transform:translateY(-1px)!important;filter:saturate(1.05)!important;}
.card,.suite-card,.clean-card,.clean-stat,.clean-action,.project-card,.template-card{
  background:#fff!important;border:1px solid var(--agency-border)!important;border-radius:var(--agency-radius)!important;box-shadow:var(--agency-shadow-soft)!important;overflow:hidden!important;
}
.grid{gap:16px!important;}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.clean-stats{margin:16px 0!important;}
.clean-stat,.stat{padding:18px!important;min-height:106px!important;position:relative!important;}
.clean-stat:before{content:"";position:absolute;right:16px;top:18px;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#eef6ff,#e9fff6);}
.clean-stat span{font-size:12px!important;color:#64748b!important;font-weight:800!important;text-transform:none!important;}
.clean-stat b{font-size:24px!important;letter-spacing:-.03em!important;color:#0f172a!important;margin-top:8px!important;display:block!important;}
.clean-stat small{font-size:12px!important;color:#94a3b8!important;}
.clean-action{padding:18px!important;min-height:112px!important;color:#0f172a!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.clean-action strong{font-size:15px!important;margin-bottom:6px!important;}
.clean-action span{color:#64748b!important;font-size:13px!important;}
.clean-action:hover{border-color:#bfdbfe!important;box-shadow:var(--agency-shadow)!important;transform:translateY(-2px)!important;}
.clean-card{padding:18px!important;}
.card-title-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important;}
.card-title-row h2,.section-head h2{font-size:16px!important;margin:0!important;color:#0f172a!important;font-weight:900!important;}
.status-list>div,.setup-steps-clean>div{border:1px solid #edf2f7!important;background:#fbfdff!important;border-radius:12px!important;padding:12px!important;margin:8px 0!important;}
.status-list span,.setup-steps-clean span{font-size:13px!important;color:#64748b!important;}
.input,input,select,textarea,.suite-input{
  min-height:42px!important;border:1px solid #dbe3ef!important;background:#fff!important;border-radius:11px!important;padding:10px 12px!important;font-size:13.5px!important;color:#0f172a!important;outline:0!important;box-sizing:border-box!important;width:100%;
}
textarea{min-height:96px!important;resize:vertical!important;}
.input:focus,input:focus,select:focus,textarea:focus{border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(59,130,246,.1)!important;}
.field label{font-size:12.5px!important;color:#334155!important;font-weight:800!important;margin-bottom:6px!important;display:block!important;}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:13px!important;}
th{background:#f8fafc!important;color:#475569!important;font-weight:900!important;font-size:12px!important;text-transform:none!important;padding:13px 14px!important;border-bottom:1px solid var(--agency-border)!important;}
td{padding:13px 14px!important;border-bottom:1px solid var(--agency-border)!important;color:#334155!important;}
tr:hover td{background:#fbfdff!important;}
.alert{border-radius:12px!important;padding:12px 14px!important;border:1px solid var(--agency-border)!important;background:#fff!important;margin-bottom:14px!important;font-size:13px!important;}
.alert.success{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#047857!important}.alert.error{background:#fef2f2!important;border-color:#fecaca!important;color:#b91c1c!important}
/* Dashboard hero inspired by agency preview */
body .clean-page-head:first-of-type{
  padding:22px 24px!important;border-radius:18px!important;background:linear-gradient(110deg,#071a2f 0%,#0f2b4d 55%,#10233e 100%)!important;box-shadow:var(--agency-shadow)!important;position:relative!important;overflow:hidden!important;color:#fff!important;
}
body .clean-page-head:first-of-type:after{content:"";position:absolute;right:-40px;top:-70px;width:380px;height:220px;background:radial-gradient(circle at center,rgba(59,130,246,.55),transparent 62%);opacity:.75;}
body .clean-page-head:first-of-type h1,body .clean-page-head:first-of-type .muted{color:#fff!important;position:relative!important;z-index:1!important;}
body .clean-page-head:first-of-type .muted{opacity:.75!important;max-width:520px!important;}
body .clean-page-head:first-of-type .page-actions{position:relative!important;z-index:1!important;}
/* Onboard project cards */
.project-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important;gap:20px!important;align-items:stretch!important;}
.project-card{min-height:240px!important;border-top:4px solid #ff5b61!important;}
.project-card-inner{padding:20px!important;position:relative!important;}
.project-avatar{width:56px!important;height:56px!important;border-radius:14px!important;background:linear-gradient(135deg,#14b8a6,#2563eb)!important;display:grid!important;place-items:center!important;font-size:25px!important;box-shadow:0 16px 32px rgba(37,99,235,.18)!important;}
.project-tier{position:absolute!important;right:20px!important;top:20px!important;background:#eff6ff!important;color:#2563eb!important;border:1px solid #dbeafe!important;border-radius:10px!important;padding:6px 9px!important;font-weight:900!important;font-size:11px!important;}
.project-active{position:absolute!important;right:20px!important;top:54px!important;color:#059669!important;font-size:12px!important;font-weight:800!important;}
.project-name{font-size:17px!important;font-weight:900!important;color:#0f172a!important;margin-top:18px!important;}
.project-phone{color:#64748b!important;font-size:13px!important;margin-top:3px!important;}
.project-ref{margin-top:14px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:8px 10px!important;font-size:12px!important;color:#64748b!important;display:flex!important;align-items:center!important;gap:8px!important;}
.project-alert{margin-top:14px!important;border-radius:12px!important;padding:10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff7ed!important;border:1px solid #fed7aa!important;color:#c2410c!important;font-size:12px!important;font-weight:800!important;}
.project-actions{border-top:1px solid var(--agency-border)!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;}
.project-actions a{padding:12px 8px!important;text-align:center!important;text-decoration:none!important;color:#1d4ed8!important;font-size:11px!important;font-weight:900!important;border-right:1px solid var(--agency-border)!important;}
.project-actions a:last-child{border-right:0!important;}
.project-add{border:2px dashed #d7e0ec!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:#fbfdff!important;}
.project-add .plus{width:54px!important;height:54px!important;border-radius:50%!important;background:#f1f5f9!important;display:grid!important;place-items:center!important;margin:0 auto 12px!important;font-size:28px!important;color:#94a3b8!important;}
/* Template cards and senders */
.template-card{border-top:4px solid #6366f1!important;}
.template-card .card-body,.template-card-body{padding:16px!important;}
.badge,.status-badge{border-radius:999px!important;padding:5px 9px!important;font-size:11px!important;font-weight:900!important;}
.live-preview,.phone-preview,.mobile-preview,.whatsapp-preview{border-radius:26px!important;box-shadow:0 22px 48px rgba(15,23,42,.16)!important;}
/* Login: dark agency left panel, clean right card */
body.login.simple-login{background:#f4f8fc!important;min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:28px!important;}
.simple-login-wrap{width:min(1080px,100%)!important;min-height:660px!important;background:#fff!important;border-radius:24px!important;box-shadow:0 30px 80px rgba(15,23,42,.12)!important;display:grid!important;grid-template-columns:1fr 1fr!important;overflow:hidden!important;border:1px solid #e5edf6!important;}
.simple-login-left{background:linear-gradient(180deg,rgba(7,26,47,.83),rgba(7,26,47,.96)), radial-gradient(circle at 20% 10%,rgba(59,130,246,.45),transparent 35%)!important;color:#fff!important;padding:54px 48px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;position:relative!important;}
.simple-login-left:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(37,99,235,.08));pointer-events:none;}
.simple-login-left>*{position:relative;z-index:1;}
.simple-login-brand{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:48px!important;}
.simple-brand-logo{width:44px!important;height:44px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--agency-green),#22c55e)!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.simple-brand-logo img{width:100%!important;height:100%!important;object-fit:cover!important;}
.simple-brand-name{font-size:20px!important;font-weight:900!important;color:#fff!important;}
.simple-login-left h1{font-size:34px!important;line-height:1.18!important;letter-spacing:-.04em!important;margin:0 0 16px!important;color:#fff!important;}
.simple-login-left p{font-size:15px!important;color:#c8d7ea!important;max-width:380px!important;margin:0 0 34px!important;}
.simple-benefits{display:grid!important;gap:14px!important;margin-top:30px!important;}
.simple-benefits div{display:flex!important;align-items:center!important;gap:12px!important;color:#dce9f8!important;font-size:13px!important;}
.simple-benefits span{width:28px!important;height:28px!important;border-radius:10px!important;background:rgba(255,255,255,.1)!important;display:grid!important;place-items:center!important;}
.simple-login-card{padding:64px 58px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.simple-login-card h2{font-size:28px!important;line-height:1.15!important;margin:0 0 8px!important;color:#0f172a!important;letter-spacing:-.03em!important;}
.simple-login-card p{font-size:14px!important;color:#64748b!important;margin:0 0 28px!important;}
.login-form .field,.simple-login-card .field{margin-bottom:14px!important;}
.simple-login-card .btn{width:100%!important;height:46px!important;margin-top:8px!important;}
/* Remove excessive helper clutter */
.helper-text,.form-help,.tiny-help,.extra-helper,.unwanted-copy{display:none!important;}
@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sidebar.suite-sidebar{width:244px!important;min-width:244px!important}.topbar.suite-topbar{padding:0 18px!important}.content.suite-content{padding:18px!important}}
@media (max-width:760px){.sidebar.suite-sidebar{position:fixed!important;left:0!important;top:0!important;transform:translateX(-104%)!important;z-index:60!important;transition:.2s ease!important}.sidebar-open .sidebar.suite-sidebar{transform:translateX(0)!important}.main.suite-main{width:100%!important}.topbar.suite-topbar{height:62px!important;padding:0 12px!important}.meta-top-title span,.suite-business-switch,.suite-wallet{display:none!important}.content.suite-content{padding:14px!important}.grid-4,.grid-3,.grid-2,.project-grid{grid-template-columns:1fr!important}.page-head,.suite-page-title{flex-direction:column!important}.simple-login-wrap{grid-template-columns:1fr!important;min-height:unset!important}.simple-login-left{padding:34px 28px!important}.simple-login-card{padding:36px 28px!important}.simple-login-left h1{font-size:28px!important}}

/* v3.0.10 High Quality Graphics Pack */
:root{
  --hq-blue:#2563eb;
  --hq-blue-dark:#0b2a4b;
  --hq-green:#10b981;
  --hq-mint:#ecfdf5;
  --hq-surface:#ffffff;
  --hq-soft:#f5f8fc;
  --hq-border:#dbe5f0;
  --hq-shadow:0 22px 60px rgba(15,23,42,.10);
  --hq-shadow-soft:0 14px 36px rgba(15,23,42,.08);
}
body.meta-pro-ui,
body.suite-ui{background:linear-gradient(180deg,#f7fbff 0%,#f3f7fb 100%)!important;}
.content.suite-content,
.main .content{position:relative;overflow:hidden;}
.content.suite-content:before{
  content:"";position:absolute;right:-180px;top:-120px;width:540px;height:540px;border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.11),rgba(16,185,129,.08) 42%,rgba(255,255,255,0) 70%);
  pointer-events:none;z-index:0;
}
.content.suite-content>*{position:relative;z-index:1;}
.hq-hero-card{
  border:0!important;border-radius:26px!important;overflow:hidden!important;color:#fff!important;
  background:#06192e url('../img/hq/agency-hero.svg') center/cover no-repeat!important;
  min-height:220px!important;padding:30px!important;box-shadow:var(--hq-shadow)!important;
  display:flex!important;align-items:flex-end!important;position:relative!important;
}
.hq-hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.30),rgba(2,8,23,.02) 70%);pointer-events:none;}
.hq-hero-card .hq-hero-content{position:relative;z-index:1;max-width:560px;}
.hq-hero-card h2{font-size:28px!important;line-height:1.12!important;letter-spacing:-.04em!important;margin:0 0 9px!important;color:#fff!important;font-weight:900!important;}
.hq-hero-card p{font-size:14px!important;line-height:1.65!important;color:#d9ebff!important;margin:0 0 18px!important;max-width:520px!important;}
.hq-hero-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;}
.hq-pill-btn{height:40px!important;border-radius:13px!important;padding:0 15px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;border:1px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.15)!important;color:#fff!important;backdrop-filter:blur(12px)!important;}
.hq-pill-btn.primary{background:#10b981!important;border-color:#10b981!important;color:#fff!important;box-shadow:0 12px 24px rgba(16,185,129,.24)!important;}
.clean-stats .card,.card.clean-stat,.clean-action-grid .card,.clean-card,.template-card,.project-card,.suite-card{
  box-shadow:var(--hq-shadow-soft)!important;border:1px solid rgba(219,229,240,.92)!important;background:rgba(255,255,255,.96)!important;
}
.clean-stats .card:hover,.clean-action-grid .card:hover,.template-card:hover,.project-card:hover{transform:translateY(-2px);box-shadow:var(--hq-shadow)!important;transition:.18s ease;}
.hq-visual-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:20px 0!important;}
.hq-visual-card{border-radius:24px!important;background:#fff!important;border:1px solid var(--hq-border)!important;padding:18px!important;box-shadow:var(--hq-shadow-soft)!important;display:flex!important;gap:16px!important;align-items:center!important;min-height:138px!important;overflow:hidden!important;}
.hq-visual-card img{width:112px!important;height:88px!important;object-fit:contain!important;flex:0 0 auto!important;}
.hq-visual-card h3{font-size:15px!important;line-height:1.2!important;margin:0 0 6px!important;color:#0f172a!important;font-weight:900!important;}
.hq-visual-card p{font-size:12px!important;line-height:1.55!important;margin:0!important;color:#64748b!important;}
.empty-state,.suite-empty,.no-data,.empty-box{position:relative!important;}
.empty-state:before,.suite-empty:before,.no-data:before,.empty-box:before{
  content:"";display:block;width:min(240px,70%);height:150px;margin:4px auto 10px;background:url('../img/hq/empty-state.svg') center/contain no-repeat;opacity:.96;
}
.simple-login-left{background:#06192e url('../img/hq/login-visual.svg') center/cover no-repeat!important;}
.simple-login-left:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,23,.08),rgba(2,8,23,.35));pointer-events:none;}
.simple-login-left>*{position:relative;z-index:2;}
.simple-login-left .simple-login-image{display:none!important;}
.simple-login-card,.simple-auth-box{box-shadow:none!important;}
.simple-login-wrap{box-shadow:0 34px 90px rgba(15,23,42,.14)!important;border-radius:28px!important;}
.simple-login-card h2,.simple-auth-box h2{font-size:30px!important;font-weight:900!important;letter-spacing:-.045em!important;}
.page-head.clean-page-head,.suite-page-title,.page-head{background:rgba(255,255,255,.74)!important;border:1px solid rgba(219,229,240,.9)!important;border-radius:22px!important;padding:18px 20px!important;box-shadow:0 10px 28px rgba(15,23,42,.05)!important;backdrop-filter:blur(16px)!important;}
.page-head h1,.suite-page-title h1{font-size:26px!important;letter-spacing:-.04em!important;}
.btn,.simple-login-btn,button[type=submit]{box-shadow:0 10px 22px rgba(16,185,129,.16)!important;}
.btn:hover,.simple-login-btn:hover,button[type=submit]:hover{transform:translateY(-1px);filter:saturate(1.06);}
.table-wrap,.data-table,.table-card{box-shadow:var(--hq-shadow-soft)!important;border-radius:22px!important;overflow:hidden!important;}
input,select,textarea{box-shadow:0 1px 0 rgba(15,23,42,.02)!important;}
@media(max-width:1100px){.hq-visual-strip{grid-template-columns:1fr!important}.hq-hero-card{min-height:200px!important}}
@media(max-width:760px){.hq-hero-card{padding:22px!important;border-radius:20px!important}.hq-hero-card h2{font-size:24px!important}.hq-visual-card{align-items:flex-start!important}.hq-visual-card img{width:90px!important;height:76px!important}.simple-login-left{min-height:340px!important}}

/* v3.0.11 True high-quality graphics + top-class icon system */
:root{
  --gfx-navy:#08111f;
  --gfx-blue:#2563eb;
  --gfx-sky:#38bdf8;
  --gfx-green:#10b981;
  --gfx-soft:#f7fafc;
  --gfx-card-shadow:0 20px 55px rgba(15,23,42,.09);
  --gfx-card-shadow-hover:0 26px 75px rgba(15,23,42,.13);
}
body.ultra-graphics-ui{background:#f6f9fd;color:#111827;background-image:radial-gradient(circle at 15% -4%,rgba(37,99,235,.10),transparent 26%),radial-gradient(circle at 90% 4%,rgba(16,185,129,.09),transparent 26%)}
body.ultra-graphics-ui:before{opacity:.35;background-size:54px 54px}
.ultra-graphics-ui .sidebar{background:linear-gradient(180deg,#07111f 0%,#0a1628 58%,#0d2338 100%);box-shadow:20px 0 55px rgba(2,6,23,.24);border-right:1px solid rgba(148,163,184,.16)}
.ultra-graphics-ui .suite-brand{padding:12px 10px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}
.ultra-graphics-ui .suite-logo{background:linear-gradient(135deg,#ffffff,#dbeafe);box-shadow:0 12px 32px rgba(37,99,235,.22)}
.ultra-graphics-ui .suite-brand-title{letter-spacing:-.03em;font-weight:950;color:#fff}
.ultra-graphics-ui .suite-menu-search{height:44px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}
.ultra-graphics-ui .nav-link,.ultra-graphics-ui .suite-menu-parent{min-height:42px;border-radius:13px;color:#c8d5e8;font-size:13.5px;font-weight:760;letter-spacing:-.01em}
.ultra-graphics-ui .nav-link:hover,.ultra-graphics-ui .suite-menu-parent:hover{background:rgba(255,255,255,.075);color:#fff;transform:none}
.ultra-graphics-ui .nav-link.active{background:linear-gradient(135deg,#0bbf83,#2078ff);box-shadow:0 14px 34px rgba(16,185,129,.18),inset 0 1px 0 rgba(255,255,255,.22)}
.ultra-graphics-ui .nav-ico{width:31px;height:31px;border-radius:11px;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.08);color:#dbeafe;box-shadow:inset 0 1px 0 rgba(255,255,255,.10);font-size:0;overflow:hidden}
.ultra-graphics-ui .nav-link.active .nav-ico,.ultra-graphics-ui .suite-menu-parent.active .nav-ico{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.24)}
.ultra-graphics-ui .nav-ico svg{width:18px;height:18px;display:block;fill:currentColor;opacity:.96}
.ultra-graphics-ui .nav-ico img.ui-menu-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.15))}
.ultra-graphics-ui .nav-fallback-glyph{font-size:12px;font-weight:900;letter-spacing:-.02em}
.ultra-graphics-ui .suite-main{background:linear-gradient(180deg,#f8fbff 0%,#ffffff 54%,#f8fafc 100%)}
.ultra-graphics-ui .suite-topbar{height:74px;background:rgba(255,255,255,.92);border-bottom:1px solid #e6edf5;box-shadow:0 10px 26px rgba(15,23,42,.035);backdrop-filter:blur(18px)}
.ultra-graphics-ui .meta-top-title strong{font-size:17px;font-weight:900;letter-spacing:-.035em;color:#0f172a}.ultra-graphics-ui .meta-top-title span{font-size:12px;color:#64748b;font-weight:650}.ultra-graphics-ui .suite-wallet{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;border-radius:999px;padding:9px 12px;font-weight:900;box-shadow:0 8px 18px rgba(16,185,129,.08)}.ultra-graphics-ui .suite-user{background:#fff;border:1px solid #e5edf5;border-radius:999px;padding:6px 10px 6px 6px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.ultra-graphics-ui .avatar{background:linear-gradient(135deg,#0ea5e9,#10b981);box-shadow:0 8px 20px rgba(14,165,233,.25)}
.ultra-page-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:156px;margin:0 0 22px;padding:26px 28px;border-radius:30px;background:#07111f url('../img/graphics/meta-dashboard.svg') center/cover no-repeat;color:#fff;box-shadow:0 24px 75px rgba(15,23,42,.15);isolation:isolate}.ultra-page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,17,.82),rgba(10,22,40,.58) 46%,rgba(7,17,31,.18));z-index:-1}.ultra-page-hero:after{content:"";position:absolute;right:0;top:0;bottom:0;width:48%;background:radial-gradient(circle at 65% 35%,rgba(34,197,94,.24),transparent 42%),radial-gradient(circle at 35% 70%,rgba(37,99,235,.22),transparent 40%);z-index:-1}.ultra-hero-copy{max-width:740px}.ultra-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.ultra-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.18)}.ultra-page-hero h1{margin:0 0 7px;font-size:30px;line-height:1.08;font-weight:950;letter-spacing:-.05em;color:#fff}.ultra-page-hero p{margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.55;max-width:680px}.ultra-hero-art{position:relative;width:250px;height:110px;flex:0 0 250px}.ultra-art-card{position:absolute;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 16px 35px rgba(2,6,23,.22)}.ultra-art-card:before{content:"";position:absolute;inset:17px;border-radius:14px;background:linear-gradient(135deg,#dbeafe,#dcfce7)}.ultra-art-card.one{width:112px;height:82px;right:112px;top:20px}.ultra-art-card.two{width:92px;height:92px;right:46px;top:2px;background:#ecfdf5}.ultra-art-card.two:before{background:linear-gradient(135deg,#10b981,#2563eb)}.ultra-art-card.three{width:66px;height:66px;right:0;top:42px;background:#eff6ff}.ultra-art-card.three:before{inset:14px;background:#60a5fa}
.ultra-graphics-ui .content,.ultra-graphics-ui .suite-content{padding:22px 26px;max-width:none;width:100%;margin:0}.ultra-graphics-ui .card,.ultra-graphics-ui .page-hero,.ultra-graphics-ui .hero-card,.ultra-graphics-ui .sender-builder,.ultra-graphics-ui .mobile-preview-card,.ultra-graphics-ui .report-card,.ultra-graphics-ui .table-wrap{border-radius:22px;border:1px solid #e3ebf5;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--gfx-card-shadow)}.ultra-graphics-ui .card:hover,.ultra-graphics-ui .sender-builder:hover,.ultra-graphics-ui .mobile-preview-card:hover{box-shadow:var(--gfx-card-shadow-hover)}.ultra-graphics-ui .card:before{content:"";position:absolute;right:-45px;top:-48px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.10),transparent 68%);pointer-events:none}.ultra-graphics-ui .stat:before{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #e5edf5}.ultra-graphics-ui .stat .num{font-size:31px;color:#0f172a}.ultra-graphics-ui .btn{border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#0bbf83);box-shadow:0 12px 24px rgba(14,165,233,.18);font-weight:900}.ultra-graphics-ui .btn.secondary{background:#fff;color:#0f172a;border:1px solid #dde7f1;box-shadow:0 8px 20px rgba(15,23,42,.045)}.ultra-graphics-ui .badge{border-radius:999px;font-weight:900}.ultra-graphics-ui .input,.ultra-graphics-ui select,.ultra-graphics-ui textarea{border-radius:13px;border-color:#dce7f2;background:#fff;min-height:45px;font-size:14px}.ultra-graphics-ui .field label{color:#334155;font-size:12.5px;text-transform:none;letter-spacing:0}.ultra-graphics-ui .table th{background:#f8fafc;color:#526174;font-size:11.5px}.ultra-graphics-ui .table td{font-size:13.5px;color:#172033}.ultra-graphics-ui .template-card,.ultra-graphics-ui .project-card,.ultra-graphics-ui .business-card{background:#fff;border:1px solid #e5edf5;border-radius:22px;box-shadow:var(--gfx-card-shadow)}
.ultra-graphics-ui .empty-state,.ultra-graphics-ui .empty,.ultra-graphics-ui .no-data{position:relative;text-align:center;padding-top:150px}.ultra-graphics-ui .empty-state:before,.ultra-graphics-ui .empty:before,.ultra-graphics-ui .no-data:before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:210px;height:130px;background:url('../img/graphics/empty-pro.svg') center/contain no-repeat;opacity:.95}.ultra-graphics-ui .phone-shell{box-shadow:0 24px 60px rgba(15,23,42,.22),0 0 0 8px rgba(15,23,42,.035)}.ultra-graphics-ui .phone-top{background:linear-gradient(135deg,#075e54,#00a884)}.ultra-graphics-ui .chat-wrap{gap:14px}.ultra-graphics-ui .chat-list,.ultra-graphics-ui .chat-main,.ultra-graphics-ui .chat-side{border-radius:20px;box-shadow:var(--gfx-card-shadow);border-color:#e5edf5}.ultra-graphics-ui .bubble{box-shadow:0 8px 18px rgba(15,23,42,.06)}
body.login.simple-login{background:#f6f9fd}.simple-login-wrap{max-width:1240px;min-height:760px}.simple-login-left{background:#07111f!important;color:#fff!important;position:relative;overflow:hidden}.simple-login-left:before{content:"";position:absolute;inset:0;background:url('../img/graphics/login-agency.svg') center/cover no-repeat;opacity:.48}.simple-login-left>*{position:relative}.simple-login-image.premium-graphic{border-radius:28px;overflow:hidden;box-shadow:0 22px 55px rgba(2,6,23,.22);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08)}.simple-login-image.premium-graphic img{display:block;width:100%;max-height:220px;object-fit:cover}.simple-login-left h1{color:#fff!important;text-shadow:0 8px 24px rgba(0,0,0,.25)}.simple-login-left p,.simple-login-copy{color:rgba(255,255,255,.76)!important}.simple-benefits div{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:10px 12px}.simple-auth-box{box-shadow:0 24px 70px rgba(15,23,42,.08);border:1px solid #e5edf5;border-radius:30px}.simple-login-btn{background:linear-gradient(135deg,#2563eb,#10b981)!important;box-shadow:0 16px 30px rgba(37,99,235,.22)}
@media(max-width:1100px){.ultra-page-hero{min-height:140px}.ultra-hero-art{display:none}.ultra-page-hero h1{font-size:25px}.ultra-page-hero p{font-size:13px}.ultra-graphics-ui .content,.ultra-graphics-ui .suite-content{padding:18px}}
@media(max-width:780px){.ultra-page-hero{border-radius:22px;padding:20px}.ultra-page-hero h1{font-size:22px}.ultra-kicker{font-size:10px}.ultra-graphics-ui .suite-topbar{height:auto;min-height:68px;align-items:flex-start}.ultra-graphics-ui .suite-top-actions{gap:8px}.simple-login-wrap{min-height:auto}.simple-login-left:before{opacity:.35}}


/* === v3.0.12 Real WhatsApp Clean UI polish === */
:root{
  --wa-green:#00a884;
  --wa-green-dark:#008069;
  --wa-dark:#111b21;
  --wa-panel:#ffffff;
  --wa-bg:#f0f2f5;
  --wa-chat:#efeae2;
  --wa-border:#e9edef;
  --wa-text:#111b21;
  --wa-muted:#667781;
  --wa-radius:18px;
  --wa-shadow:0 10px 30px rgba(17,27,33,.08);
}
html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--wa-text);background:var(--wa-bg)!important;font-size:14px;line-height:1.45;}
body.suite-ui,body.meta-pro-ui,body.ultra-graphics-ui{background:var(--wa-bg)!important;overflow-x:hidden;}
.app{display:flex;min-height:100vh;background:var(--wa-bg)!important;gap:0!important;}
.sidebar,.suite-sidebar{width:282px!important;min-width:282px!important;background:var(--wa-panel)!important;border-right:1px solid var(--wa-border)!important;box-shadow:none!important;color:var(--wa-text)!important;}
.suite-brand{height:74px!important;padding:16px 18px!important;border-bottom:1px solid var(--wa-border)!important;background:linear-gradient(135deg,#ffffff 0%,#f7fffb 100%)!important;display:flex!important;align-items:center!important;gap:12px!important;}
.suite-logo{width:42px!important;height:42px!important;border-radius:14px!important;background:var(--wa-green-dark)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 8px 18px rgba(0,128,105,.18)!important;overflow:hidden!important;}
.suite-logo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:14px!important;}
.suite-brand-title{font-size:15px!important;font-weight:750!important;letter-spacing:-.01em!important;color:var(--wa-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.suite-menu-search{margin:14px 14px 10px!important;height:42px!important;border:1px solid var(--wa-border)!important;background:#f7f8fa!important;border-radius:999px!important;color:var(--wa-muted)!important;display:flex!important;align-items:center!important;padding:0 14px!important;gap:8px!important;}
.suite-menu-search input{border:0!important;background:transparent!important;outline:none!important;font-size:13px!important;color:var(--wa-text)!important;width:100%!important;}
.side-nav,.suite-nav{padding:6px 10px 20px!important;}
.nav-link,.suite-menu-parent{min-height:42px!important;border-radius:12px!important;margin:2px 0!important;padding:10px 12px!important;color:#33443f!important;text-decoration:none!important;font-size:13px!important;font-weight:620!important;letter-spacing:-.005em!important;display:flex!important;align-items:center!important;gap:10px!important;border:0!important;background:transparent!important;width:100%!important;}
.nav-link:hover,.suite-menu-parent:hover{background:#f0f9f6!important;color:var(--wa-green-dark)!important;}
.nav-link.active{background:#e7f7f1!important;color:var(--wa-green-dark)!important;box-shadow:inset 3px 0 0 var(--wa-green)!important;}
.nav-ico{width:28px!important;height:28px!important;border-radius:10px!important;background:#f2f5f4!important;color:var(--wa-green-dark)!important;display:grid!important;place-items:center!important;flex:0 0 28px!important;font-size:13px!important;line-height:1!important;}
.nav-link.active .nav-ico,.suite-menu-parent[aria-expanded="true"] .nav-ico{background:var(--wa-green)!important;color:#fff!important;}
.suite-subnav{padding-left:8px!important;margin:4px 0 8px!important;border-left:1px solid #edf3f1!important;}
.suite-subnav .nav-link{min-height:38px!important;padding:8px 10px 8px 12px!important;font-size:12.7px!important;font-weight:600!important;}
.suite-toggle-caret{margin-left:auto!important;color:var(--wa-muted)!important;font-size:14px!important;transition:transform .2s ease!important;}
.suite-menu-group.open .suite-toggle-caret{transform:rotate(180deg)!important;}
.main,.suite-main{flex:1!important;margin:0!important;padding:0!important;min-width:0!important;background:var(--wa-bg)!important;}
.topbar,.suite-topbar{height:74px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid var(--wa-border)!important;box-shadow:none!important;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:sticky!important;top:0!important;z-index:20!important;}
.meta-top-title strong{font-size:18px!important;line-height:1.2!important;font-weight:760!important;color:var(--wa-text)!important;letter-spacing:-.02em!important;}
.meta-top-title span{font-size:12.5px!important;color:var(--wa-muted)!important;margin-top:3px!important;display:block!important;}
.top-right,.suite-top-actions{gap:10px!important;align-items:center!important;}
.wallet-pill,.role-pill,.company-pill,.top-pill,.badge{border:1px solid var(--wa-border)!important;background:#fff!important;color:#34443f!important;border-radius:999px!important;padding:8px 12px!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;}
.wallet-pill{background:#e7f7f1!important;color:var(--wa-green-dark)!important;border-color:#cceee2!important;}
.content,.page-content,.main-content,.suite-content{padding:22px 24px 34px!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;}
.card,.panel,.box,.stat-card,.suite-card,.crm-card,.form-card,.table-card,.dashboard-card,.whatsapp-card{background:var(--wa-panel)!important;border:1px solid var(--wa-border)!important;border-radius:var(--wa-radius)!important;box-shadow:var(--wa-shadow)!important;color:var(--wa-text)!important;}
.card,.panel,.suite-card,.crm-card,.form-card{padding:20px!important;}
h1,h2,h3,h4{color:var(--wa-text)!important;letter-spacing:-.025em!important;line-height:1.18!important;margin-top:0!important;}
h1{font-size:24px!important;font-weight:800!important;} h2{font-size:20px!important;font-weight:760!important;} h3{font-size:16px!important;font-weight:750!important;} h4{font-size:14px!important;font-weight:720!important;}
p,.muted,.hint,.small,small{color:var(--wa-muted)!important;line-height:1.5!important;}
/* Remove noisy helper copy while keeping errors and labels visible */
.hero-subtitle,.dashboard-subtitle,.section-helper,.helper-copy,.extra-copy,.promo-copy,.simple-benefits,.simple-login-note,.simple-login-copy{display:none!important;}
.alert,.notice{border-radius:14px!important;padding:12px 14px!important;font-size:13px!important;border:1px solid transparent!important;}
.alert.success,.notice.success{background:#e7f7f1!important;color:#066b55!important;border-color:#cceee2!important;}.alert.error,.notice.error{background:#fff1f0!important;color:#b42318!important;border-color:#ffd7d2!important;}
button,.btn,.button,input[type="submit"],.simple-login-btn{border-radius:12px!important;font-weight:730!important;min-height:42px!important;padding:10px 16px!important;border:0!important;transition:transform .12s ease,box-shadow .12s ease,background .12s ease!important;}
.btn-primary,.button-primary,.simple-login-btn,button.primary,input[type="submit"]{background:var(--wa-green-dark)!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,128,105,.20)!important;}
.btn-primary:hover,.button-primary:hover,.simple-login-btn:hover,button.primary:hover,input[type="submit"]:hover{background:#066f5c!important;transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(0,128,105,.24)!important;}
.btn-secondary,.button-secondary,.btn-light{background:#f4f7f6!important;color:var(--wa-text)!important;border:1px solid var(--wa-border)!important;box-shadow:none!important;}
input,select,textarea{border:1px solid #dbe4e1!important;border-radius:12px!important;background:#fff!important;color:var(--wa-text)!important;font-size:13.5px!important;min-height:42px!important;box-shadow:none!important;outline:none!important;}
input:focus,select:focus,textarea:focus{border-color:var(--wa-green)!important;box-shadow:0 0 0 3px rgba(0,168,132,.12)!important;}
label{font-size:12.5px!important;font-weight:740!important;color:#34443f!important;margin-bottom:6px!important;display:inline-block!important;}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid var(--wa-border)!important;border-radius:16px!important;overflow:hidden!important;}
th{background:#f7f9f8!important;color:#3b4b46!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important;font-weight:760!important;padding:12px 14px!important;border-bottom:1px solid var(--wa-border)!important;}
td{padding:12px 14px!important;border-bottom:1px solid #eef2f1!important;color:#1d2b27!important;font-size:13px!important;vertical-align:middle!important;}tr:hover td{background:#f8fbfa!important;}tr:last-child td{border-bottom:0!important;}
/* WhatsApp-like chat and preview */
.chat-wrap,.live-chat,.chat-shell,.wa-chat-shell{background:#fff!important;border:1px solid var(--wa-border)!important;border-radius:20px!important;overflow:hidden!important;box-shadow:var(--wa-shadow)!important;}
.chat-list,.chat-sidebar{background:#fff!important;border-right:1px solid var(--wa-border)!important;}
.chat-window,.chat-messages,.wa-preview,.mobile-preview,.phone-preview,.preview-phone{background-color:var(--wa-chat)!important;background-image:radial-gradient(rgba(17,27,33,.04) 1px,transparent 1px)!important;background-size:18px 18px!important;border-radius:18px!important;}
.message.out,.bubble.out,.wa-bubble.out{background:#d9fdd3!important;color:var(--wa-text)!important;border-radius:14px 14px 3px 14px!important;}
.message.in,.bubble.in,.wa-bubble.in{background:#fff!important;color:var(--wa-text)!important;border-radius:14px 14px 14px 3px!important;}
/* Live sender: keep only data-fill focus */
.sender-hero,.sender-extra-copy,.template-body-preview,.template-full-body,.body-template-box,.unwanted-template-copy{display:none!important;}
.template-type-tabs,.wa-tabs,.tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:16px!important;}
.template-type-tabs button,.wa-tabs button,.tabs .tab{border-radius:999px!important;background:#fff!important;border:1px solid var(--wa-border)!important;color:#40524c!important;min-height:36px!important;padding:8px 14px!important;font-size:12.5px!important;box-shadow:none!important;}
.template-type-tabs button.active,.wa-tabs button.active,.tabs .tab.active{background:#e7f7f1!important;color:var(--wa-green-dark)!important;border-color:#bfe9dc!important;}
/* Login screen - clean real WhatsApp feel */
body.login.simple-login{background:#eae6df!important;color:var(--wa-text)!important;min-height:100vh!important;}
.simple-login-wrap{min-height:100vh!important;background:linear-gradient(180deg,#00a884 0 22%,#eae6df 22% 100%)!important;display:grid!important;grid-template-columns:minmax(360px,.9fr) minmax(380px,1fr)!important;gap:0!important;padding:0!important;}
.simple-login-left{background:transparent!important;color:#fff!important;padding:64px 54px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:100vh!important;}
.simple-login-brand{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:28px!important;}
.simple-brand-logo{width:52px!important;height:52px!important;border-radius:16px!important;background:#fff!important;color:var(--wa-green-dark)!important;display:grid!important;place-items:center!important;font-weight:800!important;box-shadow:0 16px 34px rgba(0,0,0,.12)!important;overflow:hidden!important;}
.simple-brand-logo img{width:100%!important;height:100%!important;object-fit:cover!important;}
.simple-brand-name{font-size:22px!important;font-weight:800!important;color:#fff!important;letter-spacing:-.03em!important;}
.simple-login-left h1{color:#fff!important;font-size:34px!important;max-width:520px!important;margin:0 0 12px!important;}.simple-login-left p{color:rgba(255,255,255,.86)!important;max-width:440px!important;font-size:15px!important;}
.simple-login-image{max-width:420px!important;margin:28px 0 0!important;}.simple-login-image img{width:100%!important;filter:drop-shadow(0 22px 40px rgba(0,0,0,.18))!important;}
.simple-login-right{display:grid!important;place-items:center!important;padding:36px!important;}
.simple-auth-box{width:min(430px,100%)!important;background:#fff!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:24px!important;box-shadow:0 28px 80px rgba(17,27,33,.18)!important;padding:34px!important;}
.simple-auth-box h2{font-size:26px!important;margin:0 0 6px!important;}.simple-auth-box>p{display:none!important;}.simple-login-form{display:grid!important;gap:11px!important;}.simple-input-row{height:46px!important;border:1px solid #dce5e2!important;border-radius:14px!important;background:#fff!important;display:flex!important;align-items:center!important;padding:0 12px!important;gap:8px!important;}.simple-input-row input{border:0!important;box-shadow:none!important;min-height:0!important;height:100%!important;padding:0!important;}
.simple-or,.simple-social-login{margin-top:18px!important;}.simple-facebook-btn,.simple-outline-btn{border-radius:12px!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-weight:730!important;}
@media(max-width:960px){.sidebar,.suite-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:80!important;transform:translateX(-105%)!important;transition:transform .25s ease!important;}body.sidebar-open .sidebar,body.sidebar-open .suite-sidebar{transform:translateX(0)!important;}.main,.suite-main{width:100%!important;}.topbar,.suite-topbar{padding:0 16px!important;}.content,.page-content,.main-content,.suite-content{padding:16px!important;}.simple-login-wrap{grid-template-columns:1fr!important;background:#eae6df!important;}.simple-login-left{min-height:auto!important;padding:34px 24px!important;background:var(--wa-green-dark)!important;}.simple-login-image{display:none!important;}.simple-login-right{padding:22px!important;}.simple-auth-box{padding:26px!important;border-radius:20px!important;}}
@media(max-width:560px){h1{font-size:21px!important;}h2{font-size:18px!important;}.topbar,.suite-topbar{height:64px!important;}.meta-top-title strong{font-size:16px!important;}.card,.panel,.suite-card,.crm-card,.form-card{padding:16px!important;border-radius:16px!important;}.simple-login-left h1{font-size:26px!important;}.simple-auth-box h2{font-size:23px!important;}}


/* v3.0.13 - Clean no-graphics interface */
:root{
  --bg:#f6f7f9!important;--bg2:#f6f7f9!important;--card:#ffffff!important;--card2:#ffffff!important;
  --text:#111827!important;--muted:#6b7280!important;--soft:#9ca3af!important;--line:#e5e7eb!important;
  --primary:#008069!important;--primary2:#00a884!important;--accent:#00a884!important;
  --sidebar:#ffffff!important;--sidebar2:#ffffff!important;--radius:14px!important;
  --shadow:0 6px 18px rgba(17,24,39,.06)!important;--shadow2:0 2px 8px rgba(17,24,39,.05)!important;
}
html,body{background:#f6f7f9!important;color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:14px!important;line-height:1.45!important;letter-spacing:0!important;overflow-x:hidden!important;}
body:before,.sidebar:before,.page-hero:after,.hero-card:after,.stat:before,.ultra-page-hero,.ultra-hero-art,.hq-hero-card,.hq-visual-strip,.premium-graphic,.simple-login-image,.login-graphic,.dashboard-graphic,.suite-graphic,.empty-state:before,.suite-empty:before,.no-data:before,.empty-box:before,.ultra-graphics-ui .empty-state:before,.ultra-graphics-ui .empty:before,.ultra-graphics-ui .no-data:before{display:none!important;content:none!important;background:none!important;}
img[src*="/graphics/"],img[src*="/hq/"],img[src*="assets/img/graphics"],img[src*="assets/img/hq"]{display:none!important;}
.app{background:#f6f7f9!important;}
.sidebar,.suite-sidebar{width:268px!important;background:#fff!important;color:#111827!important;border-right:1px solid var(--line)!important;box-shadow:none!important;padding:16px 12px!important;}
.main,.suite-main{margin-left:268px!important;width:calc(100% - 268px)!important;background:#f6f7f9!important;}
.content,.suite-content{padding:18px 20px!important;max-width:none!important;margin:0!important;}
.topbar,.suite-topbar{height:64px!important;background:#fff!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:none!important;padding:0 20px!important;}
.suite-brand,.brand{margin:0 0 14px!important;padding:6px 6px!important;gap:10px!important;}
.suite-logo,.brand-mark{width:38px!important;height:38px!important;border-radius:10px!important;background:#e7f7ef!important;color:#008069!important;box-shadow:none!important;}
.suite-logo img,.brand-mark img{display:block!important;object-fit:contain!important;max-width:100%!important;max-height:100%!important;}
.suite-brand-title,.brand-title{font-size:15px!important;font-weight:800!important;color:#111827!important;line-height:1.2!important;}
.brand-subtitle,.sidebar-card,.quick-search,.suite-menu-search,.hero-subtitle,.page-hero,.hero-card{display:none!important;}
.nav-heading{display:none!important;}
.side-nav,.suite-nav{gap:2px!important;}
.nav-link,.suite-menu-parent{height:40px!important;padding:0 10px!important;border-radius:10px!important;color:#374151!important;background:transparent!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important;transform:none!important;}
.nav-link:hover,.suite-menu-parent:hover{background:#f1f5f3!important;color:#008069!important;transform:none!important;}
.nav-link.active{background:#e7f7ef!important;color:#008069!important;box-shadow:none!important;}
.nav-ico{width:28px!important;height:28px!important;border-radius:8px!important;background:#f3f4f6!important;color:#008069!important;font-size:12px!important;box-shadow:none!important;}
.nav-link.active .nav-ico{background:#d9f3e7!important;color:#008069!important;}
.suite-subnav{padding-left:6px!important;margin:2px 0 8px!important;border-left:1px solid #e5e7eb!important;}
.suite-subnav .nav-link{height:36px!important;font-size:12.5px!important;}
.meta-top-title strong,.top-title{font-size:18px!important;font-weight:800!important;letter-spacing:-.01em!important;color:#111827!important;}
.meta-top-title span,.eyebrow{display:none!important;}
.suite-wallet,.user-pill,.suite-user{height:36px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important;color:#374151!important;font-size:12.5px!important;}
.avatar{width:28px!important;height:28px!important;background:#e7f7ef!important;color:#008069!important;box-shadow:none!important;}
.card,.clean-card,.compact-card,.project-card,.template-card,.data-table,.table-card,.chat-list,.chat-main,.chat-side{background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(17,24,39,.04)!important;padding:16px!important;overflow:hidden!important;}
.card:hover,.clean-stats .card:hover,.clean-action-grid .card:hover,.template-card:hover,.project-card:hover{transform:none!important;box-shadow:0 2px 8px rgba(17,24,39,.06)!important;}
.grid{gap:14px!important;}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
h1{font-size:24px!important;line-height:1.2!important;margin:0 0 12px!important;font-weight:850!important;letter-spacing:-.02em!important;}h2{font-size:18px!important;line-height:1.25!important;margin:0 0 12px!important;font-weight:800!important;}h3{font-size:15px!important;line-height:1.25!important;margin:0 0 10px!important;font-weight:800!important;}.muted,p,small{color:var(--muted)!important;}
.page-head,.clean-page-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.page-head p,.clean-page-head p,.note-box,.minimal-help,.help-text,.small-help{display:none!important;}
.btn,.simple-login-btn,.hq-pill-btn{min-height:38px!important;border-radius:10px!important;padding:9px 13px!important;font-size:13px!important;font-weight:750!important;background:#008069!important;color:#fff!important;box-shadow:none!important;border:1px solid #008069!important;transform:none!important;}
.btn:hover,.simple-login-btn:hover{background:#006d5b!important;box-shadow:none!important;transform:none!important;}.btn.secondary,.simple-outline-btn,.simple-facebook-btn{background:#fff!important;color:#008069!important;border:1px solid #cde9de!important;box-shadow:none!important;}.btn.bad{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;}.btn.warn{background:#d97706!important;border-color:#d97706!important;color:#fff!important;}
.input,select,textarea,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="url"]{min-height:40px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;padding:9px 11px!important;font-size:13px!important;color:#111827!important;box-shadow:none!important;}
.input:focus,select:focus,textarea:focus,input:focus{border-color:#008069!important;box-shadow:0 0 0 3px rgba(0,128,105,.10)!important;outline:0!important;}
.field label,label{font-size:12.5px!important;font-weight:750!important;color:#374151!important;margin-bottom:6px!important;}
.table-wrap{border-radius:12px!important;border:1px solid var(--line)!important;background:#fff!important;box-shadow:none!important;}.table th,.table td{padding:10px 12px!important;font-size:13px!important;border-bottom:1px solid var(--line)!important;}.table th{background:#f9fafb!important;color:#4b5563!important;font-size:11px!important;letter-spacing:.04em!important;}.table tr:hover td{background:#f9fffc!important;}
.badge{border-radius:999px!important;padding:4px 9px!important;font-size:11.5px!important;font-weight:750!important;box-shadow:none!important;}
.clean-stat,.stat{min-height:auto!important;padding:14px!important;}.clean-stat b,.stat .num{font-size:24px!important;letter-spacing:-.02em!important;margin:4px 0!important;}.clean-stat span,.stat .muted{font-size:11.5px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;}
.clean-action{min-height:88px!important;}.clean-action span{display:block!important;margin-top:6px!important;font-size:12.5px!important;color:#6b7280!important;line-height:1.45!important;}
.messages{background:#efeae2!important;padding:14px!important;}.bubble{box-shadow:none!important;border-radius:8px!important;font-size:13px!important;line-height:1.45!important;}.bubble.agent{background:#d9fdd3!important;color:#111827!important;}.bubble.customer{background:#fff!important;border:0!important;}.chat-wrap{gap:12px!important;height:calc(100vh - 104px)!important;}.composer{height:72px!important;padding:10px!important;}
.phone-shell,.mobile-preview,.wa-preview,.tpl-wa-phone{box-shadow:none!important;border:1px solid var(--line)!important;border-radius:18px!important;background:#fff!important;}.phone-top,.tpl-wa-head{background:#008069!important;color:#fff!important;}
.empty-state,.suite-empty,.no-data,.empty-box{padding:18px!important;text-align:center!important;background:#fff!important;border:1px dashed var(--line)!important;border-radius:12px!important;color:#6b7280!important;}
.clean-login-page{min-height:100vh!important;display:grid!important;place-items:center!important;background:#f6f7f9!important;padding:24px!important;}.clean-login-card{width:min(420px,100%)!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:24px!important;box-shadow:0 8px 24px rgba(17,24,39,.08)!important;}.clean-login-brand{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:22px!important;}.clean-login-logo{width:44px!important;height:44px!important;border-radius:12px!important;background:#e7f7ef!important;color:#008069!important;display:grid!important;place-items:center!important;font-weight:850!important;overflow:hidden!important;}.clean-login-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:4px!important;}.clean-login-brand h1{font-size:17px!important;margin:0!important;}.clean-login-brand p{display:none!important;}.clean-login-title h2{font-size:22px!important;margin:0 0 6px!important;}.clean-login-title p{display:none!important;}.clean-login-form{display:grid!important;gap:8px!important;margin-top:16px!important;}.clean-login-submit{width:100%!important;margin-top:8px!important;}.clean-login-social{display:grid!important;gap:8px!important;margin-top:14px!important;}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.chat-wrap{grid-template-columns:280px minmax(0,1fr)!important}.chat-side{display:none!important}}
@media(max-width:860px){.sidebar,.suite-sidebar{transform:translateX(-100%)!important;width:268px!important}.sidebar-open .sidebar,.sidebar-open .suite-sidebar{transform:translateX(0)!important}.main,.suite-main{margin-left:0!important;width:100%!important}.menu-btn{display:inline-flex!important}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.topbar,.suite-topbar{padding:0 12px!important}.content,.suite-content{padding:14px!important}.suite-wallet{display:none!important}.chat-wrap{grid-template-columns:1fr!important;height:auto!important}.chat-list,.chat-main{min-height:420px!important}}

/* v3.0.14 Meta-style Template Studio - clean, compact, no decorative clutter */
.meta-template-studio,.meta-manager-page{--meta-blue:#0866ff;--meta-blue-dark:#004ecb;--meta-green:#00a884;--meta-ink:#111827;--meta-muted:#667085;--meta-line:#e5e7eb;--meta-bg:#f5f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--meta-ink)!important;}
.meta-template-studio h1,.meta-manager-page h1{font-size:25px!important;margin:0 0 6px!important;font-weight:850!important;letter-spacing:-.03em!important;color:#111827!important;}
.meta-template-studio h2,.meta-manager-page h2{font-size:16px!important;margin:0!important;font-weight:800!important;color:#111827!important;}
.meta-eyebrow{font-size:11px!important;line-height:1!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--meta-blue)!important;margin-bottom:8px!important;}
.meta-studio-head,.meta-manager-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 16px!important;padding:16px 18px!important;background:#fff!important;border:1px solid var(--meta-line)!important;border-radius:18px!important;box-shadow:0 2px 8px rgba(17,24,39,.04)!important;}
.meta-studio-actions,.meta-manager-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;}
.meta-studio-status{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:8px!important;}.meta-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:999px!important;padding:6px 10px!important;background:#fff!important;border:1px solid var(--meta-line)!important;font-size:12px!important;font-weight:760!important;color:#475467!important;}.meta-chip.ok{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important}.meta-chip.warn{background:#fffaeb!important;color:#b54708!important;border-color:#fedf89!important}
.meta-studio-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) 410px!important;gap:16px!important;align-items:start!important;}
.meta-builder-card,.meta-preview-card,.meta-template-table-card,.meta-project-panel,.meta-filter-bar,.meta-template-item,.meta-count-card,.meta-stat-card{background:#fff!important;border:1px solid var(--meta-line)!important;border-radius:18px!important;box-shadow:0 2px 8px rgba(17,24,39,.04)!important;color:#111827!important;}
.meta-builder-card{padding:0!important;overflow:hidden!important;}.meta-preview-card{padding:16px!important;position:sticky!important;top:86px!important;}
.meta-step-nav{display:flex!important;gap:0!important;border-bottom:1px solid var(--meta-line)!important;background:#fff!important;padding:0 12px!important;}.meta-step-nav button{min-height:52px!important;background:transparent!important;color:#475467!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;padding:0 16px!important;box-shadow:none!important;font-size:13px!important;font-weight:800!important;}.meta-step-nav button.active{color:var(--meta-blue)!important;border-bottom-color:var(--meta-blue)!important;background:#fff!important;}
.meta-step-panel{display:none!important;padding:18px!important;}.meta-step-panel.active{display:block!important;}.meta-section-title{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:16px!important;}.meta-section-title span{width:30px!important;height:30px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#eaf2ff!important;color:var(--meta-blue)!important;font-weight:900!important;font-size:13px!important;}
.meta-category-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:16px!important;}.meta-category-card{display:block!important;padding:14px!important;border:1px solid var(--meta-line)!important;border-radius:16px!important;background:#fff!important;cursor:pointer!important;margin:0!important;}.meta-category-card input{display:none!important;}.meta-category-card b{display:block!important;font-size:14px!important;color:#111827!important;margin-bottom:4px!important;}.meta-category-card small{display:block!important;color:#667085!important;font-size:12px!important;line-height:1.35!important;}.meta-category-card.selected,.meta-category-card:has(input:checked){border-color:#9cc2ff!important;background:#f5f9ff!important;box-shadow:0 0 0 3px rgba(8,102,255,.08)!important;}
.meta-form-grid{display:grid!important;gap:12px!important;}.meta-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.meta-template-studio label,.meta-manager-page label{font-size:12.5px!important;font-weight:780!important;color:#344054!important;}.meta-template-studio .input,.meta-manager-page .input{min-height:42px!important;border:1px solid #d0d5dd!important;border-radius:12px!important;background:#fff!important;font-size:13.5px!important;color:#111827!important;box-shadow:none!important;}.meta-template-studio .input:focus,.meta-manager-page .input:focus{border-color:var(--meta-blue)!important;box-shadow:0 0 0 3px rgba(8,102,255,.12)!important;}.meta-body-text{min-height:190px!important;resize:vertical!important;line-height:1.48!important;}
.meta-toolbar{display:flex!important;gap:8px!important;align-items:center!important;margin-bottom:10px!important;flex-wrap:wrap!important;}.meta-toolbar button{min-height:34px!important;border-radius:999px!important;border:1px solid #d0d5dd!important;background:#fff!important;color:#344054!important;font-size:12px!important;font-weight:780!important;padding:7px 11px!important;box-shadow:none!important;}.meta-toolbar #addVariableBtn{background:#f0f6ff!important;color:var(--meta-blue)!important;border-color:#c5dcff!important;}.meta-toolbar span{margin-left:auto!important;font-size:12px!important;color:#667085!important;font-weight:700!important;}
.meta-sample-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important;}.meta-sample-grid label{margin:0!important;padding:10px!important;border:1px solid var(--meta-line)!important;border-radius:14px!important;background:#f9fafb!important;}.meta-sample-grid label span{display:block!important;font-size:12px!important;color:var(--meta-blue)!important;margin-bottom:6px!important;font-weight:900!important;}.meta-empty-mini{padding:12px!important;border:1px dashed var(--meta-line)!important;border-radius:12px!important;color:#667085!important;text-align:center!important;font-size:13px!important;}
.header-media-only,.header-text-only{display:none;}.meta-media-preview{min-height:74px!important;border:1px dashed #d0d5dd!important;border-radius:14px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;color:#667085!important;background:#f9fafb!important;font-size:13px!important;}.meta-media-preview img,.meta-media-preview video{width:62px!important;height:62px!important;object-fit:cover!important;border-radius:12px!important;background:#fff!important;border:1px solid var(--meta-line)!important;}
.meta-submit-bar{border-top:1px solid var(--meta-line)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 18px!important;background:#fff!important;}.meta-submit-note{font-size:12.5px!important;color:#667085!important;font-weight:700!important;}.meta-template-studio .btn,.meta-manager-page .btn{background:var(--meta-blue)!important;border-color:var(--meta-blue)!important;color:#fff!important;border-radius:10px!important;min-height:38px!important;box-shadow:none!important;}.meta-template-studio .btn.secondary,.meta-manager-page .btn.secondary{background:#fff!important;color:#344054!important;border:1px solid #d0d5dd!important;}.meta-template-studio .btn.small,.meta-manager-page .btn.small{min-height:32px!important;padding:7px 10px!important;font-size:12px!important;}
.meta-preview-title{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important;}.meta-preview-title b{display:block!important;font-size:15px!important;color:#111827!important;}.meta-preview-title span{display:block!important;color:#667085!important;font-size:12px!important;margin-top:2px!important;}.meta-preview-title a{font-size:12px!important;font-weight:800!important;color:var(--meta-blue)!important;text-decoration:none!important;}
.meta-phone-frame{border:1px solid #d0d5dd!important;border-radius:24px!important;background:#fff!important;padding:10px!important;max-width:340px!important;margin:0 auto!important;}.meta-wa-head{height:58px!important;border-radius:18px 18px 0 0!important;background:#008069!important;color:#fff!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 12px!important;}.meta-wa-avatar{width:36px!important;height:36px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#e7f7ef!important;color:#008069!important;font-weight:900!important;overflow:hidden!important;}.meta-wa-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;}.meta-wa-head b{display:block!important;color:#fff!important;font-size:13px!important;}.meta-wa-head span{display:block!important;color:rgba(255,255,255,.82)!important;font-size:11px!important;}
.meta-wa-chat{min-height:420px!important;background:#efeae2!important;padding:14px!important;border-radius:0 0 18px 18px!important;background-image:radial-gradient(rgba(17,27,33,.06) 1px,transparent 1px)!important;background-size:18px 18px!important;}.meta-wa-media img,.meta-wa-media video{width:100%!important;border-radius:12px 12px 4px 4px!important;display:block!important;margin-bottom:0!important;}.meta-doc-chip{background:#fff!important;border-radius:10px!important;padding:10px!important;margin-bottom:0!important;border:1px solid var(--meta-line)!important;font-size:13px!important;}
.meta-wa-bubble{background:#d9fdd3!important;border-radius:12px 12px 3px 12px!important;padding:10px 10px 8px!important;margin-left:auto!important;max-width:92%!important;white-space:pre-wrap!important;font-size:13.2px!important;line-height:1.45!important;color:#111827!important;box-shadow:0 1px 1px rgba(17,24,39,.08)!important;}.meta-wa-header{font-weight:850!important;margin-bottom:6px!important;}.meta-wa-buttons{display:grid!important;gap:6px!important;margin-top:10px!important;}.meta-wa-buttons div{background:rgba(255,255,255,.72)!important;border-radius:8px!important;padding:8px!important;text-align:center!important;color:#008069!important;font-weight:850!important;font-size:12px!important;}.meta-wa-time{text-align:right!important;font-size:10.5px!important;color:#667085!important;margin-top:6px!important;}
.meta-account-card{margin-top:14px!important;border:1px solid var(--meta-line)!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;}.meta-account-card div{padding:10px 12px!important;border-bottom:1px solid var(--meta-line)!important;}.meta-account-card div:last-child{border-bottom:0!important;}.meta-account-card span{display:block!important;color:#667085!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;}.meta-account-card b{display:block!important;color:#111827!important;font-size:12.5px!important;overflow-wrap:anywhere!important;margin-top:3px!important;}
.meta-status-row,.meta-count-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:16px 0!important;}.meta-stat-card,.meta-count-card{display:block!important;text-decoration:none!important;padding:14px 16px!important;}.meta-stat-card span,.meta-count-card span{display:block!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:900!important;color:#667085!important;}.meta-stat-card b,.meta-count-card b{display:block!important;font-size:27px!important;color:#111827!important;line-height:1.1!important;margin-top:6px!important;}
.meta-template-table-card{padding:16px!important;}.meta-table-title{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important;}.meta-manager-head{align-items:center!important;}.meta-project-panel{display:flex!important;align-items:center!important;gap:12px!important;padding:14px!important;margin-bottom:14px!important;}.meta-project-panel b{display:block!important;color:#111827!important;}.meta-project-panel span{display:block!important;color:#667085!important;font-size:12.5px!important;}.meta-project-avatar{width:42px!important;height:42px!important;border-radius:14px!important;background:#eaf2ff!important;color:var(--meta-blue)!important;display:grid!important;place-items:center!important;font-weight:900!important;}
.meta-filter-bar{display:grid!important;grid-template-columns:minmax(220px,1fr) 190px 190px auto!important;gap:10px!important;padding:12px!important;margin:14px 0!important;}.meta-template-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}.meta-template-item{padding:14px!important;display:grid!important;gap:12px!important;}.meta-template-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important;}.meta-template-top h3{margin:0 0 4px!important;font-size:15px!important;color:#111827!important;}.meta-template-top span{font-size:12px!important;color:#667085!important;}.meta-template-body{min-height:78px!important;border:1px solid var(--meta-line)!important;background:#f9fafb!important;border-radius:12px!important;padding:10px!important;color:#344054!important;font-size:13px!important;line-height:1.45!important;}.meta-template-meta{display:flex!important;gap:8px!important;flex-wrap:wrap!important;}.meta-template-meta span{font-size:11.5px!important;font-weight:750!important;color:#667085!important;background:#f2f4f7!important;border-radius:999px!important;padding:5px 8px!important;}.meta-template-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;}.meta-empty-clean{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px!important;border:1px dashed var(--meta-line)!important;border-radius:16px!important;background:#fff!important;}
@media(max-width:1180px){.meta-studio-grid{grid-template-columns:1fr!important}.meta-preview-card{position:static!important}.meta-template-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.meta-filter-bar{grid-template-columns:1fr 1fr!important}.meta-status-row,.meta-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.meta-studio-head,.meta-manager-head{display:grid!important}.meta-form-grid.two,.meta-category-grid,.meta-sample-grid,.meta-template-card-grid,.meta-filter-bar{grid-template-columns:1fr!important}.meta-step-nav{overflow:auto!important}.meta-step-nav button{white-space:nowrap!important}.meta-wa-chat{min-height:340px!important}.meta-status-row,.meta-count-grid{grid-template-columns:1fr 1fr!important}.meta-submit-bar{display:grid!important;gap:10px!important}.meta-submit-bar .btn{width:100%!important}}


/* === v3.0.15 Agency reference UI from uploaded 10 screenshots === */
:root{--agency-navy:#0d1b2f;--agency-navy-2:#132844;--agency-green:#05b884;--agency-blue:#2f6df6;--agency-bg:#f6f8fb;--agency-border:#e7edf5;--agency-text:#0f172a;--agency-muted:#64748b;--agency-radius:16px;--agency-shadow:0 10px 30px rgba(15,23,42,.08)}
html,body{min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;background:var(--agency-bg)!important;color:var(--agency-text)!important;font-size:14px!important;line-height:1.45!important}.app{display:flex;min-height:100vh;background:var(--agency-bg)!important}.suite-sidebar{width:248px!important;flex:0 0 248px;background:linear-gradient(180deg,var(--agency-navy),#081424)!important;color:#dbeafe!important;border-right:0!important;box-shadow:12px 0 30px rgba(15,23,42,.08);padding:12px 10px!important}.suite-brand{height:58px!important;padding:8px 10px!important;margin-bottom:8px!important;display:flex;align-items:center;gap:10px}.suite-logo{width:34px;height:34px;border-radius:10px;background:#0fb579;display:grid;place-items:center;overflow:hidden}.suite-logo img{max-width:100%;max-height:100%;object-fit:contain}.suite-brand-title{font-weight:750;color:#fff;font-size:14px!important;letter-spacing:.1px}.suite-menu-search{height:38px;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.06)!important;border-radius:10px!important;margin:4px 4px 12px!important;color:#9fb3cc}.suite-menu-search input{color:#e5f2ff!important;font-size:13px!important}.suite-menu-search input::placeholder{color:#8ba1bd!important}.suite-nav{gap:3px!important}.nav-link,.suite-menu-parent{height:38px!important;border-radius:9px!important;padding:0 10px!important;color:#cbd8e7!important;font-weight:600!important;font-size:13px!important;gap:10px!important}.nav-link:hover,.suite-menu-parent:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.nav-link.active{background:linear-gradient(90deg,var(--agency-green),#14cf9b)!important;color:#fff!important;box-shadow:0 8px 20px rgba(5,184,132,.28)!important}.suite-subnav{padding-left:8px!important;margin:3px 0 8px!important;border-left:1px solid rgba(255,255,255,.08)!important}.suite-subnav .nav-link{height:34px!important;font-size:12.5px!important;padding-left:12px!important}.nav-ico{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;color:inherit!important;opacity:.95}.main,.suite-main{flex:1!important;min-width:0!important;margin-left:0!important;background:var(--agency-bg)!important}.suite-topbar{height:64px!important;background:#fff!important;border-bottom:1px solid var(--agency-border)!important;padding:0 22px!important;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40}.menu-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--agency-border);background:#fff;color:#334155}.meta-top-title strong{font-size:15px!important;color:#111827}.meta-top-title span{font-size:12px;color:#64748b}.suite-wallet{height:34px;padding:0 14px;border-radius:10px;background:#eef6ff!important;color:#1d4ed8!important;display:inline-flex;align-items:center;font-weight:700;border:1px solid #d8e9ff}.suite-user{height:40px;gap:10px}.suite-user .avatar{background:#e8f2ff!important;color:#1e40af!important}.suite-content{padding:24px!important;max-width:100%!important}.page-head,.clean-page-head,.campaign-head,.section-head{margin:0 0 22px!important}.page-head h1,.campaign-title h1,.agency-title-block h1{font-size:24px!important;line-height:1.2!important;margin:0!important;font-weight:800;color:#111827}.page-head p,.campaign-title p,.agency-title-block p{font-size:13px!important;color:#64748b;margin:4px 0 0!important}.btn,.suite-primary-btn,.suite-blue-btn{height:38px!important;border-radius:10px!important;padding:0 16px!important;font-size:13px!important;font-weight:700!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0!important;box-shadow:0 5px 14px rgba(37,99,235,.12)!important}.btn:not(.secondary),.suite-primary-btn{background:linear-gradient(135deg,var(--agency-green),#0a9f74)!important;color:#fff!important}.suite-blue-btn{background:linear-gradient(135deg,var(--agency-blue),#1d4ed8)!important;color:#fff!important}.btn.secondary{background:#fff!important;color:#334155!important;border:1px solid var(--agency-border)!important;box-shadow:none!important}.btn.bad{background:#ff4757!important;color:#fff!important}.card,.suite-card,.clean-card,.suite-filter-card,.suite-table{background:#fff!important;border:1px solid var(--agency-border)!important;border-radius:var(--agency-radius)!important;box-shadow:var(--agency-shadow)!important}.card{padding:18px!important}.grid{gap:18px!important}.input,.suite-input,select,textarea{height:40px!important;border:1px solid #dbe3ee!important;border-radius:10px!important;background:#fff!important;color:#111827!important;font-size:13px!important;padding:0 12px!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important}textarea{min-height:96px!important;padding:12px!important}.field label,label{font-size:12.5px!important;font-weight:700!important;color:#334155!important;margin-bottom:6px!important}.table{font-size:13px!important;border-collapse:separate!important;border-spacing:0!important}.table th{height:42px;background:#f8fafc!important;color:#334155!important;font-size:12px!important;text-transform:none!important;border-bottom:1px solid var(--agency-border)!important}.table td{padding:14px!important;border-bottom:1px solid #edf2f7!important}.badge,.suite-status{border-radius:999px!important;font-size:11.5px!important;font-weight:700!important;padding:5px 9px!important}.suite-status.ok,.badge.approved{background:#dcfce7!important;color:#047857!important}.suite-status.bad{background:#fee2e2!important;color:#b91c1c!important}.suite-status.warn{background:#fff7ed!important;color:#c2410c!important}.floating-chat{width:56px!important;height:56px!important;background:#1f2d4a!important;color:#fff!important;box-shadow:0 14px 30px rgba(15,23,42,.25)!important}.agency-dashboard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.agency-hero-card{min-height:150px;border-radius:18px;background:linear-gradient(100deg,#0c1f35 0%,#102a46 50%,#0f766e 100%);padding:26px 30px;color:#fff;overflow:hidden;position:relative;box-shadow:0 16px 40px rgba(15,23,42,.14);margin-bottom:18px}.agency-hero-card:after{content:"";position:absolute;right:-50px;top:-70px;width:360px;height:260px;background:radial-gradient(circle at 25% 40%,rgba(20,184,166,.55),transparent 24%),radial-gradient(circle at 60% 50%,rgba(59,130,246,.45),transparent 28%),linear-gradient(45deg,transparent 40%,rgba(255,255,255,.09) 40% 42%,transparent 42%);opacity:.8}.agency-hero-card h2{font-size:26px;margin:0 0 8px}.agency-hero-card p{color:#dbeafe;max-width:450px;margin:0 0 16px}.agency-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.agency-kpi{background:#fff;border:1px solid var(--agency-border);border-radius:14px;box-shadow:0 8px 22px rgba(15,23,42,.06);padding:15px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#0f172a}.agency-kpi span{width:38px;height:38px;border-radius:11px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:800}.agency-kpi:nth-child(2) span,.agency-kpi:nth-child(4) span{background:#dcfce7;color:#059669}.agency-kpi:nth-child(3) span,.agency-kpi:nth-child(5) span{background:#fff7ed;color:#ea580c}.agency-kpi b{display:block;font-size:18px}.agency-kpi small{display:block;color:#64748b;font-size:12px}.agency-kpi em{margin-left:auto;font-style:normal;font-size:11px;color:#0f9f75;font-weight:700}.agency-analytics-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.agency-chart-card h2{font-size:15px;margin:0 0 16px}.fake-line-chart{height:205px;display:flex;align-items:flex-end;gap:18px;padding:16px 8px;background:linear-gradient(#fff,#f8fbff);border-radius:14px;border:1px solid #eef3f8}.fake-line-chart i{flex:1;border-radius:999px;background:linear-gradient(180deg,#3b82f6,#a5b4fc);position:relative}.donut-wrap{display:flex;gap:18px;align-items:center}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#2563eb 0 42%,#10b981 42% 68%,#f97316 68% 88%,#ef4444 88% 100%);position:relative}.donut:after{content:"";position:absolute;inset:34px;background:#fff;border-radius:50%}.donut-wrap ul{list-style:none;padding:0;margin:0;color:#475569;font-size:12px}.activity-mini{display:grid;gap:10px}.activity-mini div{padding:10px;border-radius:10px;background:#f8fafc;color:#475569;border:1px solid #edf2f7}.project-grid{gap:20px!important}.project-card{border-radius:20px!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important;border:1px solid var(--agency-border)!important}.project-card-inner{padding:22px!important}.project-avatar{width:56px!important;height:56px!important;border-radius:14px!important;background:linear-gradient(135deg,#20c997,#2563eb)!important;color:#fff!important}.plan-badge{border-radius:9px!important;background:#eef6ff!important;color:#1d4ed8!important}.project-actions{background:#f8fafc!important;border-top:1px solid var(--agency-border)!important}.project-add{border:2px dashed #d9e2ee!important;box-shadow:none!important}.suite-filter-card{padding:18px!important;margin-bottom:18px!important}.suite-filter-grid{display:grid!important;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr!important;gap:14px!important}.campaign-head{display:flex;align-items:center;justify-content:space-between}.campaign-title{display:flex;align-items:center;gap:12px}.suite-title-icon{width:36px;height:36px;border-radius:11px;background:#e7f3ff;color:#2563eb;display:grid;place-items:center}.templates-toolbar,.template-filters{background:#fff!important;border:1px solid var(--agency-border)!important;border-radius:14px!important;box-shadow:var(--agency-shadow)!important}.template-card{border:1px solid var(--agency-border)!important;border-top:4px solid #635bff!important;border-radius:16px!important;box-shadow:0 10px 25px rgba(15,23,42,.07)!important;background:#fff!important}.chat-shell,.live-chat-wrap{background:#fff!important;border:1px solid var(--agency-border)!important;border-radius:16px!important;box-shadow:var(--agency-shadow)!important}.wa-phone,.phone-preview{border-radius:32px!important;border:10px solid #111827!important;box-shadow:0 20px 50px rgba(15,23,42,.20)!important;background:#efeae2!important}.empty-state,.empty-pro,.empty-graphic{background:#fff!important;border:1px dashed #dbe3ee!important;border-radius:16px!important;color:#64748b!important}.empty-state img,.empty-pro img,.empty-graphic img,.decorative-graphic,.hero-graphic{display:none!important}.alert{border-radius:12px!important;border:1px solid var(--agency-border)!important;padding:12px 14px!important;font-size:13px!important}.alert.success{background:#ecfdf5!important;color:#047857!important}.alert.error{background:#fef2f2!important;color:#b91c1c!important}.alert.info{background:#eff6ff!important;color:#1d4ed8!important}
/* Login reference screen */
body.agency-login{background:#f5f8fc!important;min-height:100vh!important}.agency-login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) minmax(420px,1fr);align-items:center;justify-content:center;padding:34px;gap:0}.agency-login-visual{height:min(780px,calc(100vh - 68px));max-width:520px;border-radius:18px 0 0 18px;overflow:hidden;position:relative;background:linear-gradient(rgba(5,15,32,.55),rgba(5,15,32,.82)),radial-gradient(circle at 20% 20%,#2563eb,transparent 30%),linear-gradient(135deg,#0f1f36,#071428);box-shadow:0 22px 55px rgba(15,23,42,.10)}.agency-login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.08) 0 1px,transparent 1px 100%);background-size:44px 44px;opacity:.25}.agency-login-visual-content{position:relative;z-index:2;height:100%;padding:56px 42px;display:flex;flex-direction:column;justify-content:center;color:#fff}.visual-brand-mark{width:60px;height:60px;border-radius:16px;background:#fff;display:grid;place-items:center;margin-bottom:26px}.visual-brand-mark img{max-width:82%;max-height:82%;object-fit:contain}.visual-brand-mark span{color:#0fb579;font-size:28px}.agency-login-visual h1{font-size:34px;line-height:1.12;margin:0 0 16px;font-weight:850;letter-spacing:-.03em}.agency-login-visual p{font-size:14px;color:#d9e7ff;max-width:360px;margin:0 0 30px}.visual-points{display:grid;gap:14px;margin-top:20px}.visual-points span{display:flex;align-items:center;gap:10px;color:#dbeafe;font-weight:650}.visual-points span:before{content:"✓";width:24px;height:24px;border-radius:50%;background:#0fb579;display:grid;place-items:center;color:#fff;font-size:12px}.agency-login-panel{height:min(780px,calc(100vh - 68px));background:#fff;border-radius:0 18px 18px 0;box-shadow:0 22px 55px rgba(15,23,42,.10);display:grid;place-items:center;padding:36px}.agency-login-box{width:min(100%,420px)}.login-brand-center{text-align:center;margin-bottom:30px}.login-brand-center img{height:54px;max-width:220px;object-fit:contain;margin-bottom:14px}.brand-shield{width:46px;height:46px;background:#e9fbf5;color:#0fb579;border-radius:14px;display:grid;place-items:center;margin:0 auto 14px;font-size:24px}.login-brand-center h2{font-size:22px;margin:0;color:#0f172a}.login-brand-center p{font-size:13px;color:#64748b;margin:7px 0 0}.agency-login-form{display:grid;gap:10px}.agency-login-form .input{height:46px!important;border-radius:11px!important}.login-line{display:flex;align-items:center;justify-content:space-between;margin:4px 0 8px;font-size:12px;color:#64748b}.login-line a{color:#0f9f75;text-decoration:none;font-weight:700}.agency-login-submit{width:100%;height:48px!important;border-radius:11px!important;background:linear-gradient(90deg,#12b886,#2f6df6)!important}.clean-login-social{display:grid;gap:10px;margin-top:16px}.login-security-note{margin-top:34px;text-align:center;color:#89a1b7;font-size:12px}
@media(max-width:1180px){.agency-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-analytics-grid{grid-template-columns:1fr}.suite-filter-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:900px){.suite-sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:70;transition:.25s}.sidebar-open .suite-sidebar{left:0}.suite-content{padding:16px!important}.suite-topbar{padding:0 14px!important}.suite-top-actions{gap:8px}.top-business-switch{display:none}.agency-login-wrap{display:block;padding:18px}.agency-login-visual{display:none}.agency-login-panel{height:auto;min-height:calc(100vh - 36px);border-radius:18px}.agency-kpi-grid{grid-template-columns:1fr}.campaign-head{display:grid;gap:14px}.suite-filter-grid{grid-template-columns:1fr!important}}@media(max-width:640px){.page-head h1,.campaign-title h1,.agency-title-block h1{font-size:21px!important}.agency-hero-card{padding:20px}.agency-hero-card h2{font-size:22px}.card{padding:14px!important}.table{display:block;overflow:auto}.suite-wallet{display:none}.agency-login-panel{padding:24px}.agency-login-visual h1{font-size:28px}}