/* ============================================================
   TS WhatsApp V11.6.2 — AI Chatbot workspace polish
   Page-scoped visual layer. Loaded after all legacy styles.
   ============================================================ */
body.app-body.page-ai_chatbot{
  --ai-bg:#0b1216;
  --ai-panel:#10191e;
  --ai-panel-2:#131e24;
  --ai-panel-3:#17232a;
  --ai-line:#23323a;
  --ai-line-soft:#1b2930;
  --ai-text:#eef6f3;
  --ai-text-2:#c7d5d0;
  --ai-muted:#7f9690;
  --ai-green:#20c997;
  --ai-green-strong:#6ee3bf;
  --ai-green-soft:rgba(32,201,151,.10);
  --ai-green-line:rgba(32,201,151,.24);
}
body.app-body.page-ai_chatbot .content{
  padding:16px 20px 28px!important;
  background:var(--ai-bg)!important;
}
body.app-body.page-ai_chatbot .content>*{
  width:min(100%,1320px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body.app-body.page-ai_chatbot :is(.ai-console-hero,.ai-number-console,.ai-config-drawer,.ai-console-nav,.ai-bot-accordion,.ai-form,.ai-provider-card,.ai-knowledge-card,.list-row,.api-example,.ai-test-result){
  transform:none!important;rotate:none!important;perspective:none!important;box-shadow:none!important;
}

/* Hero */
body.app-body.page-ai_chatbot .ai-console-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  min-height:104px!important;
  margin:0 auto 12px!important;
  padding:18px 20px!important;
  border:1px solid var(--ai-line)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#111b20 0%,#0f181d 100%)!important;
}
body.app-body.page-ai_chatbot .ai-console-title{
  display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;
}
body.app-body.page-ai_chatbot .ai-console-mark{
  width:44px!important;height:44px!important;min-width:44px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;border:1px solid var(--ai-green-line)!important;
  background:var(--ai-green-soft)!important;color:var(--ai-green-strong)!important;
  font-size:12px!important;font-weight:600!important;letter-spacing:.02em!important;
}
body.app-body.page-ai_chatbot .ai-console-title>div{min-width:0!important}
body.app-body.page-ai_chatbot .ai-console-title .eyebrow{
  display:block!important;margin:0 0 3px!important;color:var(--ai-muted)!important;
  font-size:9px!important;font-weight:500!important;letter-spacing:.08em!important;
}
body.app-body.page-ai_chatbot .ai-console-title h1{
  margin:0!important;color:var(--ai-text)!important;font-size:21px!important;line-height:1.18!important;
  font-weight:600!important;letter-spacing:-.025em!important;
}
body.app-body.page-ai_chatbot .ai-console-title p{
  margin:5px 0 0!important;color:var(--ai-muted)!important;font-size:11.5px!important;line-height:1.45!important;font-weight:400!important;
}
body.app-body.page-ai_chatbot .ai-console-status{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important;
}
body.app-body.page-ai_chatbot .ai-console-status span{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  min-height:31px!important;padding:0 10px!important;border:1px solid var(--ai-line)!important;
  border-radius:999px!important;background:#0c1519!important;color:var(--ai-muted)!important;
  font-size:9.5px!important;font-weight:400!important;white-space:nowrap!important;
}
body.app-body.page-ai_chatbot .ai-console-status span b{color:var(--ai-text)!important;font-size:10px!important;font-weight:600!important}
body.app-body.page-ai_chatbot .ai-console-status span.busy{border-color:rgba(245,177,66,.28)!important;color:#e3c07c!important}

/* Section navigation */
body.app-body.page-ai_chatbot .ai-console-nav{
  position:static!important;top:auto!important;z-index:auto!important;
  display:flex!important;align-items:center!important;gap:4px!important;
  margin:0 auto 12px!important;padding:5px!important;
  border:1px solid var(--ai-line)!important;border-radius:12px!important;
  background:#0e171c!important;overflow-x:auto!important;box-shadow:none!important;
}
body.app-body.page-ai_chatbot .ai-console-nav a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:34px!important;padding:0 13px!important;border:0!important;border-radius:8px!important;
  background:transparent!important;color:var(--ai-muted)!important;text-decoration:none!important;
  font-size:10.5px!important;font-weight:500!important;white-space:nowrap!important;
}
body.app-body.page-ai_chatbot .ai-console-nav a:hover{background:rgba(255,255,255,.025)!important;color:var(--ai-text-2)!important}
body.app-body.page-ai_chatbot .ai-console-nav a.active{
  background:var(--ai-green-soft)!important;color:var(--ai-green-strong)!important;
  box-shadow:inset 0 0 0 1px var(--ai-green-line)!important;
}

/* Chatbot per number */
body.app-body.page-ai_chatbot .ai-number-console{
  margin:0 auto 12px!important;padding:0!important;border:1px solid var(--ai-line)!important;
  border-radius:15px!important;background:var(--ai-panel)!important;overflow:hidden!important;
}
body.app-body.page-ai_chatbot .ai-number-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  min-height:82px!important;padding:16px 18px!important;border-bottom:1px solid var(--ai-line-soft)!important;
  background:linear-gradient(180deg,#111c21,#10191e)!important;
}
body.app-body.page-ai_chatbot .ai-number-head>div:first-child{min-width:0!important}
body.app-body.page-ai_chatbot .ai-number-head .eyebrow{
  display:block!important;margin:0 0 3px!important;color:var(--ai-green-strong)!important;
  font-size:8.5px!important;font-weight:500!important;letter-spacing:.075em!important;
}
body.app-body.page-ai_chatbot .ai-number-head h2{margin:0!important;font-size:15px!important;font-weight:600!important;color:var(--ai-text)!important;letter-spacing:-.01em!important}
body.app-body.page-ai_chatbot .ai-number-head p{margin:4px 0 0!important;font-size:10.5px!important;font-weight:400!important;color:var(--ai-muted)!important;line-height:1.4!important}
body.app-body.page-ai_chatbot .ai-number-count{
  width:auto!important;height:auto!important;min-width:58px!important;min-height:48px!important;padding:7px 11px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  border:1px solid var(--ai-line)!important;border-radius:11px!important;background:#0d161a!important;text-align:center!important;
}
body.app-body.page-ai_chatbot .ai-number-count b{font-size:15px!important;line-height:1!important;font-weight:600!important;color:var(--ai-text)!important}
body.app-body.page-ai_chatbot .ai-number-count span{font-size:8px!important;font-weight:500!important;color:var(--ai-muted)!important;letter-spacing:.06em!important;text-transform:uppercase!important}
body.app-body.page-ai_chatbot .ai-bot-accordion-list{display:grid!important;gap:8px!important;padding:10px!important}
body.app-body.page-ai_chatbot .ai-bot-accordion{
  margin:0!important;border:1px solid var(--ai-line-soft)!important;border-radius:11px!important;background:#0f181d!important;overflow:hidden!important;
}
body.app-body.page-ai_chatbot .ai-bot-accordion[open]{border-color:var(--ai-green-line)!important;background:#101b1f!important}
body.app-body.page-ai_chatbot .ai-bot-summary{
  min-height:58px!important;padding:10px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  background:transparent!important;
}
body.app-body.page-ai_chatbot .ai-bot-name{font-size:12px!important;font-weight:600!important;color:var(--ai-text)!important}
body.app-body.page-ai_chatbot .ai-bot-meta{font-size:9.5px!important;font-weight:400!important;color:var(--ai-muted)!important}
body.app-body.page-ai_chatbot .ai-bot-summary-side .pill{font-size:8.5px!important;font-weight:500!important;padding:4px 7px!important}
body.app-body.page-ai_chatbot .ai-bot-accordion .ai-bot-card{
  padding:14px!important;border-top:1px solid var(--ai-line-soft)!important;background:#0d161a!important;
}
body.app-body.page-ai_chatbot .ai-bot-quick{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 0 11px!important;margin:0 0 11px!important;border-bottom:1px solid var(--ai-line-soft)!important}
body.app-body.page-ai_chatbot .ai-bot-quick .muted{font-size:9.5px!important;color:var(--ai-muted)!important;font-weight:400!important}
body.app-body.page-ai_chatbot .switch-label{font-size:10.5px!important;font-weight:500!important;color:var(--ai-text-2)!important}
body.app-body.page-ai_chatbot .ai-bot-core{display:grid!important;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)!important;gap:10px!important}
body.app-body.page-ai_chatbot .ai-bot-core .span-2{grid-column:1/-1!important}
body.app-body.page-ai_chatbot .ai-bot-card label,
body.app-body.page-ai_chatbot .ai-form label{font-size:10px!important;font-weight:500!important;color:var(--ai-text-2)!important}
body.app-body.page-ai_chatbot :is(.ai-bot-card,.ai-form) :is(input,select,textarea){
  border-color:var(--ai-line)!important;background:#0b1418!important;color:var(--ai-text)!important;border-radius:9px!important;
  font-size:10.5px!important;font-weight:400!important;box-shadow:none!important;
}
body.app-body.page-ai_chatbot :is(.ai-bot-card,.ai-form) :is(input,select){min-height:36px!important}
body.app-body.page-ai_chatbot :is(.ai-bot-card,.ai-form) textarea{line-height:1.5!important}
body.app-body.page-ai_chatbot .ai-advanced-settings{margin-top:10px!important;border:1px solid var(--ai-line-soft)!important;border-radius:10px!important;background:#0c1519!important}
body.app-body.page-ai_chatbot .ai-advanced-settings>summary{padding:9px 11px!important;font-size:9.5px!important;font-weight:500!important;color:var(--ai-muted)!important}
body.app-body.page-ai_chatbot .ai-bot-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;margin-top:11px!important}
body.app-body.page-ai_chatbot .ai-test-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:0!important;border:0!important}

