*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}
:root{--bg:#07101e;--panel:#0e1728;--text:#f8fafc;--muted:#8995aa;--line:#233149;--p:#635bff;--p2:#2563eb;--green:#10b981}
a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}
.form{display:grid;gap:12px}.form label,.settings-form>label{display:grid;gap:6px;font-size:12px;font-weight:700}
.form input,.settings-form input,.settings-form textarea{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0a1322;color:#fff;outline:none}
.settings-form textarea{min-height:90px}.button{min-height:40px;padding:10px 14px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2));font-size:11px;font-weight:800;cursor:pointer}.button.secondary{background:#172337;border:1px solid #2a3951}.button.danger,.danger-button{background:#7f1d1d}.button.full{width:100%}
.alert{padding:11px;border-radius:10px;font-size:11px}.alert.error{background:#7f1d1d;color:#fecaca}.alert.success{background:#065f46;color:#d1fae5}.eyebrow{color:#8b83ff;font-size:9px;font-weight:900;letter-spacing:.16em}
.setup-page,.admin-login-page,.public-page,.chat-body,.admin-chat-page{min-height:100vh;background:radial-gradient(circle at 20% 0,rgba(99,91,255,.22),transparent 420px),linear-gradient(145deg,#06101d,#10182c);color:#fff}
.setup-page,.admin-login-page,.public-page,.chat-body,.admin-chat-page{padding:20px}
.setup-card,.admin-login-card{width:min(720px,100%);margin:auto;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#0d1728;box-shadow:0 35px 100px rgba(0,0,0,.45)}
.admin-login-card{width:min(440px,100%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-actions{display:flex;gap:8px;margin-top:14px}
.start-shell{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:#0d1728}
.start-visual{min-height:620px;padding:40px;position:relative;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#4f46e5,#2563eb)}
.brand,.admin-login-brand,.side-brand{display:flex;align-items:center;gap:10px}.brand{position:absolute;top:34px;left:40px}.brand>span,.admin-login-brand>span,.side-brand>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.13);font-weight:900}.brand div,.admin-login-brand div,.side-brand div{display:grid;gap:3px}.brand small,.admin-login-brand small,.side-brand small{font-size:8px;color:#b9c4d4}
.start-copy h1{max-width:470px;font-size:54px;line-height:1.03;margin:12px 0}.start-copy p{max-width:470px;color:#d7deea;font-size:12px;line-height:1.6}.support-status{margin-top:25px;padding:12px;display:grid;grid-template-columns:10px 1fr;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.07)}.support-status>span{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.support-status.offline>span{background:#64748b;box-shadow:none}
.start-card{padding:40px}.card-head{display:flex;justify-content:space-between;gap:10px}.card-head h2{font-size:26px;margin:5px 0}.card-head p{color:var(--muted);font-size:10px}.online-pill{padding:6px 8px;border-radius:999px;background:#064e3b;color:#a7f3d0;font-size:8px;font-weight:900}.offline-pill{background:#334155;color:#cbd5e1}.start-card .form{margin-top:22px}.privacy-note{margin-top:16px;padding:11px;display:grid;grid-template-columns:22px 1fr;gap:8px;border:1px solid #1e3a5f;border-radius:10px;color:#93c5fd;background:#0c1b30}.privacy-note p{margin:0;font-size:9px}
.chat-app,.admin-chat-shell{width:min(900px,100%);height:min(880px,calc(100vh - 40px));margin:auto;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;border:1px solid #26344c;border-radius:20px;background:#0b1424;box-shadow:0 30px 80px rgba(0,0,0,.42)}.admin-chat-shell{grid-template-rows:auto 1fr auto auto}
.chat-header,.admin-chat-head{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #1c2940;background:#0d182a}.chat-agent{display:flex;gap:10px;align-items:center}.agent-avatar,.customer-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2));font-weight:900}.chat-agent div:last-child{display:grid;gap:3px}.chat-agent span{font-size:9px;color:#7dd3fc}.icon-button{width:34px;height:34px;border:0;border-radius:10px;color:#fff;font-size:18px}
.customer-summary{padding:9px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-bottom:1px solid #18253a;background:#0a1423}.customer-summary div{display:grid;gap:3px}.customer-summary small{font-size:7px;color:var(--muted)}.customer-summary strong{font-size:10px}
.message-list{min-height:0;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:#08111f}.message{display:flex}.message.customer{justify-content:flex-end}.message-bubble{max-width:75%;padding:10px 12px;border-radius:14px;background:#15233a}.message.customer .message-bubble{background:linear-gradient(135deg,#5b54ed,#2f6fea)}.message.system .message-bubble{background:#172033;border:1px solid #25334b}.message-meta{display:flex;justify-content:space-between;gap:14px;margin-bottom:5px}.message-meta b{font-size:8px}.message-meta span{font-size:7px;color:#b5bfd0}.message-bubble p{margin:0;font-size:11px;line-height:1.55}
.message-composer{padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid #1d2a40;background:#0d1829}.message-composer input{min-height:44px;padding:10px 12px;border:1px solid #2a3850;border-radius:11px;color:#fff;background:#091322;outline:none}.message-composer button{min-width:90px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2));font-weight:800}.chat-footer{padding:7px;text-align:center;color:#69778d;font-size:7px;background:#08111e}
.admin-page{min-height:100vh;background:#f4f7fb;color:#172033}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;padding:18px 14px;color:#fff;background:#0b1424}.side-brand{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-sidebar nav{margin-top:14px;display:grid;gap:4px}.admin-sidebar nav a{padding:10px 11px;border-radius:9px;color:#b6c1d1;font-size:10px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;background:#17253a}.logout-link{color:#fca5a5!important}.admin-main{margin-left:245px}.admin-topbar{min-height:76px;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e7ebf1}.admin-topbar h1{margin:4px 0 0}.admin-topbar small{color:#635bff;font-size:8px;font-weight:900}.admin-user{display:flex;gap:8px}.admin-user div{display:grid}.admin-content{padding:22px;max-width:1500px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-grid article,.admin-panel{padding:16px;border:1px solid #e5eaf2;border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}.stat-grid strong{display:block;font-size:28px;margin:7px 0}.stat-grid small,.stat-grid span{font-size:8px;color:#718096}.admin-panel{margin-top:16px}.panel-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-head h2{margin:4px 0}.panel-head small{color:#635bff;font-size:8px;font-weight:900}.conversation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.conversation-card{padding:13px;border:1px solid #e6eaf1;border-radius:13px;background:#fafbfe}.conversation-card.waiting{background:#fffbeb}.conversation-card.active{background:#f0fdf4}.conversation-head{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center}.conversation-head h3{margin:0}.conversation-head p{margin:3px 0 0;font-size:8px;color:#7a8494}.status-badge{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:900;background:#334155;color:#fff}.last-message{margin-top:10px;padding:9px;display:flex;justify-content:space-between;border:1px solid #e5e9f0;border-radius:9px;background:#fff;font-size:9px}.last-message span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#ef4444;color:#fff}.conversation-meta{margin-top:8px;display:grid;gap:3px;font-size:7px;color:#8290a3}.conversation-actions{margin-top:10px}.settings-form{display:grid;gap:11px}.settings-switches{display:grid;grid-template-columns:1fr 1fr;gap:9px}.setting-card{padding:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5eaf2;border-radius:11px;background:#f8fafc}.setting-card div{display:grid;gap:3px}.setting-card small{font-size:8px;color:#8390a2}
.admin-chat-head{justify-content:flex-start}.back-button{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#17243a}.admin-chat-customer{flex:1;display:grid;gap:3px}.admin-chat-customer span{font-size:8px;color:#8592a6}.admin-chat-actions{display:flex;gap:6px}.quick-replies{padding:8px 12px;display:flex;gap:6px;overflow-x:auto;border-top:1px solid #1e2b41}.quick-replies button{padding:7px 9px;border:1px solid #293853;border-radius:999px;background:#111d30;color:#b8c3d2;font-size:8px;white-space:nowrap}
@media(max-width:900px){.start-shell{grid-template-columns:1fr}.start-visual{min-height:390px}.admin-sidebar{position:static;width:100%}.admin-main{margin-left:0}.conversation-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.public-page,.chat-body,.admin-chat-page{padding:0}.start-visual,.start-card{padding:24px 18px}.brand{position:static;margin-bottom:40px}.start-copy h1{font-size:36px}.form-grid,.stat-grid,.conversation-grid,.settings-switches{grid-template-columns:1fr}.chat-app,.admin-chat-shell{height:100vh;border-radius:0}.message-bubble{max-width:88%}}

.brand-logo-img{width:46px;height:46px;flex:0 0 46px;object-fit:contain;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#08111f;padding:3px}
.direct-reply-actions{display:grid!important;grid-template-columns:1fr auto;gap:7px}
.direct-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.direct-reply-form input{min-width:0;min-height:38px;padding:8px 10px;border:1px solid #dfe5ee;border-radius:9px;background:#fff;color:#172033;outline:none}
.branding-settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.branding-settings label{display:grid;gap:6px;font-size:12px;font-weight:700}
.settings-logo-preview{width:80px;height:80px;margin-top:7px;object-fit:contain;border:1px solid #e5eaf2;border-radius:14px;background:#0b1424;padding:6px}
@media(max-width:800px){.branding-settings{grid-template-columns:1fr}.direct-reply-actions{grid-template-columns:1fr}}

.guest-note{padding:9px 10px;border:1px solid #26364f;border-radius:9px;color:#93a4bb;background:#0a1627;font-size:8px;line-height:1.45}

.enterprise-admin{background:#eef3f9}.enterprise-sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;padding:18px 14px;color:#fff;background:linear-gradient(180deg,#0b1424,#07101d)}.enterprise-brand{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.enterprise-brand img,.enterprise-brand>span{width:44px;height:44px;display:grid;place-items:center;object-fit:contain;border-radius:13px;background:#0f1b2f}.enterprise-brand div{display:grid}.enterprise-brand small{font-size:7px;color:#8796aa}.enterprise-sidebar nav{margin-top:14px;display:grid;gap:4px}.enterprise-sidebar nav a{padding:10px;border-radius:9px;color:#a9b5c5;font-size:9px}.enterprise-sidebar nav a.active,.enterprise-sidebar nav a:hover{background:#17253a;color:#fff}.enterprise-main{margin-left:238px}.enterprise-topbar{min-height:76px;padding:13px 22px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e5eaf1}.enterprise-topbar small{color:#635bff;font-size:7px;font-weight:900}.enterprise-topbar h1{margin:4px 0 0;font-size:20px}.enterprise-top-actions{display:flex;gap:8px;align-items:center}.enterprise-live-pill{padding:6px 8px;border-radius:999px;background:#d1fae5;color:#047857;font-size:7px;font-weight:900}.icon-refresh{width:34px;height:34px;border:1px solid #e3e8ef;border-radius:9px;background:#fff}.enterprise-content{padding:18px;max-width:1700px}.enterprise-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.enterprise-stat-grid article{padding:13px;display:flex;align-items:center;gap:10px;border:1px solid #e4e9f1;border-radius:13px;background:#fff}.enterprise-stat-grid article>span{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#eef2ff}.enterprise-stat-grid small{font-size:7px;color:#7c8797}.enterprise-stat-grid strong{font-size:21px}.helpdesk-shell{height:calc(100vh - 230px);min-height:590px;display:grid;grid-template-columns:310px minmax(420px,1fr) 260px;border:1px solid #dfe6ef;border-radius:15px;overflow:hidden;background:#fff}.inbox-pane{border-right:1px solid #e5eaf1;background:#fbfcfe}.detail-pane{border-left:1px solid #e5eaf1;background:#fbfcfe;padding:14px}.inbox-head{padding:14px;display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5}.inbox-head small{font-size:7px;color:#635bff;font-weight:900}.inbox-head h2{margin:3px 0 0;font-size:15px}.inbox-list{height:calc(100% - 62px);overflow-y:auto}.inbox-item{padding:11px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #edf1f5;color:#172033;background:#fff}.inbox-item.selected{background:#f3f6ff;box-shadow:inset 3px 0 #635bff}.inbox-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#635bff,#2563eb);font-size:11px;font-weight:900}.inbox-avatar.large{width:42px;height:42px}.inbox-avatar.xl{width:62px;height:62px;border-radius:17px;font-size:18px}.inbox-copy{min-width:0}.inbox-copy>div{display:flex;justify-content:space-between;gap:6px}.inbox-copy b{font-size:9px}.inbox-copy>div span{font-size:6px;color:#10b981;font-weight:900}.inbox-copy p{margin:3px 0;color:#69778b;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-copy small{font-size:6px;color:#a0aaba}.inbox-item em{min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#ef4444;color:#fff;font-size:7px;font-style:normal}.conversation-pane{display:grid;grid-template-rows:auto 1fr auto auto;background:#f8fafc}.conversation-pane-head{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7ebf1;background:#fff}.conversation-person{display:flex;gap:9px;align-items:center}.conversation-person div:last-child{display:grid}.conversation-person span{font-size:7px;color:#8290a3}.enterprise-message-list{min-height:0;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.enterprise-quick-replies{padding:8px 12px;display:flex;gap:6px;overflow-x:auto;border-top:1px solid #e7ebf1;background:#fff}.enterprise-quick-replies button{padding:6px 8px;border:1px solid #dfe5ee;border-radius:999px;background:#f8fafc;color:#536174;font-size:7px}.enterprise-composer{padding:10px;display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid #e4e9ef;background:#fff}.enterprise-composer textarea{min-height:64px;padding:10px;border:1px solid #dce3ec;border-radius:10px;resize:vertical}.conversation-empty{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#8a96a7}.conversation-empty>span{font-size:34px}.detail-profile{text-align:center;padding-bottom:14px;border-bottom:1px solid #e7ebf1}.detail-profile .inbox-avatar{margin:0 auto 8px}.detail-profile h3{margin:0}.detail-profile p{font-size:8px;color:#7c8797}.detail-section{margin-top:14px}.detail-section>small{font-size:7px;color:#635bff;font-weight:900}.detail-section>div{padding:9px 0;display:flex;justify-content:space-between;border-bottom:1px solid #edf1f5}.detail-section span{font-size:7px;color:#7d8898}.detail-section b{max-width:130px;font-size:8px;text-align:right;overflow-wrap:anywhere}.enterprise-settings{margin-top:14px}
@media(max-width:1250px){.helpdesk-shell{grid-template-columns:290px 1fr}.detail-pane{display:none}}@media(max-width:900px){.enterprise-sidebar{position:static;width:100%}.enterprise-main{margin-left:0}.helpdesk-shell{height:auto;grid-template-columns:1fr}.conversation-pane{min-height:620px}.enterprise-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.enterprise-content{padding:10px}.enterprise-composer{grid-template-columns:1fr}.enterprise-message-list .message-bubble{max-width:88%}}


/* =========================================================
   V4 WHATSAPP-STYLE SUPPORT CONSOLE
   ========================================================= */
.wa-admin-body{
  margin:0;
  min-height:100vh;
  background:
    linear-gradient(#00a884 0 128px,#e9edef 128px 100%);
  color:#111b21;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}

.wa-shell{
  position:relative;
  width:min(1500px,calc(100vw - 34px));
  height:calc(100vh - 34px);
  min-height:650px;
  margin:17px auto;
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  overflow:hidden;
  border-radius:3px;
  background:#fff;
  box-shadow:0 6px 28px rgba(11,20,36,.18);
}

.wa-sidebar{
  min-width:0;
  display:grid;
  grid-template-rows:60px 49px 43px 1fr;
  border-right:1px solid #d8dde1;
  background:#fff;
}

.wa-sidebar-top,
.wa-chat-header{
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#f0f2f5;
}

.wa-brand-user{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}

.wa-logo,
.wa-logo-fallback{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  object-fit:contain;
  border-radius:50%;
  color:#fff;
  background:#00a884;
  font-size:10px;
  font-weight:900;
}

.wa-brand-user>div{
  min-width:0;
  display:grid;
  gap:2px;
}

.wa-brand-user b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}

.wa-brand-user small{
  color:#667781;
  font-size:8px;
}

.wa-side-actions,
.wa-chat-head-actions{
  display:flex;
  align-items:center;
  gap:6px;
}

.wa-side-actions a,
.wa-chat-head-actions a,
.wa-chat-head-actions button{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  color:#54656f;
  background:transparent;
  font-size:16px;
  cursor:pointer;
}

.wa-side-actions a:hover,
.wa-chat-head-actions a:hover,
.wa-chat-head-actions button:hover{
  background:#dfe3e5;
}

.wa-search-wrap{
  padding:7px 12px;
  background:#fff;
}

.wa-search{
  height:35px;
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  border-radius:8px;
  background:#f0f2f5;
}

.wa-search span{
  text-align:center;
  color:#54656f;
}

.wa-search input{
  width:100%;
  height:100%;
  border:0;
  outline:0;
  color:#111b21;
  background:transparent;
  font-size:10px;
}

.wa-filter-tabs{
  padding:4px 10px 7px;
  display:flex;
  align-items:center;
  gap:6px;
  border-bottom:1px solid #eef0f1;
  background:#fff;
}

.wa-filter-tabs button{
  padding:6px 9px;
  border:0;
  border-radius:999px;
  color:#54656f;
  background:#f0f2f5;
  font-size:8px;
  cursor:pointer;
}

.wa-filter-tabs button.active{
  color:#008069;
  background:#e7fce9;
}

.wa-chat-list{
  min-height:0;
  overflow-y:auto;
  background:#fff;
}

.wa-chat-item{
  position:relative;
  min-height:72px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:10px;
  align-items:center;
  color:#111b21;
  background:#fff;
}

.wa-chat-item:after{
  content:"";
  position:absolute;
  left:70px;
  right:0;
  bottom:0;
  height:1px;
  background:#edf0f2;
}

.wa-chat-item:hover,
.wa-chat-item.selected{
  background:#f0f2f5;
}

.wa-avatar{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#00a884,#008069);
  font-size:14px;
  font-weight:900;
}

.wa-avatar.large{
  width:40px;
  height:40px;
  font-size:12px;
}

.wa-avatar.xl{
  width:82px;
  height:82px;
  margin:auto;
  font-size:24px;
}

.wa-chat-copy{
  min-width:0;
}

.wa-chat-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.wa-chat-row b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:650;
}

.wa-chat-row>span{
  flex:0 0 auto;
  color:#667781;
  font-size:7px;
}

.wa-chat-row.sub{
  margin-top:4px;
}

.wa-chat-row.sub p{
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#667781;
  font-size:9px;
}

.wa-chat-row.sub em{
  min-width:20px;
  height:20px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  background:#25d366;
  font-size:7px;
  font-style:normal;
  font-weight:900;
}

.wa-status-mini{
  padding:3px 5px;
  border-radius:999px;
  font-size:6px;
  font-weight:800;
}

.wa-status-mini.active{
  color:#008069;
  background:#e7fce9;
}

.wa-status-mini.waiting{
  color:#a15c00;
  background:#fff3cd;
}

.wa-status-mini.closed{
  color:#667781;
  background:#f0f2f5;
}

.wa-empty-list{
  padding:40px 20px;
  text-align:center;
  color:#667781;
  font-size:9px;
}

.wa-empty-list span{
  font-size:28px;
}

/* right pane */
.wa-chat-pane{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-rows:60px 1fr auto auto;
  overflow:hidden;
  background:#efeae2;
}

.wa-chat-pane:before{
  content:"";
  position:absolute;
  inset:60px 0 0;
  z-index:0;
  opacity:.42;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 25px 25px,rgba(84,101,111,.08) 1px,transparent 1px),
    radial-gradient(circle at 75px 75px,rgba(84,101,111,.06) 1px,transparent 1px);
  background-size:100px 100px;
}

.wa-chat-header{
  position:relative;
  z-index:3;
  border-bottom:1px solid #d7dcdf;
}

.wa-active-user{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}

.wa-active-user>div:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}

.wa-active-user b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}

.wa-active-user small{
  color:#667781;
  font-size:8px;
}

.wa-conversation-area{
  position:relative;
  z-index:1;
  min-height:0;
  padding:14px 7%;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.wa-date-chip{
  align-self:center;
  margin:3px 0 10px;
  padding:6px 10px;
  border-radius:7px;
  color:#54656f;
  background:#fff;
  box-shadow:0 1px 1px rgba(11,20,26,.08);
  font-size:7px;
}

.wa-message{
  display:flex;
}

.wa-message.customer{
  justify-content:flex-start;
}

.wa-message.admin{
  justify-content:flex-end;
}

.wa-message.system{
  justify-content:center;
}

.wa-bubble{
  position:relative;
  max-width:min(72%,650px);
  padding:7px 8px 5px;
  border-radius:8px;
  color:#111b21;
  background:#fff;
  box-shadow:0 1px 1px rgba(11,20,26,.08);
}

.wa-message.admin .wa-bubble{
  background:#d9fdd3;
}

.wa-message.system .wa-bubble{
  max-width:80%;
  color:#54656f;
  background:#e7fce9;
  text-align:center;
}

.wa-bubble p{
  margin:0;
  padding-right:44px;
  font-size:10px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.wa-bubble>span{
  position:absolute;
  right:7px;
  bottom:5px;
  color:#667781;
  font-size:6px;
}

.wa-system-label{
  display:block;
  margin-bottom:3px;
  font-size:6px;
  font-weight:900;
}

.wa-quick-replies{
  position:relative;
  z-index:2;
  padding:7px 10px;
  display:flex;
  gap:6px;
  overflow-x:auto;
  background:#f0f2f5;
  border-top:1px solid #d8dde1;
}

.wa-quick-replies button{
  padding:6px 9px;
  white-space:nowrap;
  border:1px solid #d1d7db;
  border-radius:999px;
  color:#3b4a54;
  background:#fff;
  font-size:7px;
  cursor:pointer;
}

.wa-composer{
  position:relative;
  z-index:2;
  min-height:62px;
  padding:9px 12px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 42px;
  gap:8px;
  align-items:end;
  background:#f0f2f5;
}

.wa-compose-icon{
  height:42px;
  border:0;
  color:#54656f;
  background:transparent;
  font-size:20px;
}

.wa-composer textarea{
  min-height:42px;
  max-height:110px;
  padding:11px 13px;
  border:0;
  border-radius:9px;
  outline:0;
  resize:none;
  color:#111b21;
  background:#fff;
  font-size:10px;
}

.wa-send-btn{
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  color:#fff;
  background:#00a884;
  font-size:17px;
  cursor:pointer;
}

.wa-no-chat{
  position:relative;
  z-index:1;
  height:100%;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  color:#667781;
  background:#f8f9fa;
}

.wa-no-chat-illustration{
  font-size:70px;
  opacity:.55;
}

.wa-no-chat h2{
  margin:15px 0 5px;
  color:#41525d;
  font-size:25px;
  font-weight:400;
}

.wa-no-chat p{
  max-width:440px;
  font-size:9px;
  line-height:1.6;
}

/* info drawer */
.wa-info-panel{
  position:absolute;
  top:60px;
  right:-340px;
  bottom:0;
  z-index:5;
  width:340px;
  padding:0;
  overflow-y:auto;
  border-left:1px solid #d8dde1;
  background:#f0f2f5;
  transition:right .2s ease;
}

.wa-info-panel.open{
  right:0;
}

.wa-info-head{
  height:60px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
}

.wa-info-head b{
  font-size:11px;
}

.wa-info-head button{
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  font-size:20px;
  cursor:pointer;
}

.wa-info-profile{
  padding:26px 18px 20px;
  text-align:center;
  background:#fff;
}

.wa-info-profile h3{
  margin:12px 0 4px;
  font-size:16px;
  font-weight:500;
}

.wa-info-profile p{
  margin:0;
  color:#667781;
  font-size:9px;
}

.wa-info-list{
  margin-top:10px;
  padding:8px 15px;
  background:#fff;
}

.wa-info-list>div{
  padding:10px 0;
  display:flex;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid #eef0f1;
}

.wa-info-list span{
  color:#667781;
  font-size:8px;
}

.wa-info-list b{
  max-width:180px;
  font-size:8px;
  text-align:right;
  overflow-wrap:anywhere;
}

.wa-info-actions{
  padding:12px 15px;
  background:#fff;
}

/* settings sheet */
.wa-settings-sheet{
  position:fixed;
  inset:0;
  z-index:20;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(11,20,26,.55);
}

.wa-settings-sheet:target{
  display:flex;
}

.wa-settings-card{
  width:min(760px,100%);
  max-height:90vh;
  padding:18px;
  overflow-y:auto;
  border-radius:12px;
  background:#fff;
}

.wa-close-settings{
  font-size:22px;
  color:#54656f;
}

@media(max-width:1000px){
  .wa-shell{
    width:100vw;
    height:100vh;
    margin:0;
    grid-template-columns:320px minmax(0,1fr);
  }
}

@media(max-width:760px){
  .wa-shell{
    grid-template-columns:1fr;
  }

  .wa-sidebar{
    display:none;
  }

  .wa-chat-pane{
    grid-column:1;
  }

  .wa-conversation-area{
    padding:12px 4%;
  }

  .wa-bubble{
    max-width:86%;
  }
}

.wa-customer-start{
  background:
    linear-gradient(#00a884 0 160px,#e9edef 160px 100%)!important;
}
.wa-customer-start .start-shell{
  border-radius:6px!important;
  box-shadow:0 8px 30px rgba(11,20,26,.18)!important;
}
.wa-customer-start .start-visual{
  background:linear-gradient(145deg,#008069,#00a884)!important;
}
.wa-customer-start .start-card{
  background:#fff!important;
  color:#111b21!important;
}
.wa-customer-start .start-card .form label{
  color:#3b4a54!important;
}
.wa-customer-start .start-card .form input{
  color:#111b21!important;
  background:#fff!important;
  border-color:#d1d7db!important;
}
.wa-customer-start .button{
  background:#00a884!important;
}


/* V5 notification system */
.wa-notify-btn{
  position:relative;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  color:#54656f;
  background:transparent;
  font-size:15px;
  cursor:pointer;
}
.wa-notify-btn:hover{background:#dfe3e5}
.wa-notify-btn.enabled{color:#008069}
.wa-notify-btn.has-alert{
  color:#008069;
  animation:waBellPulse 1.25s ease-in-out infinite;
}
.wa-notify-badge{
  position:absolute;
  top:-2px;
  right:-3px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  display:grid;
  place-items:center;
  border:2px solid #f0f2f5;
  border-radius:999px;
  color:#fff;
  background:#25d366;
  font-size:6px;
  font-weight:900;
}
.notify-button.enabled{color:#10b981}
@keyframes waBellPulse{
  0%,100%{transform:rotate(0)}
  30%{transform:rotate(-12deg)}
  60%{transform:rotate(12deg)}
}


/* V5.3 INLINE AJAX REPLY */
.wa-chat-pane{
  min-height:0;
}

.wa-conversation-area{
  padding-bottom:18px;
}

.wa-inline-composer{
  position:relative;
  z-index:8;
  min-height:64px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 44px;
  gap:8px;
  align-items:end;
  border-top:1px solid #d8dde1;
  background:#f0f2f5;
  box-shadow:0 -4px 14px rgba(11,20,26,.035);
}

.wa-inline-composer textarea{
  width:100%;
  min-height:42px;
  max-height:110px;
  padding:11px 13px;
  border:0;
  border-radius:9px;
  outline:none;
  resize:none;
  overflow-y:auto;
  color:#111b21;
  background:#fff;
  font-size:10px;
  line-height:1.45;
}

.wa-inline-composer textarea:focus{
  box-shadow:0 0 0 2px rgba(0,168,132,.10);
}

.wa-inline-composer .wa-send-btn{
  align-self:end;
}

.wa-inline-composer .wa-send-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}

@media(max-width:760px){
  .wa-inline-composer{
    grid-template-columns:34px minmax(0,1fr) 42px;
    padding:8px;
  }
}

/* V5.4 reply area lebih terlihat */
.wa-chat-pane{grid-template-rows:60px minmax(0,1fr) auto 94px!important;height:100%;min-height:0}
.wa-conversation-area{min-height:0;overflow-y:auto;padding-bottom:22px!important}
.wa-inline-composer{position:relative!important;bottom:auto!important;min-height:94px!important;padding:12px 14px!important;grid-template-columns:38px minmax(0,1fr) 50px!important;align-items:center!important;border-top:1px solid #d6dce1!important;background:#f0f2f5!important;box-shadow:0 -6px 20px rgba(11,20,26,.10)!important}
.wa-inline-composer textarea{height:58px!important;min-height:58px!important;max-height:90px!important;padding:17px 15px!important;border:1px solid #d9dfe3!important;border-radius:12px!important;background:#fff!important;font-size:11px!important;line-height:20px!important}
.wa-inline-composer .wa-send-btn{width:50px!important;height:50px!important;align-self:center!important;font-size:19px!important}
.wa-inline-composer .wa-compose-icon{width:38px!important;height:50px!important;align-self:center!important}
.wa-quick-replies{min-height:42px;padding:7px 12px!important}
@media(max-width:760px){.wa-chat-pane{grid-template-rows:60px minmax(0,1fr) auto 84px!important}.wa-inline-composer{min-height:84px!important;padding:8px!important;grid-template-columns:32px minmax(0,1fr) 44px!important}.wa-inline-composer textarea{height:56px!important;min-height:56px!important}}


/* =========================================================
   V5.5 RESPONSIVE / SCALE FIX
   ========================================================= */
.wa-admin-body{
  min-height:100vh!important;
  overflow:hidden!important;
}

.wa-shell{
  width:100vw!important;
  height:100vh!important;
  min-height:620px!important;
  margin:0!important;
  border-radius:0!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  box-shadow:none!important;
}

.wa-sidebar{
  grid-template-rows:64px 52px 46px minmax(0,1fr)!important;
  min-height:0!important;
}

.wa-sidebar-top{
  padding:10px 14px!important;
}

.wa-logo,
.wa-logo-fallback{
  width:42px!important;
  height:42px!important;
  flex-basis:42px!important;
}

.wa-brand-user b{font-size:13px!important}
.wa-brand-user small{font-size:9px!important}

.wa-search-wrap{padding:8px 12px!important}
.wa-search{height:38px!important}
.wa-search input{font-size:11px!important}

.wa-filter-tabs{
  min-height:46px!important;
  padding:6px 10px!important;
}
.wa-filter-tabs button{
  padding:7px 11px!important;
  font-size:9px!important;
}

.wa-chat-list{
  min-height:0!important;
  overflow-y:auto!important;
}

.wa-chat-item{
  min-height:76px!important;
  padding:11px 12px!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:11px!important;
}

.wa-chat-copy b{font-size:12px!important}
.wa-chat-row.sub p{font-size:9.5px!important}
.wa-chat-row>span{font-size:8px!important}
.wa-status-mini{font-size:7px!important}

.wa-chat-pane{
  height:100vh!important;
  min-height:0!important;
  grid-template-rows:64px minmax(0,1fr) 44px 88px!important;
}

.wa-chat-header{
  min-height:64px!important;
  padding:10px 16px!important;
}

.wa-active-user b{font-size:13px!important}
.wa-active-user small{font-size:9px!important}

.wa-conversation-area{
  min-height:0!important;
  overflow-y:auto!important;
  padding:18px clamp(22px,5vw,72px) 24px!important;
  gap:7px!important;
}

.wa-bubble{
  max-width:min(68%,700px)!important;
  padding:9px 10px 7px!important;
  border-radius:9px!important;
}

.wa-bubble p{
  padding-right:48px!important;
  font-size:12px!important;
  line-height:1.55!important;
}

.wa-bubble>span{font-size:7px!important}

.wa-date-chip{
  padding:7px 11px!important;
  font-size:8px!important;
}

.wa-quick-replies{
  height:44px!important;
  min-height:44px!important;
  padding:6px 12px!important;
  align-items:center!important;
  overflow-x:auto!important;
}

.wa-quick-replies button{
  padding:7px 10px!important;
  font-size:8px!important;
}

.wa-inline-composer{
  height:88px!important;
  min-height:88px!important;
  padding:12px 16px!important;
  grid-template-columns:38px minmax(0,1fr) 50px!important;
  gap:10px!important;
  align-items:center!important;
  background:#f0f2f5!important;
  border-top:1px solid #d6dce1!important;
  box-shadow:0 -4px 15px rgba(11,20,26,.08)!important;
}

.wa-inline-composer textarea{
  height:58px!important;
  min-height:58px!important;
  max-height:90px!important;
  padding:16px 15px!important;
  border:1px solid #d8dee3!important;
  border-radius:12px!important;
  font-size:12px!important;
  line-height:22px!important;
}

.wa-inline-composer .wa-send-btn{
  width:50px!important;
  height:50px!important;
  font-size:19px!important;
}

.wa-no-chat{min-height:0!important}

@media (min-width:1500px){
  .wa-shell{
    grid-template-columns:400px minmax(0,1fr)!important;
  }
  .wa-chat-item{min-height:80px!important}
  .wa-conversation-area{
    padding-left:7vw!important;
    padding-right:7vw!important;
  }
}

@media (max-width:1100px){
  .wa-shell{
    grid-template-columns:310px minmax(0,1fr)!important;
  }
  .wa-chat-item{min-height:70px!important}
  .wa-bubble{max-width:78%!important}
}

@media (max-width:780px){
  .wa-admin-body{overflow:auto!important}
  .wa-shell{
    min-height:100vh!important;
    grid-template-columns:1fr!important;
  }
  .wa-sidebar{display:none!important}
  .wa-chat-pane{
    grid-column:1!important;
    height:100vh!important;
    grid-template-rows:60px minmax(0,1fr) 42px 82px!important;
  }
  .wa-conversation-area{
    padding:14px 12px 18px!important;
  }
  .wa-bubble{max-width:88%!important}
  .wa-bubble p{font-size:11px!important}
  .wa-inline-composer{
    height:82px!important;
    min-height:82px!important;
    padding:8px 10px!important;
    grid-template-columns:32px minmax(0,1fr) 46px!important;
  }
  .wa-inline-composer textarea{
    height:56px!important;
    min-height:56px!important;
    font-size:11px!important;
  }
  .wa-inline-composer .wa-send-btn{
    width:46px!important;
    height:46px!important;
  }
}


/* V5.6 SINGLE COMPOSER */
.wa-chat-pane{
  grid-template-rows:64px minmax(0,1fr) 44px 88px!important;
}

.wa-inline-composer{
  display:grid!important;
}

.wa-composer:not(.wa-inline-composer){
  display:none!important;
}

#waReplyForm{
  display:none!important;
}

/* V5.7 single-send feedback */
#waInlineSendBtn:disabled{
  opacity:.48!important;
  transform:none!important;
  pointer-events:none!important;
}

.claim-bonus-section{display:grid;gap:10px;margin-bottom:2px}
.claim-bonus-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.claim-bonus-head>div{display:grid;gap:3px}.claim-bonus-head span{color:#00a884;font-size:8px;font-weight:900;letter-spacing:.12em}.claim-bonus-head b{color:#111b21;font-size:11px}.claim-bonus-head>small{padding:4px 7px;border-radius:999px;color:#667781;background:#f0f2f5;font-size:7px}
.claim-bonus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.claim-option{position:relative;min-height:64px;padding:10px 34px 10px 10px;display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px!important;border:1px solid #d9e1e5;border-radius:11px;color:#111b21!important;background:#fff;cursor:pointer;transition:.18s ease}
.claim-option:hover{border-color:#00a884;background:#f5fffb;transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,168,132,.08)}
.claim-option input{position:absolute;opacity:0;pointer-events:none}.claim-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e7fce9;font-size:16px}
.claim-option>div{min-width:0;display:grid;gap:3px}.claim-option b{font-size:10px}.claim-option small{color:#667781;font-size:7px;font-weight:500}
.claim-option i{position:absolute;top:50%;right:10px;width:18px;height:18px;display:grid;place-items:center;border:1px solid #d1d7db;border-radius:50%;color:transparent;background:#fff;font-size:9px;font-style:normal;transform:translateY(-50%)}
.claim-option:has(input:checked){border-color:#00a884;background:#effdf6;box-shadow:0 0 0 2px rgba(0,168,132,.08)}.claim-option:has(input:checked) i{border-color:#00a884;color:#fff;background:#00a884}.claim-option:has(input:checked) .claim-icon{background:#d1fae5}
@media(max-width:650px){.claim-bonus-grid{grid-template-columns:1fr}}


/* =========================================================
   V5.9 BONUS MANAGER
   ========================================================= */
.claim-empty{
  grid-column:1/-1;
  padding:18px;
  border:1px dashed #ccd6dc;
  border-radius:10px;
  color:#667781;
  background:#fafbfc;
  text-align:center;
  font-size:9px;
}

.bonus-manager-card{
  width:min(1080px,100%)!important;
}

.bonus-manager-subtitle{
  margin:4px 0 0;
  color:#667781;
  font-size:9px;
}

.bonus-manager-layout{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:15px;
}

.bonus-editor,
.bonus-list-panel{
  min-width:0;
  padding:14px;
  border:1px solid #e1e6ea;
  border-radius:12px;
  background:#f8fafb;
}

.bonus-editor h3{
  margin:0 0 12px;
  font-size:13px;
}

.bonus-edit-form{
  display:grid;
  gap:9px;
}

.bonus-edit-form label{
  display:grid;
  gap:5px;
  color:#3b4a54;
  font-size:9px;
  font-weight:700;
}

.bonus-edit-form input{
  min-height:40px;
  padding:8px 10px;
  border:1px solid #d6dde2;
  border-radius:9px;
  background:#fff;
  outline:none;
}

.bonus-editor-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.bonus-active-check{
  grid-template-columns:auto 1fr!important;
  align-items:center;
}

.bonus-active-check input{
  min-height:auto!important;
}

.bonus-list-head{
  padding-bottom:10px;
  border-bottom:1px solid #e3e8eb;
}

.bonus-list-head div{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.bonus-list-head small{
  color:#008069;
  font-size:8px;
  font-weight:900;
}

.bonus-list-head b{
  font-size:10px;
}

.bonus-manager-list{
  max-height:550px;
  margin-top:10px;
  display:grid;
  gap:8px;
  overflow-y:auto;
}

.bonus-manager-item{
  padding:10px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
  border:1px solid #dfe5e9;
  border-radius:11px;
  background:#fff;
}

.bonus-manager-item.inactive{
  opacity:.56;
  background:#f4f5f6;
}

.bonus-manager-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#e7fce9;
  font-size:18px;
}

.bonus-row-form{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
}

.bonus-row-fields{
  min-width:0;
  display:grid;
  gap:5px;
}

.bonus-row-fields input{
  min-width:0;
  padding:6px 8px;
  border:1px solid #dde3e7;
  border-radius:7px;
  background:#fff;
  font-size:8px;
}

.bonus-title-input{
  font-weight:800;
}

.bonus-desc-input{
  color:#667781;
}

.bonus-mini-fields{
  display:grid;
  grid-template-columns:62px 62px auto;
  gap:5px;
  align-items:center;
}

.bonus-mini-fields label{
  display:flex;
  align-items:center;
  gap:4px;
  color:#54656f;
  font-size:7px;
}

.bonus-mini-fields label input{
  width:auto;
}

.bonus-save-mini,
.bonus-toggle-mini,
.bonus-delete-mini{
  min-height:32px;
  padding:6px 8px;
  border:0;
  border-radius:7px;
  font-size:7px;
  font-weight:800;
  cursor:pointer;
}

.bonus-save-mini{
  color:#fff;
  background:#00a884;
}

.bonus-toggle-mini{
  color:#008069;
  background:#e7fce9;
}

.bonus-delete-mini{
  color:#b91c1c;
  background:#fee2e2;
}

@media(max-width:850px){
  .bonus-manager-layout{
    grid-template-columns:1fr;
  }

  .bonus-manager-item{
    grid-template-columns:42px minmax(0,1fr);
  }

  .bonus-manager-item>form:not(.bonus-row-form){
    grid-column:2;
  }
}


/* V6.0 PROFESSIONAL REALTIME ADMIN */
.wa-admin-body{background:#e9edef!important}
.wa-shell{width:100vw!important;height:100vh!important;margin:0!important;border-radius:0!important;grid-template-columns:360px minmax(0,1fr)!important;background:#fff!important;box-shadow:none!important}
.wa-sidebar{border-right:1px solid #dfe4e7!important;background:#fff!important}
.wa-sidebar-top{min-height:68px!important;padding:12px 14px!important;border-bottom:1px solid #e8ecef!important;background:#f7f9fa!important}
.wa-brand-user b{font-size:13px!important;color:#182229!important}
.wa-brand-user small{margin-top:1px!important;color:#71808a!important;font-size:8px!important}
.wa-logo,.wa-logo-fallback{width:44px!important;height:44px!important;flex-basis:44px!important;box-shadow:0 5px 14px rgba(0,168,132,.16)!important}
.wa-realtime-mini{margin-left:auto;padding:5px 7px;display:flex;align-items:center;gap:5px;border:1px solid #bcebdc;border-radius:999px;color:#008069;background:#e9fff7;font-size:7px;font-weight:900;letter-spacing:.08em}
.wa-realtime-mini i{width:6px;height:6px;border-radius:50%;background:#25d366;box-shadow:0 0 8px rgba(37,211,102,.7);animation:v60LivePulse 1.35s ease-in-out infinite}
@keyframes v60LivePulse{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}
.wa-search-wrap{padding:10px 12px 7px!important;background:#fff!important}
.wa-search{height:40px!important;border:1px solid #e5e9ec!important;border-radius:10px!important;background:#f4f6f7!important}
.wa-search input{font-size:10px!important}
.wa-filter-tabs{padding:7px 10px 10px!important;gap:7px!important;border-bottom:1px solid #edf0f2!important}
.wa-filter-tabs button{padding:7px 11px!important;font-size:8px!important;font-weight:650!important}
.wa-filter-tabs button.active{color:#007e66!important;background:#dcfce7!important}
.wa-chat-item{min-height:78px!important;padding:11px 12px!important;transition:background .14s ease!important}
.wa-chat-item:hover{background:#f6f8f9!important}
.wa-chat-item.selected{background:#e9f7f2!important}
.wa-chat-copy b{font-size:11px!important}
.wa-chat-row.sub p{font-size:8.5px!important;line-height:1.35!important}
.wa-chat-pane{min-width:0!important;background:#efeae2!important}
.wa-no-chat{background:radial-gradient(circle at 50% 42%,rgba(0,168,132,.05),transparent 240px),#f7f9fa!important}
.wa-empty-orb{width:88px;height:88px;display:grid;place-items:center;border:1px solid #dce5e2;border-radius:28px;background:#fff;box-shadow:0 14px 34px rgba(17,27,33,.06);font-size:38px}
.wa-empty-kicker{margin-top:18px;color:#00a884;font-size:8px;font-weight:900;letter-spacing:.16em}
.wa-no-chat h2{margin:7px 0 4px!important;color:#243238!important;font-size:23px!important;font-weight:650!important}
.wa-no-chat p{max-width:460px!important;margin:0!important;color:#75838c!important;font-size:9px!important}
.wa-empty-live{margin-top:15px;padding:7px 10px;display:flex;align-items:center;gap:6px;border:1px solid #cdeee2;border-radius:999px;color:#007e66;background:#ecfff8;font-size:8px;font-weight:750}
.wa-empty-live i{width:7px;height:7px;border-radius:50%;background:#25d366;box-shadow:0 0 8px rgba(37,211,102,.65)}
.wa-chat-header{min-height:68px!important;padding:11px 16px!important;border-bottom:1px solid #dce1e4!important;background:#f5f7f8!important}
.wa-active-user b{font-size:12px!important}.wa-active-user small{margin-top:1px!important;font-size:8px!important}
.wa-conversation-area{padding:18px clamp(24px,5vw,74px) 24px!important}
.wa-bubble{box-shadow:0 1px 2px rgba(11,20,26,.12)!important}
.wa-inline-composer{border-top:1px solid #d9dfe2!important;background:#f0f2f5!important}
.wa-inline-composer textarea{border:1px solid #d8dee2!important;box-shadow:0 2px 8px rgba(11,20,26,.03)!important}
.wa-send-btn{box-shadow:0 5px 13px rgba(0,168,132,.22)!important}
@media(max-width:1050px){.wa-shell{grid-template-columns:315px minmax(0,1fr)!important}}
@media(max-width:760px){.wa-shell{grid-template-columns:1fr!important}.wa-sidebar{display:none!important}}