:root{
  --ink:#0C2920; --ink-soft:#52685E; --ink-faint:#8FA399;
  --bg:#F4F8F3; --surface:#FFFFFF;
  --green:#17A653; --green-deep:#0B3D33; --wa:#25D366; --green-soft:#EAF6EE;
  --amber:#F2A33C; --amber-soft:#FDF3E3; --red:#C8472E; --red-soft:#FCEAE6;
  --blue:#2D7FF9; --blue-soft:#EAF1FE; --line:#E2EAE2;
  --radius:14px; --shadow:0 10px 30px rgba(12,41,32,.08);
  --display:'Bricolage Grotesque',sans-serif; --body:'Inter',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html,body{max-width:100%;overflow-x:hidden}
body{font-family:var(--body);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,textarea,select{font-family:var(--body)}
h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;line-height:1.15}
.logo{font-family:var(--display);font-weight:800;font-size:19px;text-decoration:none;display:flex;align-items:center;gap:8px;color:var(--ink)}
.logo svg{width:28px;height:28px}.logo em{font-style:normal;color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 6px 16px rgba(23,166,83,.24)}
.btn-ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
.btn-sm{padding:7px 12px;font-size:12.5px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}
.pill.green{background:var(--green-soft);color:var(--green)}
.pill.amber{background:var(--amber-soft);color:#9A6310}
.pill.blue{background:var(--blue-soft);color:var(--blue)}
.pill.red{background:var(--red-soft);color:var(--red)}
.pill.gray{background:#EEF2EE;color:var(--ink-soft)}
.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}
input,textarea,select{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:14px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(23,166,83,.13)}
label.fl{display:block;font-size:13px;font-weight:700;margin-bottom:7px;color:var(--ink-soft)}

/* login */
.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.login-brand{background:var(--green-deep);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.login-brand:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1.2px,transparent 1.2px);background-size:22px 22px}
.login-brand>*{position:relative;z-index:1}.login-brand .logo{color:#fff}.login-brand .logo em{color:var(--wa)}
.login-brand h1{font-size:clamp(28px,3vw,42px);max-width:430px}.login-brand p{color:rgba(255,255,255,.72);margin-top:14px;max-width:390px}
.login-card-wrap{display:flex;align-items:center;justify-content:center;padding:48px 24px}
.login-card{width:100%;max-width:410px}.login-card h2{font-size:27px;margin:26px 0 7px}.login-card .hint{color:var(--ink-soft);margin-bottom:28px}
.login-field{margin-bottom:18px}.login-row{display:flex;justify-content:space-between;align-items:center;margin:4px 0 22px;color:var(--ink-soft);font-size:13.5px}
.login-row a{color:var(--green);font-weight:700;text-decoration:none}.login-note{margin-top:20px;padding-top:18px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--ink-faint);text-align:center}
.auth-notice{border:1px solid var(--line);background:var(--green-soft);border-radius:12px;padding:13px;margin:16px 0 22px;display:grid;gap:10px}.auth-notice b{display:block;font-size:14px}.auth-notice[hidden]{display:none}
@media(max-width:880px){.login{grid-template-columns:1fr}.login-brand{display:none}}

/* shell */
.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}
.side{background:var(--surface);border-right:1px solid var(--line);padding:20px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:12px}
.side .logo{padding:4px 10px 14px}.snav{display:flex;flex-direction:column;gap:4px;flex:1}
.snav button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--ink-soft);padding:11px 13px;border-radius:10px;text-align:left;font-size:14px;font-weight:700;cursor:pointer}
.snav button:hover{background:var(--bg)}.snav button.on{background:var(--green-soft);color:var(--green-deep)}
.side-bottom{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}
.status-chip{display:flex;align-items:center;gap:10px;background:var(--bg);padding:10px 12px;border-radius:10px;font-size:13px;font-weight:700}
.status-chip .led,.health .led,.step .led{width:9px;height:9px;border-radius:50%;background:var(--wa);box-shadow:0 0 0 3px rgba(37,211,102,.16);flex:none}
.status-chip.warn .led,.health.warn .led,.step.warn .led{background:var(--amber);box-shadow:0 0 0 3px rgba(242,163,60,.16)}
.logout{width:100%;border:0;background:transparent;color:var(--ink-soft);text-align:left;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer}
.logout:hover{background:var(--red-soft);color:var(--red)}
.main{padding:26px 30px 60px;min-width:0}.panel{display:none}.panel.on{display:block}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.topbar h1{font-size:24px}.muted{color:var(--ink-soft);font-size:13.5px}.who{display:flex;align-items:center;gap:12px}
.ava{width:38px;height:38px;border-radius:50%;background:var(--green-deep);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:13px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 4px 14px rgba(12,41,32,.035)}
.card h3{font-size:16px;margin-bottom:14px}.grid-2{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.stat .l{font-size:12px;font-weight:800;color:var(--ink-soft)}.stat .v{font-family:var(--display);font-size:29px;font-weight:800;margin-top:7px}.stat .d{font-size:12px;color:var(--green);font-weight:700}.stat .d.neutral{color:var(--ink-faint)}.stat .d.alert{color:#9A6310}
.rows{display:grid}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:0}.row b{display:block}.row span,.sub{display:block;color:var(--ink-soft);font-size:12.5px}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto;padding:6px 14px;max-width:100%;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:760px}
.toolrow{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.toolrow input,.toolrow select{max-width:280px}
.filter-btn.on,.btn-ghost.on{border-color:var(--green);background:var(--green-soft);color:var(--green-deep)}
.conv-grid{display:grid;grid-template-columns:330px 1fr;gap:14px}.conv-list{padding:0;overflow:hidden}.conv-item{padding:14px;border-bottom:1px solid var(--line);cursor:pointer}.conv-item.on{background:var(--green-soft);border-left:3px solid var(--green)}.chat{background:#EFE7DC;border-radius:12px;padding:14px;min-height:310px;display:flex;flex-direction:column;gap:8px;background-image:radial-gradient(rgba(12,41,32,.045) 1.1px,transparent 1.1px);background-size:18px 18px}.msg{max-width:78%;padding:8px 11px;border-radius:12px;font-size:13.5px;box-shadow:0 1px 1px rgba(0,0,0,.07)}.msg.in{background:#fff;align-self:flex-start;border-top-left-radius:4px}.msg.out{background:#D9FDD3;align-self:flex-end;border-top-right-radius:4px}.msg.system{align-self:center;max-width:92%;background:rgba(12,41,32,.08);color:var(--ink-soft);box-shadow:none;font-size:12px;font-weight:700;text-align:center}.msg .t{display:block;font-size:10px;color:#7C8B83;text-align:right;margin-top:3px}
.kb-list{display:grid;gap:10px}.kb{border:1px solid var(--line);border-radius:11px;padding:13px}.kb b{display:block;font-size:13.5px}.kb span{color:var(--ink-soft);font-size:13px}.bar-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.bar-row .label{width:150px;color:var(--ink-soft);font-size:13px}.bar-row .bar{flex:1;height:20px;background:var(--bg);border-radius:7px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--wa))}
.step,.health{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.step:last-child,.health:last-child{border-bottom:0}.step b,.health b{display:block}.step span,.health span{color:var(--ink-soft);font-size:12.5px}.kv{display:grid;grid-template-columns:auto 1fr;gap:10px 18px}.kv dt{color:var(--ink-soft)}.kv dd{text-align:right;font-weight:700}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(12px);background:var(--ink);color:#fff;padding:11px 16px;border-radius:999px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.toolbar,.action-row,.button-wrap,.card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;max-width:100%}
.toolbar .btn,.action-row .btn,.button-wrap .btn,.card-actions .btn{white-space:normal;min-width:0;max-width:100%;text-align:center}
.action-group{display:grid;gap:8px;min-width:0;max-width:100%}
.action-group .toolbar{gap:7px}
.wa-actions-cell{min-width:360px}
.wa-action-groups{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;align-items:start}
.wa-action-group{border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}
.wa-action-group>span{display:block;margin-bottom:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint)}
.wa-action-group .toolbar{gap:6px}.wa-action-group .btn-sm{padding:6px 9px;white-space:nowrap}.wa-error-text{display:block;max-width:220px;white-space:normal;color:var(--ink);line-height:1.35}
.demo-card{grid-template-columns:1.1fr .55fr .9fr}.demo-actions{display:grid;gap:8px;align-content:start}.demo-actions select{width:100%}.demo-actions .toolbar{gap:8px}
.split-3{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:14px;align-items:start}
.mini-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}
.status-line{display:flex;align-items:center;gap:9px;color:var(--ink-soft);font-size:13px;font-weight:700}
.status-line .led{width:9px;height:9px;border-radius:50%;background:var(--wa);box-shadow:0 0 0 3px rgba(37,211,102,.16)}
.status-line.paused .led{background:var(--amber);box-shadow:0 0 0 3px rgba(242,163,60,.16)}
.mode-group{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.mode-card{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:13px;text-align:left;cursor:pointer}
.mode-card.on{border-color:var(--green);background:var(--green-soft)}
.mode-card b{display:block}.mode-card span{display:block;color:var(--ink-soft);font-size:12px;margin-top:3px}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
.switch-row:last-child{border-bottom:0}.switch-row b{display:block}.switch-row span{display:block;color:var(--ink-soft);font-size:12.5px}
.switch{position:relative;width:42px;height:24px;flex:none}.switch input{position:absolute;inset:0;opacity:0;cursor:pointer}.switch i{position:absolute;inset:0;border-radius:99px;background:#D8E1DA;transition:.18s}.switch i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:.18s}.switch input:checked+i{background:var(--green)}.switch input:checked+i:after{left:21px}
.alert-box{background:var(--amber-soft);border:1px solid #F1DDB5;color:#7A5A21;border-radius:12px;padding:13px 14px;font-size:13px}
.conv-item{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--line)}
.conv-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.chat-headline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.chat-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.suggestions button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-weight:700;color:var(--ink-soft);cursor:pointer}
.detail-list{display:grid;gap:10px}.detail-list dt{font-size:12px;color:var(--ink-soft)}.detail-list dd{font-weight:700;text-align:left}
.lead-score{height:8px;background:var(--bg);border-radius:99px;overflow:hidden}.lead-score i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--wa))}
.lead-status{min-width:168px}
#leads .table-wrap table{min-width:1120px}
#businesses .table-wrap table,#onboarding .table-wrap table,#whatsapp .table-wrap table,#usage .table-wrap table{min-width:920px}
.admin-inline-note{min-width:220px;min-height:52px;margin-bottom:8px}.admin-row-action{width:auto}.table-wrap td .toolbar{min-width:240px}.table-wrap select{min-width:170px}
.note-link-btn{margin-top:8px}.note-history{display:grid;gap:10px}.note-history-item{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:12px}.note-history-item p{font-size:13.5px;color:var(--ink);margin-bottom:6px}.note-history-item span{display:block;color:var(--ink-soft);font-size:12px;font-weight:700}
.note-input{min-height:72px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}
.ticket-list{display:grid;gap:10px}.ticket{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}.ticket-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.ticket p{color:var(--ink-soft);font-size:13px;margin-top:8px}.empty{color:var(--ink-faint);font-size:13px;padding:12px 0}
.support-list,.notification-list{display:grid;gap:12px}
.support-card,.notification-card,.alert-row{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;box-shadow:0 4px 14px rgba(12,41,32,.035)}
.support-card p,.notification-card p{color:var(--ink-soft);font-size:13px;margin-top:5px;max-width:760px}
.support-main,.support-meta{min-width:0}.support-meta{display:grid;justify-items:end;gap:6px}
.support-actions{justify-content:flex-end}
.notification-card{grid-template-columns:minmax(0,1fr) auto}.notification-card.is-unread{border-left:3px solid var(--green)}
.notification-card.is-read{opacity:.76}.alert-row{grid-template-columns:minmax(0,1fr) auto}.alert-row small{display:block;color:var(--ink-faint);font-size:11.5px;margin-top:5px}.alert-row.is-resolved{opacity:.65}
.overview-band{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:16px}
.callout{background:var(--green-deep);color:#fff;border-radius:var(--radius);padding:22px;position:relative;overflow:hidden}.callout p{color:rgba(255,255,255,.72);margin-top:7px}.callout .pill{background:rgba(255,255,255,.12);color:var(--wa);margin-top:14px}
.drawer-backdrop{position:fixed;inset:0;background:rgba(12,41,32,.28);opacity:0;pointer-events:none;transition:.18s;z-index:20}
.drawer-backdrop.on{opacity:1;pointer-events:auto}
.drawer-panel{position:fixed;top:0;right:0;width:min(560px,100%);height:100vh;background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 40px rgba(12,41,32,.16);transform:translateX(104%);transition:.22s;z-index:21;display:flex;flex-direction:column}
.drawer-panel.on{transform:translateX(0)}
.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px;border-bottom:1px solid var(--line)}
.drawer-head h2{font-size:22px;margin-top:2px}
.drawer-body{padding:20px;overflow:auto;display:grid;gap:14px}
.drawer-body .kv dd{text-align:left}
.drawer-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.drawer-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800;color:var(--ink-soft);cursor:pointer}
.drawer-tabs button.on{background:var(--green-deep);border-color:var(--green-deep);color:#fff}
.drawer-tab-panel{display:none;gap:14px}
.drawer-tab-panel.on{display:grid}
.audit-list{display:grid;gap:10px}
.audit-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.audit-item p{font-size:12.5px;margin-top:6px;word-break:break-word}
.audit-meta{display:grid;gap:4px;justify-items:end;text-align:right}
.score-ring{width:118px;aspect-ratio:1;border-radius:50%;border:10px solid rgba(55,138,88,.18);display:grid;place-items:center;text-align:center;margin:8px 0;color:var(--green-deep);background:#fff}
.score-ring b{font-size:24px;line-height:1}.score-ring span{display:block;font-size:11px;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}
.score-ring.small{width:86px;border-width:8px;margin:0}
.kb-score-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(220px,1fr);gap:18px;align-items:center;margin-bottom:14px}
.test-chat{min-height:260px;max-height:420px;overflow:auto}
.msg .toolbar{margin-top:8px}
.business-name-btn{border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;padding:0}
.business-name-btn:hover{color:var(--green)}
.notification-unread td:first-child{border-left:3px solid var(--green)}
@media(max-width:1000px){.grid-2,.grid-3,.conv-grid,.kb-score-card{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.support-card,.notification-card,.alert-row,.audit-item{grid-template-columns:1fr}.support-meta,.audit-meta{justify-items:start;text-align:left}.support-actions{justify-content:flex-start}}
@media(max-width:900px){.wa-action-groups{grid-template-columns:1fr}.wa-actions-cell{min-width:260px}}
@media(max-width:1180px){.split-3{grid-template-columns:1fr}.overview-band{grid-template-columns:1fr}.mode-group{grid-template-columns:1fr}}
@media(max-width:680px){.form-grid{grid-template-columns:1fr}.mode-group{grid-template-columns:1fr}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.side{position:static;height:auto}.snav{display:grid;grid-template-columns:repeat(2,1fr)}.main{padding:20px 16px 46px}.stat-grid{grid-template-columns:1fr}}
.conv-card{align-items:start}.conv-thread{min-height:0;max-height:240px;overflow-y:auto;margin-top:6px}.conv-thread .msg{max-width:88%}

/* 3H-2 layout hardening */
.shell,.main,.panel,.topbar,.grid-2,.grid-3,.stat-grid,.overview-band,.split-3,.conv-grid,.kb-score-card,.card,.stat,.row,.ticket,.support-card,.notification-card,.alert-row,.drawer-panel,.drawer-body,.drawer-tab-panel,.form-grid,.mode-group,.kb-list,.audit-list,.note-history,.test-chat,.chat{min-width:0;max-width:100%}
.card,.stat,.row,.ticket,.support-card,.notification-card,.alert-row,.drawer-body,.drawer-tab-panel,.audit-item,.note-history-item,.kb,.msg,td,th,p,span,b,dd,dt{overflow-wrap:anywhere;word-break:break-word}
.card{overflow:hidden}.card.table-wrap{overflow-x:auto;overflow-y:hidden}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.table-wrap table{width:100%;max-width:none}
.table-wrap td,.table-wrap th{min-width:0}
.table-wrap td .toolbar{min-width:0;width:max-content;max-width:100%}
.table-wrap td .btn,.table-wrap td select,.table-wrap td input{max-width:100%}
.btn{line-height:1.25;min-height:34px}
.btn-sm{min-height:30px}
.topbar>*{min-width:0}.topbar h1{overflow-wrap:anywhere}
.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.overview-band{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.split-3{grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(260px,320px)}
.support-card,.notification-card,.alert-row{align-items:start}
.support-actions,.demo-actions,.card-actions{justify-content:flex-start}
.support-actions .btn,.demo-actions .btn{flex:0 1 auto}
.demo-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(180px,.55fr) minmax(220px,.9fr);gap:14px;align-items:start}
.demo-actions .toolbar{min-width:0}
.wa-actions-cell{min-width:0;width:min(560px,100%)}
.wa-action-groups{grid-template-columns:repeat(3,minmax(135px,1fr));min-width:0}
.wa-action-group{min-width:0;overflow:hidden}
.wa-action-group .toolbar{align-items:stretch}
.wa-action-group .btn-sm{white-space:normal;flex:1 1 110px}
.wa-error-text{max-width:100%}
.wa-connection-card{display:grid;gap:12px;min-width:0}
.wa-connection-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.wa-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wa-detail-grid .kv{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}
.wa-error-panel{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;display:grid;gap:4px}
.wa-error-panel span{color:var(--ink-soft);font-size:13px}
.drawer-panel{width:min(720px,100vw);max-width:100vw}
.drawer-head,.drawer-body{min-width:0}
.drawer-head{flex-wrap:wrap}
.drawer-body{max-height:100vh;overflow:auto}
.drawer-tabs{max-width:100%;scrollbar-width:thin}
.drawer-tab-panel.on{min-width:0}
.drawer-tab-panel .toolbar{align-items:flex-start}
.drawer-tab-panel .card{min-width:0}
.kv{grid-template-columns:minmax(120px,auto) minmax(0,1fr)}
.kv dd{text-align:left}
.audit-item{grid-template-columns:minmax(0,1fr) minmax(140px,auto)}
.audit-meta{min-width:0}
.test-chat,.support-chat,.chat{overflow:auto}
.msg{max-width:min(78%,640px)}
.msg .toolbar{align-items:flex-start}
#businesses .table-wrap table,#onboarding .table-wrap table,#whatsapp .table-wrap table,#usage .table-wrap table{min-width:980px}
#demoRequests .support-card,#tickets .support-card,#notifications .notification-card,#system .alert-row{grid-template-columns:minmax(0,1fr) minmax(150px,auto) minmax(180px,auto)}
@media(max-width:1240px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.split-3,.overview-band,.demo-card{grid-template-columns:1fr}.wa-action-groups{grid-template-columns:repeat(2,minmax(140px,1fr))}#demoRequests .support-card,#tickets .support-card,#notifications .notification-card,#system .alert-row{grid-template-columns:1fr}.support-meta{justify-items:start;text-align:left}}
@media(max-width:900px){.grid-2,.grid-3,.conv-grid,.kb-score-card,.mode-group,.form-grid,.wa-detail-grid{grid-template-columns:1fr}.wa-action-groups{grid-template-columns:1fr}.wa-actions-cell{width:100%}.toolbar .btn,.action-row .btn,.button-wrap .btn,.card-actions .btn{flex:1 1 160px}.drawer-panel{width:100vw}.drawer-body{padding:16px}.drawer-head{padding:16px}.audit-item{grid-template-columns:1fr}.audit-meta{justify-items:start;text-align:left}.kv{grid-template-columns:1fr;gap:4px 0}.table-wrap{padding-left:10px;padding-right:10px}}
@media(max-width:560px){.snav{grid-template-columns:1fr}.topbar{align-items:flex-start}.toolbar .btn,.action-row .btn,.button-wrap .btn,.card-actions .btn{flex:1 1 100%}.stat-grid{grid-template-columns:1fr}.main{padding-left:12px;padding-right:12px}.card{padding:16px}.msg{max-width:94%}.login-card-wrap{padding:32px 14px}}

/* Pilot UX hardening */
.side{overflow:hidden}
.snav{overflow:auto;padding-right:2px}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.pilot-dashboard{margin-bottom:16px}
.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quick-card,.template-pill{border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.quick-card{display:grid;gap:5px;text-align:left;border-radius:12px;padding:14px;min-width:0}
.quick-card:hover{border-color:var(--green);background:var(--green-soft)}
.quick-card b{font-size:14px}.quick-card span{color:var(--ink-soft);font-size:12.5px;line-height:1.4}
.checklist-rows .row{align-items:flex-start}
.mode-explain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.mode-explain{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px}
.mode-explain b{display:block}.mode-explain span{display:block;color:var(--ink-soft);font-size:12.5px;margin-top:4px}
.template-pills{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
.template-pill{border-radius:999px;padding:7px 10px;font-weight:800;font-size:12px}
.template-pill:hover{border-color:var(--green);background:var(--green-soft)}
.kb-mode-tabs{margin:8px 0 14px}.kb-import-summary{margin:14px 0}.kb-import-preview{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.kb-import-preview table{min-width:820px}
.test-meta{margin-top:14px}
.test-diagnostics{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.test-diagnostics .sub{flex:1 1 100%;font-size:11.5px;color:var(--ink-soft);line-height:1.35}
.business-table-card table{min-width:1080px}
th{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
td{word-break:normal}
.table-wrap{overflow-x:auto}
.table-wrap table{max-width:none}
#businesses td:last-child{min-width:420px}
.business-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0;max-width:520px}
.business-actions .btn{flex:0 1 auto;white-space:normal}
#businesses .business-name-btn span{margin-top:3px}
.support-chat .empty{align-self:flex-start;background:#fff;border-radius:10px;padding:10px 12px}
#adminBotTestResult{min-height:250px}
#customerPilotChecklist .toolbar,#pilotChecklistRows .toolbar{justify-content:flex-end}
@media(max-width:1180px){
  .mode-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pilot-dashboard{grid-template-columns:1fr}
}
@media(max-width:760px){
  .quick-actions{grid-template-columns:1fr}
  .mode-explain-grid{grid-template-columns:1fr}
  .side{max-height:none}
  #businesses td:last-child{min-width:320px}
  .business-actions{max-width:360px}
}