/* Secondary cards */
body.app-body.page-ai_chatbot .ai-config-drawer{
  width:min(100%,1320px)!important;margin:0 auto 9px!important;padding:0!important;
  border:1px solid var(--ai-line)!important;border-radius:13px!important;background:var(--ai-panel)!important;overflow:hidden!important;
}
body.app-body.page-ai_chatbot .ai-config-summary{
  display:grid!important;grid-template-columns:38px minmax(0,1fr) auto 12px!important;align-items:center!important;gap:12px!important;
  min-height:64px!important;padding:10px 13px!important;background:transparent!important;cursor:pointer!important;list-style:none!important;
}
body.app-body.page-ai_chatbot .ai-config-summary:hover{background:rgba(255,255,255,.018)!important}
body.app-body.page-ai_chatbot .ai-config-icon{
  width:36px!important;height:36px!important;display:grid!important;place-items:center!important;
  border-radius:10px!important;border:1px solid var(--ai-green-line)!important;background:var(--ai-green-soft)!important;
  color:var(--ai-green-strong)!important;font-size:9px!important;font-weight:600!important;
}
body.app-body.page-ai_chatbot .ai-config-copy{display:grid!important;gap:2px!important;min-width:0!important}
body.app-body.page-ai_chatbot .ai-config-copy b{font-size:11.5px!important;font-weight:600!important;color:var(--ai-text)!important;line-height:1.25!important}
body.app-body.page-ai_chatbot .ai-config-copy small{font-size:9.5px!important;font-weight:400!important;color:var(--ai-muted)!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important}
body.app-body.page-ai_chatbot .ai-config-badge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:26px!important;padding:0 8px!important;
  border-radius:999px!important;border:1px solid var(--ai-line)!important;background:#0c1519!important;
  color:var(--ai-muted)!important;font-size:8.5px!important;font-weight:500!important;white-space:nowrap!important;
}
body.app-body.page-ai_chatbot .ai-config-chevron{border-color:var(--ai-muted)!important}
body.app-body.page-ai_chatbot .ai-config-body{
  padding:14px!important;border-top:1px solid var(--ai-line-soft)!important;background:#0d161a!important;
}
body.app-body.page-ai_chatbot .ai-config-body .ai-provider-layout,
body.app-body.page-ai_chatbot .ai-config-body .ai-knowledge-layout,
body.app-body.page-ai_chatbot .ai-config-body .ai-api-grid{display:grid!important;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;gap:12px!important}
body.app-body.page-ai_chatbot .ai-form{
  padding:13px!important;border:1px solid var(--ai-line-soft)!important;border-radius:11px!important;background:#101a1f!important;
}
body.app-body.page-ai_chatbot .ai-provider-list,
body.app-body.page-ai_chatbot .ai-knowledge-list,
body.app-body.page-ai_chatbot .ai-token-list{display:grid!important;gap:8px!important;align-content:start!important}
body.app-body.page-ai_chatbot .ai-provider-card,
body.app-body.page-ai_chatbot .ai-knowledge-card,
body.app-body.page-ai_chatbot .list-row{
  padding:11px 12px!important;border:1px solid var(--ai-line-soft)!important;border-radius:10px!important;background:#101a1f!important;
}
body.app-body.page-ai_chatbot .ai-provider-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(160px,.62fr) auto!important;gap:10px!important;align-items:center!important}
body.app-body.page-ai_chatbot :is(.ai-provider-card,.ai-knowledge-card,.list-row) b{font-size:10.8px!important;font-weight:600!important;color:var(--ai-text)!important}
body.app-body.page-ai_chatbot :is(.ai-provider-card,.ai-knowledge-card,.list-row) small{font-size:9px!important;font-weight:400!important;color:var(--ai-muted)!important;line-height:1.4!important}
body.app-body.page-ai_chatbot .ai-provider-meta{font-size:9px!important;color:var(--ai-muted)!important}
body.app-body.page-ai_chatbot .ai-knowledge-card p{margin:6px 0 0!important;font-size:9.7px!important;line-height:1.48!important;color:var(--ai-text-2)!important;font-weight:400!important}
body.app-body.page-ai_chatbot .api-example{margin-top:10px!important;padding:11px!important;border:1px solid var(--ai-line-soft)!important;border-radius:10px!important;background:#0b1418!important}
body.app-body.page-ai_chatbot .api-example pre{background:#081014!important;border-color:var(--ai-line-soft)!important;color:var(--ai-text-2)!important;font-size:9.5px!important}
body.app-body.page-ai_chatbot .table-wrap{border:1px solid var(--ai-line-soft)!important;border-radius:10px!important;overflow:auto!important;background:#0d161a!important}
body.app-body.page-ai_chatbot table{margin:0!important;background:transparent!important}
body.app-body.page-ai_chatbot th{font-size:8.5px!important;font-weight:600!important;color:var(--ai-muted)!important;background:#101a1f!important}
body.app-body.page-ai_chatbot td{font-size:9.5px!important;font-weight:400!important;color:var(--ai-text-2)!important;border-color:var(--ai-line-soft)!important}

/* Button system inside AI page */
body.app-body.page-ai_chatbot :is(.ai-bot-card,.ai-config-body) button,
body.app-body.page-ai_chatbot :is(.ai-bot-card,.ai-config-body) .btn{
  min-height:34px!important;padding:0 11px!important;border-radius:9px!important;font-size:9.5px!important;font-weight:500!important;box-shadow:none!important;transform:none!important;
}
body.app-body.page-ai_chatbot :is(.ai-bot-card,.ai-config-body) button:not(.ghost):not(.danger):not(.btn){
  background:var(--ai-green)!important;border-color:var(--ai-green)!important;color:#052019!important;
}
body.app-body.page-ai_chatbot .btn.ghost{background:#0c1519!important;border-color:var(--ai-line)!important;color:var(--ai-text-2)!important}
body.app-body.page-ai_chatbot .btn.danger{background:rgba(244,91,91,.08)!important;border-color:rgba(244,91,91,.20)!important;color:#f4a2a2!important}
body.app-body.page-ai_chatbot .pill{font-weight:500!important;letter-spacing:0!important}
body.app-body.page-ai_chatbot .empty-state{padding:18px!important;color:var(--ai-muted)!important;font-size:10.5px!important;font-weight:400!important}

/* Light mode */
html[data-theme="light"] body.app-body.page-ai_chatbot{
  --ai-bg:#f4f7f6;--ai-panel:#ffffff;--ai-panel-2:#f8fbfa;--ai-panel-3:#f2f7f5;
  --ai-line:#dbe6e2;--ai-line-soft:#e6eeeb;--ai-text:#16231f;--ai-text-2:#40544d;--ai-muted:#71857e;
  --ai-green-soft:rgba(19,168,116,.08);--ai-green-line:rgba(19,168,116,.20);
}
html[data-theme="light"] body.app-body.page-ai_chatbot .ai-console-hero,
html[data-theme="light"] body.app-body.page-ai_chatbot .ai-number-head{background:linear-gradient(180deg,#fff,#f9fbfa)!important}
html[data-theme="light"] body.app-body.page-ai_chatbot :is(.ai-console-nav,.ai-number-console,.ai-config-drawer,.ai-form,.ai-provider-card,.ai-knowledge-card,.list-row){background:#fff!important}
html[data-theme="light"] body.app-body.page-ai_chatbot :is(.ai-bot-accordion,.ai-bot-accordion .ai-bot-card,.ai-config-body,.api-example,.table-wrap){background:#f8fbfa!important}
html[data-theme="light"] body.app-body.page-ai_chatbot :is(.ai-bot-card,.ai-form) :is(input,select,textarea){background:#fff!important}

@media(max-width:980px){
  body.app-body.page-ai_chatbot .content{padding:12px!important}
  body.app-body.page-ai_chatbot .ai-console-hero{grid-template-columns:1fr!important;gap:12px!important}
  body.app-body.page-ai_chatbot .ai-console-status{justify-content:flex-start!important}
  body.app-body.page-ai_chatbot .ai-config-body .ai-provider-layout,
  body.app-body.page-ai_chatbot .ai-config-body .ai-knowledge-layout,
  body.app-body.page-ai_chatbot .ai-config-body .ai-api-grid{grid-template-columns:1fr!important}
  body.app-body.page-ai_chatbot .ai-provider-card{grid-template-columns:minmax(0,1fr) auto!important}
  body.app-body.page-ai_chatbot .ai-provider-meta{grid-column:1/-1!important}
}
@media(max-width:680px){
  body.app-body.page-ai_chatbot .content{padding:8px!important}
  body.app-body.page-ai_chatbot .ai-console-hero{padding:14px!important;border-radius:12px!important}
  body.app-body.page-ai_chatbot .ai-console-title{align-items:flex-start!important}
  body.app-body.page-ai_chatbot .ai-console-title h1{font-size:18px!important}
  body.app-body.page-ai_chatbot .ai-console-status{gap:5px!important}
  body.app-body.page-ai_chatbot .ai-console-status span{min-height:28px!important;padding:0 8px!important;font-size:8.5px!important}
  body.app-body.page-ai_chatbot .ai-console-nav{padding:4px!important}
  body.app-body.page-ai_chatbot .ai-console-nav a{min-height:31px!important;padding:0 10px!important;font-size:9.5px!important}
  body.app-body.page-ai_chatbot .ai-number-head{align-items:flex-start!important;padding:13px!important}
  body.app-body.page-ai_chatbot .ai-number-head p{display:none!important}
  body.app-body.page-ai_chatbot .ai-bot-core{grid-template-columns:1fr!important}
  body.app-body.page-ai_chatbot .ai-bot-core .span-2{grid-column:auto!important}
  body.app-body.page-ai_chatbot .ai-bot-quick{align-items:flex-start!important;flex-direction:column!important}
  body.app-body.page-ai_chatbot .ai-bot-footer{grid-template-columns:1fr!important}
  body.app-body.page-ai_chatbot .ai-test-box{grid-template-columns:1fr!important}
  body.app-body.page-ai_chatbot .ai-config-summary{grid-template-columns:34px minmax(0,1fr) 10px!important;gap:9px!important;padding:9px 10px!important}
  body.app-body.page-ai_chatbot .ai-config-icon{width:32px!important;height:32px!important}
  body.app-body.page-ai_chatbot .ai-config-badge{display:none!important}
  body.app-body.page-ai_chatbot .ai-config-body{padding:10px!important}
  body.app-body.page-ai_chatbot .ai-provider-card{grid-template-columns:1fr!important}
  body.app-body.page-ai_chatbot .ai-provider-card .actions{justify-content:flex-start!important}
}