:root{
  --bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--text:#172033;--muted:#728096;
  --line:#e6ebf2;--brand:#16a66a;--brand-2:#0d8a58;--brand-soft:#e8f8f1;--danger:#c33b3b;
  --warning:#b7791f;--nav:#0f1726;--nav-2:#162235;--shadow:0 18px 50px rgba(22,34,53,.08);
  --radius:18px;--chat-bg:#efeae2;--incoming:#fff;--outgoing:#d9fdd3;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit}button,input,textarea,select{font:inherit}.muted{color:var(--muted)}.small{font-size:13px}.hidden{display:none!important}

/* Global shell */
.top{background:linear-gradient(135deg,var(--nav),var(--nav-2));color:#fff;padding:0 24px;position:sticky;top:0;z-index:50;box-shadow:0 8px 24px rgba(15,23,38,.12)}
.top .wrap{max-width:1220px;height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.wrap{max-width:1220px;margin:auto}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#20d684,#11a765);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.brand-mark svg{width:20px;height:20px}.navlinks{display:flex;gap:8px;align-items:center}.navlinks a{color:#dce5f2;text-decoration:none;padding:9px 12px;border-radius:10px;font-size:14px}.navlinks a:hover,.navlinks a.active{background:rgba(255,255,255,.1);color:#fff}.page{max-width:1220px;margin:28px auto;padding:0 18px}

/* Common */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:11px 16px;background:#1b2638;color:#fff;text-decoration:none;cursor:pointer;font-weight:700;transition:.18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn.green{background:linear-gradient(135deg,var(--brand),var(--brand-2))}.btn.light{background:#fff;color:#27364b;border-color:var(--line)}.btn.danger{background:#fff0f0;color:#a62929;border-color:#ffd1d1}.btn.icon{padding:10px;width:42px;height:42px;border-radius:12px}.notice{padding:13px 15px;border-radius:12px;margin:12px 0;background:#eef6ff;border:1px solid #dcecff}.notice.err{background:#fff1f1;color:#9e2a2a;border-color:#ffd5d5}.notice.ok{background:#ecfbf4;color:#137348;border-color:#ccefe0}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#edf2f7;color:#526076;font-size:12px;font-weight:700}.badge.connected{background:#e8f8f1;color:#127b4c}.empty{padding:36px;text-align:center;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap}.price{font-size:32px;font-weight:800;letter-spacing:-.04em}.form{max-width:640px;margin:auto}.form label{display:block;margin:15px 0 7px;font-weight:700;font-size:14px}.form input,.form select,.form textarea{width:100%;padding:12px 13px;border:1px solid #d8e0ea;border-radius:12px;background:#fff;color:var(--text);outline:none;transition:.15s}.form input:focus,.form select:focus,.form textarea:focus{border-color:#61c99b;box-shadow:0 0 0 4px rgba(22,166,106,.10)}table{width:100%;border-collapse:collapse}th,td{padding:13px 11px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{color:#617087;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:var(--brand-soft);right:-30px;top:-30px}.stat strong{display:block;font-size:28px;margin-top:7px;letter-spacing:-.035em;position:relative;z-index:1}.qr{max-width:340px;width:100%;background:#fff;padding:12px;border:1px solid var(--line);border-radius:15px}

/* Landing */
.landing{background:radial-gradient(circle at 15% 12%,rgba(34,197,119,.16),transparent 30%),radial-gradient(circle at 85% 20%,rgba(76,139,245,.12),transparent 28%),#f7f9fc;min-height:100vh}.hero-modern{padding:72px 0 48px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:54px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--brand-soft);color:#087345;border:1px solid #cfeede;border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px}.hero-modern h1{font-size:58px;line-height:1.04;letter-spacing:-.055em;margin:18px 0 18px;max-width:780px}.hero-modern p{font-size:18px;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-panel{background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);border-radius:26px;padding:18px;box-shadow:0 25px 70px rgba(35,50,77,.13)}.mock-chat{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.mock-head{background:#f3f6f9;padding:14px;display:flex;align-items:center;gap:10px}.mock-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#c9f7e1,#8be0b8)}.mock-body{background:var(--chat-bg);padding:22px;min-height:310px;display:flex;flex-direction:column;gap:10px}.mock-bubble{max-width:78%;background:#fff;padding:10px 12px;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.07);font-size:14px}.mock-bubble.out{align-self:flex-end;background:var(--outgoing)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 18px}.section-head h2{font-size:32px;letter-spacing:-.04em;margin:0}.package-card{position:relative;overflow:hidden}.package-card.popular{border-color:#8dd8b7;box-shadow:0 20px 55px rgba(22,166,106,.12)}.package-card h3{font-size:21px;margin-top:0}.feature-list{display:grid;gap:9px;margin:18px 0;color:#526076}.feature-list span:before{content:"✓";color:var(--brand);font-weight:900;margin-right:8px}.site-footer{margin-top:60px;padding:30px 18px;color:#718096;text-align:center;border-top:1px solid var(--line)}

/* Auth */
.auth-page{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:38px 18px;background:radial-gradient(circle at 10% 10%,rgba(32,214,132,.12),transparent 32%),var(--bg)}.auth-card{width:min(100%,540px);padding:30px}.auth-card h1{margin:0 0 8px;letter-spacing:-.04em}.auth-card .btn{width:100%;margin-top:10px}

/* Dashboard */
.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dashboard-head h1{margin:0;letter-spacing:-.04em}.dashboard-sub{color:var(--muted);margin-top:3px}.account-card{padding:0;overflow:hidden}.account-card-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.account-add{padding:16px 22px;background:#fbfcfe;border-bottom:1px solid var(--line)}.account-add form{display:flex;gap:10px}.account-add input{flex:1;padding:11px 13px;border:1px solid #d7e0ea;border-radius:11px}.table-wrap{overflow:auto}

/* WhatsApp-web inspired app */
.chat-app-page{margin:0;background:#dfe5ea;min-height:100vh;overflow:hidden}.chat-app-shell{height:100vh;display:grid;grid-template-columns:390px minmax(0,1fr);max-width:1540px;margin:0 auto;background:#fff;box-shadow:0 0 40px rgba(0,0,0,.12)}.chat-sidebar{min-width:0;border-right:1px solid #dfe5e9;background:#fff;display:flex;flex-direction:column}.chat-sidebar-head{height:64px;padding:11px 14px;background:#f0f2f5;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-user{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-brand{font-weight:800;white-space:nowrap}.sidebar-actions{display:flex;gap:6px}.circle-btn{width:38px;height:38px;border:0;background:transparent;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:#54616e}.circle-btn:hover{background:#e4e7ea}.chat-filter{padding:8px 12px;border-bottom:1px solid #eef1f3;background:#fff}.searchbox{background:#f0f2f5;border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:8px}.searchbox input,.searchbox select{border:0;background:transparent;outline:none;width:100%;min-width:0;color:#3a4652}.account-filter{margin-top:8px}.account-filter select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#52606d}.chat-list{overflow:auto;flex:1}.conv-row{display:flex;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;border-bottom:1px solid #eef1f3;background:#fff;transition:.12s}.conv-row:hover,.conv-row.active{background:#f0f2f5}.avatar{width:48px;height:48px;min-width:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d8f5e7,#a9dfc7);color:#176d4b;font-weight:800;text-transform:uppercase}.conv-main{flex:1;min-width:0}.conv-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.conv-title strong{font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-title span{font-size:11px;color:#7c8994;white-space:nowrap}.conv-preview{margin-top:4px;font-size:13px;color:#6c7883;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.message-kind{font-size:11px;color:#7c8994}.unread{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#25d366;color:#fff;font-size:11px;font-weight:800}.chat-main{min-width:0;display:flex;flex-direction:column;background:var(--chat-bg);position:relative}.chat-main:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:radial-gradient(circle at 12px 12px,#8c9b8b 1px,transparent 1.2px);background-size:28px 28px}.chat-header{height:64px;min-height:64px;background:#f0f2f5;border-bottom:1px solid #d9dee2;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.chat-header-info{display:flex;align-items:center;gap:11px;min-width:0}.chat-header-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-sub{font-size:12px;color:#67737e}.chat-header-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#60706e}.status-dot{width:8px;height:8px;border-radius:50%;background:#9aa6ae}.status-dot.online{background:#20b875;box-shadow:0 0 0 4px rgba(32,184,117,.12)}.chat-stream{position:relative;z-index:1;flex:1;overflow:auto;padding:22px max(24px,6vw);display:flex;flex-direction:column;gap:7px;scroll-behavior:smooth}.chat-day{align-self:center;background:rgba(255,255,255,.88);color:#67737e;font-size:11px;padding:6px 10px;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.06);margin:5px 0}.bubble{max-width:min(72%,680px);padding:7px 8px 5px;border-radius:8px;background:var(--incoming);align-self:flex-start;box-shadow:0 1px 1px rgba(0,0,0,.10);word-break:break-word;position:relative}.bubble.out{background:var(--outgoing);align-self:flex-end}.bubble-text{padding:2px 4px;font-size:14px;white-space:normal}.bubble-caption{padding:7px 4px 2px;font-size:14px}.bubble-type{font-size:10px;text-transform:uppercase;color:#83909a;font-weight:800;letter-spacing:.04em;padding:1px 4px 4px}.bubble-time{text-align:right;color:#76838b;font-size:10px;margin:3px 2px 0;display:flex;justify-content:flex-end;gap:4px}.chat-image,.chat-video{max-width:100%;max-height:440px;border-radius:7px;display:block;background:#dde2e5}.bubble audio{width:min(330px,100%);display:block}.doc-card{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.55);padding:10px;border-radius:8px;text-decoration:none;min-width:220px}.doc-icon{width:36px;height:36px;border-radius:8px;background:#fff;display:grid;place-items:center}.option-view{display:grid;gap:4px;margin-top:7px}.option-view span{background:rgba(255,255,255,.66);border-top:1px solid rgba(0,0,0,.08);padding:8px 10px;text-align:center;color:#0877a8;font-size:13px}.media-note{font-size:12px;color:#6f7d86;padding:7px 4px}.new-message-toast{position:absolute;right:24px;bottom:96px;z-index:10;background:#fff;border:1px solid #dce2e6;border-radius:999px;padding:9px 13px;box-shadow:0 8px 22px rgba(0,0,0,.13);font-size:12px;cursor:pointer;display:none}.new-message-toast.show{display:block}.composer{position:relative;z-index:4;background:#f0f2f5;border-top:1px solid #d9dee2;padding:8px 12px}.composer-tabs{display:none;background:#fff;border-radius:13px;padding:9px;margin-bottom:8px;box-shadow:0 -5px 20px rgba(0,0,0,.06)}.composer-tabs.open{display:block}.tabs{display:flex;gap:5px;overflow:auto;margin-bottom:9px}.tabs button{white-space:nowrap;border:0;background:#f1f4f6;border-radius:9px;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:700;color:#576571}.tabs button.active{background:#dff5e9;color:#0e7750}.tabpane{display:none}.tabpane.active{display:block}.composer textarea,.composer input[type=text],.composer input[type=number],.composer input[type=file],.composer input:not([type]){width:100%;padding:10px 11px;border:1px solid #d9e0e4;border-radius:9px;background:#fff;outline:none;margin-bottom:8px}.composer textarea{resize:none}.composer-main{display:flex;align-items:flex-end;gap:8px}.composer-input{flex:1;background:#fff;border-radius:12px;min-height:44px;display:flex;align-items:flex-end}.composer-input textarea{border:0;margin:0;min-height:44px;max-height:128px;padding:11px 13px;box-shadow:none}.send-btn{width:44px;height:44px;border-radius:50%;border:0;background:#18a66b;color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.send-btn:disabled{opacity:.5;cursor:wait}.attach-btn{width:44px;height:44px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#596875;flex:0 0 auto}.attach-btn:hover{background:#e2e5e8}.send-state{font-size:12px;padding:4px 6px;color:#62717c;display:none}.send-state.show{display:block}.chat-empty-state{position:relative;z-index:2;display:grid;place-items:center;flex:1;text-align:center;padding:40px;background:#f7f9fa}.chat-empty-state-inner{max-width:520px}.chat-empty-state .big-icon{width:90px;height:90px;border-radius:28px;background:#e6f8ef;margin:0 auto 22px;display:grid;place-items:center;color:#138052}.chat-empty-state h1{font-size:28px;margin:0 0 8px}.chat-empty-state p{color:#71808b}

/* Live indicator */
.live-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#55706a;background:#e9f8f1;border-radius:999px;padding:5px 8px}.live-pulse{width:7px;height:7px;border-radius:50%;background:#19b573;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,181,115,.35)}70%{box-shadow:0 0 0 7px rgba(25,181,115,0)}100%{box-shadow:0 0 0 0 rgba(25,181,115,0)}}

@media(max-width:980px){.hero-modern{grid-template-columns:1fr}.hero-panel{display:none}.hero-modern h1{font-size:46px}.chat-app-shell{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:760px){.top .wrap{height:auto;min-height:64px;padding:10px 0}.navlinks{overflow:auto}.hero-modern{padding-top:46px}.hero-modern h1{font-size:38px}.page{margin-top:18px}.dashboard-head{align-items:flex-start;flex-direction:column}.account-add form{flex-direction:column}.chat-app-shell{display:block;height:100dvh}.chat-sidebar{height:100dvh}.chat-main{height:100dvh}.chat-app-page.has-chat .chat-sidebar{display:none}.chat-app-page:not(.has-chat) .chat-main{display:none}.bubble{max-width:88%}.chat-stream{padding:16px 12px}.mobile-back{display:grid!important}.composer{padding-bottom:max(8px,env(safe-area-inset-bottom))}}
.mobile-back{display:none}

/* V4.1 live state + button message */
.live-pill.offline{background:#fff1f1;color:#a12b2b}.live-pill.offline .live-pulse{background:#e04f4f;animation:none;box-shadow:none}
.button-message-card{padding:3px 4px 5px}.button-title{font-weight:800;font-size:14px;margin-bottom:4px}.button-description{font-size:14px;line-height:1.45}.button-footer{font-size:11px;color:#77848e;margin-top:7px}.button-response{font-size:14px;padding:4px 5px}.button-response:before{color:#6b7780}

/* V4.1 general application pages */
.portal-page{min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(22,166,106,.08),transparent 30%),#f4f7fb}.portal-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;background:linear-gradient(135deg,#101b2c,#182b41);color:#fff;border-radius:24px;padding:28px;box-shadow:0 22px 60px rgba(16,27,44,.16);margin-bottom:20px}.portal-hero-card h1{margin:0 0 5px;font-size:32px;letter-spacing:-.045em}.portal-hero-card .muted{color:#c5d1df}.connection-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.connection-status{display:flex;align-items:center;gap:9px;font-weight:800}.connection-status .big-status-dot{width:12px;height:12px;border-radius:50%;background:#9ca7b1}.connection-status .big-status-dot.connected{background:#20bd78;box-shadow:0 0 0 6px rgba(32,189,120,.12)}

/* V4.1 admin */
.admin-page{min-height:100vh;background:#f4f7fb}.admin-nav{background:linear-gradient(135deg,#0f1726,#162235);color:#fff;padding:0 22px;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:60;box-shadow:0 8px 24px rgba(15,23,38,.12)}.admin-nav .admin-brand{font-weight:800;display:flex;align-items:center;gap:10px}.admin-nav .admin-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-nav a{color:#dce5f2;text-decoration:none;padding:9px 11px;border-radius:10px;font-size:14px}.admin-nav a:hover{background:rgba(255,255,255,.1);color:#fff}.admin-page main{max-width:1320px;margin:26px auto;padding:0 18px}.admin-page .card{margin-bottom:18px}.admin-page .card>h2{margin:0 0 6px;font-size:21px;letter-spacing:-.025em}.admin-page .card>p{color:var(--muted)}.admin-page .grid label{font-size:13px;font-weight:700;color:#536173}.admin-page input,.admin-page select,.admin-page textarea{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #d8e0ea;border-radius:10px;background:#fff;outline:none}.admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus{border-color:#61c99b;box-shadow:0 0 0 3px rgba(22,166,106,.09)}.admin-page button{border:0;border-radius:10px;padding:10px 13px;background:#172235;color:#fff;font-weight:750;cursor:pointer}.admin-page button:hover{filter:brightness(1.06)}.admin-page table{margin-top:12px}.admin-page .ok{background:#ecfbf4;color:#137348;border:1px solid #ccefe0;padding:12px 14px;border-radius:11px}.admin-page .err{background:#fff1f1;color:#9e2a2a;border:1px solid #ffd5d5;padding:12px 14px;border-radius:11px}.admin-auth{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 10%,rgba(24,190,121,.15),transparent 30%),#eef3f8}.admin-auth .auth-card{width:min(100%,440px)}

@media(max-width:760px){.portal-hero-card{grid-template-columns:1fr;padding:22px}.connection-grid{grid-template-columns:1fr}.admin-nav{align-items:flex-start;flex-direction:column;padding:13px 16px}.admin-nav .admin-links{width:100%;overflow:auto;flex-wrap:nowrap}.admin-page main{margin-top:18px}.admin-page table{min-width:720px}}


/* V4.2 chat viewport/composer fix */
html,body.chat-app-page{height:100%;height:100dvh;overflow:hidden}
body.chat-app-page{min-height:0}
.chat-app-shell{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.chat-sidebar,.chat-main{height:100%;min-height:0;overflow:hidden}
.chat-list{min-height:0;overscroll-behavior:contain}
.chat-main{isolation:isolate}
.chat-stream{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-bottom:24px;
}
.composer{
  position:sticky;
  left:0;
  right:0;
  bottom:0;
  flex:0 0 auto;
  width:100%;
  z-index:30;
  box-sizing:border-box;
  box-shadow:0 -1px 8px rgba(15,23,42,.08);
}
.composer-tabs{max-height:min(46vh,420px);overflow:auto}
.composer-main{min-height:52px}
.composer-input textarea{display:block;overflow-y:auto}
.chat-app-page.has-chat .chat-main{min-height:0}

/* Incoming conversation attention */
.conv-row.has-new{background:#f0fbf6}
.conv-row.has-new:not(.active){box-shadow:inset 3px 0 0 #25d366}
.conv-row.has-new .conv-title strong{font-weight:800;color:#16251e}
.conv-row.has-new .conv-preview{color:#33453b;font-weight:600}
.new-chip{
  display:inline-flex;align-items:center;justify-content:center;
  height:18px;padding:0 6px;border-radius:999px;
  background:#e0f8eb;color:#087548;font-size:9px;font-weight:900;
  letter-spacing:.06em;text-transform:uppercase;margin-left:4px
}
.incoming-notice-stack{
  position:fixed;right:18px;top:18px;z-index:9999;
  display:grid;gap:8px;width:min(360px,calc(100vw - 36px));
  pointer-events:none
}
.incoming-notice{
  pointer-events:auto;display:flex;align-items:center;gap:10px;
  background:#fff;border:1px solid #dfe7e2;border-radius:14px;
  padding:11px 12px;box-shadow:0 14px 36px rgba(15,23,42,.18);
  cursor:pointer;animation:waNoticeIn .2s ease-out
}
.incoming-notice .notice-avatar{
  width:38px;height:38px;min-width:38px;border-radius:50%;
  display:grid;place-items:center;background:#d8f5e7;color:#176d4b;font-weight:800
}
.incoming-notice .notice-body{min-width:0;flex:1}
.incoming-notice .notice-title{font-size:13px;font-weight:800;color:#17231d}
.incoming-notice .notice-preview{
  margin-top:2px;font-size:12px;color:#68766f;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis
}
@keyframes waNoticeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

@media(max-width:760px){
  .chat-app-shell,.chat-sidebar,.chat-main{height:100dvh}
  .composer{position:sticky;bottom:0}
  .incoming-notice-stack{top:10px;right:10px;width:calc(100vw - 20px)}
}

/* === V5 KVKK + Automation === */
.automation-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.automation-tabs a{padding:10px 14px;border:1px solid var(--line,#e1e6ea);border-radius:10px;background:#fff;color:#24313a;text-decoration:none;font-weight:700}.automation-tabs a.active,.automation-tabs a:hover{background:#e9f8f0;border-color:#b8e5ce;color:#087a49}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head h2{margin:0}.stack{display:grid;gap:15px}.stack label,.auto-rule-form label{display:grid;gap:7px}.stack textarea,.stack input,.stack select,.auto-rule-form textarea,.auto-rule-form input,.auto-rule-form select{width:100%;box-sizing:border-box}.toggle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.switchline,.checkline{display:flex!important;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #dfe7e3;border-radius:12px;background:#fbfdfc}.switchline input,.checkline input{width:auto!important;margin-top:3px}.switchline span{display:grid;gap:3px}.switchline small{color:#67767f}.checkline.required{border-color:#b6dcc8;background:#f0faf5}.checkline.compact{padding:9px 10px;align-self:end}.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mandatory-clause{padding:16px;border:1px solid #bcdcca;border-radius:12px;background:#f3fbf6;line-height:1.55}.mandatory-title{font-weight:800;color:#0a7a4a;margin-bottom:8px}.kvkk-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.kvkk-meta>div{padding:12px;border:1px solid #e3e8e5;border-radius:12px;background:#fafcfb;display:grid;gap:4px}.kvkk-meta span{font-size:12px;color:#728079}.legal-snippet{white-space:normal;line-height:1.45;max-width:680px}.auto-button-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-column:1/-1}.days-field{grid-column:1/-1}.days-field>span{display:block;font-weight:700;margin-bottom:7px}.day-checks{display:flex;gap:7px;flex-wrap:wrap}.day-checks label{display:block}.day-checks input{display:none}.day-checks span{display:inline-flex;min-width:42px;justify-content:center;padding:8px 10px;border:1px solid #d8e0dc;border-radius:9px;background:#fff;cursor:pointer}.day-checks input:checked+span{background:#dff7ea;border-color:#8ed0ae;color:#087a49;font-weight:800}.privacy-inbox-tabs{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid #e5e9e7;background:#fff}.privacy-inbox-tabs button{border:0;background:#f3f5f6;border-radius:9px;padding:8px 10px;font-weight:700;color:#52616a;cursor:pointer}.privacy-inbox-tabs button.active{background:#dff7ea;color:#087a49}.privacy-inbox-tabs button span{display:inline-flex;min-width:19px;height:19px;align-items:center;justify-content:center;border-radius:10px;background:#fff;margin-left:4px;font-size:11px}.privacy-mini{font-size:11px;font-weight:700;margin-top:3px}.privacy-mini.pending,.privacy-mini.config_missing{color:#ad6900}.privacy-mini.rejected,.privacy-mini.withdrawn{color:#b42318}.privacy-mini.approved{color:#087a49}.conv-row.privacy-waiting{background:#fffaf0}.privacy-gate-banner{display:none;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;background:#fff5df;border-bottom:1px solid #f0d69c;color:#704a00}.privacy-gate-banner.show{display:flex}.privacy-gate-banner>div{display:grid;gap:3px}.privacy-gate-banner span{font-size:12px;opacity:.8}.privacy-gate-banner a{font-weight:700;color:inherit}.privacy-blocked-composer{background:#f8f9f9}.privacy-lock-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px}.privacy-lock-row>div{display:grid;gap:3px}.privacy-lock-row span{font-size:12px;color:#6b777d}.badge.approved{background:#dcfce7;color:#166534}.badge.pending{background:#fef3c7;color:#92400e}.badge.rejected,.badge.withdrawn{background:#fee2e2;color:#991b1b}.badge.active{background:#dcfce7;color:#166534}.badge.passive,.badge.archived{background:#edf1f3;color:#53616a}
@media(max-width:900px){.legal-grid,.toggle-row,.kvkk-meta{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.privacy-lock-row{align-items:flex-start;flex-direction:column}.privacy-lock-row .btn{width:100%}}

/* === V5.1 Scroll isolation + billing/settings === */
/* V4.2'de html selectorünün global overflow:hidden uygulamasını geri alır. */
html{height:auto!important;min-height:100%;overflow-x:hidden;overflow-y:auto!important;scroll-behavior:smooth}
body{min-height:100vh}
body.chat-app-page{height:100vh;height:100dvh;min-height:0;overflow:hidden!important}
body.portal-page,body.admin-page,body.automation-page,body.settings-page,body.packages-page{height:auto!important;min-height:100vh;overflow-x:hidden;overflow-y:auto!important}
.scroll-page{min-height:calc(100vh - 68px);padding-bottom:56px}
.automation-page .page,.admin-page .page{overflow:visible!important;height:auto!important;max-height:none!important}
.automation-page .card,.admin-page .card{overflow:visible}
.automation-page textarea,.admin-page textarea{resize:vertical}

.settings-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;align-items:start}
.settings-grid .card h2{margin-top:0}.security-note{margin-top:20px;padding:14px;border-radius:12px;background:#f3f8fb;border:1px solid #dce8ef;display:grid;gap:4px}.security-note span{font-size:13px;color:var(--muted)}
.current-plan{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:20px;background:linear-gradient(135deg,#101c2c,#17344a);color:#fff;border-radius:24px;padding:26px;box-shadow:0 22px 55px rgba(16,28,44,.15)}
.current-plan h2{font-size:30px;margin:10px 0 0;letter-spacing:-.04em}.current-plan .muted{color:#bfd0dd}.current-plan .eyebrow{background:rgba(37,211,102,.13);border-color:rgba(110,233,158,.25);color:#8fe0bb}.current-plan .price{margin-top:10px}.plan-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan-metrics>div{display:grid;gap:4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);padding:13px;border-radius:13px}.plan-metrics span,.plan-metrics small{font-size:12px;color:#c8d5df}.plan-metrics strong{font-size:18px}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.plan-card,.addon-card{display:flex;flex-direction:column}.plan-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.plan-card-head h3,.addon-card h3{margin:0;font-size:21px}.plan-card-head span{font-size:12px;color:var(--muted)}.plan-price{font-size:27px;font-weight:850;letter-spacing:-.035em}.plan-card .btn,.addon-card .btn{width:100%;margin-top:auto}.plan-card.upgradeable{border-color:#a9dfc4;box-shadow:0 15px 38px rgba(22,166,106,.08)}
.proration-box{margin:4px 0 16px;padding:13px;background:#f4faf7;border:1px solid #d6eee1;border-radius:12px;display:grid;gap:7px}.proration-box>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.proration-box .proration-total{border-top:1px solid #d6e8de;padding-top:8px;margin-top:2px}.proration-box .proration-total strong{font-size:17px;color:#087548}.proration-box small{color:#68766f}
.badge.paid{background:#dcfce7;color:#166534}.badge.cancelled,.badge.refunded{background:#f1f3f5;color:#667085}.badge.pending{background:#fff4d6;color:#895f00}

@media(max-width:900px){.settings-grid,.current-plan{grid-template-columns:1fr}.plan-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.plan-metrics{grid-template-columns:1fr}.current-plan{padding:20px}.scroll-page{padding-bottom:34px}}

/* Tema düzenlemesi: sohbet gezinmesi ve mobil WhatsApp benzeri kullanım */
.chat-section-tabs{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid #e5e9e7;background:#fff}
.chat-section-tabs a{flex:1;text-align:center;text-decoration:none;padding:9px 10px;border-radius:10px;color:#52616a;background:#f3f5f6;font-weight:800;font-size:13px}
.chat-section-tabs a.active,.chat-section-tabs a:hover{background:#dff7ea;color:#087a49}
.portal-chat-tabs{padding:0 0 14px;border:0;background:transparent;max-width:520px}
.prominent-actions{gap:6px}.prominent-actions .circle-btn{width:auto;min-width:48px;height:42px;padding:0 9px;border-radius:11px;display:flex;gap:5px;align-items:center;justify-content:center;text-decoration:none}.prominent-actions .circle-btn b{font-size:11px;font-weight:800;display:none}
@media(min-width:1100px){.prominent-actions .circle-btn b{display:inline}}
@media(max-width:760px){
  body.chat-app-page{background:#efeae2}
  .chat-sidebar-head{position:sticky;top:0;z-index:8;background:#f0f2f5;padding-top:max(10px,env(safe-area-inset-top))}
  .chat-section-tabs{position:sticky;top:66px;z-index:7;padding:7px 10px;background:#fff}
  .privacy-inbox-tabs{position:sticky;top:113px;z-index:6;overflow-x:auto;white-space:nowrap}
  .chat-filter{position:sticky;top:160px;z-index:5;background:#fff}
  .conv-row{min-height:72px;padding:10px 12px;background:#fff}
  .conv-row .avatar{width:48px;height:48px;border-radius:50%}
  .chat-header{padding-top:max(8px,env(safe-area-inset-top));background:#f0f2f5}
  .chat-stream{background-color:#efeae2;padding:12px 9px 18px}
  .bubble{max-width:86%;border-radius:9px}
  .bubble.out{background:#d9fdd3}
  .composer{background:#f0f2f5;border-top:1px solid #e0e3e5;padding-left:7px;padding-right:7px}
  .composer-main{gap:5px}.composer-input{border-radius:22px}.send-btn,.attach-btn{width:42px;height:42px}
  .prominent-actions .circle-btn{min-width:42px;padding:0 7px}.prominent-actions .circle-btn b{display:none}
}
.button-link-fields{display:grid;grid-template-columns:minmax(140px,.45fr) minmax(220px,1fr);gap:8px}
@media(max-width:760px){.button-link-fields{grid-template-columns:1fr}}

.unified-chat-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto}.unified-chat-tabs>a{white-space:nowrap}

/* v1.0.5 inbox bütünleşik görünüm */
.inbox-module-frame{width:100%;height:100vh;border:0;background:#fff;display:block}.prominent-actions .circle-btn{width:auto;min-width:48px;padding:5px 8px;border-radius:10px;display:flex;flex-direction:column;gap:1px;text-decoration:none}.prominent-actions .circle-btn b{font-size:10px;font-weight:700}.privacy-inbox-tabs{display:flex;gap:7px;padding:8px 10px;overflow-x:auto;scrollbar-width:none}.privacy-inbox-tabs::-webkit-scrollbar{display:none}.privacy-inbox-tabs button,.privacy-inbox-tabs a{border:0!important;border-radius:12px!important;min-height:42px;padding:9px 13px!important;white-space:nowrap;background:#f2f4f7!important;color:#475467!important;font-weight:750!important}.privacy-inbox-tabs .active{background:#dff7eb!important;color:#067647!important}.composer-tabs .tabs button{border-radius:10px;padding:8px 12px;font-weight:700}.composer-tabs .tabs button.active{background:#dff7eb;color:#067647}@media(max-width:760px){.chat-app-shell{grid-template-columns:1fr}.chat-sidebar-head{height:auto;min-height:64px}.sidebar-actions{gap:2px}.prominent-actions .circle-btn{min-width:40px;padding:4px}.prominent-actions .circle-btn b{display:none}.privacy-inbox-tabs{padding:7px 8px}.privacy-inbox-tabs button,.privacy-inbox-tabs a{min-height:38px;padding:7px 10px!important;font-size:13px}.inbox-module-frame{height:calc(100vh - 1px)}body.chat-app-page:has(.inbox-module-frame) .chat-sidebar{display:none}body.chat-app-page:has(.inbox-module-frame) .chat-main{display:block!important}}

/* v1.0.6 sohbet düzeni düzeltmeleri */
.modern-sidebar-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.modern-sidebar-actions .circle-btn{min-width:64px;height:42px;padding:6px 10px;border-radius:12px;background:#fff;color:#475467;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;border:1px solid #e4e7ec;box-shadow:0 1px 2px rgba(16,24,40,.04)}.modern-sidebar-actions .circle-btn:hover{background:#f8fafb}.modern-sidebar-actions .circle-btn span{font-size:16px;line-height:1}.modern-sidebar-actions .circle-btn b{display:block!important;font-size:10px;font-weight:800;line-height:1.1}
.inbox-main-tabs{display:flex!important;gap:8px!important;padding:8px 10px!important;overflow-x:auto!important;align-items:center}.inbox-main-tabs button,.inbox-main-tabs a{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;flex:0 0 auto;font-size:13px;line-height:1.1}.list-mode-hint{padding:18px 14px;color:#667085;display:grid;gap:4px}.integrated-module-view:before{display:none}.inbox-module-frame{width:100%;height:100%;min-height:100vh;border:0;background:#fff}
@media(max-width:900px){.chat-app-shell{grid-template-columns:340px minmax(0,1fr)}}
@media(max-width:760px){.chat-app-shell{grid-template-columns:1fr}.chat-sidebar-head{padding:10px 10px 8px;align-items:flex-start;flex-wrap:wrap}.chat-user{width:100%}.modern-sidebar-actions{width:100%;justify-content:flex-start}.modern-sidebar-actions .circle-btn{min-width:58px;height:40px;padding:5px 8px}.inbox-main-tabs{position:sticky;top:100px;z-index:7;background:#fff}.chat-filter{top:152px}.chat-main.integrated-module-view{display:block}.inbox-module-frame{min-height:calc(100vh - 185px)}body.chat-app-page:has(.chat-main.integrated-module-view) .chat-sidebar{display:flex}body.chat-app-page:has(.chat-main.integrated-module-view) .chat-main{display:block!important}}

/* v1.0.7: Grup/Kanal sekmeleri KVKK sekmeleriyle aynı inbox davranışını kullanır. */
.privacy-inbox-tabs button[data-inbox-section]{border:0;background:#f3f5f6;border-radius:9px;padding:8px 10px;font-weight:700;color:#52616a;cursor:pointer;white-space:nowrap}.privacy-inbox-tabs button[data-inbox-section].active{background:#dff7ea;color:#087a49}
.inbox-module-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#efeae2;position:relative;z-index:2}.composer input[type=url]{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #d9e0e4;border-radius:9px;background:#fff;outline:none;margin-bottom:8px}
@media(min-width:761px){body.chat-app-page .chat-sidebar{display:flex!important}body.chat-app-page .chat-main{display:flex!important}}
@media(max-width:760px){body.chat-app-page.group-channel-open .chat-sidebar{display:none!important}body.chat-app-page.group-channel-open .chat-main{display:flex!important;height:100dvh}body.chat-app-page.group-channel-open .inbox-module-frame{height:100dvh}.privacy-inbox-tabs{gap:5px;padding:7px 8px}.privacy-inbox-tabs button{font-size:12px;padding:7px 9px!important;min-height:36px}.privacy-inbox-tabs button span{display:none}}