:root{
  --shopro-blue:#04aeea;
  --shopro-blue-dark:#0078c8;
  --shopro-gold:#ffc20a;
  --shopro-orange:#ff9a00;
  --ink:#111827;
  --muted:#64748b;
  --line:#e5e7eb;
  --soft:#f4f7fb;
  --card:#ffffff;
  --wa:#25d366;
  --fb:#0084ff;
  --ig1:#f58529;
  --ig2:#dd2a7b;
  --ig3:#8134af;
  --ig4:#515bd4;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:#eef3f7;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;color:var(--ink);overflow:hidden}
a{color:var(--shopro-blue-dark);text-decoration:none}
.hidden{display:none!important}
.topbar{height:72px;background:linear-gradient(135deg,#fff,#f8fbff);border-bottom:1px solid rgba(15,23,42,.08);display:flex;align-items:center;justify-content:space-between;padding:10px 22px;position:sticky;top:0;z-index:50;box-shadow:0 10px 25px rgba(15,23,42,.06)}
.brand{display:flex;align-items:center;gap:12px}.brand img{height:52px;max-width:210px;object-fit:contain;background:transparent;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}.brand strong{display:block;font-size:18px;font-weight:1000}.brand span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}nav a{padding:10px 14px;border-radius:14px;font-weight:900;color:#0f172a}nav a:hover{background:#eaf6ff;color:var(--shopro-blue-dark)}
main{height:calc(100vh - 102px)}.footer{height:30px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;background:#fff;border-top:1px solid var(--line)}
.page{max-width:1160px;margin:24px auto;padding:0 16px;overflow:auto;max-height:calc(100vh - 130px)}.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 35px rgba(15,23,42,.06);padding:22px}.card h1,.card h2,.card h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
label{font-weight:900;font-size:13px;display:block;margin:0 0 6px}input,select,textarea{width:100%;border:1px solid #d1d5db;border-radius:14px;padding:12px 13px;font-size:15px;background:#fff}textarea{min-height:95px;resize:vertical}.help{color:var(--muted);font-size:12px;margin-top:5px}.form-row{margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--shopro-blue),var(--shopro-blue-dark));color:#fff;font-weight:900;padding:12px 16px;cursor:pointer;box-shadow:0 10px 20px rgba(0,120,200,.18)}.btn:hover{filter:brightness(.96)}.btn.gold{background:linear-gradient(135deg,var(--shopro-gold),var(--shopro-orange));color:#111}.btn.gray{background:#e5e7eb;color:#111;box-shadow:none}.btn.danger{background:#ef4444}.btn.small{padding:8px 11px;border-radius:10px;font-size:13px}.alert{padding:13px 15px;border-radius:16px;margin:12px 0;border:1px solid}.alert.ok{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.alert.err{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.badge.err{background:#fee2e2;color:#991b1b}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border-bottom:1px solid var(--line);padding:12px;text-align:left;font-size:14px}.table th{font-size:12px;text-transform:uppercase;color:var(--muted)}.mini{font-size:12px;color:var(--muted)}.secret{font-family:ui-monospace,Consolas,monospace}.settings-section{margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:16px}
.login-wrap{display:flex;height:100%;align-items:center;justify-content:center;padding:24px;overflow:auto}.login-card{max-width:460px;width:100%;text-align:left}.login-logo{text-align:center;margin-bottom:10px}.login-logo img{max-width:300px;width:90%;height:auto}.setup-hero{display:flex;gap:22px;align-items:center;margin-bottom:16px}.setup-hero img{width:260px;max-width:45%}.setup-hero p{color:var(--muted);font-size:15px;line-height:1.5}
.app-shell{height:100%;display:grid;grid-template-columns:390px minmax(0,1fr);background:#fff;position:relative;overflow:hidden}.app-sidebar{background:#fbfdff;border-right:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;min-width:0}.sidebar-top{padding:18px 18px 12px;display:flex;align-items:flex-start;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.sidebar-top h1{margin:0;font-size:24px;letter-spacing:-.03em}.live-line{display:flex;align-items:center;gap:7px;color:#16a34a;font-weight:800;font-size:12px;margin-top:5px}.live-dot{width:8px;height:8px;border-radius:99px;background:#16a34a;box-shadow:0 0 0 6px rgba(34,197,94,.12);animation:pulse 1.8s infinite}.icon-btn{border:0;background:#eef8ff;border-radius:14px;width:42px;height:42px;font-size:19px;cursor:pointer}.icon-btn:hover{background:#dff2ff}@keyframes pulse{50%{transform:scale(.75);opacity:.65}}
.channel-tabs{padding:10px 12px;display:flex;gap:8px;overflow:auto;background:#fff;border-bottom:1px solid var(--line)}.channel-tab{border:1px solid #dbe3ee;background:#fff;color:#0f172a;border-radius:999px;padding:8px 11px;font-weight:900;display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}.channel-tab.active{background:linear-gradient(135deg,#ecfdf5,#eff6ff);border-color:#93c5fd;color:#075985}.search-area{padding:12px 14px;background:#f8fafc;border-bottom:1px solid var(--line)}.search-area input{border-radius:999px;background:#fff;padding:12px 16px}.contact-list{overflow:auto;flex:1;padding:6px}.contact-row{width:100%;border:0;background:transparent;border-radius:18px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;text-align:left;gap:10px;padding:12px;cursor:pointer;color:#0f172a}.contact-row:hover{background:#edf8ff}.contact-row.active{background:linear-gradient(135deg,#e8f8ff,#f5fff6);box-shadow:inset 3px 0 0 var(--shopro-blue)}.contact-copy{min-width:0;display:block}.contact-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.contact-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);margin-top:3px}.contact-right{text-align:right;color:var(--muted);font-size:11px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.unread{background:#ef4444;color:#fff;border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-weight:1000;font-size:12px}.empty-list,.loading-card{padding:30px 18px;color:var(--muted);text-align:center}.empty-list strong{display:block;color:var(--ink);font-size:16px}.empty-list span{display:block;margin-top:6px}
.channel-badge{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 14px rgba(15,23,42,.14);vertical-align:middle;flex:none}.channel-badge svg{width:15px;height:15px}.channel-badge.whatsapp{background:var(--wa)}.channel-badge.messenger{background:linear-gradient(135deg,#00b2ff,#006aff)}.channel-badge.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,var(--ig1) 40%,var(--ig2) 60%,var(--ig3) 78%,var(--ig4) 100%)}.channel-badge.mini{width:20px;height:20px}.channel-badge.mini svg{width:11px;height:11px}.channel-badge.tiny{width:18px;height:18px;box-shadow:none}.channel-badge.tiny svg{width:10px;height:10px}
.avatar{width:48px;height:48px;border-radius:50%;position:relative;background:linear-gradient(135deg,#dbeafe,#fef3c7);display:flex;align-items:center;justify-content:center;color:#0f172a;font-weight:1000;box-shadow:0 8px 18px rgba(15,23,42,.12);flex:none}.avatar.large{width:52px;height:52px}.avatar.xl{width:92px;height:92px;font-size:25px;margin:auto}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-channel{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.avatar-channel svg{width:11px;height:11px}.avatar-channel.whatsapp{background:var(--wa)}.avatar-channel.messenger{background:#0084ff}.avatar-channel.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.chat-pane{position:relative;min-width:0;background:#efeae2;background-image:radial-gradient(circle at 25px 25px,rgba(0,0,0,.028) 2px,transparent 2px),radial-gradient(circle at 75px 75px,rgba(0,0,0,.018) 2px,transparent 2px),linear-gradient(135deg,rgba(4,174,234,.08),rgba(255,194,10,.06));background-size:100px 100px,100px 100px,auto;height:100%;overflow:hidden}.chat-empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#475569;padding:30px}.chat-empty img{max-width:340px;width:80%;filter:drop-shadow(0 8px 18px rgba(15,23,42,.12))}.chat-empty h2{font-size:28px;color:#0f172a;margin:18px 0 8px}.chat-empty p{max-width:560px;line-height:1.5}.empty-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.chat-active{height:100%;display:flex;flex-direction:column}.chat-header{height:74px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,23,42,.09);display:flex;align-items:center;justify-content:space-between;padding:12px 18px;z-index:2}.chat-profile{display:flex;align-items:center;gap:12px;min-width:0}.chat-title{font-size:17px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-subtitle{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:2px}.chat-tools{display:flex;gap:8px}.tool-btn{border:1px solid #dbe3ee;background:#fff;border-radius:12px;padding:9px 12px;font-weight:900;color:#0f172a;cursor:pointer}.tool-btn:hover{background:#f8fafc}.message-area{flex:1;overflow:auto;padding:22px 24px 26px;scroll-behavior:auto}.chat-day{width:max-content;max-width:90%;margin:8px auto 18px;background:rgba(255,255,255,.78);border-radius:999px;padding:7px 12px;color:#64748b;font-weight:800;font-size:12px;box-shadow:0 4px 12px rgba(15,23,42,.06)}.message-row{display:flex;margin:8px 0}.message-row.outgoing{justify-content:flex-end}.message-bubble{max-width:min(72%,720px);border-radius:18px;padding:9px 11px 7px;box-shadow:0 3px 12px rgba(15,23,42,.08);position:relative;line-height:1.38;white-space:normal}.message-bubble.incoming{background:#fff;border-top-left-radius:6px}.message-bubble.outgoing{background:#d9fdd3;border-top-right-radius:6px}.msg-text{white-space:pre-wrap;word-break:break-word}.msg-meta{font-size:10px;color:#64748b;text-align:right;margin-top:5px}.msg-status{margin-left:4px}.msg-media{display:block;max-width:360px;border-radius:14px;margin-bottom:7px;background:#000}.msg-media.image{max-height:360px;object-fit:cover}.msg-media.video{width:360px;max-width:100%}.msg-media.audio{width:300px;max-width:100%;background:transparent}.file-attachment{display:flex;align-items:center;gap:10px;border:1px solid rgba(15,23,42,.1);background:rgba(255,255,255,.75);border-radius:14px;padding:11px;margin-bottom:7px;color:#0f172a}.file-attachment span{font-size:22px}.file-attachment strong{display:block}.file-attachment small{display:block;color:var(--muted)}
.composer{min-height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid rgba(15,23,42,.09);display:flex;align-items:flex-end;gap:10px;padding:12px 16px;z-index:3}.compose-btn{width:44px;height:44px;border-radius:50%;border:0;background:#f1f5f9;font-size:21px;cursor:pointer;flex:none}.compose-btn:hover{background:#e2e8f0}.compose-main{flex:1;position:relative}.composer textarea{min-height:44px;max-height:130px;border-radius:22px;resize:none;padding:13px 16px;background:#fff}.send-btn{border:0;border-radius:999px;background:linear-gradient(135deg,var(--shopro-blue),var(--shopro-blue-dark));color:#fff;font-weight:1000;padding:0 22px;height:44px;cursor:pointer;box-shadow:0 8px 18px rgba(0,120,200,.22)}.send-btn:disabled{opacity:.6;cursor:not-allowed}.emoji-panel{position:absolute;left:0;bottom:58px;width:min(330px,80vw);background:#fff;border:1px solid var(--line);box-shadow:0 20px 45px rgba(15,23,42,.16);border-radius:18px;padding:12px;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;z-index:20}.emoji-panel button{height:34px;border:0;background:#f8fafc;border-radius:10px;font-size:20px;cursor:pointer}.emoji-panel button:hover{background:#e0f2fe}.file-chip{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:999px;padding:7px 9px;margin-bottom:8px;font-size:12px;font-weight:900}.file-chip button{border:0;background:#dbeafe;border-radius:50%;width:20px;height:20px;cursor:pointer}.toast{position:fixed;right:20px;bottom:50px;background:#0f172a;color:#fff;border-radius:16px;padding:12px 15px;font-weight:900;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translateY(0)}.toast.err{background:#991b1b}.toast.ok{background:#065f46}
.profile-drawer{position:absolute;right:0;top:0;height:100%;width:360px;background:#fff;border-left:1px solid var(--line);box-shadow:-20px 0 55px rgba(15,23,42,.16);transform:translateX(105%);transition:.25s;z-index:20;display:flex;flex-direction:column}.profile-drawer.open{transform:translateX(0)}.drawer-head{height:64px;border-bottom:1px solid var(--line);padding:18px;display:flex;align-items:center;justify-content:space-between}.drawer-head button{border:0;background:#f1f5f9;border-radius:12px;width:34px;height:34px;font-size:22px;cursor:pointer}.drawer-body{padding:18px;overflow:auto}.drawer-profile{text-align:center;padding:10px 0 18px}.drawer-profile h3{margin:12px 0 4px}.drawer-profile p{margin:0;color:var(--muted);font-weight:800}.profile-row{border-top:1px solid var(--line);padding:13px 0}.profile-row span{display:block;font-size:12px;color:var(--muted);font-weight:900;text-transform:uppercase}.profile-row strong{display:block;margin-top:4px;word-break:break-all}.profile-note{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px;color:#475569;font-size:13px;line-height:1.5;margin:12px 0}details pre{white-space:pre-wrap;font-size:11px;background:#0f172a;color:#e2e8f0;border-radius:14px;padding:12px;overflow:auto}
@media(max-width:950px){body{overflow:auto}.topbar{height:auto;align-items:flex-start;gap:8px;flex-direction:column}.brand img{height:44px}.footer{display:none}main{height:auto}.app-shell{height:calc(100vh - 100px);grid-template-columns:1fr}.app-sidebar{position:absolute;inset:0 0 0 0;z-index:10}.chat-pane{display:none}.app-shell.has-chat .app-sidebar{display:none}.app-shell.has-chat .chat-pane{display:block}.grid,.grid3{grid-template-columns:1fr}.setup-hero{display:block}.setup-hero img{max-width:100%;width:280px}.message-bubble{max-width:90%}.profile-drawer{width:min(360px,92vw)}}


/* v3.3.1 stable restore - frontend-only dark mode. Does not touch send/receive logic. */
body.dark-mode{
  --ink:#e5edf8;
  --muted:#94a3b8;
  --line:#243244;
  --soft:#111827;
  --card:#111827;
  background:#07111f;
  color:var(--ink);
}
body.dark-mode .topbar,
body.dark-mode .sidebar-top,
body.dark-mode .channel-tabs,
body.dark-mode .composer,
body.dark-mode .chat-header,
body.dark-mode .footer,
body.dark-mode .card,
body.dark-mode .profile-drawer,
body.dark-mode .drawer-head,
body.dark-mode .drawer-body{background:#0f172a!important;color:#e5edf8;border-color:#243244;}
body.dark-mode .app-shell,
body.dark-mode .app-sidebar{background:#0b1220;color:#e5edf8;}
body.dark-mode nav a,
body.dark-mode .tool-btn,
body.dark-mode .channel-tab{color:#e5edf8;background:#111827;border-color:#243244;}
body.dark-mode nav a:hover,
body.dark-mode .tool-btn:hover,
body.dark-mode .channel-tab.active{background:#10263f;color:#7dd3fc;}
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select{background:#111827;color:#e5edf8;border-color:#334155;}
body.dark-mode .contact-row{background:#0b1220;color:#e5edf8;border-color:#243244;}
body.dark-mode .contact-row:hover,body.dark-mode .contact-row.active{background:#10263f;}
body.dark-mode .contact-copy small,body.dark-mode .chat-subtitle,body.dark-mode .mini,body.dark-mode .help{color:#94a3b8;}
body.dark-mode .chat-pane{background-color:#0b141a;background-image:radial-gradient(circle at 25px 25px,rgba(255,255,255,.035) 2px,transparent 2px),radial-gradient(circle at 75px 75px,rgba(255,255,255,.025) 2px,transparent 2px),linear-gradient(135deg,rgba(4,174,234,.09),rgba(255,194,10,.035));}
body.dark-mode .message-bubble.incoming{background:#1f2c34;color:#e5edf8;}
body.dark-mode .message-bubble.outgoing{background:#075e54;color:#eafff7;}
body.dark-mode .msg-meta,body.dark-mode .msg-status{color:#cbd5e1;}
body.dark-mode .chat-day{background:#111827;color:#94a3b8;}
body.dark-mode .emoji-panel,body.dark-mode .file-chip{background:#111827;border-color:#334155;color:#e5edf8;}
body.dark-mode .emoji-panel button,body.dark-mode .compose-btn,body.dark-mode .drawer-head button{background:#1e293b;color:#e5edf8;}
body.dark-mode .profile-row,body.dark-mode .settings-section{border-color:#243244;}
body.dark-mode .profile-note{background:#111827;border-color:#243244;color:#cbd5e1;}

/* v3.3.2 composer restore fix
   Keeps the footer from covering/removing the send box and makes the inbox use the full available screen. */
html, body { height: 100%; min-height: 100%; }
body { display: flex; flex-direction: column; overflow: hidden; }
.topbar { flex: 0 0 auto; }
main { flex: 1 1 auto; height: auto !important; min-height: 0; overflow: hidden; }
.footer { display: none !important; }
.app-shell, .chat-pane, .chat-active, .app-sidebar { min-height: 0; }
.app-shell { height: 100%; }
.chat-active { display: flex; flex-direction: column; }
.chat-header { flex: 0 0 auto; }
.message-area { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-bottom: 18px; }
.composer { flex: 0 0 auto; display: flex !important; position: relative; bottom: auto; left: auto; right: auto; visibility: visible !important; opacity: 1 !important; }
.composer textarea { display: block !important; visibility: visible !important; }
.send-btn { display: inline-flex !important; align-items: center; justify-content: center; }
@media(max-width:950px){
  body{overflow:hidden;}
  main{height:auto!important;min-height:0;}
  .app-shell{height:100%;}
}

/* v3.4.2 Shopro polished theme update - UI only, does not alter send/receive APIs */
:root{
  --surface:#ffffff;
  --surface-2:#f8fbff;
  --surface-3:#eef6ff;
  --chat-in:#ffffff;
  --chat-out:#d9fdd3;
  --shadow-soft:0 14px 40px rgba(15,23,42,.08);
}
.topbar{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,249,255,.96));backdrop-filter:blur(14px)}
nav a{transition:.18s ease}.app-shell{box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.sidebar-top,.channel-tabs,.search-area,.chat-header,.composer{backdrop-filter:blur(14px)}
.contact-row{transition:background .15s ease, transform .15s ease, box-shadow .15s ease}.contact-row:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.05)}
.channel-badge{overflow:hidden}.channel-badge.whatsapp{background:#25D366}.channel-badge.messenger{background:linear-gradient(135deg,#00B2FF 0%,#006AFF 55%,#A033FF 100%)}.channel-badge.instagram{background:radial-gradient(circle at 30% 105%,#fdf497 0 9%,#f58529 28%,#dd2a7b 52%,#8134af 75%,#515bd4 100%)}
.chat-pane{background-color:#efeae2;background-image:linear-gradient(135deg,rgba(4,174,234,.05),rgba(255,194,10,.045));}
.chat-pane::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%235b6472' stroke-opacity='.34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M34 52h32a12 12 0 0 1 12 12v20a12 12 0 0 1-12 12H49l-17 16V64a12 12 0 0 1 12-12z'/%3E%3Cpath d='M143 45c15 0 28 12 28 28s-13 28-28 28-28-12-28-28 13-28 28-28z'/%3E%3Cpath d='M134 73l8 8 18-21'/%3E%3Cpath d='M264 42l20 20-20 20-20-20zM280 58l20-20M247 78l-16 16'/%3E%3Cpath d='M352 62c0 15-18 33-18 33s-18-18-18-33a18 18 0 0 1 36 0z'/%3E%3Ccircle cx='334' cy='62' r='6'/%3E%3Cpath d='M54 174h58l9 42H66zM70 216a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM111 216a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM50 174l-8-23H24'/%3E%3Cpath d='M180 176h50v42h-50zM190 176c0-16 30-16 30 0'/%3E%3Cpath d='M315 176h46a16 16 0 0 1 0 32h-19l-21 18v-18h-6a16 16 0 0 1 0-32z'/%3E%3Cpath d='M69 318c22-18 48-18 70 0M86 336c11-9 25-9 36 0M101 354h6'/%3E%3Cpath d='M190 316l18-18 18 18M208 298v56'/%3E%3Cpath d='M300 318h54v38h-54zM310 318v-18h34v18M315 337h24'/%3E%3Cpath d='M72 386l18-15 18 15M176 382c12-15 32-15 44 0M284 382h54M311 355v54'/%3E%3C/g%3E%3C/svg%3E");background-size:420px 420px;background-repeat:repeat;mix-blend-mode:multiply;}
body[data-chat-pattern="0"] .chat-pane::before{display:none}.chat-active,.chat-empty{position:relative;z-index:1}.message-bubble.incoming{background:var(--chat-in);border:1px solid rgba(15,23,42,.05);box-shadow:0 3px 9px rgba(15,23,42,.045)}.message-bubble.outgoing{background:var(--chat-out);box-shadow:0 3px 9px rgba(15,23,42,.05)}.composer{background:rgba(248,250,252,.92);border-top:1px solid rgba(15,23,42,.08)}.composer textarea{box-shadow:0 8px 20px rgba(15,23,42,.05);border-color:#dbe3ee}.compose-btn{transition:.15s ease}.compose-btn:hover{transform:translateY(-1px)}
.connect-panel{display:flex;gap:16px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #bfdbfe;border-radius:18px;padding:16px;margin-bottom:14px}.connect-panel.instagram{background:linear-gradient(135deg,#fff7ed,#fdf2f8,#eef2ff);border-color:#fbcfe8}.connect-panel strong{display:block;font-size:16px}.connect-panel p{margin:5px 0 0;color:#475569;font-size:13px;line-height:1.4}.connect-list{display:grid;gap:12px}.connect-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.connect-option span{display:block;color:var(--muted);font-size:12px;margin-top:4px}

body.dark-mode{
  --surface:#0f172a;
  --surface-2:#101c2d;
  --surface-3:#172338;
  --chat-in:#1f2c34;
  --chat-out:#005c4b;
  --ink:#eef6ff;
  --muted:#a7b6c9;
  --line:#26364a;
  background:#07111f;
}
body.dark-mode .topbar{background:linear-gradient(135deg,#0b1220,#0f1b2e)!important;box-shadow:0 12px 34px rgba(0,0,0,.32)}
body.dark-mode .brand span{color:#9fb2c8}body.dark-mode nav a{background:transparent;color:#dcecff}body.dark-mode nav a:hover{background:#15263d;color:#7dd3fc}
body.dark-mode .app-shell{background:#09111d!important}body.dark-mode .app-sidebar{background:#0b1220!important;border-color:#203047}body.dark-mode .sidebar-top,body.dark-mode .channel-tabs,body.dark-mode .search-area{background:#0f172a!important;border-color:#243244}
body.dark-mode .card,body.dark-mode .composer,body.dark-mode .chat-header,body.dark-mode .profile-drawer,body.dark-mode .drawer-head,body.dark-mode .drawer-body{background:#0f172a!important;color:#eef6ff;border-color:#243244}
body.dark-mode .channel-tab{background:#101b2c;color:#dcecff;border-color:#27384d}body.dark-mode .channel-tab.active{background:linear-gradient(135deg,#0b3b54,#12351f);border-color:#0ea5e9;color:#e0f8ff}
body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background:#0b1220;color:#eef6ff;border-color:#34465e}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#718096}
body.dark-mode .contact-row{color:#edf7ff}body.dark-mode .contact-row:hover{background:#111f32;box-shadow:none}body.dark-mode .contact-row.active{background:linear-gradient(135deg,#10263f,#12311f);box-shadow:inset 3px 0 0 var(--shopro-blue)}
body.dark-mode .chat-pane{background-color:#0b141a;background-image:linear-gradient(135deg,rgba(4,174,234,.08),rgba(255,194,10,.025))!important}body.dark-mode .chat-pane::before{opacity:.17;filter:invert(1);mix-blend-mode:screen}
body.dark-mode .message-bubble.incoming{background:#1f2c34!important;color:#edf7ff;border-color:#314252}body.dark-mode .message-bubble.outgoing{background:#005c4b!important;color:#eafff7}body.dark-mode .msg-meta,body.dark-mode .msg-status{color:#b8c7d8}
body.dark-mode .compose-btn{background:#1a2738;color:#eef6ff}body.dark-mode .send-btn{background:linear-gradient(135deg,#04aeea,#0078c8)}body.dark-mode .emoji-panel{background:#0f172a;border-color:#34465e}body.dark-mode .emoji-panel button{background:#172338;color:#eef6ff}body.dark-mode .file-chip{background:#10263f;border-color:#1d4ed8;color:#bfdbfe}
body.dark-mode .connect-panel{background:linear-gradient(135deg,#0b2b3f,#102c1d);border-color:#164e63}body.dark-mode .connect-panel.instagram{background:linear-gradient(135deg,#301532,#211a44);border-color:#6d2e76}body.dark-mode .connect-panel p,body.dark-mode .connect-option span{color:#a7b6c9}body.dark-mode .connect-option{background:#0b1220;border-color:#26364a}
body.dark-mode .alert.info{background:#10263f;border-color:#1e40af;color:#dbeafe}body.dark-mode .alert.ok{background:#0f2f22;border-color:#14532d;color:#bbf7d0}body.dark-mode .alert.err{background:#341018;border-color:#7f1d1d;color:#fecaca}body.dark-mode .btn.gray{background:#1e293b;color:#e2e8f0}
@media(max-width:700px){.connect-panel,.connect-option{display:block}.connect-panel .btn,.connect-option .btn{margin-top:12px;width:100%}}

/* v3.4.3 admin routing + profile polish */
body[data-chat-pattern="0"] .chat-pane{background-image:linear-gradient(135deg,rgba(4,174,234,.08),rgba(255,194,10,.06))!important;}
.chat-pane:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%238b9bad' stroke-width='1.3' stroke-linecap='round' opacity='.55'%3E%3Cpath d='M24 34c9-8 23-7 30 3 7 11 2 25-11 29-9 3-20 0-25-8'/%3E%3Cpath d='M143 30h30c6 0 11 5 11 11v24c0 6-5 11-11 11h-30c-6 0-11-5-11-11V41c0-6 5-11 11-11z'/%3E%3Cpath d='M151 45h24M151 58h17'/%3E%3Cpath d='M50 138l20-20 20 20-20 20z'/%3E%3Cpath d='M142 139c12-10 29-8 39 3M146 157c9 7 23 7 31-1'/%3E%3Cpath d='M31 193c10-12 29-12 39 0M94 55c4-13 22-13 26 0 4 14-14 25-26 12'/%3E%3Cpath d='M108 174c0-8 6-14 14-14s14 6 14 14-6 14-14 14-14-6-14-14z'/%3E%3C/g%3E%3C/svg%3E");background-size:260px 260px;mix-blend-mode:multiply;}
body.dark-mode .chat-pane:before{opacity:.11;filter:invert(1);mix-blend-mode:screen;}
body.dark-mode{background:#050b14;color:#e9f2fb;}
body.dark-mode .topbar{background:linear-gradient(135deg,#07111f,#10263f)!important;border-color:#1f344f;box-shadow:0 10px 30px rgba(0,0,0,.35);}
body.dark-mode .topbar .brand span{color:#9fb5ca;}
body.dark-mode .card{background:#0b1220!important;border-color:#1e2d42;box-shadow:0 12px 32px rgba(0,0,0,.28);}
body.dark-mode .chat-pane{background-color:#0b141a!important;background-image:linear-gradient(135deg,rgba(0,87,216,.13),rgba(0,166,81,.07))!important;}
body.dark-mode .composer,body.dark-mode .chat-header{background:rgba(17,27,33,.94)!important;border-color:#243442!important;}
body.dark-mode .message-bubble.incoming{background:#202c33!important;color:#e9edef;}
body.dark-mode .message-bubble.outgoing{background:#005c4b!important;color:#e9edef;}
body.dark-mode .send-btn{background:linear-gradient(135deg,#0387ff,#00a651)!important;}
body.dark-mode .alert.info{background:#0e2038;border-color:#284c72;color:#cfe8ff;}
body.dark-mode .alert.ok{background:#052e22;border-color:#145c43;color:#baf7d8;}
body.dark-mode .alert.err{background:#3a1214;border-color:#7f1d1d;color:#fecaca;}
body.dark-mode .table,body.dark-mode .table td,body.dark-mode .table th{background:#0b1220;color:#e9f2fb;border-color:#1e2d42;}
.connect-panel,.route-status-card,.route-dashboard,.route-mode-card{border-radius:18px;}
.route-status-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #bfdbfe;}
.route-status-card strong,.route-mode-card strong{display:block;font-size:16px;font-weight:1000;}
.route-status-card span,.route-mode-card span{display:block;color:var(--muted);font-size:13px;margin-top:4px;line-height:1.4;}
.route-actions-inline{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.route-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;}
.route-mode-card{border:1px solid var(--line);background:#fff;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 22px rgba(15,23,42,.06);}
.route-mode-card.active{border-color:#00a651;box-shadow:0 0 0 3px rgba(0,166,81,.11),0 10px 24px rgba(15,23,42,.08);}
.profile-logo-preview{min-height:94px;border:1px dashed #cbd5e1;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;font-size:13px;overflow:hidden;padding:14px;}
.profile-logo-preview img{max-width:140px;max-height:90px;object-fit:contain;}
body.dark-mode .route-status-card{background:linear-gradient(135deg,#0e2038,#06261b);border-color:#244863;}
body.dark-mode .route-mode-card,body.dark-mode .profile-logo-preview{background:#0f172a;border-color:#243244;color:#e9f2fb;}
body.dark-mode .route-status-card span,body.dark-mode .route-mode-card span{color:#9fb5ca;}
@media(max-width:800px){.route-dashboard{grid-template-columns:1fr}.route-status-card{align-items:flex-start;flex-direction:column}.route-actions-inline{justify-content:flex-start}}

/* v3.4.4 Dark Mode No-Grid Fix
   Removes the visible wallpaper/grid/doodle overlay in dark mode only.
   Light mode can still use the WhatsApp-style wallpaper pattern.
*/
body.dark-mode .chat-pane,
body.dark-mode[data-chat-pattern="1"] .chat-pane,
body.dark-mode[data-chat-pattern="0"] .chat-pane{
  background-color:#0b141a!important;
  background-image:linear-gradient(135deg,rgba(0,87,216,.10),rgba(0,166,81,.055))!important;
}
body.dark-mode .chat-pane::before,
body.dark-mode .chat-pane:before,
body.dark-mode[data-chat-pattern="1"] .chat-pane::before,
body.dark-mode[data-chat-pattern="1"] .chat-pane:before{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* v3.4.6 Smooth Chat Background Fix
   Removes all repeating grid/doodle/pattern overlays from the chat background.
   Keeps the actual UI graphics, logos, avatars, icons, and message design untouched.
*/
.chat-pane,
body[data-chat-pattern="0"] .chat-pane,
body[data-chat-pattern="1"] .chat-pane,
body.dark-mode .chat-pane,
body.dark-mode[data-chat-pattern="0"] .chat-pane,
body.dark-mode[data-chat-pattern="1"] .chat-pane{
  background-repeat:no-repeat!important;
  background-size:cover!important;
}

.chat-pane{
  background-color:#eef6f3!important;
  background-image:
    radial-gradient(circle at 18% 12%,rgba(4,174,234,.12),transparent 34%),
    radial-gradient(circle at 86% 24%,rgba(255,194,10,.14),transparent 30%),
    linear-gradient(135deg,#f7fbff 0%,#eef9f3 48%,#f8fbff 100%)!important;
}

body.dark-mode .chat-pane,
body.dark-mode[data-chat-pattern="0"] .chat-pane,
body.dark-mode[data-chat-pattern="1"] .chat-pane{
  background-color:#0b141a!important;
  background-image:
    radial-gradient(circle at 16% 10%,rgba(4,174,234,.13),transparent 32%),
    radial-gradient(circle at 86% 18%,rgba(0,166,81,.11),transparent 30%),
    linear-gradient(135deg,#07111f 0%,#0b141a 52%,#0f1b2e 100%)!important;
}

.chat-pane::before,
.chat-pane:before,
body[data-chat-pattern="0"] .chat-pane::before,
body[data-chat-pattern="0"] .chat-pane:before,
body[data-chat-pattern="1"] .chat-pane::before,
body[data-chat-pattern="1"] .chat-pane:before,
body.dark-mode .chat-pane::before,
body.dark-mode .chat-pane:before,
body.dark-mode[data-chat-pattern="0"] .chat-pane::before,
body.dark-mode[data-chat-pattern="0"] .chat-pane:before,
body.dark-mode[data-chat-pattern="1"] .chat-pane::before,
body.dark-mode[data-chat-pattern="1"] .chat-pane:before{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  background-image:none!important;
  background-size:auto!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}


/* v3.4.19 responsive/pro polish */
html,body{max-width:100%;overflow-x:hidden}main{min-height:calc(100vh - 68px)}
.app-shell{height:calc(100vh - 74px)!important;max-height:calc(100vh - 74px);width:100%;}
.contact-list{min-height:0;overflow:auto}.chat-pane{min-height:0}.chat-active{min-height:0}.message-area{min-height:0;overscroll-behavior:contain}.composer{flex-wrap:nowrap}.compose-main{min-width:0}.chat-profile{min-width:0;max-width:100%}.chat-tools{flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.contact-name,.chat-title{min-width:0;overflow:hidden;text-overflow:ellipsis}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.page-wrap{width:min(1180px,calc(100vw - 28px));margin:0 auto;padding:18px 0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
@media(max-width:1100px){.app-shell{grid-template-columns:340px minmax(0,1fr)}.message-bubble{max-width:min(82%,680px)}}
@media(max-width:820px){main{min-height:calc(100vh - 88px)}.app-shell{height:calc(100vh - 96px)!important;max-height:calc(100vh - 96px);grid-template-columns:1fr}.chat-header{height:auto;min-height:68px;padding:10px 12px}.chat-tools .tool-btn[href="settings.php"]{display:none}.message-area{padding:14px 12px 16px}.message-bubble{max-width:92%;font-size:15px}.composer{padding:10px;gap:7px;align-items:flex-end}.compose-btn{width:40px;height:40px;font-size:18px}.send-btn{height:40px;padding:0 15px}.composer textarea{min-height:40px;padding:11px 14px}.page-head{display:block}.page-head .btn{margin-top:10px}.profile-drawer{width:min(380px,94vw)}}
@media(max-width:520px){.topbar nav{display:flex;gap:6px;overflow:auto;width:100%;padding-bottom:3px}.topbar nav a{white-space:nowrap}.channel-tabs{gap:6px;overflow:auto}.channel-tab{white-space:nowrap}.sidebar-top{padding:14px 12px 10px}.search-area{padding:10px 12px}.contact-row{padding:10px 12px}.empty-actions{flex-direction:column}.chat-empty img{max-width:230px}.chat-empty h2{font-size:22px}.chat-subtitle{font-size:11px}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 6px}.profile-drawer{width:100%}}

/* v3.4.20 professional responsive fit + cleaner chat layout */
html,body{height:100%;overflow:hidden;}
main{height:calc(100vh - 74px);min-height:0;overflow:hidden;}
.topbar{min-height:74px;}
.app-shell{height:100%;max-height:100%;min-height:0;overflow:hidden;}
.app-sidebar,.chat-pane,.profile-drawer{min-height:0;}
.contact-list,.message-area,.drawer-body{overscroll-behavior:contain;}
.message-area{scroll-behavior:auto;}
.message-row{max-width:100%;}
.message-bubble{word-break:break-word;overflow-wrap:anywhere;}
.msg-meta{white-space:nowrap;}
.composer{flex-shrink:0;}
.composer textarea{max-height:120px;resize:none;}
.chat-header{flex-shrink:0;}
.chat-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.max-card{max-width:1040px;margin:0 auto 18px;}
.form-grid label small{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.3;}
@media(max-width:980px){
  html,body{overflow:auto;}
  main{height:auto;min-height:calc(100vh - 70px);overflow:visible;}
  .app-shell{height:auto;min-height:calc(100vh - 70px);grid-template-columns: minmax(280px, 38vw) 1fr;}
  .profile-drawer{display:none;}
}
@media(max-width:760px){
  .topbar{position:sticky;top:0;z-index:50;min-height:auto;gap:10px;align-items:flex-start;}
  .topbar nav{width:100%;overflow:auto;white-space:nowrap;padding-bottom:4px;}
  .app-shell{display:flex;flex-direction:column;height:calc(100vh - 112px);min-height:0;}
  .app-sidebar{height:42%;min-height:245px;width:100%;}
  .chat-pane{height:58%;min-height:360px;width:100%;}
  .contact-list{max-height:none;}
  .chat-header{padding:10px 12px;}
  .chat-tools .tool-btn[href="settings.php"]{display:none;}
  .message-area{padding:12px;}
  .message-bubble{max-width:88%;font-size:14px;}
  .composer{padding:8px;gap:6px;}
  .compose-btn{width:38px;height:38px;min-width:38px;}
  .send-btn{height:38px;padding:0 14px;}
  .compose-main textarea{font-size:16px;}
}
@media(max-width:480px){
  .brand img{width:44px;height:44px;}
  .brand strong{font-size:14px;}
  .brand span{font-size:11px;}
  .channel-tabs{gap:6px;}
  .channel-tab{padding:8px 9px;font-size:12px;}
  .contact-row{padding:10px;}
  .message-bubble{max-width:92%;}
}

/* v3.4.21 Simple Live Inbox UI */
:root{--topbar-h:64px;--radius:18px}
body{background:#eef3f8;overflow:hidden}
.topbar.simple-topbar{height:var(--topbar-h);min-height:var(--topbar-h);padding:8px 18px;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.06)}
.simple-topbar .brand img{height:46px;max-width:150px}.simple-topbar .brand strong{font-size:16px}.simple-topbar .brand span{font-size:11px}.simple-nav{gap:4px}.simple-nav a{padding:8px 11px;border-radius:12px;font-size:13px}
main{height:calc(100vh - var(--topbar-h))!important;min-height:0;overflow:hidden}.footer{display:none}.page{max-height:calc(100vh - var(--topbar-h));margin:0 auto;padding:18px 16px}.page-head.compact{align-items:center;margin-bottom:14px}.page-head.compact h1{margin:0 0 4px}.page-head.compact p{margin:0;color:var(--muted)}
.app-shell{height:calc(100vh - var(--topbar-h))!important;max-height:calc(100vh - var(--topbar-h))!important;grid-template-columns:360px minmax(0,1fr);background:#f8fafc}.app-sidebar{background:#fff}.sidebar-top{padding:12px 14px}.sidebar-top h1{font-size:20px}.live-line{font-size:11px}.icon-btn{width:36px;height:36px;border-radius:12px}.channel-tabs{padding:8px 10px;gap:6px}.channel-tab{padding:7px 9px;font-size:12px}.search-area{padding:9px 11px}.search-area input{padding:10px 14px}.contact-list{padding:5px}.contact-row{grid-template-columns:48px minmax(0,1fr) auto;border-radius:14px;padding:9px;gap:9px}.contact-copy strong{font-size:14px}.contact-copy small{font-size:12px}.avatar{width:42px;height:42px}.avatar.large{width:45px;height:45px}.avatar.xl{width:82px;height:82px}.avatar-channel{width:18px;height:18px}.chat-header{height:62px;min-height:62px;padding:9px 14px;background:rgba(255,255,255,.96)}.chat-title{font-size:15px}.chat-subtitle{font-size:11px}.tool-btn{padding:7px 10px;border-radius:10px;font-size:12px}.message-area{padding:16px 18px 18px}.message-bubble{max-width:min(78%,720px);border-radius:18px;padding:10px 12px;font-size:14px;box-shadow:0 2px 10px rgba(15,23,42,.06)}.message-bubble.incoming{border-top-left-radius:6px}.message-bubble.outgoing{border-top-right-radius:6px}.msg-meta{font-size:10px;margin-top:6px}.composer{padding:9px 12px;background:rgba(255,255,255,.96);gap:8px}.composer textarea{min-height:38px;padding:9px 12px;font-size:14px}.compose-btn{width:38px;height:38px;min-width:38px;border-radius:12px}.send-btn{height:38px;border-radius:12px;padding:0 16px}.chat-empty img{max-width:260px}.chat-empty h2{font-size:24px}.chat-empty p{font-size:14px}.mobile-back-btn{display:none;border:0;background:#eef8ff;color:#0f172a;border-radius:12px;padding:8px 10px;font-weight:900;margin-right:6px}
.simple-settings-page{overflow:auto;height:calc(100vh - var(--topbar-h));max-height:none}.simple-settings-card{margin-bottom:14px;padding:18px;border-radius:18px}.settings-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.setup-tile{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.05);color:#0f172a}.setup-tile.ready{border-color:#a7f3d0;background:linear-gradient(135deg,#fff,#ecfdf5)}.setup-tile strong{display:block;font-size:16px;font-weight:1000}.setup-tile span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.settings-accordion{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;background:#fff;overflow:hidden}.settings-accordion summary{padding:14px 16px;font-weight:1000;cursor:pointer;background:#f8fafc}.settings-accordion[open] summary{border-bottom:1px solid var(--line)}.settings-accordion>div{padding:14px 16px}.settings-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connect-simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connect-simple-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfdff}.connect-simple-card h3{margin:0 0 5px}.connect-simple-card p{min-height:36px;color:var(--muted);font-size:13px}.settings-actions-sticky{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}.quick-action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tools-grid a:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.08)}
body.dark-mode .topbar.simple-topbar,body.dark-mode .app-sidebar,body.dark-mode .sidebar-top,body.dark-mode .channel-tabs,body.dark-mode .search-area,body.dark-mode .chat-header,body.dark-mode .composer{background:#111b21!important;border-color:#243442!important}body.dark-mode .app-shell{background:#0b141a}body.dark-mode .simple-settings-card,body.dark-mode .setup-tile,body.dark-mode .settings-accordion,body.dark-mode .connect-simple-card{background:#111b21;border-color:#243442;color:#e9edef}body.dark-mode .settings-accordion summary{background:#0b141a;border-color:#243442;color:#e9edef}body.dark-mode .setup-tile span,body.dark-mode .connect-simple-card p{color:#9fb5ca}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#0b141a;color:#e9edef;border-color:#243442}
@media(max-width:980px){.app-shell{grid-template-columns:320px minmax(0,1fr)}.message-bubble{max-width:84%}.settings-home-grid{grid-template-columns:1fr 1fr}.settings-grid-two,.connect-simple-grid{grid-template-columns:1fr}}
@media(max-width:760px){body{overflow:hidden}.topbar.simple-topbar{height:auto;min-height:58px;display:flex;gap:8px;padding:8px 10px}.simple-topbar .brand img{height:38px;width:58px;object-fit:contain}.simple-topbar .brand strong{font-size:14px}.simple-topbar .brand span{display:none}.simple-nav{width:auto;overflow:auto;flex-wrap:nowrap;margin-left:auto}.simple-nav a{white-space:nowrap;padding:7px 9px;font-size:12px}main{height:calc(100vh - 58px)!important}.app-shell{display:block;height:calc(100vh - 58px)!important;min-height:0}.app-sidebar{height:100%;display:flex}.chat-pane{height:100%;display:none}.chat-open .app-sidebar{display:none}.chat-open .chat-pane{display:block}.mobile-back-btn{display:inline-flex}.chat-active{height:100%}.message-area{padding:12px}.message-bubble{max-width:88%;font-size:14px}.composer{padding:8px;gap:6px}.compose-btn{width:36px;height:36px;min-width:36px}.send-btn{height:36px;padding:0 13px}.chat-header{height:58px;min-height:58px}.chat-tools{display:none}.profile-drawer{display:none!important}.settings-home-grid{grid-template-columns:1fr}.page.simple-settings-page{padding:12px;height:calc(100vh - 58px)}.page-head.compact{display:block}.page-head.compact .btn{margin-top:10px}.simple-settings-card{padding:14px}.quick-action-row{display:grid;grid-template-columns:1fr}.quick-action-row .btn,.quick-action-row form{width:100%}.quick-action-row button,.quick-action-row a{width:100%}}
@media(max-width:420px){.contact-row{grid-template-columns:44px minmax(0,1fr) auto}.avatar{width:40px;height:40px}.channel-tabs .channel-badge{display:none}.channel-tab{font-size:12px;padding:7px 9px}.message-bubble{max-width:92%}.chat-subtitle{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* v3.4.25 customer profile and WhatsApp search polish */
.avatar{overflow:visible;position:relative;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#e2e8f0}.avatar .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:linear-gradient(135deg,#e0f2fe,#dcfce7);color:#0f172a;font-weight:1000}.avatar .avatar-fallback.is-hidden{display:none}.start-wa-row{background:linear-gradient(135deg,#ecfdf5,#f8fafc)!important;border:1px dashed #86efac!important;margin:5px 0 8px}.start-wa-row .contact-copy strong{color:#047857}.profile-row a{color:var(--shopro-blue);text-decoration:none}.profile-row a:hover{text-decoration:underline}.drawer-profile h3{word-break:break-word}.chat-subtitle{max-width:620px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-copy strong{letter-spacing:-.01em}body.dark-mode .avatar .avatar-fallback{background:linear-gradient(135deg,#10263f,#12311f);color:#edf7ff}body.dark-mode .start-wa-row{background:#10231b!important;border-color:#166534!important}
@media(max-width:760px){.chat-subtitle{max-width:230px}.profile-row strong{font-size:14px}.start-wa-row{margin:4px 0 7px}}

.msg-error{margin-top:6px;font-size:12px;line-height:1.35;color:#9b1c1c;background:rgba(255,255,255,.72);border-radius:10px;padding:6px 8px;font-weight:700}
.msg-status.failed{color:#b91c1c;font-weight:800}

/* v3.4.35 Meta Review Mode */
.reviewer-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#fff3cd;color:#6f4e00;font-weight:700;font-size:13px;border:1px solid rgba(111,78,0,.18)}
.reviewer-panel-note{margin:10px 0;padding:10px 12px;border-radius:14px;background:#fff3cd;color:#6f4e00;font-size:13px;font-weight:700;border:1px solid rgba(111,78,0,.18)}
.review-credentials code,.meta-review-card code{background:rgba(0,0,0,.06);padding:2px 6px;border-radius:6px;word-break:break-all}
.meta-review-card .review-status{display:flex;gap:8px;align-items:center;margin:12px 0;padding:12px;border-radius:14px;background:rgba(0,0,0,.04)}
.meta-review-card .review-status.ready{background:#e9f8ee;color:#155724}
.meta-review-card .review-status.off{background:#f7f7f7;color:#555}
.btn.danger{background:#b42318;color:#fff;border-color:#b42318}
.alert.warn{background:#fff3cd;color:#6f4e00;border:1px solid rgba(111,78,0,.18)}

/* Meta Review public demo login */
.meta-review-login-box{
  margin-top:16px;
  padding:14px;
  border:1px solid rgba(225,48,108,.22);
  border-radius:16px;
  background:linear-gradient(135deg, rgba(225,48,108,.08), rgba(64,93,230,.08));
}
.meta-review-login-box form{margin-top:10px;}
.btn.meta-review-btn{
  width:100%;
  background:#E1306C;
  border-color:#E1306C;
  color:#fff;
}
.btn.meta-review-btn:hover{filter:brightness(.96);}
.reviewer-panel-note{
  margin:10px 0;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(225,48,108,.09);
  color:#80203f;
  font-size:13px;
  line-height:1.35;
}
.dark-mode .reviewer-panel-note{color:#ffd7e5;background:rgba(225,48,108,.18);}
.channel-badge.tiktok{background:#111827}.avatar-channel.tiktok{background:#111827}.avatar.tiktok{background:linear-gradient(135deg,#0f172a,#111827);color:#fff}

/* v3.4.40 Settings, TikTok setup, WhatsApp migration polish */
.simple-settings-page,.settings-shell{overflow:auto!important;max-width:1120px;width:100%;box-sizing:border-box}.simple-settings-card *{box-sizing:border-box}.form-row input,.form-row select,.form-row textarea{width:100%;max-width:100%;min-width:0}.form-row code,.mini code,.alert code{white-space:normal;word-break:break-all}.stack-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stack-actions .btn{white-space:normal}.tiktok-credentials-panel{width:100%;max-width:100%}.tiktok-result-box{max-height:180px;overflow:auto;word-break:break-word}.compact-select{width:auto;min-width:190px;max-width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff}.large-import-btn{margin-top:14px;width:100%;justify-content:center;font-size:16px;padding:14px 18px}.import-card input[type=file]{background:#fff;border:1px dashed #9ca3af;padding:14px;border-radius:14px}.clean-list{line-height:1.7;margin:0;padding-left:20px}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center}
@media(max-width:760px){.settings-shell{padding:12px}.settings-grid-two,.connect-simple-grid{grid-template-columns:1fr!important}.connect-simple-card,.simple-settings-card{width:100%;overflow:hidden}.stack-actions{display:grid;grid-template-columns:1fr}.stack-actions .btn,.inline-form,.inline-form .btn,.inline-form button,.inline-form select,.compact-select{width:100%}.settings-actions-sticky{position:sticky;bottom:0;background:rgba(255,255,255,.96);padding:10px;border-radius:16px;box-shadow:0 -6px 18px rgba(15,23,42,.08)}.simple-settings-page .page-head .btn{width:100%}.page.simple-settings-page{overflow:auto!important}.quick-action-row{align-items:stretch}.quick-action-row form{display:block}.quick-action-row select{margin-bottom:8px}}


/* v3.4.41 Safe customer photo verification */
.profile-actions{display:grid;gap:8px;margin:0 0 14px}.profile-action-btn{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 12px;font-weight:1000;color:#0f172a;cursor:pointer;text-align:center}.profile-action-btn:hover{background:#f8fafc}.profile-action-btn.primary{background:linear-gradient(135deg,var(--shopro-blue),var(--shopro-blue-dark));border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(0,120,200,.16)}body.dark-mode .profile-action-btn{background:#1e293b;color:#e5edf8;border-color:#243244}body.dark-mode .profile-action-btn.primary{background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff}

/* v3.4.42 Shopro growth upgrades */
.contact-pills{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.contact-status-pill{display:inline-flex;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;background:#e0f2fe;color:#075985;font-size:10px;font-weight:1000;padding:3px 7px}.contact-status-pill.safety{background:#ecfdf5;color:#047857}.workflow-form{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#f8fafc}.workflow-form h4,.drawer-body h4{margin:0 0 10px;font-size:14px}.workflow-form label{margin-top:10px}.workflow-form textarea{min-height:76px}.notes-list{display:grid;gap:8px;margin-bottom:12px}.note-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}.note-card strong{font-size:12px}.note-card span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.note-card p{margin:7px 0 0;font-size:13px;line-height:1.35}.profile-note.small{font-size:12px}.quick-reply-panel{position:absolute;left:calc(390px + 18px);right:380px;bottom:82px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 48px rgba(15,23,42,.18);border-radius:20px;padding:12px;z-index:16;max-height:320px;overflow:auto}.quick-reply-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quick-reply-head button{border:0;background:#f1f5f9;border-radius:10px;width:30px;height:30px;font-size:20px;cursor:pointer}.quick-reply-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-reply-chip{border:1px solid #dbe3ee;background:#f8fafc;border-radius:14px;padding:10px;text-align:left;cursor:pointer}.quick-reply-chip:hover{background:#eff6ff}.quick-reply-chip strong{display:block;font-size:13px}.quick-reply-chip small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.quick-reply-empty{padding:14px;color:var(--muted)}.wa-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.metric-card span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.metric-card strong{display:block;margin-top:7px;font-size:22px}.metric-card small{display:block;margin-top:5px;color:var(--muted);line-height:1.35}.metric-card.ok{border-color:#bbf7d0;background:linear-gradient(135deg,#fff,#f0fdf4)}.metric-card.warn{border-color:#fed7aa;background:linear-gradient(135deg,#fff,#fff7ed)}.template-list{display:grid;gap:8px}.template-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px}.template-row span{border-radius:999px;background:#e0f2fe;color:#075985;font-size:12px;font-weight:1000;padding:5px 9px}.template-row small{grid-column:1/-1;color:var(--muted)}body.dark-mode .workflow-form,body.dark-mode .quick-reply-panel,body.dark-mode .note-card,body.dark-mode .quick-reply-chip,body.dark-mode .metric-card,body.dark-mode .template-row{background:#111b21;border-color:#243442;color:#e9edef}body.dark-mode .quick-reply-chip:hover{background:#15232c}body.dark-mode .contact-status-pill{background:#0c4a6e;color:#dff7ff}body.dark-mode .contact-status-pill.safety{background:#064e3b;color:#d1fae5}
@media(max-width:1180px){.quick-reply-panel{right:18px}.wa-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.chat-tools{display:flex}.tool-btn{padding:7px 9px;font-size:12px}.quick-reply-panel{left:8px;right:8px;bottom:64px;max-height:50vh;border-radius:18px}.quick-reply-grid{grid-template-columns:1fr}.profile-drawer{display:flex!important;position:fixed;inset:0;width:auto;height:auto;z-index:80;border-left:0;transform:translateX(105%)}.profile-drawer.open{transform:translateX(0)}.drawer-head{height:56px}.drawer-body{padding:14px}.workflow-form{padding:12px}.wa-metrics-grid{grid-template-columns:1fr}.template-row{grid-template-columns:1fr}.contact-status-pill{max-width:110px}.composer textarea{font-size:16px}.message-area{scroll-behavior:auto}}
@media(max-width:420px){.tool-btn{padding:6px 8px}.chat-title{font-size:15px}.quick-reply-panel{bottom:58px}.wa-metrics-grid{gap:8px}.metric-card strong{font-size:19px}}
.order-list{display:grid;gap:8px;margin-bottom:12px}.order-card{display:block;text-decoration:none;color:#0f172a;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px}.order-card strong{display:block;font-size:14px}.order-card span,.order-card small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.order-card:hover{border-color:#93c5fd;background:#eff6ff}body.dark-mode .order-card{background:#111b21;color:#e9edef;border-color:#243442}body.dark-mode .order-card:hover{background:#15232c}

/* v3.4.43 Shopro WhatsApp demo templates */
.template-demo-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
  margin-top:14px;
}
.template-demo-card{
  border:1px solid rgba(148,163,184,.24);
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:150px;
}
.template-demo-card strong{display:block;font-size:14px;margin-bottom:3px;}
.template-demo-card small{color:#94a3b8;font-size:12px;}
.template-demo-card p{font-size:13px;line-height:1.45;margin:0;color:#cbd5e1;flex:1;}
.btn.small{padding:8px 10px;font-size:12px;border-radius:10px;align-self:flex-start;}
@media(max-width:720px){
  .template-demo-grid{grid-template-columns:1fr;}
  .template-demo-card{min-height:auto;}
}

/* v3.4.44 WhatsApp-style mobile experience + Shopro profile */
.sidebar-actions{display:flex;align-items:center;gap:8px}.profile-link{text-decoration:none;color:#0f172a}.app-sidebar{border-right:1px solid #d1d7db}.sidebar-top{background:#075e54;color:#fff;padding:14px 16px}.sidebar-top h1{margin:0;font-size:24px;font-weight:900;color:#fff}.sidebar-top .live-line{color:rgba(255,255,255,.78)}.sidebar-top .icon-btn{background:rgba(255,255,255,.12);color:#fff;border:0}.channel-tabs{background:#075e54;padding:0 10px 10px;gap:6px;overflow-x:auto}.channel-tab{border:0;background:transparent;color:rgba(255,255,255,.82);border-radius:0;border-bottom:3px solid transparent;white-space:nowrap}.channel-tab.active{background:transparent;color:#fff;border-bottom-color:#25d366}.search-area{background:#f0f2f5;padding:9px 12px}.search-area input{border:0;background:#fff;border-radius:999px;padding:11px 16px}.contact-row{border:0;border-bottom:1px solid #eef0f1;border-radius:0;background:#fff;padding:11px 12px}.contact-row:hover,.contact-row.active{background:#f0f2f5}.contact-copy strong{font-size:15px;font-weight:800;color:#111b21}.contact-copy small{color:#667781}.contact-right em{font-style:normal;color:#667781;font-size:11px}.unread{background:#25d366;color:#003b2f}.chat-header{height:64px;background:#f0f2f5;border-bottom:1px solid #d1d7db;padding:8px 12px}.chat-title{color:#111b21}.chat-subtitle{color:#667781}.message-area{background:#efeae2;background-image:radial-gradient(rgba(0,0,0,.035) 1px, transparent 1px);background-size:22px 22px}.message-bubble{box-shadow:0 1px .5px rgba(11,20,26,.13);border-radius:9px}.message-bubble.incoming{background:#fff}.message-bubble.outgoing{background:#d9fdd3}.composer{background:#f0f2f5;border-top:1px solid #d1d7db}.compose-btn{background:transparent;border:0;color:#54656f}.compose-main textarea{border:0;border-radius:22px;background:#fff}.send-btn{border-radius:999px;background:#00a884;color:#fff;border:0}.mobile-back-btn{color:#075e54}.tool-btn{border:0;background:#fff;color:#075e54}.avatar{width:48px;height:48px}.avatar.large{width:45px;height:45px}.avatar.xl{width:92px;height:92px}.avatar img{border-radius:50%}.avatar-channel{right:-2px;bottom:-2px;border:2px solid #fff}.wa-number-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px;background:#f8fafc;margin:12px 0}.wa-number-summary.compact{grid-template-columns:1fr auto}.wa-number-summary span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.wa-number-summary strong{display:block;margin-top:3px;word-break:break-all}.wa-phone-list{display:grid;gap:10px;margin:12px 0}.wa-phone-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.wa-phone-row.active{border-color:#25d366;background:#f0fdf4}.wa-phone-row strong{display:block}.wa-phone-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px;word-break:break-all}.wa-phone-tags{display:flex;gap:6px;flex-wrap:wrap}.wa-phone-tags span{border-radius:999px;background:#eef2f7;color:#475569;font-size:11px;font-weight:900;padding:5px 8px}.settings-accordion.nested{margin-top:12px;background:#fff}.wa-profile-page{max-width:760px}.wa-profile-phone{max-width:680px;margin:0 auto;background:#f0f2f5;min-height:calc(100vh - 150px);border-radius:26px;overflow:hidden;border:1px solid #d1d7db;box-shadow:0 18px 48px rgba(15,23,42,.12)}.wa-profile-top{height:58px;background:#075e54;color:#fff;display:flex;align-items:center;gap:14px;padding:0 16px}.wa-profile-top strong{font-size:19px}.wa-back{font-size:36px;line-height:1;color:#fff;text-decoration:none}.wa-profile-gear{margin-left:auto;color:#fff;text-decoration:none;font-weight:800}.wa-profile-hero{text-align:center;background:#fff;padding:28px 16px 20px;border-bottom:1px solid #e7edef}.wa-profile-hero img{width:134px;height:134px;border-radius:50%;object-fit:cover;border:4px solid #edf8f4}.wa-profile-hero h1{margin:12px 0 4px;font-size:26px}.wa-profile-hero p{margin:0;color:#667781}.wa-profile-hero span{display:block;margin-top:8px;color:#008069;font-weight:800}.wa-profile-card{background:#fff;margin:10px 0;padding:16px;border-top:1px solid #e7edef;border-bottom:1px solid #e7edef}.wa-profile-card h2{font-size:17px;margin:0 0 12px;color:#008069}.wa-tools-list{display:grid}.wa-tools-list a{display:block;padding:13px 4px;border-bottom:1px solid #eef0f1;color:#111b21;text-decoration:none}.wa-tools-list a:last-child{border-bottom:0}.wa-tools-list strong{display:block}.wa-tools-list span{display:block;color:#667781;font-size:13px;margin-top:3px}.inline-profile-upload{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-profile-upload input{flex:1;min-width:220px}.dark-mode .sidebar-top,.dark-mode .channel-tabs,.dark-mode .wa-profile-top{background:#005c4b}.dark-mode .app-sidebar,.dark-mode .contact-row,.dark-mode .wa-profile-card,.dark-mode .wa-profile-hero,.dark-mode .wa-phone-row,.dark-mode .settings-accordion.nested{background:#111b21;color:#e9edef}.dark-mode .search-area,.dark-mode .chat-header,.dark-mode .composer,.dark-mode .wa-profile-phone{background:#202c33}.dark-mode .message-area{background:#0b141a}.dark-mode .message-bubble.incoming{background:#202c33;color:#e9edef}.dark-mode .message-bubble.outgoing{background:#005c4b;color:#e9edef}.dark-mode .contact-copy strong,.dark-mode .chat-title,.dark-mode .wa-tools-list a{color:#e9edef}.dark-mode .contact-copy small,.dark-mode .contact-right em,.dark-mode .chat-subtitle,.dark-mode .wa-tools-list span,.dark-mode .wa-profile-hero p{color:#8696a0}.dark-mode .wa-number-summary{background:#182229;border-color:#26353d}.dark-mode .wa-phone-row.active{background:#12382f;border-color:#25d366}.dark-mode .compose-main textarea,.dark-mode .search-area input{background:#2a3942;color:#e9edef}

@media(max-width:760px){
  html,body{height:100%;overflow:hidden;background:#fff}.topbar.simple-topbar,.footer{display:none!important}main{height:100dvh}.app-shell{height:100dvh;display:block;background:#fff}.app-sidebar{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;border-right:0;background:#fff}.sidebar-top{height:56px;display:flex;align-items:center;justify-content:space-between;padding:8px 14px}.sidebar-top h1{font-size:22px;letter-spacing:.1px}.sidebar-top .live-line{display:none}.sidebar-actions{gap:5px}.icon-btn{min-width:38px;height:38px;border-radius:50%;font-size:18px}.channel-tabs{height:46px;display:flex;align-items:flex-end;padding:0 8px;scrollbar-width:none}.channel-tabs::-webkit-scrollbar{display:none}.channel-tab{height:44px;padding:0 12px;font-size:13px;font-weight:900}.search-area{padding:8px 10px}.contact-list{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.contact-row{min-height:72px;padding:10px 12px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:9px}.contact-copy{min-width:0}.contact-copy strong{font-size:16px}.contact-copy small{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-pills{display:none}.contact-right{align-items:flex-end;gap:6px}.chat-pane{position:absolute;inset:0;z-index:3;transform:translateX(100%);transition:transform .2s ease;background:#efeae2}.chat-open .chat-pane{transform:translateX(0)}.chat-empty{display:none!important}.chat-active{height:100dvh;display:flex!important;flex-direction:column}.chat-header{height:58px;padding:6px 8px;background:#075e54;color:#fff}.mobile-back-btn{display:inline-flex!important;align-items:center;gap:2px;border:0;background:transparent;color:#fff;font-size:16px;font-weight:800;padding:8px 4px;white-space:nowrap}.chat-profile{min-width:0;flex:1}.chat-profile .avatar.large{width:42px;height:42px}.chat-title{font-size:16px;color:#fff;max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-subtitle{font-size:11px;color:rgba(255,255,255,.8);max-width:44vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-tools{gap:5px}.tool-btn{background:rgba(255,255,255,.16);color:#fff;border-radius:999px;padding:7px 9px;font-size:11px}.message-area{flex:1;min-height:0;padding:10px 8px 12px;overflow:auto;-webkit-overflow-scrolling:touch}.message-row{margin:3px 0}.message-bubble{max-width:83%;font-size:14px;line-height:1.35;padding:7px 8px 5px;border-radius:8px}.msg-meta{font-size:10px;margin-top:4px}.composer{min-height:58px;padding:7px 7px calc(7px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:4px}.compose-btn{width:38px;height:42px;font-size:20px;flex:0 0 38px}.compose-main{flex:1;min-width:0}.compose-main textarea{min-height:42px;max-height:110px;border-radius:21px;font-size:16px;padding:11px 14px}.send-btn{height:42px;min-width:50px;padding:0 12px;font-size:0;flex:0 0 50px}.send-btn::before{content:'➤';font-size:19px;transform:rotate(0deg)}.profile-drawer{z-index:6}.drawer-head{background:#075e54;color:#fff}.drawer-head button{color:#fff;background:rgba(255,255,255,.12);border:0;border-radius:50%}.quick-reply-panel{z-index:7}.avatar{width:48px;height:48px}.wa-profile-page{padding:0;max-width:none;margin:0}.wa-profile-phone{border-radius:0;border:0;min-height:100dvh;max-width:none;box-shadow:none}.wa-profile-card{margin:8px 0;padding:14px}.wa-profile-hero img{width:120px;height:120px}.settings-grid-two{grid-template-columns:1fr!important}.wa-number-summary,.wa-number-summary.compact{grid-template-columns:1fr}.wa-phone-row{grid-template-columns:1fr;gap:8px}.wa-phone-tags{order:2}.wa-phone-row .btn{width:100%}.inline-profile-upload{display:grid}.inline-profile-upload input,.inline-profile-upload .btn{width:100%;min-width:0}.simple-settings-page{padding:0 10px}.simple-settings-card{border-radius:16px}.wa-admin-number-card .settings-grid-two{grid-template-columns:1fr!important}
}
@media(max-width:380px){.channel-tab{padding:0 10px}.chat-title{max-width:35vw}.chat-subtitle{max-width:36vw}.tool-btn{font-size:10px;padding:6px 7px}.message-bubble{max-width:88%}}

/* v3.4.45 WooCommerce control center */
.woo-connect-box{border:1px solid var(--line);border-radius:20px;padding:16px;background:linear-gradient(135deg,#f8fafc,#eefaf4);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.woo-connect-box.connected{background:linear-gradient(135deg,#ecfdf5,#f8fafc);border-color:#86efac}.woo-connect-main{display:flex;gap:14px;align-items:flex-start;min-width:260px;flex:1}.woo-badge{width:48px;height:48px;border-radius:16px;background:#075e54;color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 10px 24px rgba(7,94,84,.18)}.woo-connect-main h3{margin:0 0 6px;font-size:20px}.woo-connect-main p{margin:0 0 8px;color:#475569;line-height:1.45}.woo-connect-main small{color:#64748b;font-weight:800}.woo-connect-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.feature-checklist{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.feature-checklist span{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.product-lookup-panel{position:absolute;left:14px;right:14px;bottom:74px;max-height:min(460px,60vh);background:#fff;border:1px solid #dbe3ee;border-radius:20px;box-shadow:0 18px 60px rgba(15,23,42,.18);z-index:8;display:flex;flex-direction:column;overflow:hidden}.product-lookup-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);background:#f8fafc}.product-lookup-head button{border:0;background:#e2e8f0;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer}.product-search-row{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.product-search-row input{flex:1;border:1px solid #dbe3ee;border-radius:999px;padding:11px 14px;font-weight:700}.product-search-row button,.product-actions button,.product-actions a{border:0;background:#075e54;color:#fff;border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer;text-decoration:none;font-size:12px}.product-results{overflow:auto;padding:8px;display:grid;gap:8px}.product-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #eef2f7;border-radius:16px;padding:9px;background:#fff}.product-card img,.product-img-placeholder{width:62px;height:62px;border-radius:14px;object-fit:cover;background:#f1f5f9;display:grid;place-items:center;font-size:24px}.product-info{min-width:0}.product-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111b21}.product-info span{display:block;color:#008069;font-size:13px;font-weight:900;margin-top:2px}.product-info small{display:block;color:#64748b;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.product-actions a{background:#f1f5f9;color:#075e54;text-align:center}.product-empty{padding:18px;color:#64748b;text-align:center;font-weight:800}.dark-mode .woo-connect-box{background:#12201d;border-color:#27443a}.dark-mode .woo-connect-main p,.dark-mode .woo-connect-main small{color:#aebac1}.dark-mode .product-lookup-panel,.dark-mode .product-card{background:#111b21;color:#e9edef;border-color:#26353d}.dark-mode .product-lookup-head,.dark-mode .product-img-placeholder{background:#202c33}.dark-mode .product-search-row{border-color:#26353d}.dark-mode .product-search-row input{background:#2a3942;color:#e9edef;border-color:#26353d}.dark-mode .product-info strong{color:#e9edef}.dark-mode .product-info small{color:#8696a0}
@media(max-width:760px){.product-lookup-panel{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));max-height:58dvh;border-radius:20px 20px 0 0;z-index:10}.product-card{grid-template-columns:56px minmax(0,1fr);align-items:start}.product-card img,.product-img-placeholder{width:56px;height:56px}.product-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.woo-connect-box{display:block}.woo-connect-actions{margin-top:14px}.woo-connect-actions .btn,.woo-connect-actions form{width:100%}.woo-connect-actions button{width:100%}.feature-checklist span{width:100%;text-align:center}.chat-tools{flex-wrap:nowrap}.chat-tools .tool-btn{font-size:10px;padding:6px 7px}}
.control-metrics .setup-tile strong{font-size:24px}.two-col-control{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.control-row{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:14px;padding:12px;margin:8px 0;background:#fff}.control-row strong{display:block}.control-row span,.control-row small{display:block;color:#64748b;margin-top:3px}.control-orders{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.dark-mode .control-row{background:#111b21;border-color:#26353d}.dark-mode .control-row span,.dark-mode .control-row small{color:#8696a0}

/* v3.4.46 Easy Mode + Mobile Scroll Stability
   Keeps Shopro Inbox powerful, but makes the daily chat screen simpler and safer to use on phones. */
.app-shell{grid-template-columns:360px minmax(0,1fr)}
.sidebar-top h1::after{content:'Shopro Inbox';display:block;font-size:12px;font-weight:800;color:#64748b;letter-spacing:0;margin-top:2px}
.search-area input{height:42px;border-radius:999px;background:#eef2f5;border-color:transparent;font-weight:700}
.channel-tabs{gap:6px;padding:9px 10px}.channel-tab{padding:8px 12px;border-radius:999px;background:#f8fafc}.channel-tab.active{background:#075e54;border-color:#075e54;color:#fff}.channel-tab.active .channel-badge{box-shadow:none}
.contact-list{overscroll-behavior:contain;scroll-behavior:auto;touch-action:pan-y;background:#fff}.contact-row{border-radius:0;border-bottom:1px solid #eef2f7;padding:11px 10px}.contact-row:hover{transform:none;box-shadow:none;background:#f5f6f6}.contact-row.active{background:#f0fdf4;box-shadow:inset 4px 0 0 #25d366}.contact-right em{font-style:normal}.contact-copy strong{font-weight:900}.contact-copy small{color:#667781}
.chat-header{background:#f0f2f5}.chat-tools{position:relative}.tool-btn{border-radius:999px;background:#f8fafc}.chat-tools .tool-btn{white-space:nowrap}.message-area{scroll-behavior:auto;overscroll-behavior:contain}.composer{background:#f0f2f5}.composer textarea{background:#fff;border:0}.send-btn{background:#00a884;box-shadow:none}.message-bubble{box-shadow:0 1px 2px rgba(15,23,42,.08)}
.easy-next-card{border:1px solid #d9fdd3;background:#f0fdf4;border-radius:18px;padding:14px;margin:0 0 14px}.easy-next-card strong{display:block;font-size:16px}.easy-next-card>span{display:block;color:#667781;font-size:13px;margin-top:3px;margin-bottom:10px}.easy-actions{grid-template-columns:1fr;gap:8px;margin:0}.simple-section{border:1px solid var(--line);border-radius:16px;background:#fff;margin:10px 0;overflow:hidden}.simple-section summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:1000;color:#111b21;background:#f8fafc}.simple-section summary::-webkit-details-marker{display:none}.simple-section summary::after{content:'+';float:right;color:#667781}.simple-section[open] summary::after{content:'–'}.simple-section>*:not(summary){margin-left:14px;margin-right:14px}.simple-section .workflow-form{border:0;background:transparent;margin:0;padding:8px 0 14px}.simple-customer-hero{padding-top:4px}.profile-row:first-of-type{border-top:0}.drawer-head strong::before{content:'Customer ';}.profile-action-btn{box-shadow:none}.profile-action-btn.primary{background:#00a884}
.product-lookup-head strong::after{content:' — search and send items';font-size:12px;color:#64748b;font-weight:800}.product-card{box-shadow:none}.product-actions button{background:#00a884}
body.dark-mode .sidebar-top h1::after{color:#8696a0}body.dark-mode .contact-list{background:#111b21}body.dark-mode .contact-row{border-color:#202c33}body.dark-mode .contact-row:hover{background:#202c33}body.dark-mode .contact-row.active{background:#12382f}body.dark-mode .simple-section,body.dark-mode .easy-next-card{background:#111b21;border-color:#26353d}body.dark-mode .simple-section summary{background:#202c33;color:#e9edef}body.dark-mode .easy-next-card>span{color:#8696a0}
@media(min-width:761px){
  .mobile-back-btn{display:none!important}.chat-tools{gap:10px}.chat-tools .tool-btn{padding:10px 14px}.profile-drawer{width:390px}.drawer-body{padding:16px}.quick-reply-panel{left:378px;right:410px}.chat-empty p{font-size:16px}.chat-empty h2::after{content:'Fast replies • Products • Orders • Safety notes';display:block;font-size:14px;color:#64748b;margin-top:8px;font-weight:800}
}
@media(max-width:760px){
  html,body{height:100%;overflow:hidden;background:#fff;position:fixed;inset:0;width:100%}main{height:100dvh!important;overflow:hidden}.app-shell{height:100dvh!important;display:block;overflow:hidden}.app-sidebar{position:absolute;inset:0;z-index:2;height:100dvh!important;overflow:hidden;background:#fff}.sidebar-top{height:54px;background:#075e54!important;color:#fff;padding:7px 12px}.sidebar-top h1{font-size:21px;color:#fff}.sidebar-top h1::after{content:'Inbox';color:rgba(255,255,255,.78);font-size:11px}.sidebar-actions .icon-btn{background:rgba(255,255,255,.14);color:#fff}.channel-tabs{height:46px;padding:0 8px;background:#fff;align-items:center;overflow-x:auto;overflow-y:hidden;touch-action:pan-x}.channel-tab{height:34px;font-size:13px;border:0;background:#f0f2f5}.channel-tab.active{background:#e7fce3;color:#008069}.search-area{padding:7px 10px;background:#fff}.search-area input{height:38px;background:#f0f2f5}.contact-list{height:calc(100dvh - 54px - 46px - 52px);overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;padding:0}.contact-row{min-height:72px;border-radius:0;padding:10px 12px;grid-template-columns:52px minmax(0,1fr) auto;background:#fff}.contact-row:active{background:#f0f2f5}.contact-row.active{background:#f0f2f5;box-shadow:none}.contact-right{font-size:11px}.chat-pane{display:block!important;position:absolute;inset:0;z-index:3;height:100dvh!important;transform:translateX(100%);transition:transform .16s ease;pointer-events:none;background:#efeae2}.chat-open .chat-pane{transform:translateX(0);pointer-events:auto}.chat-active{height:100dvh!important}.chat-header{height:58px;background:#075e54!important;color:#fff;padding:6px 7px}.mobile-back-btn{display:inline-flex!important;align-items:center;border:0;background:transparent;color:#fff;font-size:0;font-weight:900;padding:8px 5px;width:36px;min-width:36px}.mobile-back-btn::before{content:'‹';font-size:32px;line-height:1}.chat-profile{gap:8px;flex:1;min-width:0}.chat-profile .avatar.large{width:40px;height:40px}.chat-title{font-size:15px;max-width:36vw;color:#fff}.chat-subtitle{display:none}.chat-tools{gap:3px;flex:0 0 auto}.tool-btn{background:transparent!important;border:0;color:#fff!important;padding:6px 5px;font-size:0;border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.tool-btn#productLookupBtn::before{content:'🛒';font-size:18px}.tool-btn#quickReplyBtn::before{content:'💬';font-size:18px}.tool-btn#viewProfileBtn::before{content:'👤';font-size:18px}.message-area{padding:8px 7px 10px;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.message-bubble{max-width:86%;font-size:14px;line-height:1.35;border-radius:8px;padding:7px 8px 5px}.composer{min-height:56px;background:#f0f2f5;padding:6px 5px calc(6px + env(safe-area-inset-bottom));gap:3px}.compose-btn{width:36px;height:40px;flex:0 0 36px;background:transparent;font-size:20px}.compose-main textarea{min-height:40px;border-radius:20px;padding:10px 13px;font-size:16px}.send-btn{height:40px;min-width:44px;flex:0 0 44px;background:#00a884}.send-btn::before{content:'➤';font-size:18px}.quick-reply-panel,.product-lookup-panel{position:fixed!important;left:0!important;right:0!important;bottom:calc(56px + env(safe-area-inset-bottom))!important;max-height:58dvh!important;border-radius:20px 20px 0 0!important;z-index:50!important}.quick-reply-grid{grid-template-columns:1fr}.quick-reply-chip{padding:13px}.profile-drawer{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;z-index:80!important;border-left:0;transform:translateX(105%);transition:.18s ease}.profile-drawer.open{transform:translateX(0)}.drawer-head{height:56px;background:#075e54!important;color:#fff}.drawer-body{padding:12px;background:#f0f2f5}.simple-section{margin:8px 0}.easy-next-card{margin-bottom:8px}.profile-actions.easy-actions{grid-template-columns:1fr 1fr}.profile-actions.easy-actions .profile-action-btn:first-child{grid-column:1/-1}.workflow-form label{font-size:12px}.workflow-form input,.workflow-form select,.workflow-form textarea{font-size:15px;padding:11px}.toast{left:12px;right:12px;bottom:calc(70px + env(safe-area-inset-bottom));text-align:center}
}
@media(max-width:380px){.chat-title{max-width:30vw}.profile-actions.easy-actions{grid-template-columns:1fr}.profile-actions.easy-actions .profile-action-btn:first-child{grid-column:auto}.tool-btn{width:32px}}

/* ===== Shopro Inbox v3.4.47 WhatsApp-style UI overrides ===== */
body.page-inbox-whatsapp { background:#111b21; }
body.page-inbox-whatsapp .simple-topbar { display:none !important; }
body.page-inbox-whatsapp main { height:100vh; padding:0; }
body.page-inbox-whatsapp .is-whatsapp-clone {
  height:100vh;
  display:grid;
  grid-template-columns:72px 440px minmax(0,1fr);
  background:#0b141a;
  color:#e9edef;
}
body.page-inbox-whatsapp .app-nav-rail {
  background:#202c33;
  border-right:1px solid #2a3942;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  padding:10px 0 12px;
}
body.page-inbox-whatsapp .app-rail-top,
body.page-inbox-whatsapp .app-rail-bottom {
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:center;
  width:100%;
}
body.page-inbox-whatsapp .rail-btn,
body.page-inbox-whatsapp .rail-shopro {
  width:44px;
  height:44px;
  border-radius:50%;
  border:0;
  background:transparent;
  color:#aebac1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  text-decoration:none;
  transition:background .16s ease, color .16s ease, transform .16s ease;
}
body.page-inbox-whatsapp .rail-btn:hover,
body.page-inbox-whatsapp .rail-shopro:hover,
body.page-inbox-whatsapp .rail-btn.active {
  background:#2a3942;
  color:#e9edef;
}
body.page-inbox-whatsapp .rail-btn .channel-badge,
body.page-inbox-whatsapp .rail-btn .channel-badge svg { width:22px; height:22px; }
body.page-inbox-whatsapp .rail-shopro img {
  width:36px;
  height:36px;
  border-radius:0;
  object-fit:contain;
  background:transparent;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));
}

body.page-inbox-whatsapp .app-sidebar {
  background:#111b21;
  border-right:1px solid #2a3942;
}
body.page-inbox-whatsapp .sidebar-top {
  background:#202c33;
  border-bottom:1px solid #2a3942;
  padding:14px 16px 10px;
  align-items:center;
}
body.page-inbox-whatsapp .sidebar-top h1 {
  color:#e9edef;
  font-size:32px;
  font-weight:700;
  letter-spacing:-.03em;
}
body.page-inbox-whatsapp .live-line { color:#8696a0; font-weight:600; }
body.page-inbox-whatsapp .live-dot { background:#25d366; box-shadow:0 0 0 5px rgba(37,211,102,.12); }
body.page-inbox-whatsapp .sidebar-actions { display:flex; gap:8px; }
body.page-inbox-whatsapp .sidebar-actions .icon-btn {
  background:transparent;
  color:#aebac1;
  width:40px; height:40px; border-radius:50%;
}
body.page-inbox-whatsapp .sidebar-actions .icon-btn:hover { background:#2a3942; color:#e9edef; }
body.page-inbox-whatsapp .search-area { background:#111b21; border-bottom:0; padding:8px 12px 10px; }
body.page-inbox-whatsapp .search-area input {
  background:#202c33; color:#e9edef; border:0; height:49px; padding:0 18px;
}
body.page-inbox-whatsapp .search-area input::placeholder { color:#8696a0; }
body.page-inbox-whatsapp .channel-tabs {
  background:#111b21; border-bottom:1px solid #202c33; padding:0 12px 10px; gap:8px;
}
body.page-inbox-whatsapp .channel-tab {
  background:transparent; border:1px solid #2a3942; color:#8696a0; padding:10px 15px; font-weight:700;
}
body.page-inbox-whatsapp .channel-tab.active {
  background:#103529; border-color:#103529; color:#d9fdd3;
}
body.page-inbox-whatsapp .contact-list {
  background:#111b21; padding:0; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
}
body.page-inbox-whatsapp .contact-row {
  border-radius:0; padding:12px 14px; border-bottom:1px solid #202c33; background:transparent; color:#e9edef;
}
body.page-inbox-whatsapp .contact-row:hover,
body.page-inbox-whatsapp .contact-row:focus-visible { background:#202c33; }
body.page-inbox-whatsapp .contact-row.active {
  background:#2a3942; box-shadow:none;
}
body.page-inbox-whatsapp .contact-copy strong { font-size:17px; color:#e9edef; font-weight:500; }
body.page-inbox-whatsapp .contact-copy small,
body.page-inbox-whatsapp .contact-right { color:#8696a0; }
body.page-inbox-whatsapp .contact-status-pill { background:#202c33; border-color:#26353d; color:#cfd8dc; }
body.page-inbox-whatsapp .unread { background:#25d366; color:#111b21; font-weight:800; }
body.page-inbox-whatsapp .avatar { width:49px; height:49px; }
body.page-inbox-whatsapp .avatar img { object-fit:cover; }
body.page-inbox-whatsapp .avatar-channel { width:18px; height:18px; box-shadow:none; }
body.page-inbox-whatsapp .chat-pane {
  background:#0b141a;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23182129' stroke-width='1'%3E%3Cpath d='M30 30h22v22H30zM95 24c8 0 14 6 14 14s-6 14-14 14-14-6-14-14 6-14 14-14zm77 12c0 11-9 20-20 20s-20-9-20-20 9-20 20-20 20 9 20 20zM42 108l18-18 18 18-18 18zM112 88c14 0 26 12 26 26s-12 26-26 26-26-12-26-26 12-26 26-26zm68 8h18v18h-18zM22 176h32v16H22zm78-8h18v32h-18zm66 4c11 0 20 9 20 20s-9 20-20 20-20-9-20-20 9-20 20-20z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:220px 220px;
}
body.page-inbox-whatsapp .chat-header {
  height:60px; background:#202c33; border-bottom:1px solid #2a3942; padding:10px 16px;
}
body.page-inbox-whatsapp .chat-title { color:#e9edef; font-size:17px; font-weight:500; }
body.page-inbox-whatsapp .chat-subtitle { color:#8696a0; font-size:12px; }
body.page-inbox-whatsapp .chat-tools { gap:4px; }
body.page-inbox-whatsapp .tool-btn {
  min-width:40px; height:40px; padding:0 12px; border-radius:999px; background:transparent; border:0; color:#aebac1; font-weight:700;
}
body.page-inbox-whatsapp .tool-btn:hover { background:#2a3942; color:#e9edef; }
body.page-inbox-whatsapp .message-area { padding:14px 8%; }
body.page-inbox-whatsapp .chat-day {
  background:rgba(32,44,51,.92); color:#d1d7db; box-shadow:none; border-radius:8px;
}
body.page-inbox-whatsapp .message-bubble {
  box-shadow:0 1px 1px rgba(0,0,0,.15); border-radius:8px; max-width:min(68%,720px);
}
body.page-inbox-whatsapp .message-bubble.incoming { background:#202c33; color:#e9edef; border-top-left-radius:0; }
body.page-inbox-whatsapp .message-bubble.outgoing { background:#005c4b; color:#e9edef; border-top-right-radius:0; }
body.page-inbox-whatsapp .msg-meta { color:#aebac1; }
body.page-inbox-whatsapp .file-attachment { background:#1f2c33; border-color:#314047; color:#e9edef; }
body.page-inbox-whatsapp .composer {
  background:#202c33; border-top:1px solid #2a3942; min-height:62px; padding:10px 14px;
}
body.page-inbox-whatsapp .compose-btn,
body.page-inbox-whatsapp .send-btn {
  width:42px; height:42px; min-width:42px; border-radius:50%; padding:0;
}
body.page-inbox-whatsapp .compose-btn { background:transparent; color:#aebac1; }
body.page-inbox-whatsapp .compose-btn:hover { background:#2a3942; color:#e9edef; }
body.page-inbox-whatsapp .compose-main textarea {
  background:#2a3942; border:0; color:#e9edef; min-height:42px; border-radius:10px; padding:11px 14px;
}
body.page-inbox-whatsapp .compose-main textarea::placeholder { color:#8696a0; }
body.page-inbox-whatsapp .send-btn { background:#00a884; box-shadow:none; font-size:0; }
body.page-inbox-whatsapp .send-btn::before { content:'➤'; font-size:18px; color:#fff; }
body.page-inbox-whatsapp .emoji-panel,
body.page-inbox-whatsapp .product-lookup-panel,
body.page-inbox-whatsapp .quick-reply-panel,
body.page-inbox-whatsapp .profile-drawer { background:#111b21; color:#e9edef; border-color:#2a3942; }
body.page-inbox-whatsapp .drawer-head,
body.page-inbox-whatsapp .product-lookup-head,
body.page-inbox-whatsapp .quick-reply-head { background:#202c33; border-bottom:1px solid #2a3942; color:#e9edef; }
body.page-inbox-whatsapp .drawer-body,
body.page-inbox-whatsapp .product-results,
body.page-inbox-whatsapp .quick-reply-grid { background:#111b21; }
body.page-inbox-whatsapp .simple-section,
body.page-inbox-whatsapp .easy-next-card,
body.page-inbox-whatsapp .product-card,
body.page-inbox-whatsapp .quick-reply-chip,
body.page-inbox-whatsapp .order-card,
body.page-inbox-whatsapp .note-card,
body.page-inbox-whatsapp .profile-note {
  background:#202c33; border-color:#2a3942; color:#e9edef;
}
body.page-inbox-whatsapp .simple-section summary,
body.page-inbox-whatsapp .product-search-row input,
body.page-inbox-whatsapp .workflow-form input,
body.page-inbox-whatsapp .workflow-form select,
body.page-inbox-whatsapp .workflow-form textarea {
  background:#111b21; color:#e9edef; border-color:#2a3942;
}
body.page-inbox-whatsapp .profile-action-btn.primary,
body.page-inbox-whatsapp .product-actions button,
body.page-inbox-whatsapp .product-search-row button { background:#00a884; border-color:#00a884; color:#fff; }
body.page-inbox-whatsapp .chat-empty { color:#e9edef; }
body.page-inbox-whatsapp .chat-empty h2 { color:#e9edef; }
body.page-inbox-whatsapp .chat-empty p { color:#8696a0; }

@media (max-width: 950px) {
  body.page-inbox-whatsapp { background:#fff; }
  body.page-inbox-whatsapp main { height:100dvh; }
  body.page-inbox-whatsapp .is-whatsapp-clone { display:block; height:100dvh; background:#fff; }
  body.page-inbox-whatsapp .app-nav-rail { display:none; }
  body.page-inbox-whatsapp .app-sidebar {
    position:absolute; inset:0; z-index:2; border-right:0; background:#fff; height:100dvh;
  }
  body.page-inbox-whatsapp .sidebar-top {
    height:58px; background:#008069; color:#fff; padding:8px 14px; border-bottom:0;
  }
  body.page-inbox-whatsapp .sidebar-top h1 { font-size:23px; color:#fff; }
  body.page-inbox-whatsapp .live-line { display:none; }
  body.page-inbox-whatsapp .sidebar-actions .icon-btn { color:#fff; }
  body.page-inbox-whatsapp .search-area { background:#fff; padding:8px 10px; }
  body.page-inbox-whatsapp .search-area input { background:#f0f2f5; color:#111b21; height:40px; }
  body.page-inbox-whatsapp .channel-tabs { background:#fff; border-bottom:0; padding:0 10px 8px; overflow:auto; }
  body.page-inbox-whatsapp .channel-tab { background:#f0f2f5; border:0; color:#667781; font-size:13px; padding:8px 12px; }
  body.page-inbox-whatsapp .channel-tab.active { background:#e7fce3; color:#008069; }
  body.page-inbox-whatsapp .contact-list {
    height:calc(100dvh - 58px - 56px - 48px); background:#fff; overscroll-behavior:contain;
  }
  body.page-inbox-whatsapp .contact-row { background:#fff; color:#111b21; border-bottom:1px solid #f0f2f5; }
  body.page-inbox-whatsapp .contact-row:hover,
  body.page-inbox-whatsapp .contact-row.active,
  body.page-inbox-whatsapp .contact-row:active { background:#f5f6f6; }
  body.page-inbox-whatsapp .contact-copy strong { color:#111b21; font-size:17px; }
  body.page-inbox-whatsapp .contact-copy small,
  body.page-inbox-whatsapp .contact-right { color:#667781; }
  body.page-inbox-whatsapp .chat-pane {
    position:absolute; inset:0; z-index:4; transform:translateX(100%); transition:transform .16s ease; pointer-events:none;
    background:#efeae2;
  }
  body.page-inbox-whatsapp.chat-open .chat-pane,
  body.page-inbox-whatsapp .chat-open .chat-pane,
  body.page-inbox-whatsapp.chat-open .is-whatsapp-clone .chat-pane { transform:translateX(0); pointer-events:auto; }
  body.page-inbox-whatsapp .chat-active { height:100dvh; }
  body.page-inbox-whatsapp .chat-header {
    height:58px; background:#008069; color:#fff; border-bottom:0; padding:7px 6px;
  }
  body.page-inbox-whatsapp .mobile-back-btn {
    display:inline-flex !important; width:36px; min-width:36px; height:36px; align-items:center; justify-content:center; border:0; background:transparent; color:#fff; font-size:0;
  }
  body.page-inbox-whatsapp .mobile-back-btn::before { content:'‹'; font-size:32px; line-height:1; }
  body.page-inbox-whatsapp .chat-profile { gap:8px; min-width:0; }
  body.page-inbox-whatsapp .chat-profile .avatar.large { width:40px; height:40px; }
  body.page-inbox-whatsapp .chat-title { color:#fff; font-size:15px; max-width:34vw; }
  body.page-inbox-whatsapp .chat-subtitle { display:none; }
  body.page-inbox-whatsapp .tool-btn { width:34px; min-width:34px; height:34px; font-size:0; color:#fff; }
  body.page-inbox-whatsapp .tool-btn#productLookupBtn::before { content:'🛒'; font-size:18px; }
  body.page-inbox-whatsapp .tool-btn#quickReplyBtn::before { content:'💬'; font-size:18px; }
  body.page-inbox-whatsapp .tool-btn#viewProfileBtn::before { content:'👤'; font-size:18px; }
  body.page-inbox-whatsapp .message-area { padding:8px 7px 10px; }
  body.page-inbox-whatsapp .message-bubble { max-width:86%; font-size:14px; }
  body.page-inbox-whatsapp .composer {
    min-height:56px; background:#f0f2f5; border-top:0; padding:6px 5px calc(6px + env(safe-area-inset-bottom)); gap:4px;
  }
  body.page-inbox-whatsapp .compose-btn { color:#667781; }
  body.page-inbox-whatsapp .compose-main textarea {
    background:#fff; color:#111b21; min-height:40px; border-radius:21px; padding:10px 13px;
  }
  body.page-inbox-whatsapp .send-btn { background:#00a884; }
  body.page-inbox-whatsapp .quick-reply-panel,
  body.page-inbox-whatsapp .product-lookup-panel {
    position:fixed !important; left:0 !important; right:0 !important; bottom:calc(56px + env(safe-area-inset-bottom)) !important;
    max-height:60dvh !important; border-radius:18px 18px 0 0; z-index:60 !important;
  }
  body.page-inbox-whatsapp .profile-drawer {
    position:fixed !important; inset:0 !important; width:auto !important; height:auto !important; border-left:0; z-index:70 !important;
  }
  body.page-inbox-whatsapp .drawer-head { background:#008069; color:#fff; }
  body.page-inbox-whatsapp .drawer-body { background:#f0f2f5; }
}

/* ===== Shopro Inbox v3.4.47 GPS location sender ===== */
body.page-inbox-whatsapp .location-btn{font-size:22px;}
body.page-inbox-whatsapp .location-panel{position:absolute;left:14px;right:14px;bottom:74px;max-width:420px;background:#111b21;color:#e9edef;border:1px solid #2a3942;border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.35);z-index:35;overflow:hidden}
body.page-inbox-whatsapp .location-panel-head{height:52px;background:#202c33;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #2a3942}
body.page-inbox-whatsapp .location-panel-head button{width:34px;height:34px;border-radius:50%;border:0;background:#2a3942;color:#e9edef;font-size:20px;cursor:pointer}
body.page-inbox-whatsapp .location-options{display:grid;gap:0;padding:8px}
body.page-inbox-whatsapp .location-option{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;text-align:left;align-items:center;padding:12px;border:0;border-radius:12px;background:transparent;color:#e9edef;cursor:pointer}
body.page-inbox-whatsapp .location-option:hover{background:#202c33}
body.page-inbox-whatsapp .location-option span{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00a884;color:#fff;font-size:20px;grid-row:span 2}
body.page-inbox-whatsapp .location-option strong{display:block;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.page-inbox-whatsapp .location-option small{display:block;color:#8696a0;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.page-inbox-whatsapp .location-option.disabled{opacity:.55;cursor:not-allowed}
.location-card{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;text-decoration:none;color:inherit;min-width:min(360px,70vw);max-width:460px}
.location-map{height:92px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#dcecdf;background-image:linear-gradient(35deg,rgba(0,128,105,.25) 25%,transparent 25%),linear-gradient(-35deg,rgba(0,168,132,.22) 25%,transparent 25%),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:44px 44px,44px 44px,22px 22px,22px 22px;color:#d93025;position:relative;overflow:hidden}
.location-map:after{content:'';position:absolute;inset:auto 0 24px 0;height:4px;background:rgba(0,128,105,.55);transform:rotate(-9deg)}
.location-pin{font-size:32px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.22));z-index:1}
.location-info{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}
.location-info strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}
.location-info small{font-size:12px;color:inherit;opacity:.74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.location-info em{font-style:normal;color:#53bdeb;font-size:12px;font-weight:800;margin-top:4px}
body.page-inbox-whatsapp .message-bubble.outgoing .location-info em{color:#90f6c0}
@media(max-width:950px){
  body.page-inbox-whatsapp .location-panel{position:fixed!important;left:0!important;right:0!important;bottom:calc(56px + env(safe-area-inset-bottom))!important;max-width:none;max-height:58dvh!important;border-radius:18px 18px 0 0!important;z-index:60!important}
  .location-card{grid-template-columns:96px minmax(0,1fr);min-width:min(320px,80vw)}
  .location-map{height:82px}
  body.page-inbox-whatsapp .location-btn{display:inline-flex!important;background:transparent!important;color:#667781!important}
}

/* ===== Shopro Inbox v3.4.48 full-screen + simple editable quick replies ===== */
body.page-inbox-whatsapp{height:100vh;height:100dvh;overflow:hidden;}
body.page-inbox-whatsapp main{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;}
body.page-inbox-whatsapp .is-whatsapp-clone{height:100vh!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important;}
body.page-inbox-whatsapp .app-nav-rail,
body.page-inbox-whatsapp .app-sidebar,
body.page-inbox-whatsapp .chat-pane,
body.page-inbox-whatsapp .chat-active{height:100%!important;min-height:0!important;max-height:100%!important;}
body.page-inbox-whatsapp .app-sidebar,
body.page-inbox-whatsapp .chat-active{display:flex;flex-direction:column;}
body.page-inbox-whatsapp .contact-list,
body.page-inbox-whatsapp .message-area{min-height:0!important;flex:1 1 auto!important;}
body.page-inbox-whatsapp .composer,
body.page-inbox-whatsapp .chat-header,
body.page-inbox-whatsapp .sidebar-top,
body.page-inbox-whatsapp .search-area,
body.page-inbox-whatsapp .channel-tabs{flex:0 0 auto!important;}
body.page-inbox-whatsapp .chat-empty{height:100%!important;min-height:0!important;}
body.page-inbox-whatsapp::after{display:none!important;content:none!important;}

body.page-inbox-whatsapp .quick-reply-panel{position:absolute;right:16px;bottom:74px;width:min(520px,calc(100vw - 560px));max-height:min(640px,calc(100dvh - 110px));border:1px solid #2a3942;border-radius:16px;box-shadow:0 22px 70px rgba(0,0,0,.42);overflow:hidden;display:flex;flex-direction:column;z-index:45;}
body.page-inbox-whatsapp .quick-reply-panel.hidden{display:none!important;}
body.page-inbox-whatsapp .quick-reply-head{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:12px;}
body.page-inbox-whatsapp .quick-reply-head span{display:flex;align-items:center;gap:8px;}
body.page-inbox-whatsapp .quick-reply-head button{border:0;border-radius:999px;background:#2a3942;color:#e9edef;height:34px;min-width:34px;padding:0 12px;font-weight:800;cursor:pointer;}
body.page-inbox-whatsapp .quick-head-btn{background:#00a884!important;color:#fff!important;}
body.page-inbox-whatsapp .quick-reply-grid{padding:8px;display:grid;gap:8px;overflow:auto;}
body.page-inbox-whatsapp .quick-reply-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;}
body.page-inbox-whatsapp .quick-reply-chip{width:100%;border:0;border-radius:12px;padding:12px 14px;text-align:left;cursor:pointer;display:block;}
body.page-inbox-whatsapp .quick-reply-chip strong{display:block;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.page-inbox-whatsapp .quick-reply-chip small{display:block;margin-top:4px;color:#aebac1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.page-inbox-whatsapp .quick-reply-chip:hover{background:#26353d;}
body.page-inbox-whatsapp .quick-edit-btn{border:1px solid #2a3942;background:#111b21;color:#d1d7db;border-radius:12px;padding:0 12px;font-weight:800;cursor:pointer;}
body.page-inbox-whatsapp .quick-edit-btn:hover{background:#2a3942;color:#fff;}
body.page-inbox-whatsapp .quick-reply-empty{padding:22px 14px;color:#aebac1;text-align:center;}
body.page-inbox-whatsapp .quick-reply-form{padding:12px 14px;background:#0b141a;border-bottom:1px solid #2a3942;display:grid;gap:9px;}
body.page-inbox-whatsapp .quick-reply-form label{margin:0;color:#aebac1;font-size:12px;}
body.page-inbox-whatsapp .quick-reply-form input,
body.page-inbox-whatsapp .quick-reply-form select,
body.page-inbox-whatsapp .quick-reply-form textarea{background:#202c33!important;border:1px solid #2a3942!important;color:#e9edef!important;border-radius:10px!important;padding:10px 11px!important;font-size:14px!important;min-height:auto;}
body.page-inbox-whatsapp .quick-reply-form textarea{min-height:110px;resize:vertical;}
body.page-inbox-whatsapp .quick-reply-form-row{display:grid;grid-template-columns:1fr 100px;gap:10px;}
body.page-inbox-whatsapp .quick-reply-form-actions{display:flex;gap:8px;flex-wrap:wrap;}
body.page-inbox-whatsapp .quick-save-btn,
body.page-inbox-whatsapp .quick-delete-btn,
body.page-inbox-whatsapp .quick-cancel-btn{border:0;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer;}
body.page-inbox-whatsapp .quick-save-btn{background:#00a884;color:#fff;}
body.page-inbox-whatsapp .quick-delete-btn{background:#3b1f25;color:#ffccd2;}
body.page-inbox-whatsapp .quick-cancel-btn{background:#2a3942;color:#e9edef;}

@media(max-width:950px){
  body.page-inbox-whatsapp main{position:fixed!important;inset:0!important;height:100dvh!important;}
  body.page-inbox-whatsapp .is-whatsapp-clone{display:block!important;height:100dvh!important;}
  body.page-inbox-whatsapp .quick-reply-panel{position:fixed!important;left:0!important;right:0!important;bottom:calc(56px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:68dvh!important;border-radius:18px 18px 0 0!important;z-index:70!important;}
  body.page-inbox-whatsapp .quick-reply-form-row{grid-template-columns:1fr;}
  body.page-inbox-whatsapp .quick-reply-item{grid-template-columns:minmax(0,1fr) 64px;}
  body.page-inbox-whatsapp .quick-reply-head{position:sticky;top:0;z-index:2;}
  body.page-inbox-whatsapp .contact-list{height:auto!important;}
  body.page-inbox-whatsapp .message-area{height:auto!important;}
}

/* ===== Shopro Inbox v3.4.49 responsive logo polish ===== */
body.page-inbox-whatsapp,
body.page-inbox-whatsapp *{
  box-sizing:border-box;
}
body.page-inbox-whatsapp{
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.page-inbox-whatsapp main{
  width:100vw!important;
  max-width:100vw!important;
  overflow:hidden!important;
}
body.page-inbox-whatsapp .is-whatsapp-clone{
  width:100vw!important;
  max-width:100vw!important;
  grid-template-columns:clamp(58px,4.8vw,72px) clamp(330px,30vw,440px) minmax(0,1fr)!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.page-inbox-whatsapp .app-nav-rail,
body.page-inbox-whatsapp .app-sidebar,
body.page-inbox-whatsapp .chat-pane,
body.page-inbox-whatsapp .chat-active,
body.page-inbox-whatsapp .chat-header,
body.page-inbox-whatsapp .chat-profile,
body.page-inbox-whatsapp .contact-copy,
body.page-inbox-whatsapp .message-area,
body.page-inbox-whatsapp .composer,
body.page-inbox-whatsapp .compose-main,
body.page-inbox-whatsapp .quick-reply-panel,
body.page-inbox-whatsapp .product-lookup-panel,
body.page-inbox-whatsapp .profile-drawer{
  min-width:0!important;
}
body.page-inbox-whatsapp .desktop-duplicate-tabs{
  display:none!important;
}
body.page-inbox-whatsapp .sidebar-top{
  min-height:72px;
}
body.page-inbox-whatsapp .sidebar-logo-title{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  line-height:1!important;
}
body.page-inbox-whatsapp .sidebar-logo-title img{
  display:block;
  width:auto;
  max-width:min(230px,55vw);
  height:clamp(38px,5.2vw,54px);
  object-fit:contain;
  background:transparent;
  border-radius:0;
  padding:0;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));
}

body.page-inbox-whatsapp .sidebar-top .live-line{
  margin-top:7px;
}
body.page-inbox-whatsapp .contact-copy strong,
body.page-inbox-whatsapp .contact-copy small,
body.page-inbox-whatsapp .chat-title,
body.page-inbox-whatsapp .chat-subtitle,
body.page-inbox-whatsapp .message-bubble,
body.page-inbox-whatsapp .quick-reply-chip strong,
body.page-inbox-whatsapp .quick-reply-chip small,
body.page-inbox-whatsapp .product-info strong,
body.page-inbox-whatsapp .product-info span,
body.page-inbox-whatsapp .product-info small,
body.page-inbox-whatsapp .profile-row strong,
body.page-inbox-whatsapp .profile-note{
  max-width:100%;
  overflow-wrap:anywhere;
}
body.page-inbox-whatsapp .contact-copy strong,
body.page-inbox-whatsapp .contact-copy small,
body.page-inbox-whatsapp .chat-title,
body.page-inbox-whatsapp .chat-subtitle,
body.page-inbox-whatsapp .quick-reply-chip strong,
body.page-inbox-whatsapp .quick-reply-chip small,
body.page-inbox-whatsapp .product-info strong,
body.page-inbox-whatsapp .product-info span,
body.page-inbox-whatsapp .product-info small{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.page-inbox-whatsapp .message-bubble{
  overflow:hidden;
}
body.page-inbox-whatsapp .msg-text{
  overflow-wrap:anywhere;
  word-break:break-word;
}
body.page-inbox-whatsapp .contact-list,
body.page-inbox-whatsapp .message-area,
body.page-inbox-whatsapp .drawer-body,
body.page-inbox-whatsapp .quick-reply-grid,
body.page-inbox-whatsapp .product-results{
  scrollbar-width:thin;
  scrollbar-color:#2a3942 #111b21;
}
body.page-inbox-whatsapp .contact-list::-webkit-scrollbar,
body.page-inbox-whatsapp .message-area::-webkit-scrollbar,
body.page-inbox-whatsapp .drawer-body::-webkit-scrollbar,
body.page-inbox-whatsapp .quick-reply-grid::-webkit-scrollbar,
body.page-inbox-whatsapp .product-results::-webkit-scrollbar{
  width:6px;
  height:6px;
}
body.page-inbox-whatsapp .contact-list::-webkit-scrollbar-track,
body.page-inbox-whatsapp .message-area::-webkit-scrollbar-track,
body.page-inbox-whatsapp .drawer-body::-webkit-scrollbar-track,
body.page-inbox-whatsapp .quick-reply-grid::-webkit-scrollbar-track,
body.page-inbox-whatsapp .product-results::-webkit-scrollbar-track{
  background:#111b21;
}
body.page-inbox-whatsapp .contact-list::-webkit-scrollbar-thumb,
body.page-inbox-whatsapp .message-area::-webkit-scrollbar-thumb,
body.page-inbox-whatsapp .drawer-body::-webkit-scrollbar-thumb,
body.page-inbox-whatsapp .quick-reply-grid::-webkit-scrollbar-thumb,
body.page-inbox-whatsapp .product-results::-webkit-scrollbar-thumb{
  background:#2a3942;
  border-radius:999px;
}
body.page-inbox-whatsapp .contact-list::-webkit-scrollbar-thumb:hover,
body.page-inbox-whatsapp .message-area::-webkit-scrollbar-thumb:hover,
body.page-inbox-whatsapp .drawer-body::-webkit-scrollbar-thumb:hover,
body.page-inbox-whatsapp .quick-reply-grid::-webkit-scrollbar-thumb:hover,
body.page-inbox-whatsapp .product-results::-webkit-scrollbar-thumb:hover{
  background:#3b4a54;
}
@media (max-width:1200px){
  body.page-inbox-whatsapp .is-whatsapp-clone{
    grid-template-columns:clamp(54px,5vw,66px) clamp(310px,34vw,390px) minmax(0,1fr)!important;
  }
  body.page-inbox-whatsapp .message-area{padding-left:5%!important;padding-right:5%!important;}
  body.page-inbox-whatsapp .chat-tools .tool-btn{padding-inline:8px;}
}
@media (max-width:950px){
  body.page-inbox-whatsapp .is-whatsapp-clone{display:block!important;width:100vw!important;}
  body.page-inbox-whatsapp .desktop-duplicate-tabs{display:flex!important;}
  body.page-inbox-whatsapp .sidebar-top{min-height:58px!important;height:58px!important;}
  body.page-inbox-whatsapp .sidebar-logo-title img{
    height:38px;
    max-width:150px;
    padding:4px 8px;
  }
  body.page-inbox-whatsapp .sidebar-top .live-line{display:none!important;}
  body.page-inbox-whatsapp .contact-list,
  body.page-inbox-whatsapp .message-area,
  body.page-inbox-whatsapp .drawer-body,
  body.page-inbox-whatsapp .quick-reply-grid,
  body.page-inbox-whatsapp .product-results{
    scrollbar-color:#cfd8dc #fff;
  }
  body.page-inbox-whatsapp .contact-list::-webkit-scrollbar-track,
  body.page-inbox-whatsapp .message-area::-webkit-scrollbar-track,
  body.page-inbox-whatsapp .drawer-body::-webkit-scrollbar-track,
  body.page-inbox-whatsapp .quick-reply-grid::-webkit-scrollbar-track,
  body.page-inbox-whatsapp .product-results::-webkit-scrollbar-track{background:transparent;}
  body.page-inbox-whatsapp .contact-list::-webkit-scrollbar-thumb,
  body.page-inbox-whatsapp .message-area::-webkit-scrollbar-thumb,
  body.page-inbox-whatsapp .drawer-body::-webkit-scrollbar-thumb,
  body.page-inbox-whatsapp .quick-reply-grid::-webkit-scrollbar-thumb,
  body.page-inbox-whatsapp .product-results::-webkit-scrollbar-thumb{background:#cfd8dc;}
}
@media (max-width:380px){
  body.page-inbox-whatsapp .sidebar-logo-title img{max-width:128px;height:34px;}
  body.page-inbox-whatsapp .contact-row{grid-template-columns:44px minmax(0,1fr) auto!important;padding-left:9px!important;padding-right:8px!important;}
  body.page-inbox-whatsapp .chat-tools{gap:0!important;}
  body.page-inbox-whatsapp .tool-btn{width:30px!important;min-width:30px!important;}
  body.page-inbox-whatsapp .compose-btn{width:33px!important;min-width:33px!important;}
  body.page-inbox-whatsapp .send-btn{width:39px!important;min-width:39px!important;}
}

/* ===== Shopro Inbox v3.4.51 simple in-chat settings drawer ===== */
body.page-inbox-whatsapp .settings-scrim{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.42);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
  z-index:88;
}
body.page-inbox-whatsapp .settings-scrim.open{
  opacity:1;
  pointer-events:auto;
}
body.page-inbox-whatsapp .settings-drawer{
  position:fixed;
  right:0;
  top:0;
  bottom:0;
  width:min(430px,94vw);
  background:#111b21;
  color:#e9edef;
  border-left:1px solid #2a3942;
  box-shadow:-22px 0 55px rgba(0,0,0,.36);
  transform:translateX(105%);
  transition:transform .2s ease;
  z-index:90;
  display:flex;
  flex-direction:column;
  min-width:0;
}
body.page-inbox-whatsapp .settings-drawer.open{
  transform:translateX(0);
}
body.page-inbox-whatsapp .settings-drawer-head{
  min-height:76px;
  padding:15px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#202c33;
  border-bottom:1px solid #2a3942;
}
body.page-inbox-whatsapp .settings-drawer-head strong{
  display:block;
  font-size:20px;
  font-weight:1000;
  line-height:1.1;
}
body.page-inbox-whatsapp .settings-drawer-head span{
  display:block;
  color:#aebac1;
  font-size:13px;
  margin-top:4px;
}
body.page-inbox-whatsapp .settings-drawer-head button{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#2a3942;
  color:#e9edef;
  font-size:24px;
  cursor:pointer;
  flex:0 0 auto;
}
body.page-inbox-whatsapp .settings-drawer-body{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:12px;
  scrollbar-width:thin;
  scrollbar-color:#2a3942 #111b21;
}
body.page-inbox-whatsapp .settings-drawer-body::-webkit-scrollbar{width:6px;height:6px;}
body.page-inbox-whatsapp .settings-drawer-body::-webkit-scrollbar-track{background:#111b21;}
body.page-inbox-whatsapp .settings-drawer-body::-webkit-scrollbar-thumb{background:#2a3942;border-radius:999px;}
body.page-inbox-whatsapp .settings-tile{
  width:100%;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  text-align:left;
  text-decoration:none;
  color:#e9edef;
  background:#202c33;
  border:1px solid #2a3942;
  border-radius:18px;
  padding:13px;
  margin-bottom:10px;
  cursor:pointer;
  font:inherit;
  transition:background .16s ease, transform .16s ease, border-color .16s ease;
}
body.page-inbox-whatsapp .settings-tile:hover{
  background:#243640;
  border-color:#36505d;
  transform:translateY(-1px);
}
body.page-inbox-whatsapp .settings-tile.primary{
  background:linear-gradient(135deg,#12382f,#202c33);
  border-color:#1f6b50;
}
body.page-inbox-whatsapp .settings-tile>span{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#111b21;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:21px;
}
body.page-inbox-whatsapp .settings-tile strong,
body.page-inbox-whatsapp .settings-tile small{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.page-inbox-whatsapp .settings-tile strong{
  font-size:15px;
  font-weight:1000;
  line-height:1.2;
  white-space:nowrap;
}
body.page-inbox-whatsapp .settings-tile small{
  color:#aebac1;
  font-size:12px;
  line-height:1.35;
  margin-top:4px;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.page-inbox-whatsapp .button-tile{
  appearance:none;
}
body.page-inbox-whatsapp .settings-drawer-note{
  border:1px solid #2a3942;
  background:#0b141a;
  border-radius:18px;
  padding:13px;
  margin:12px 0;
  color:#d7e0e4;
}
body.page-inbox-whatsapp .settings-drawer-note strong{display:block;margin-bottom:4px;}
body.page-inbox-whatsapp .settings-drawer-note p{margin:0;color:#aebac1;font-size:12px;line-height:1.45;}
body.page-inbox-whatsapp .settings-drawer-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:4px 0 10px;
}
body.page-inbox-whatsapp .drawer-action{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border-radius:14px;
  background:#00a884;
  color:#071b16;
  text-decoration:none;
  font-weight:1000;
}
body.page-inbox-whatsapp .drawer-action.muted{
  background:#2a3942;
  color:#e9edef;
}
@media(max-width:950px){
  body.page-inbox-whatsapp .settings-drawer{
    inset:0;
    width:auto;
    border-left:0;
  }
  body.page-inbox-whatsapp .settings-drawer-head{
    min-height:58px;
    padding:10px 12px;
    background:#075e54;
  }
  body.page-inbox-whatsapp .settings-drawer-head strong{font-size:18px;}
  body.page-inbox-whatsapp .settings-drawer-head span{display:none;}
  body.page-inbox-whatsapp .settings-tile{
    border-radius:16px;
    margin-bottom:8px;
  }
}


/* ===== Shopro Inbox v3.4.52 fast product catalog sync ===== */
.catalog-page{min-height:calc(100dvh - var(--topbar-h,72px));background:#0b141a;color:#e9edef;padding:22px;overflow:auto;}
.catalog-shell{max-width:980px;margin:0 auto;display:grid;gap:14px;}
.catalog-hero{background:#111b21;border:1px solid #26353d;border-radius:22px;padding:18px;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.2);}
.catalog-hero .back-link{display:inline-flex;color:#25d366;text-decoration:none;font-weight:900;margin-bottom:10px;}
.catalog-hero img{max-width:190px;height:auto;object-fit:contain;background:transparent;filter:drop-shadow(0 2px 10px rgba(0,0,0,.38));}
.catalog-hero h1{margin:8px 0 4px;font-size:clamp(24px,4vw,34px);}
.catalog-hero p{margin:0 auto;max-width:720px;color:#aebac1;line-height:1.5;}
.catalog-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.catalog-status-card,.catalog-card{background:#111b21;border:1px solid #26353d;border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(0,0,0,.16);}
.catalog-status-card strong{display:block;color:#aebac1;font-size:12px;text-transform:uppercase;letter-spacing:.04em;}
.catalog-status-card span{display:block;margin-top:6px;font-size:16px;font-weight:1000;color:#e9edef;overflow-wrap:anywhere;}
.catalog-card h2{margin:0 0 12px;font-size:20px;}
.catalog-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 14px;}
.catalog-steps div{background:#202c33;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center;min-width:0;}
.catalog-steps b{width:28px;height:28px;border-radius:50%;background:#00a884;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#002b22;}
.catalog-steps span{font-weight:900;line-height:1.2;}
.catalog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.catalog-btn{border:0;border-radius:999px;background:#202c33;color:#e9edef;text-decoration:none;padding:11px 16px;font-weight:1000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.catalog-btn.primary{background:#00a884;color:#002b22;}
.catalog-btn:disabled{opacity:.65;cursor:wait;}
.catalog-note{color:#aebac1;font-size:13px;line-height:1.5;}
.catalog-card label{display:block;font-weight:900;font-size:13px;color:#aebac1;margin:10px 0 5px;}
.catalog-card input{width:100%;border:1px solid #2a3942;background:#0b141a;color:#e9edef;border-radius:14px;padding:12px;min-width:0;}
.catalog-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.catalog-check{background:#202c33;border:1px solid #2a3942;border-radius:14px;padding:12px!important;margin:10px 0 0!important;color:#e9edef!important;display:flex!important;align-items:center;gap:8px;}
.catalog-check input{width:auto;}
.catalog-card pre{white-space:pre-wrap;overflow:auto;max-height:380px;background:#0b141a;border:1px solid #2a3942;border-radius:16px;padding:14px;color:#d1f7e2;font-size:12px;}
@media(max-width:760px){.catalog-page{padding:10px;}.catalog-status-grid,.catalog-steps,.catalog-two{grid-template-columns:1fr;}.catalog-actions{display:grid;grid-template-columns:1fr;}.catalog-btn{width:100%;}.catalog-hero{border-radius:0;margin:-10px -10px 0;}.catalog-card,.catalog-status-card{border-radius:16px;}}

/* ===== Shopro Inbox v3.4.53 easy WhatsApp number switch ===== */
.wa-number-manager-page .wa-switch-hero{border-left:5px solid #25d366;}
.wa-health-list{display:grid;gap:8px;margin-top:12px;}
.wa-health-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;align-items:start;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px;background:#fff;}
.wa-health-row.ok{border-color:#bbf7d0;background:#f0fdf4;}
.wa-health-row.bad{border-color:#fecaca;background:#fff1f2;}
.wa-health-row strong{font-size:13px;color:#0f172a;}
.wa-health-row span{font-size:13px;color:#475569;overflow-wrap:anywhere;}
.easy-wa-list .wa-phone-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;}
.wa-phone-row.active-manual{margin-top:12px;border:2px solid #25d366;background:#f0fdf4;}
.developer-output{font-size:12px;line-height:1.45;}
body.dark-mode .wa-health-row{background:#111b21;border-color:#26353d;}
body.dark-mode .wa-health-row.ok{background:#10291f;border-color:#1f6f4a;}
body.dark-mode .wa-health-row.bad{background:#2a1318;border-color:#7f1d1d;}
body.dark-mode .wa-health-row strong, body.dark-mode .wa-health-row span{color:#e9edef;}
@media(max-width:760px){
  .wa-health-row{grid-template-columns:1fr;gap:3px;}
  .easy-wa-list .wa-phone-row{grid-template-columns:1fr;}
  .wa-phone-row .btn{width:100%;}
}



/* ===== Shopro Inbox v3.4.55 mobile WhatsApp polish + readable unsupported messages ===== */
.unsupported-card{
  display:block;
  border:1px solid rgba(245,158,11,.35);
  background:rgba(255,251,235,.92);
  color:#3f2c00;
  border-radius:12px;
  padding:10px 11px;
  max-width:100%;
}
.unsupported-card strong{display:block;font-size:13px;font-weight:1000;margin-bottom:4px;}
.unsupported-card small{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere;}
.unsupported-card details{margin-top:7px;}
.unsupported-card summary{cursor:pointer;font-weight:900;font-size:12px;}
.unsupported-card pre{white-space:pre-wrap;max-height:220px;overflow:auto;background:rgba(0,0,0,.07);border-radius:8px;padding:8px;font-size:11px;margin:6px 0 0;color:inherit;}
body.page-inbox-whatsapp .message-bubble.outgoing .unsupported-card{background:rgba(236,253,245,.92);border-color:rgba(16,185,129,.36);color:#062c22;}
body.page-inbox-whatsapp .sidebar-actions .icon-btn[title="New chat"]{display:none!important;}

@media(max-width:950px){
  body.page-inbox-whatsapp,
  body.page-inbox-whatsapp main,
  body.page-inbox-whatsapp .is-whatsapp-clone{
    background:#fff!important;
  }
  body.page-inbox-whatsapp .app-nav-rail{display:none!important;}
  body.page-inbox-whatsapp .app-sidebar{
    background:#fff!important;
    color:#0b0b0b!important;
    padding-bottom:0!important;
  }
  body.page-inbox-whatsapp .sidebar-top{
    background:#fff!important;
    color:#0b0b0b!important;
    border-bottom:0!important;
    height:132px!important;
    min-height:132px!important;
    padding:22px 18px 8px!important;
    align-items:flex-start!important;
  }
  body.page-inbox-whatsapp .sidebar-logo-title{
    height:auto!important;
    margin:56px 0 0!important;
    display:block!important;
  }
  body.page-inbox-whatsapp .sidebar-logo-title img{
    display:none!important;
  }
  body.page-inbox-whatsapp .sidebar-logo-title::before{
    content:'Chats';
    display:block;
    font-size:38px;
    line-height:1;
    font-weight:1000;
    letter-spacing:-1.6px;
    color:#050505;
  }
  body.page-inbox-whatsapp .sidebar-top .live-line{display:none!important;}
  body.page-inbox-whatsapp .sidebar-actions{
    position:absolute;
    top:34px;
    left:18px;
    right:18px;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    pointer-events:none;
  }
  body.page-inbox-whatsapp .sidebar-actions .icon-btn{
    pointer-events:auto;
    width:52px!important;
    height:52px!important;
    border-radius:50%!important;
    background:#f5f5f5!important;
    color:#111!important;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    font-size:25px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.page-inbox-whatsapp .search-area{
    background:#fff!important;
    padding:8px 18px 10px!important;
    border-bottom:0!important;
  }
  body.page-inbox-whatsapp .search-area input{
    height:48px!important;
    border:0!important;
    border-radius:24px!important;
    background:#f2f2f4!important;
    color:#1f2933!important;
    font-size:18px!important;
    font-weight:800!important;
    padding:0 18px 0 48px!important;
    box-shadow:none!important;
    background-image:linear-gradient(transparent,transparent)!important;
  }
  body.page-inbox-whatsapp .search-area::before{
    content:'⌕';
    position:absolute;
    margin-left:34px;
    margin-top:18px;
    font-size:30px;
    color:#687079;
    z-index:1;
    line-height:1;
  }
  body.page-inbox-whatsapp .channel-tabs{
    display:flex!important;
    height:54px!important;
    background:#fff!important;
    padding:8px 18px 6px!important;
    gap:9px!important;
    overflow-x:auto!important;
    border-bottom:0!important;
  }
  body.page-inbox-whatsapp .channel-tab{
    height:36px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    background:#fff!important;
    border:1px solid #d9d9db!important;
    color:#6b6f76!important;
    font-size:16px!important;
    font-weight:900!important;
    box-shadow:none!important;
  }
  body.page-inbox-whatsapp .channel-tab.active{
    background:#dcf8df!important;
    border-color:#b8edbd!important;
    color:#127b37!important;
  }
  body.page-inbox-whatsapp .channel-badge.mini{display:none!important;}
  body.page-inbox-whatsapp .contact-list{
    background:#fff!important;
    height:calc(100dvh - 132px - 66px - 54px)!important;
    padding:0 14px 88px!important;
    scrollbar-width:thin;
    scrollbar-color:#d7d7d7 transparent!important;
  }
  body.page-inbox-whatsapp .contact-list::-webkit-scrollbar{width:3px!important;}
  body.page-inbox-whatsapp .contact-list::-webkit-scrollbar-track{background:transparent!important;}
  body.page-inbox-whatsapp .contact-list::-webkit-scrollbar-thumb{background:#d7d7d7!important;border-radius:999px!important;}
  body.page-inbox-whatsapp .contact-row{
    min-height:92px!important;
    grid-template-columns:70px minmax(0,1fr) auto!important;
    gap:12px!important;
    padding:12px 0!important;
    border-bottom:1px solid #ededee!important;
    border-radius:0!important;
    background:#fff!important;
  }
  body.page-inbox-whatsapp .contact-row.active,
  body.page-inbox-whatsapp .contact-row:hover{
    background:#fff!important;
    box-shadow:none!important;
  }
  body.page-inbox-whatsapp .contact-row .avatar,
  body.page-inbox-whatsapp .avatar{
    width:62px!important;
    height:62px!important;
    border-radius:50%!important;
  }
  body.page-inbox-whatsapp .avatar img{border-radius:50%!important;}
  body.page-inbox-whatsapp .avatar-channel{display:none!important;}
  body.page-inbox-whatsapp .contact-copy strong{
    color:#050505!important;
    font-size:20px!important;
    font-weight:1000!important;
    line-height:1.15!important;
    letter-spacing:-.3px!important;
  }
  body.page-inbox-whatsapp .contact-copy small{
    color:#6b6f76!important;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1.18!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  body.page-inbox-whatsapp .contact-right{
    padding-top:2px!important;
    align-self:start!important;
    min-width:60px!important;
  }
  body.page-inbox-whatsapp .contact-right em{
    color:#22b45d!important;
    font-size:18px!important;
    font-weight:900!important;
  }
  body.page-inbox-whatsapp .unread{
    background:#22b45d!important;
    color:#fff!important;
    min-width:30px!important;
    height:30px!important;
    font-size:17px!important;
    font-weight:1000!important;
  }

  body.page-inbox-whatsapp .chat-pane{
    background:#efeae2!important;
  }
  body.page-inbox-whatsapp .chat-header{
    height:58px!important;
    background:#f7f7f7!important;
    color:#111!important;
    border-bottom:1px solid #e5e5e5!important;
  }
  body.page-inbox-whatsapp .mobile-back-btn{
    color:#007aff!important;
    font-size:0!important;
  }
  body.page-inbox-whatsapp .mobile-back-btn::before{
    content:'‹';
    font-size:36px!important;
    color:#007aff!important;
  }
  body.page-inbox-whatsapp .chat-title{
    color:#111!important;
    font-weight:900!important;
  }
  body.page-inbox-whatsapp .chat-tools .tool-btn{
    color:#111!important;
  }
  body.page-inbox-whatsapp .message-bubble{
    max-width:86%!important;
    font-size:16px!important;
  }
  body.page-inbox-whatsapp .msg-meta{
    font-size:11px!important;
  }
}


/* ===== Shopro Inbox v3.4.56 mobile clean-up + swipe read/unread ===== */
body.page-inbox-whatsapp .contact-swipe-wrap{
  position:relative;
  overflow:hidden;
  background:inherit;
  min-width:0;
}
body.page-inbox-whatsapp .contact-swipe-wrap .contact-row{
  position:relative;
  z-index:2;
  transition:transform .18s ease, background .16s ease;
  will-change:transform;
}
body.page-inbox-whatsapp .contact-swipe-wrap.swiping .contact-row{transition:none;}
body.page-inbox-whatsapp .swipe-actions{
  position:absolute;
  inset:0 0 0 auto;
  width:86px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#34c759;
  z-index:1;
}
body.page-inbox-whatsapp .swipe-actions button{
  border:0;
  background:transparent;
  color:#fff;
  font-weight:1000;
  font-size:13px;
  height:100%;
  width:100%;
  cursor:pointer;
}
@media(max-width:950px){
  body.page-inbox-whatsapp .app-shell.is-whatsapp-clone,
  body.page-inbox-whatsapp main{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
  }
  body.page-inbox-whatsapp .app-sidebar{
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  body.page-inbox-whatsapp .sidebar-top{
    height:104px!important;
    min-height:104px!important;
    padding:12px 16px 4px!important;
  }
  body.page-inbox-whatsapp .sidebar-logo-title{
    margin:44px 0 0!important;
  }
  body.page-inbox-whatsapp .sidebar-logo-title::before{
    font-size:34px!important;
    letter-spacing:-1.2px!important;
  }
  body.page-inbox-whatsapp .sidebar-actions{
    top:14px!important;
    left:16px!important;
    right:16px!important;
  }
  body.page-inbox-whatsapp .sidebar-actions .icon-btn{
    width:44px!important;
    height:44px!important;
    font-size:22px!important;
    box-shadow:0 6px 16px rgba(0,0,0,.07)!important;
  }
  body.page-inbox-whatsapp .search-area{
    padding:4px 16px 8px!important;
  }
  body.page-inbox-whatsapp .search-area input{
    height:42px!important;
    font-size:16px!important;
    border-radius:22px!important;
    padding-left:44px!important;
  }
  body.page-inbox-whatsapp .search-area::before{
    margin-left:30px!important;
    margin-top:13px!important;
    font-size:26px!important;
  }
  body.page-inbox-whatsapp .channel-tabs{
    height:44px!important;
    padding:4px 16px!important;
    gap:8px!important;
  }
  body.page-inbox-whatsapp .channel-tab{
    height:32px!important;
    padding:0 14px!important;
    font-size:14px!important;
  }
  body.page-inbox-whatsapp .contact-list{
    height:calc(100dvh - 104px - 54px - 44px - env(safe-area-inset-bottom))!important;
    padding:0 12px calc(72px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  body.page-inbox-whatsapp .contact-swipe-wrap{
    border-bottom:1px solid #ededee!important;
    background:#fff!important;
  }
  body.page-inbox-whatsapp .contact-row{
    min-height:78px!important;
    grid-template-columns:58px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:9px 0!important;
    border-bottom:0!important;
    touch-action:pan-y;
  }
  body.page-inbox-whatsapp .contact-row .avatar,
  body.page-inbox-whatsapp .avatar{
    width:52px!important;
    height:52px!important;
  }
  body.page-inbox-whatsapp .contact-copy strong{
    font-size:18px!important;
    line-height:1.08!important;
  }
  body.page-inbox-whatsapp .contact-copy small{
    font-size:16px!important;
    line-height:1.2!important;
    -webkit-line-clamp:2!important;
  }
  body.page-inbox-whatsapp .contact-right{
    min-width:52px!important;
  }
  body.page-inbox-whatsapp .contact-right em{
    font-size:15px!important;
    line-height:1.1!important;
  }
  body.page-inbox-whatsapp .unread{
    min-width:24px!important;
    height:24px!important;
    font-size:13px!important;
  }
  body.page-inbox-whatsapp .bottom-mobile-tabs{
    height:58px!important;
    padding:5px 14px calc(5px + env(safe-area-inset-bottom))!important;
    border-radius:24px 24px 0 0!important;
  }
  body.page-inbox-whatsapp .bottom-mobile-tabs .bottom-tab{
    font-size:11px!important;
  }
  body.page-inbox-whatsapp .chat-header{
    height:54px!important;
    min-height:54px!important;
    padding:5px 8px!important;
  }
  body.page-inbox-whatsapp .message-area{
    padding:8px 7px!important;
  }
  body.page-inbox-whatsapp .composer{
    min-height:54px!important;
    padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;
  }
  body.page-inbox-whatsapp .compose-btn,
  body.page-inbox-whatsapp .send-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex-basis:38px!important;
  }
  body.page-inbox-whatsapp .compose-main textarea{
    min-height:38px!important;
    font-size:16px!important;
  }
}
body.page-inbox-whatsapp .bottom-mobile-tabs{display:none;}
@media(max-width:950px){
  body.page-inbox-whatsapp .bottom-mobile-tabs{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    z-index:4!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(15,23,42,.08)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
    border-radius:999px!important;
    height:62px!important;
    padding:6px 8px!important;
    gap:2px!important;
    backdrop-filter:blur(12px)!important;
  }
  body.page-inbox-whatsapp .bottom-mobile-tabs .bottom-tab{
    border:0!important;
    background:transparent!important;
    border-radius:999px!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    color:#111!important;
    font-weight:900!important;
    cursor:pointer!important;
  }
  body.page-inbox-whatsapp .bottom-mobile-tabs .bottom-tab span{font-size:20px!important;line-height:1!important;}
  body.page-inbox-whatsapp .bottom-mobile-tabs .bottom-tab strong{font-size:10px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  body.page-inbox-whatsapp .bottom-mobile-tabs .bottom-tab.active{background:#f0f0f0!important;color:#111!important;}
  body.page-inbox-whatsapp .chat-open .bottom-mobile-tabs{display:none!important;}
}


/* ===== Shopro Inbox v3.4.57 mobile/desktop polish ===== */
body.page-inbox-whatsapp .brand-logo-only img{max-width:210px;height:52px;object-fit:contain;}
body.page-inbox-whatsapp .topbar.simple-topbar .brand:not(.brand-logo-only)>div{display:none!important;}
@media(min-width:951px){
  body.page-inbox-whatsapp .swipe-actions{display:none!important;}
  body.page-inbox-whatsapp .contact-swipe-wrap .contact-row{transform:none!important;}
}

@media(max-width:950px){
  body.page-inbox-whatsapp .channel-tabs{display:none!important;}
  body.page-inbox-whatsapp .search-area{
    position:relative!important;
    height:56px!important;
    padding:6px 18px 6px!important;
    display:flex!important;
    align-items:center!important;
  }
  body.page-inbox-whatsapp .search-area::before{
    content:''!important;
    position:absolute!important;
    left:34px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:21px!important;
    height:21px!important;
    margin:0!important;
    background:currentColor!important;
    color:#6b7280!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.75 3.5a6.25 6.25 0 0 1 4.97 10.04l4.37 4.37a.84.84 0 0 1-1.18 1.18l-4.37-4.37A6.25 6.25 0 1 1 9.75 3.5Zm0 1.7a4.55 4.55 0 1 0 0 9.1 4.55 4.55 0 0 0 0-9.1Z'/%3E%3C/svg%3E") center / contain no-repeat!important;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.75 3.5a6.25 6.25 0 0 1 4.97 10.04l4.37 4.37a.84.84 0 0 1-1.18 1.18l-4.37-4.37A6.25 6.25 0 1 1 9.75 3.5Zm0 1.7a4.55 4.55 0 1 0 0 9.1 4.55 4.55 0 0 0 0-9.1Z'/%3E%3C/svg%3E") center / contain no-repeat!important;
    z-index:2!important;
  }
  body.page-inbox-whatsapp .search-area input{
    height:44px!important;
    line-height:44px!important;
    font-size:17px!important;
    font-weight:800!important;
    padding:0 16px 0 46px!important;
    display:block!important;
    margin:0!important;
  }
  body.page-inbox-whatsapp .contact-list{
    height:calc(100dvh - 132px - 56px - 80px)!important;
    padding:0 14px 92px!important;
  }
  body.page-inbox-whatsapp .bottom-mobile-tabs{
    height:64px!important;
    min-height:64px!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
  }
  body.page-inbox-whatsapp .bottom-mobile-tabs .bottom-tab{
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.page-inbox-whatsapp .bottom-icon,
  body.page-inbox-whatsapp .bottom-icon .channel-badge,
  body.page-inbox-whatsapp .bottom-icon svg{
    width:23px!important;
    height:23px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.page-inbox-whatsapp .bottom-icon .channel-badge{border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;}
  body.page-inbox-whatsapp .brand-whatsapp{color:#25D366!important;}
  body.page-inbox-whatsapp .brand-facebook{color:#1877F2!important;}
  body.page-inbox-whatsapp .brand-instagram{color:#E4405F!important;}
  body.page-inbox-whatsapp .brand-tiktok{color:#111!important;}
  body.page-inbox-whatsapp .you-icon{color:#111!important;}
  body.page-inbox-whatsapp .bottom-mobile-tabs .bottom-tab strong{font-size:10.5px!important;margin-top:1px!important;}
  body.page-inbox-whatsapp .bottom-mobile-tabs .bottom-you-tab{color:#111!important;}
}

body.page-inbox-whatsapp .settings-drawer-body{display:flex;flex-direction:column;gap:8px;padding:14px!important;}
body.page-inbox-whatsapp .settings-tile{
  margin-bottom:0!important;
  grid-template-columns:48px minmax(0,1fr) 18px!important;
  align-items:center!important;
  min-height:74px!important;
  padding:12px 13px!important;
}
body.page-inbox-whatsapp .settings-tile::after{
  content:'›';
  color:#aebac1;
  font-size:24px;
  line-height:1;
  justify-self:end;
}
body.page-inbox-whatsapp .settings-tile>span{width:48px!important;height:48px!important;font-size:22px!important;}
body.page-inbox-whatsapp .settings-tile strong{font-size:15.5px!important;white-space:normal!important;}
body.page-inbox-whatsapp .settings-tile small{font-size:12.5px!important;line-height:1.35!important;}
@media(max-width:950px){
  body.page-inbox-whatsapp .settings-drawer{background:#fff!important;color:#111!important;}
  body.page-inbox-whatsapp .settings-drawer-head{background:#fff!important;color:#111!important;border-bottom:1px solid #eee!important;min-height:72px!important;padding:14px 18px!important;}
  body.page-inbox-whatsapp .settings-drawer-head button{background:#f2f2f4!important;color:#111!important;}
  body.page-inbox-whatsapp .settings-drawer-body{background:#f6f6f7!important;padding:14px!important;gap:10px!important;}
  body.page-inbox-whatsapp .settings-tile{background:#fff!important;color:#111!important;border:0!important;border-radius:18px!important;box-shadow:none!important;}
  body.page-inbox-whatsapp .settings-tile>span{background:#f2f2f4!important;}
  body.page-inbox-whatsapp .settings-tile small{color:#6b7280!important;}
  body.page-inbox-whatsapp .settings-drawer-note{background:#fff!important;color:#111!important;border:0!important;border-radius:18px!important;}
  body.page-inbox-whatsapp .settings-drawer-note p{color:#6b7280!important;}
  body.page-inbox-whatsapp .settings-drawer-actions{grid-template-columns:1fr!important;}
}
body.dark-mode.page-inbox-whatsapp .settings-drawer{background:#111b21!important;color:#e9edef!important;}
body.dark-mode.page-inbox-whatsapp .settings-drawer-head{background:#202c33!important;color:#e9edef!important;border-color:#2a3942!important;}
body.dark-mode.page-inbox-whatsapp .settings-drawer-body{background:#111b21!important;}
body.dark-mode.page-inbox-whatsapp .settings-tile{background:#202c33!important;color:#e9edef!important;border-color:#2a3942!important;}
body.dark-mode.page-inbox-whatsapp .settings-tile>span{background:#111b21!important;}
body.dark-mode.page-inbox-whatsapp .settings-tile small{color:#aebac1!important;}

/* v3.4.57 final polish: remove duplicate logo words and make mobile dark mode complete */
body.page-inbox-whatsapp .sidebar-top h1::after{content:none!important;display:none!important;}
@media(max-width:950px){
  body.dark-mode.page-inbox-whatsapp,
  body.dark-mode.page-inbox-whatsapp main,
  body.dark-mode.page-inbox-whatsapp .is-whatsapp-clone,
  body.dark-mode.page-inbox-whatsapp .app-sidebar{background:#111b21!important;color:#e9edef!important;}
  body.dark-mode.page-inbox-whatsapp .sidebar-top{background:#111b21!important;color:#e9edef!important;}
  body.dark-mode.page-inbox-whatsapp .sidebar-logo-title::before{color:#e9edef!important;}
  body.dark-mode.page-inbox-whatsapp .sidebar-actions .icon-btn{background:#202c33!important;color:#e9edef!important;}
  body.dark-mode.page-inbox-whatsapp .search-area{background:#111b21!important;}
  body.dark-mode.page-inbox-whatsapp .search-area input{background:#202c33!important;color:#e9edef!important;}
  body.dark-mode.page-inbox-whatsapp .search-area::before{color:#aebac1!important;}
  body.dark-mode.page-inbox-whatsapp .contact-list{background:#111b21!important;scrollbar-color:#2a3942 transparent!important;}
  body.dark-mode.page-inbox-whatsapp .contact-row,
  body.dark-mode.page-inbox-whatsapp .contact-row.active,
  body.dark-mode.page-inbox-whatsapp .contact-row:hover{background:#111b21!important;border-color:#202c33!important;color:#e9edef!important;}
  body.dark-mode.page-inbox-whatsapp .contact-copy strong{color:#e9edef!important;}
  body.dark-mode.page-inbox-whatsapp .contact-copy small{color:#8696a0!important;}
  body.dark-mode.page-inbox-whatsapp .bottom-mobile-tabs{background:rgba(32,44,51,.96)!important;border-color:#2a3942!important;box-shadow:0 10px 28px rgba(0,0,0,.35)!important;}
  body.dark-mode.page-inbox-whatsapp .bottom-mobile-tabs .bottom-tab{color:#e9edef!important;}
  body.dark-mode.page-inbox-whatsapp .bottom-mobile-tabs .bottom-tab.active{background:#2a3942!important;color:#e9edef!important;}
  body.dark-mode.page-inbox-whatsapp .you-icon{color:#e9edef!important;}
}


/* v3.4.58 - Clean settings drawer labels + mobile Chats/header menu alignment */
body.page-inbox-whatsapp .settings-drawer-head span,
body.page-inbox-whatsapp .settings-tile small,
body.page-inbox-whatsapp .settings-drawer-note{
  display:none!important;
}
body.page-inbox-whatsapp .settings-drawer-body{
  gap:8px!important;
}
body.page-inbox-whatsapp .settings-tile{
  min-height:58px!important;
  padding:10px 13px!important;
  grid-template-columns:42px minmax(0,1fr) 18px!important;
  align-items:center!important;
}
body.page-inbox-whatsapp .settings-tile>span{
  width:42px!important;
  height:42px!important;
  font-size:20px!important;
}
body.page-inbox-whatsapp .settings-tile strong{
  display:block!important;
  font-size:16px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.page-inbox-whatsapp .settings-drawer-actions{
  margin-top:6px!important;
}

@media(max-width:950px){
  body.page-inbox-whatsapp .sidebar-top{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    position:relative!important;
    padding:12px 16px 8px!important;
  }
  body.page-inbox-whatsapp .sidebar-logo-title{
    margin:0!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-width:0!important;
  }
  body.page-inbox-whatsapp .sidebar-logo-title img{
    display:none!important;
  }
  body.page-inbox-whatsapp .sidebar-logo-title::before{
    content:'Chats'!important;
    display:block!important;
    font-size:34px!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:-1.2px!important;
    color:#050505!important;
  }
  body.page-inbox-whatsapp .sidebar-actions{
    position:static!important;
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    pointer-events:auto!important;
    width:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
  }
  body.page-inbox-whatsapp .sidebar-actions .icon-btn{
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    background:#f5f5f5!important;
    color:#111!important;
    box-shadow:0 6px 16px rgba(0,0,0,.07)!important;
    font-size:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.page-inbox-whatsapp .settings-drawer-head{
    min-height:62px!important;
  }
  body.page-inbox-whatsapp .settings-drawer-head strong{
    font-size:22px!important;
  }
  body.page-inbox-whatsapp .settings-drawer-body{
    gap:8px!important;
    padding:12px!important;
  }
  body.page-inbox-whatsapp .settings-tile{
    min-height:56px!important;
    border-radius:16px!important;
  }
  body.page-inbox-whatsapp .settings-tile strong{
    font-size:15.5px!important;
  }
}

body.dark-mode.page-inbox-whatsapp .sidebar-logo-title::before{
  color:#e9edef!important;
}

/* v3.4.59 Shopro AI Assistant */
.ai-tool-btn{background:linear-gradient(135deg,#11b886,#0a8f67)!important;color:#fff!important;border-color:transparent!important;font-weight:800}
.ai-assist-panel{margin:8px 14px 0;border:1px solid rgba(17,184,134,.22);background:rgba(255,255,255,.96);border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.08);overflow:hidden;z-index:5}
.dark-mode .ai-assist-panel{background:#111b21;border-color:rgba(134,239,172,.18);color:#e8f5ef}
.ai-panel-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.06);background:linear-gradient(135deg,rgba(17,184,134,.14),rgba(20,164,77,.08))}
.dark-mode .ai-panel-head{border-bottom-color:rgba(255,255,255,.08)}
.ai-panel-head button{border:0;background:transparent;font-size:20px;cursor:pointer;color:inherit}
.ai-mini-note,.ai-loading,.ai-next{padding:12px 14px;color:#54656f;font-size:13px}.dark-mode .ai-mini-note,.dark-mode .ai-loading,.dark-mode .ai-next{color:#b8c8c0}
.ai-insight{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px}.ai-insight span{font-weight:800}.ai-insight em{font-style:normal;color:#0a8f67;font-weight:800}
.ai-suggested-reply{width:calc(100% - 28px);margin:0 14px 10px;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px;resize:vertical;font:inherit;line-height:1.4;background:#fff;color:#111b21}.dark-mode .ai-suggested-reply{background:#0b141a;color:#e9edef;border-color:rgba(255,255,255,.12)}
.ai-products{padding:10px 14px;border-top:1px dashed rgba(0,0,0,.08);font-size:13px}.dark-mode .ai-products{border-top-color:rgba(255,255,255,.1)}.ai-products div{margin-top:6px}
.ai-assist-panel details{padding:4px 14px 10px;font-size:13px}.ai-assist-panel summary{font-weight:800;cursor:pointer}.ai-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px}.ai-actions button{border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}.dark-mode .ai-actions button{background:#172229;color:#e9edef;border-color:rgba(255,255,255,.12)}.ai-actions .ai-primary{background:#0a8f67!important;color:#fff!important;border-color:#0a8f67!important}
.ai-admin-page .ai-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.ai-admin-page h1{margin:0}.ai-hero p{margin:6px 0 0;color:#54656f}.ai-status-pill{border-radius:999px;padding:8px 12px;font-weight:900}.ai-status-pill.on{background:#dcfce7;color:#166534}.ai-status-pill.off{background:#fee2e2;color:#991b1b}
.ai-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ai-settings-grid label{display:flex;flex-direction:column;gap:6px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.dark-mode .ai-settings-grid label{background:#0f1a21;border-color:rgba(255,255,255,.08)}.ai-settings-grid input,.ai-settings-grid select,.ai-settings-grid textarea{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;padding:10px;font:inherit}.ai-settings-grid .wide{grid-column:1/-1}.switch-row{flex-direction:row!important;align-items:center;justify-content:space-between}.switch-row input{width:auto}.platform-checks{display:flex;flex-wrap:wrap;gap:10px}.platform-checks span{white-space:nowrap}.ai-form-actions{display:flex!important;flex-direction:row!important;background:transparent!important;border:0!important;padding:0!important}.primary-btn,.secondary-btn{border:0;border-radius:12px;padding:12px 16px;font-weight:900;cursor:pointer}.primary-btn{background:#0a8f67;color:white}.secondary-btn{background:#e7f7f1;color:#0a5f46}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.metric-grid div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.metric-grid strong{display:block;font-size:20px}.metric-grid span{color:#54656f;font-size:12px}.ai-metrics input[readonly]{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;padding:10px;background:#fff}#aiStatusBox{white-space:pre-wrap;max-height:320px;overflow:auto;background:#0b141a;color:#e9edef;border-radius:12px;padding:12px;font-size:12px}
@media(max-width:950px){.ai-assist-panel{margin:6px 8px}.ai-settings-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.ai-admin-page .ai-hero{align-items:flex-start;flex-direction:column}.ai-actions button{flex:1}.chat-tools .ai-tool-btn{display:inline-flex}}

/* v3.4.61 AI confidence, source display, teaching and sales control */
.ai-sources,.ai-teach{padding:8px 14px 10px;border-top:1px dashed rgba(0,0,0,.08);font-size:13px}.dark-mode .ai-sources,.dark-mode .ai-teach{border-top-color:rgba(255,255,255,.1)}
.ai-sources div{margin:6px 0;line-height:1.35}.ai-sources small{display:block;color:#667781;margin-top:2px}.dark-mode .ai-sources small{color:#aebac1}
.ai-lead{padding:8px 14px;font-size:13px;background:rgba(17,184,134,.06);border-top:1px solid rgba(17,184,134,.1);border-bottom:1px solid rgba(17,184,134,.08)}
.ai-teach textarea{width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:10px;margin-top:8px;font:inherit;background:#fff;color:#111b21}.dark-mode .ai-teach textarea{background:#0b141a;color:#e9edef;border-color:rgba(255,255,255,.12)}
.ai-teach button{margin-top:8px;border:0;background:#0a8f67;color:#fff;border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer}
.ai-metrics .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:950px){.ai-metrics .metric-grid{grid-template-columns:1fr 1fr}.ai-sources,.ai-teach{padding-left:12px;padding-right:12px}}

/* v3.4.62 - AI Assistant easy setup UI */
body.page-ai-assistant-v362{overflow:hidden;background:#eef3f7}
body.page-ai-assistant-v362 main{height:calc(100vh - 72px);overflow:hidden;min-height:0}
.ai-page-v362{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:18px clamp(12px,2vw,24px);background:linear-gradient(135deg,#eef7ff,#f8fbff)}
.ai-shell-v362{max-width:1320px;margin:0 auto 28px;min-width:0}
.ai-top-v362{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:20px 22px;box-shadow:0 16px 40px rgba(15,23,42,.08);margin-bottom:16px}
.ai-title-block-v362{min-width:0}.ai-eyebrow-v362{display:inline-flex;font-size:12px;font-weight:1000;color:#0369a1;background:#e0f2fe;border-radius:999px;padding:6px 10px;margin-bottom:8px}.ai-top-v362 h1{margin:0;font-size:clamp(26px,4vw,42px);line-height:1;letter-spacing:-.04em}.ai-top-v362 p{margin:8px 0 0;color:#54656f;line-height:1.45;max-width:760px}.ai-top-actions-v362{display:flex;gap:12px;align-items:center;flex:none}.ai-status-card-v362{border-radius:18px;border:1px solid #e5e7eb;padding:11px 13px;min-width:138px;background:#f8fafc}.ai-status-card-v362 span{display:block;font-size:11px;text-transform:uppercase;color:#64748b;font-weight:1000}.ai-status-card-v362 strong{display:block;margin-top:3px}.ai-status-card-v362.on{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.ai-status-card-v362.off{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.ai-layout-v362{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}.ai-side-v362{position:sticky;top:0;display:grid;gap:14px;max-height:calc(100vh - 110px);overflow:auto;padding-right:2px}.ai-main-v362{display:grid;gap:14px;min-width:0;padding-bottom:86px}.ai-card-v362{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.06);min-width:0}.ai-card-v362 h2{margin:0;font-size:18px;letter-spacing:-.02em}.ai-card-v362 p{color:#54656f;line-height:1.45}.ai-setup-v362 ol{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.ai-setup-v362 li{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:11px}.ai-setup-v362 li span,.ai-step-badge-v362{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--shopro-blue),var(--shopro-blue-dark));color:#fff;font-weight:1000;flex:none}.ai-mini-metrics-v362,.ai-full-metrics-v362{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.ai-mini-metrics-v362 div,.ai-full-metrics-v362 div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px;min-width:0}.ai-mini-metrics-v362 strong,.ai-full-metrics-v362 strong{display:block;font-size:20px;line-height:1.1;word-break:break-word}.ai-mini-metrics-v362 span,.ai-full-metrics-v362 span{display:block;color:#64748b;font-size:12px;font-weight:800;margin-top:4px}.ai-quick-actions-v362{display:grid;gap:10px}.ai-quick-actions-v362 h2{margin-bottom:2px}.ai-quick-actions-v362 .secondary-btn{width:100%;text-align:center;text-decoration:none}.ai-section-head-v362{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.ai-section-head-v362>div{min-width:0}.ai-section-head-v362 h2{display:inline-block;margin:0 0 0 8px;vertical-align:middle}.ai-section-head-v362 p{margin:7px 0 0}.ai-grid-v362{display:grid;gap:12px;min-width:0}.ai-grid-v362.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-grid-v362.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-grid-v362.tight{margin-top:12px}.ai-grid-v362 .span-2{grid-column:1/-1}.ai-section-v362 label,.ai-advanced-v362 label{display:flex;flex-direction:column;gap:6px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:13px;margin:0;min-width:0;font-size:13px}.ai-section-v362 label strong,.ai-advanced-v362 label strong{font-size:13px;color:#0f172a}.ai-section-v362 label small,.ai-advanced-v362 label small{color:#64748b;font-size:12px;line-height:1.35}.ai-section-v362 input,.ai-section-v362 select,.ai-section-v362 textarea,.ai-advanced-v362 input,.ai-advanced-v362 select,.ai-advanced-v362 textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #cfd8e3;border-radius:13px;padding:12px 13px;font:inherit;background:#fff}.ai-section-v362 textarea{min-height:82px;resize:vertical}.ai-toggle-v362{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:14px}.ai-toggle-v362 span{min-width:0}.ai-toggle-v362 input[type=checkbox]{width:24px!important;height:24px;min-width:24px;accent-color:#0a8f67}.ai-platform-grid-v362{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ai-platform-card-v362{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;text-align:center;gap:9px;min-height:112px;cursor:pointer;border-radius:20px!important;transition:.16s ease}.ai-platform-card-v362:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08)}.ai-platform-card-v362 input{width:20px!important;height:20px;accent-color:#0a8f67}.ai-platform-card-v362 span{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff}.ai-platform-card-v362 span svg{width:18px;height:18px}.ai-platform-card-v362.whatsapp span{background:#25d366}.ai-platform-card-v362.messenger span{background:linear-gradient(135deg,#00b2ff,#006aff)}.ai-platform-card-v362.instagram span{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fd5949 45%,#d6249f 60%,#285AEB 90%)}.ai-platform-card-v362.tiktok span{background:#111827}.ai-advanced-v362{border:1px dashed #cbd5e1;border-radius:18px;padding:0;margin-top:13px;background:#fbfdff;overflow:hidden}.ai-advanced-v362 summary{padding:14px 16px;font-weight:1000;cursor:pointer;background:#f8fafc}.ai-advanced-v362[open] summary{border-bottom:1px dashed #cbd5e1}.ai-advanced-v362>p,.ai-advanced-v362>.ai-grid-v362,.ai-advanced-v362>label{margin:14px}.ai-sync-box-v362{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;background:linear-gradient(135deg,#ecfdf5,#eff6ff);border:1px solid #bfdbfe;border-radius:18px;padding:14px}.ai-sync-box-v362 p{margin:4px 0 0;font-size:13px}.ai-savebar-v362{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(1320px,calc(100vw - 28px));display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid rgba(15,23,42,.1);box-shadow:0 -12px 40px rgba(15,23,42,.12);border-radius:20px;padding:12px 14px;z-index:80}.ai-savebar-v362 span{color:#64748b;font-weight:900}.primary-btn.ai-save-main-v362,.ai-savebar-v362 .primary-btn{min-width:150px}.primary-btn,.secondary-btn{border:0;border-radius:14px;padding:12px 16px;font-weight:1000;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-btn{background:linear-gradient(135deg,#0aa06e,#087b56);color:#fff;box-shadow:0 10px 22px rgba(10,143,103,.18)}.secondary-btn{background:#e7f7f1;color:#0a5f46}.ai-results-v362{margin-bottom:8px}.ai-full-metrics-v362{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}#aiStatusBox{white-space:pre-wrap;max-height:340px;overflow:auto;background:#0b141a;color:#e9edef;border-radius:16px;padding:14px;font-size:12px;line-height:1.45;word-break:break-word;margin:0}
body.dark-mode.page-ai-assistant-v362{background:#07111f}.dark-mode .ai-page-v362{background:linear-gradient(135deg,#07111f,#0b141a)}.dark-mode .ai-top-v362,.dark-mode .ai-card-v362,.dark-mode .ai-savebar-v362{background:#111b21;border-color:#243442;color:#e9edef}.dark-mode .ai-top-v362 p,.dark-mode .ai-card-v362 p,.dark-mode .ai-section-v362 label small,.dark-mode .ai-advanced-v362 label small,.dark-mode .ai-mini-metrics-v362 span,.dark-mode .ai-full-metrics-v362 span,.dark-mode .ai-savebar-v362 span{color:#9fb5ca}.dark-mode .ai-setup-v362 li,.dark-mode .ai-mini-metrics-v362 div,.dark-mode .ai-full-metrics-v362 div,.dark-mode .ai-section-v362 label,.dark-mode .ai-advanced-v362,.dark-mode .ai-advanced-v362 summary{background:#0b141a;border-color:#243442;color:#e9edef}.dark-mode .ai-section-v362 label strong,.dark-mode .ai-advanced-v362 label strong{color:#e9edef}.dark-mode .ai-section-v362 input,.dark-mode .ai-section-v362 select,.dark-mode .ai-section-v362 textarea,.dark-mode .ai-advanced-v362 input,.dark-mode .ai-advanced-v362 select,.dark-mode .ai-advanced-v362 textarea{background:#07111f;color:#e9edef;border-color:#334155}.dark-mode .ai-status-card-v362{background:#0b141a;border-color:#243442}.dark-mode .ai-sync-box-v362{background:#0b141a;border-color:#243442}
@media(max-width:1080px){.ai-layout-v362{grid-template-columns:1fr}.ai-side-v362{position:relative;top:auto;max-height:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible;padding:0}.ai-setup-v362{grid-column:1/-1}.ai-grid-v362.three{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-platform-grid-v362{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-full-metrics-v362{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.page-ai-assistant-v362{overflow:hidden}.topbar.simple-topbar{display:none!important}body.page-ai-assistant-v362 main{height:100dvh!important;overflow:hidden!important}.ai-page-v362{height:100dvh;padding:10px;background:#f6f8fb}.ai-shell-v362{margin:0 0 18px}.ai-top-v362{border-radius:18px;padding:15px;align-items:flex-start;flex-direction:column;margin-bottom:10px}.ai-top-actions-v362{width:100%;justify-content:space-between}.ai-status-card-v362{flex:1;min-width:0}.ai-save-main-v362{display:none!important}.ai-layout-v362{gap:10px}.ai-side-v362{display:block}.ai-side-v362 .ai-metric-card-v362,.ai-side-v362 .ai-setup-v362{display:none}.ai-card-v362{border-radius:18px;padding:14px}.ai-main-v362{gap:10px;padding-bottom:92px}.ai-section-head-v362 h2{font-size:17px}.ai-section-head-v362 p{font-size:13px}.ai-grid-v362.two,.ai-grid-v362.three{grid-template-columns:1fr}.ai-grid-v362 .span-2{grid-column:auto}.ai-platform-grid-v362{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ai-platform-card-v362{min-height:98px;padding:12px!important}.ai-toggle-v362{align-items:flex-start}.ai-toggle-v362 input[type=checkbox]{margin-top:2px}.ai-sync-box-v362{align-items:stretch;flex-direction:column}.ai-sync-box-v362 .secondary-btn{width:100%}.ai-full-metrics-v362{grid-template-columns:1fr 1fr}.ai-savebar-v362{left:10px;right:10px;bottom:10px;transform:none;width:auto;border-radius:18px;padding:10px}.ai-savebar-v362 span{font-size:12px}.ai-savebar-v362 .primary-btn{min-width:128px;padding:12px 14px}.ai-quick-actions-v362{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.ai-quick-actions-v362 h2{display:none}.ai-quick-actions-v362 a{grid-column:1/-1}.ai-advanced-v362>p,.ai-advanced-v362>.ai-grid-v362,.ai-advanced-v362>label{margin:10px}#aiStatusBox{max-height:260px}.ai-top-v362 h1{font-size:28px}.ai-top-v362 p{font-size:13px}}
@media(max-width:430px){.ai-page-v362{padding:8px}.ai-platform-grid-v362,.ai-full-metrics-v362{grid-template-columns:1fr}.ai-savebar-v362{display:grid;grid-template-columns:1fr}.ai-savebar-v362 .primary-btn{width:100%}.ai-top-actions-v362{display:grid;grid-template-columns:1fr}.ai-status-card-v362{width:100%}}

/* v3.4.63 - AI Website Sync button fix */
.ai-sync-box-v362 .secondary-btn.is-loading,
.ai-quick-actions-v362 .secondary-btn.is-loading{
  opacity:.78;
  cursor:progress;
  position:relative;
}
.ai-sync-box-v362 .secondary-btn:disabled,
.ai-quick-actions-v362 .secondary-btn:disabled{
  opacity:.72;
  cursor:not-allowed;
}
#aiLastSyncText{
  font-weight:900;
  color:#0a5f46;
  word-break:break-word;
}
.dark-mode #aiLastSyncText{color:#86efac;}

/* v3.4.64 - AI status clarity and activation flow */
.ai-status-card-v362 small{display:block;margin-top:4px;color:rgba(84,101,111,.95);font-weight:800;line-height:1.25;font-size:11px}.ai-status-card-v362.ready,.ai-status-card-v362.on{border-color:rgba(10,143,103,.35);background:linear-gradient(135deg,#ecfdf5,#ffffff)}.ai-status-card-v362.setup{border-color:rgba(245,158,11,.35);background:linear-gradient(135deg,#fffbeb,#ffffff)}.ai-status-card-v362.disabled,.ai-status-card-v362.off{border-color:rgba(239,68,68,.24);background:linear-gradient(135deg,#fff1f2,#ffffff)}.ai-readiness-v364{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.ai-readiness-v364 h2{margin:0 0 6px;font-size:18px}.ai-readiness-v364 p{margin:0 0 10px;color:#54656f;font-weight:800}.ai-readiness-v364 ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ai-readiness-v364 li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;color:#334155;font-weight:800}.ai-readiness-v364 li:before{content:'✓';width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#dcfce7;color:#15803d;font-size:12px;font-weight:1000}.ai-readiness-v364 li.needs:before{content:'!';background:#fee2e2;color:#b91c1c}.ai-readiness-v364 li.warn:before{content:'i';background:#fef3c7;color:#92400e}.ai-readiness-actions-v364{display:grid;gap:9px;min-width:190px}.ai-readiness-actions-v364 .primary-btn,.ai-readiness-actions-v364 .secondary-btn{width:100%}@media(max-width:760px){.ai-readiness-v364{flex-direction:column;margin-bottom:10px}.ai-readiness-actions-v364{width:100%;grid-template-columns:1fr 1fr}.ai-readiness-v364 h2{font-size:17px}.ai-readiness-v364 li{font-size:12px}.ai-status-card-v362 small{font-size:10px}.ai-status-card-v362{min-width:0}}
.dark-mode .ai-readiness-v364 li{color:#d7dee3}.dark-mode .ai-status-card-v362.ready,.dark-mode .ai-status-card-v362.setup,.dark-mode .ai-status-card-v362.disabled{background:#111b21;border-color:rgba(255,255,255,.12)}.dark-mode .ai-status-card-v362 small{color:#aebac1}

/* v3.4.65 - AI Auto Reply top toggle and staff-only AI labels */
.ai-master-switch-v365{display:flex;align-items:center;gap:10px;border:1px solid rgba(10,143,103,.22);background:#f0fdf4;border-radius:18px;padding:10px 12px;min-width:178px;cursor:pointer;user-select:none;box-shadow:0 8px 20px rgba(10,143,103,.08)}
.ai-master-switch-v365 span{display:flex;flex-direction:column;min-width:0;line-height:1.1}.ai-master-switch-v365 strong{font-size:13px;color:#075e54}.ai-master-switch-v365 small{font-size:10px;font-weight:900;color:#4b7f6c;margin-top:3px;white-space:nowrap}.ai-master-switch-v365 input{position:absolute;opacity:0;pointer-events:none}.ai-master-switch-v365 em{width:48px;height:28px;border-radius:999px;background:#cbd5e1;position:relative;flex:none;transition:.18s ease}.ai-master-switch-v365 em:before{content:'';position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.22);transition:.18s ease}.ai-master-switch-v365 input:checked + em{background:#00a884}.ai-master-switch-v365 input:checked + em:before{transform:translateX(20px)}
.msg-ai-label{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:3px 7px;border-radius:999px;background:rgba(0,168,132,.1);color:#05785d;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.02em}.message-bubble.outgoing .msg-ai-label{align-self:flex-end}.dark-mode .msg-ai-label{background:rgba(0,168,132,.16);color:#7ee7c2}
@media(max-width:760px){.ai-master-switch-v365{width:100%;min-width:0;justify-content:space-between}.ai-top-actions-v362{align-items:stretch}.ai-readiness-actions-v364{grid-template-columns:1fr!important}.ai-readiness-actions-v364 .primary-btn,.ai-readiness-actions-v364 .secondary-btn{width:100%}}
.dark-mode .ai-master-switch-v365{background:#0f241f;border-color:#1f6b55}.dark-mode .ai-master-switch-v365 strong{color:#e9edef}.dark-mode .ai-master-switch-v365 small{color:#9bd8c1}

/* v3.4.66 — front-end AI toggle and latest-chat ordering polish */
.front-ai-switch{display:inline-flex;align-items:center;gap:7px;height:34px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:1000;font-size:12px;cursor:pointer;user-select:none;white-space:nowrap}
.front-ai-switch input{position:absolute;opacity:0;pointer-events:none}
.front-ai-switch em{width:32px;height:18px;border-radius:999px;background:rgba(255,255,255,.28);position:relative;display:inline-block;transition:.15s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.front-ai-switch em::after{content:'';position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.15s ease;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.front-ai-switch input:checked+em{background:#25d366}
.front-ai-switch input:checked+em::after{transform:translateX(14px)}
.front-ai-switch.is-on{background:rgba(37,211,102,.20)}
.front-ai-switch input:disabled+em{opacity:.55}
body.page-inbox-whatsapp .front-ai-switch{color:#e9edef;background:#202c33;border:1px solid #2a3942}
body.page-inbox-whatsapp .front-ai-switch.is-on{border-color:#25d366;background:rgba(37,211,102,.15)}
@media(max-width:950px){
  .front-ai-switch{height:34px;padding:3px 6px;font-size:11px;gap:5px}
  .front-ai-switch em{width:30px;height:17px}.front-ai-switch em::after{width:13px;height:13px}.front-ai-switch input:checked+em::after{transform:translateX(13px)}
  body.page-inbox-whatsapp .sidebar-actions{display:flex!important;align-items:center!important;gap:6px!important;margin-left:auto!important}
}

/* v3.4.68 AI Silent Learning polish */
.ai-learning-review-v368{margin-top:18px;border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:14px;background:rgba(15,23,42,.025)}
.ai-learning-head-v368{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.ai-learning-head-v368 div{display:flex;flex-direction:column;gap:3px}
.ai-learning-head-v368 strong{font-size:15px;color:var(--text, #111827)}
.ai-learning-head-v368 small{font-size:12px;color:var(--muted, #64748b)}
.ai-empty-v368{margin:0;color:var(--muted,#64748b);font-size:13px;line-height:1.5}
.ai-learning-list-v368{display:grid;gap:10px;max-height:360px;overflow:auto;padding-right:4px}
.ai-learning-item-v368{border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(255,255,255,.72);padding:12px;display:grid;gap:8px}
.dark .ai-learning-item-v368{background:rgba(15,23,42,.45)}
.ai-learning-item-v368>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted,#64748b)}
.ai-learning-item-v368>div span{text-transform:capitalize;font-weight:700;color:var(--accent,#0f766e)}
.ai-learning-item-v368 p{margin:0;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.ai-learning-item-v368 footer{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
@media (max-width: 720px){.ai-learning-review-v368{padding:12px;border-radius:14px}.ai-learning-list-v368{max-height:300px}.ai-learning-item-v368 footer{justify-content:stretch}.ai-learning-item-v368 footer button{flex:1}}

/* v3.4.69: AI learning review and latest-chat polish */
.ai-learning-item-v368{position:relative;overflow:visible;color:var(--text,#111827)!important}
.ai-learning-meta-v369{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted,#64748b);margin-bottom:4px}
.ai-learning-meta-v369 span{text-transform:capitalize;font-weight:800;color:var(--accent,#0f766e)}
.ai-learning-visible-v369{display:grid!important;gap:10px!important}
.ai-learning-visible-v369 section{border:1px solid rgba(148,163,184,.28);border-radius:13px;padding:10px 11px;background:rgba(248,250,252,.92)}
.dark .ai-learning-visible-v369 section{background:rgba(15,23,42,.78);border-color:rgba(148,163,184,.25)}
.ai-learning-visible-v369 strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#64748b);margin-bottom:5px}
.ai-learning-visible-v369 p,.ai-learning-full-v369 p{margin:0!important;color:var(--text,#111827)!important;font-size:14px!important;line-height:1.55!important;white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:anywhere!important;max-height:none!important;opacity:1!important}
.dark .ai-learning-visible-v369 p,.dark .ai-learning-full-v369 p{color:#e5e7eb!important}
.ai-learning-reply-v369{border-color:rgba(16,185,129,.35)!important;background:rgba(236,253,245,.8)!important}
.dark .ai-learning-reply-v369{background:rgba(6,78,59,.24)!important}
.ai-learning-full-v369{border:1px dashed rgba(148,163,184,.35);border-radius:12px;padding:9px 10px;background:rgba(255,255,255,.55)}
.dark .ai-learning-full-v369{background:rgba(15,23,42,.38)}
.ai-learning-full-v369 summary{cursor:pointer;font-weight:800;font-size:12px;color:var(--accent,#0f766e);user-select:none}
.ai-learning-item-v368 footer{position:relative;z-index:5;display:flex!important;gap:10px!important;justify-content:flex-end!important;align-items:center!important;margin-top:2px!important}
.ai-learning-item-v368 footer button{min-height:40px;pointer-events:auto!important;cursor:pointer!important;min-width:110px}
.danger-soft-v369{border-color:rgba(239,68,68,.35)!important;color:#b91c1c!important;background:rgba(254,242,242,.9)!important}
.dark .danger-soft-v369{background:rgba(127,29,29,.25)!important;color:#fecaca!important}
.contact-row{transition:background .15s ease, transform .15s ease}
.contact-row.has-new-message-v369{background:rgba(34,197,94,.09)!important}
@media (max-width:720px){.ai-learning-list-v368{max-height:60vh!important}.ai-learning-visible-v369 section{padding:10px}.ai-learning-item-v368 footer{display:grid!important;grid-template-columns:1fr 1fr}.ai-learning-item-v368 footer button{width:100%;min-width:0}.ai-learning-meta-v369{align-items:flex-start}.ai-learning-visible-v369 p{font-size:13.5px!important}}


/* v3.4.70 repair: clearer WhatsApp API-unknown messages, AI settings scroll fix, zoom-safe layout */
.unsupported-card.api-unknown{background:#fff7ed;border-color:#fed7aa;color:#7c2d12;}
.unsupported-card.api-unknown strong::before{content:'⚠ ';}
.unsupported-card.api-unknown details{opacity:.9;}
body.page-ai-assistant-v362{overflow:auto!important;background:#eef3f7!important;}
body.page-ai-assistant-v362 main{height:auto!important;min-height:calc(100vh - 72px)!important;overflow:visible!important;}
.ai-page-v362{height:auto!important;min-height:calc(100vh - 72px)!important;overflow:visible!important;padding:18px 0 110px!important;}
.ai-shell-v362{width:min(1320px,calc(100% - 24px));max-width:1320px;margin:0 auto!important;}
.ai-layout-v362{align-items:start;grid-template-columns:minmax(250px,320px) minmax(0,1fr);}
.ai-main-v362,.ai-side-v362,.ai-card-v362{min-width:0;}
.ai-card-v362{overflow-wrap:anywhere;}
.ai-section-v362 input,.ai-section-v362 select,.ai-section-v362 textarea,.ai-advanced-v362 input,.ai-advanced-v362 select,.ai-advanced-v362 textarea{font-size:16px;}
.ai-side-v362{top:12px;}
.ai-learning-visible-v369 p,.ai-learning-full-v369 p{white-space:pre-wrap;overflow-wrap:anywhere;}
@media(max-width:980px){.ai-layout-v362{grid-template-columns:1fr!important}.ai-side-v362{position:static!important;max-height:none!important;overflow:visible!important;padding-right:0!important}.ai-side-v362 .ai-metric-card-v362,.ai-side-v362 .ai-setup-v362{display:block}.ai-top-v362{flex-wrap:wrap}}
@media(max-width:760px){body.page-ai-assistant-v362{overflow:auto!important}body.page-ai-assistant-v362 main{height:auto!important;min-height:100dvh!important;overflow:visible!important}.ai-page-v362{height:auto!important;min-height:100dvh!important;overflow:visible!important;padding:10px 0 105px!important}.ai-shell-v362{width:calc(100% - 16px)!important}.ai-top-v362,.ai-card-v362{border-radius:16px!important}.ai-top-actions-v362,.ai-section-head-v362{display:grid!important;grid-template-columns:1fr!important}.ai-quick-actions-v362{position:static!important;grid-template-columns:1fr!important}.ai-platform-grid-v362{grid-template-columns:1fr 1fr!important}.ai-full-metrics-v362,.ai-mini-metrics-v362{grid-template-columns:1fr 1fr!important}.ai-savebar-v362{position:fixed!important;left:8px!important;right:8px!important;width:auto!important;bottom:8px!important;transform:none!important}}
@media(max-width:420px){.ai-platform-grid-v362,.ai-full-metrics-v362,.ai-mini-metrics-v362{grid-template-columns:1fr!important}.ai-savebar-v362{display:grid!important;grid-template-columns:1fr!important}.ai-savebar-v362 .primary-btn{width:100%}}

/* ===== v3.4.71 chat order, date stickies and speed polish ===== */
.chat-date-separator{
  position:sticky;
  top:8px;
  z-index:3;
  display:flex;
  justify-content:center;
  pointer-events:none;
  margin:10px 0 12px;
}
.chat-date-separator span{
  background:rgba(255,255,255,.84);
  color:#64748b;
  border:1px solid rgba(15,23,42,.06);
  border-radius:999px;
  padding:6px 12px;
  font-size:12px;
  font-weight:900;
  box-shadow:0 6px 16px rgba(15,23,42,.08);
  backdrop-filter:blur(8px);
}
body.dark-mode .chat-date-separator span,
body.page-inbox-whatsapp.dark-mode .chat-date-separator span{
  background:rgba(17,24,39,.88);
  color:#cbd5e1;
  border-color:rgba(148,163,184,.18);
}
.contact-list.is-switching-platform::before{
  content:'Loading chats...';
  display:block;
  padding:16px;
  text-align:center;
  color:var(--muted);
  font-weight:800;
}
@media(max-width:760px){
  .chat-date-separator{top:7px;margin:8px 0 10px;}
  .chat-date-separator span{font-size:11px;padding:5px 10px;}
}

/* v3.4.73 - AI chat panel opening + scroll repair */
.chat-active{position:relative!important;min-width:0;}
.ai-assist-panel{
  position:absolute!important;
  top:72px!important;
  right:14px!important;
  width:min(430px, calc(100% - 28px))!important;
  max-height:calc(100dvh - 180px)!important;
  overflow:auto!important;
  z-index:80!important;
  margin:0!important;
  -webkit-overflow-scrolling:touch;
}
.ai-assist-panel.hidden{display:none!important;}
.ai-assist-panel .ai-panel-head{position:sticky;top:0;z-index:2;}
@media(max-width:760px){
  .ai-assist-panel{
    left:8px!important;
    right:8px!important;
    top:auto!important;
    bottom:calc(var(--composer-height, 74px) + 8px)!important;
    width:auto!important;
    max-height:min(70dvh, 560px)!important;
    border-radius:18px!important;
    box-shadow:0 -12px 36px rgba(0,0,0,.22)!important;
  }
  .ai-assist-panel .ai-actions{display:grid!important;grid-template-columns:1fr!important;}
  .ai-assist-panel .ai-insight{align-items:flex-start!important;flex-direction:column!important;}
}

/* v3.4.74 - compact in-chat WooCommerce order drawer */
.chat-order-panel{margin:8px 14px 0;border:1px solid rgba(2,132,199,.20);background:rgba(255,255,255,.98);border-radius:16px;box-shadow:0 12px 32px rgba(15,23,42,.10);overflow:hidden;z-index:6;max-height:min(62vh,620px);display:flex;flex-direction:column}.chat-order-panel.hidden{display:none!important}.chat-order-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:linear-gradient(135deg,#0284c7,#0a8f67);color:#fff}.chat-order-head strong{display:block;font-size:15px}.chat-order-head small{display:block;opacity:.9;font-size:11px;margin-top:1px}.chat-order-head button{border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:10px;width:30px;height:30px;font-size:18px;cursor:pointer}.chat-order-body{padding:12px 14px;overflow:auto}.order-smart-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.order-smart-row small{color:#64748b;font-size:12px;text-align:right}.order-smart-btn{border:0;background:#e0f2fe;color:#075985;border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer}.order-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.order-compact-grid label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:900;color:#475569}.order-compact-grid label.span-2{grid-column:1/-1}.order-compact-grid input,.order-compact-grid select{width:100%;border:1px solid #dbe3ee;border-radius:11px;background:#fff;color:#0f172a;padding:9px 10px;font-size:13px;outline:none}.order-compact-grid input:focus,.order-compact-grid select:focus{border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.10)}.order-product-search{display:flex;align-items:stretch;gap:8px;margin-top:10px}.order-product-search>button{border:0;background:#0f172a;color:#fff;border-radius:12px;padding:9px 12px;font-weight:900;cursor:pointer;white-space:nowrap}.order-selected-product{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:1px solid #dbe3ee;background:#f8fafc;border-radius:13px;padding:7px}.order-selected-product img,.order-selected-product>span{width:42px;height:42px;border-radius:10px;object-fit:cover;background:#e2e8f0;display:inline-flex;align-items:center;justify-content:center}.order-selected-product div{min-width:0}.order-selected-product strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-selected-product small{display:block;color:#64748b;font-size:11px}.order-selected-product button{margin-left:auto;border:0;background:#e2e8f0;border-radius:9px;width:26px;height:26px;cursor:pointer}.order-product-results{display:grid;gap:7px;margin-top:9px}.order-product-row{width:100%;display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:13px;padding:8px;cursor:pointer}.order-product-row:hover{background:#f8fafc}.order-product-row img,.order-product-placeholder{width:40px;height:40px;border-radius:10px;object-fit:cover;background:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.order-product-row span{min-width:0}.order-product-row strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-product-row small{display:block;color:#64748b;font-size:11px}.order-mini-empty{margin-top:9px;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:13px;padding:10px;color:#64748b;font-size:12px;text-align:center}.order-total-card{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;border-radius:13px;background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d}.order-total-card span{font-size:12px;font-weight:800}.order-total-card strong{font-size:15px}.order-actions{display:grid;margin-top:10px}.order-submit-btn{border:0;background:linear-gradient(135deg,#0a8f67,#11b886);color:#fff;border-radius:13px;padding:11px 13px;font-weight:1000;cursor:pointer}.order-submit-btn:disabled{opacity:.6;cursor:not-allowed}.order-note{margin:8px 2px 0;color:#64748b;font-size:11px}.order-result{border-radius:13px;padding:10px 12px;margin-bottom:10px;font-size:13px;font-weight:800}.order-result.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.order-result.err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.order-result a{font-weight:1000;text-decoration:underline}.dark-mode .chat-order-panel,body.page-inbox-whatsapp .chat-order-panel{background:#111b21;color:#e9edef;border-color:#2a3942}.dark-mode .chat-order-body,body.page-inbox-whatsapp .chat-order-body{background:#111b21}.dark-mode .order-compact-grid label,body.page-inbox-whatsapp .order-compact-grid label{color:#aebac1}.dark-mode .order-compact-grid input,.dark-mode .order-compact-grid select,.dark-mode .order-product-row,.dark-mode .order-selected-product,body.page-inbox-whatsapp .order-compact-grid input,body.page-inbox-whatsapp .order-compact-grid select,body.page-inbox-whatsapp .order-product-row,body.page-inbox-whatsapp .order-selected-product{background:#202c33;color:#e9edef;border-color:#2a3942}.dark-mode .order-mini-empty,body.page-inbox-whatsapp .order-mini-empty{background:#0b141a;border-color:#2a3942;color:#aebac1}.dark-mode .order-smart-row small,body.page-inbox-whatsapp .order-smart-row small,.dark-mode .order-note,body.page-inbox-whatsapp .order-note{color:#aebac1}
@media(max-width:950px){.chat-order-panel{position:fixed!important;left:0!important;right:0!important;bottom:calc(56px + env(safe-area-inset-bottom))!important;max-height:70dvh!important;margin:0!important;border-radius:20px 20px 0 0!important;z-index:55!important}.order-compact-grid{grid-template-columns:1fr 1fr;gap:8px}.order-smart-row{align-items:stretch;flex-direction:column}.order-smart-row small{text-align:left}.order-product-search{flex-direction:column}.order-total-card{justify-content:space-between}.chat-tools .tool-btn#orderDrawerBtn{display:inline-flex}}
@media(max-width:520px){.order-compact-grid{grid-template-columns:1fr}.order-compact-grid label.span-2{grid-column:auto}.chat-order-body{padding:10px}.order-total-card{display:grid;grid-template-columns:1fr}.order-product-row strong,.order-selected-product strong{white-space:normal}.tool-btn#orderDrawerBtn::before{content:'🧾';font-size:18px}}
@media(max-width:950px){body.page-inbox-whatsapp .tool-btn#orderDrawerBtn::before{content:'🧾';font-size:18px}}

/* v3.4.75 - visible in-chat order drawer launcher */
.chat-active{position:relative;}
.chat-order-fab{
  position:absolute;
  right:18px;
  bottom:82px;
  z-index:18;
  border:0;
  border-radius:999px;
  padding:10px 14px;
  background:linear-gradient(135deg,#0a8f67,#11b886);
  color:#fff;
  font-weight:1000;
  box-shadow:0 10px 28px rgba(10,143,103,.30);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:calc(100% - 32px);
}
.chat-order-fab:hover,.chat-order-fab.active{transform:translateY(-1px);filter:brightness(1.03);}
.chat-tools #orderDrawerBtn{display:inline-flex!important;align-items:center;justify-content:center;background:#e8f7f1;color:#0a8f67;border-color:rgba(10,143,103,.22);font-weight:900;}
body.page-inbox-whatsapp .chat-tools #orderDrawerBtn{background:#00a884!important;color:#fff!important;border-color:#00a884!important;}
body.page-inbox-whatsapp .chat-tools #orderDrawerBtn::before{content:'🧾';font-size:16px;margin-right:4px;}
@media(max-width:950px){
  .chat-order-fab{position:fixed;right:12px;bottom:calc(68px + env(safe-area-inset-bottom));padding:9px 12px;font-size:13px;z-index:58;}
  .chat-order-panel:not(.hidden) + .product-lookup-panel{display:none!important;}
  body:not(.chat-open) .chat-order-fab{display:none!important;}
}
@media(max-width:520px){
  .chat-order-fab{font-size:0;width:48px;height:48px;border-radius:50%;padding:0;justify-content:center;}
  .chat-order-fab::before{content:'🧾';font-size:22px;}
}

/* v3.4.76 - right-side chat order tab + slide-out order drawer */
body.page-inbox-whatsapp .chat-tools #orderDrawerBtn,
.chat-tools #orderDrawerBtn{
  display:none!important;
}
.chat-active{
  position:relative!important;
  overflow:hidden!important;
}
.chat-order-edge-tab{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  z-index:62;
  border:0;
  border-radius:14px 0 0 14px;
  background:linear-gradient(135deg,#0a8f67,#11b886);
  color:#fff;
  box-shadow:0 12px 34px rgba(0,0,0,.28);
  min-width:46px;
  min-height:116px;
  padding:10px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  font-weight:1000;
  letter-spacing:.02em;
  touch-action:pan-y;
  user-select:none;
}
.chat-order-edge-tab span{font-size:21px;line-height:1;}
.chat-order-edge-tab strong{writing-mode:vertical-rl;text-orientation:mixed;font-size:13px;line-height:1;}
.chat-order-edge-tab:hover,
.chat-order-edge-tab.active{filter:brightness(1.05);box-shadow:0 16px 42px rgba(10,143,103,.35);}
body:not(.chat-open) .chat-order-edge-tab{display:none!important;}
.chat-order-panel{
  position:absolute!important;
  right:0!important;
  top:64px!important;
  bottom:76px!important;
  width:min(430px,42vw)!important;
  max-width:calc(100% - 56px)!important;
  max-height:none!important;
  margin:0!important;
  border-radius:18px 0 0 18px!important;
  border:1px solid rgba(10,143,103,.24)!important;
  border-right:0!important;
  box-shadow:-18px 0 46px rgba(0,0,0,.22)!important;
  z-index:61!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  transform:translateX(0);
  transition:transform .22s ease, opacity .18s ease;
}
.chat-order-panel.hidden{
  display:flex!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(calc(100% + 18px))!important;
}
.chat-order-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding-bottom:18px!important;}
.order-product-help{display:flex;align-items:center;color:#64748b;font-size:12px;line-height:1.25;min-width:0;padding:0 2px;}
body.page-inbox-whatsapp .order-product-help,
.dark-mode .order-product-help{color:#aebac1;}
.order-compact-grid label:first-child::after{content:'Do not use the username unless the customer provided it.';font-size:10px;font-weight:700;color:#94a3b8;margin-top:-1px;}
.order-smart-row small{line-height:1.3;}
@media(max-width:950px){
  .chat-order-edge-tab{
    position:fixed!important;
    right:0!important;
    top:52%!important;
    min-height:104px;
    min-width:43px;
    border-radius:14px 0 0 14px;
    z-index:75!important;
    padding:9px 7px;
  }
  .chat-order-edge-tab strong{font-size:12px;}
  .chat-order-panel{
    position:fixed!important;
    top:auto!important;
    left:auto!important;
    right:0!important;
    bottom:calc(56px + env(safe-area-inset-bottom))!important;
    width:min(430px,94vw)!important;
    max-width:94vw!important;
    max-height:74dvh!important;
    border-radius:20px 0 0 20px!important;
    border-right:0!important;
    z-index:74!important;
  }
  .chat-order-panel.hidden{transform:translateX(calc(100% + 16px))!important;}
  .order-compact-grid{grid-template-columns:1fr!important;}
  .order-compact-grid label.span-2{grid-column:auto!important;}
}
@media(max-width:520px){
  .chat-order-edge-tab{min-height:92px;min-width:40px;}
  .chat-order-edge-tab span{font-size:19px;}
  .chat-order-panel{width:96vw!important;max-width:96vw!important;}
}

/* v3.4.77 - order tab polish, existing-order guard, backdrop close, mobile-safe form */
.chat-order-backdrop{
  position:absolute;
  inset:64px 0 76px 0;
  background:rgba(15,23,42,.38);
  backdrop-filter:blur(1px);
  z-index:60;
  opacity:1;
  transition:opacity .18s ease;
}
.chat-order-backdrop.hidden{display:none!important;opacity:0!important;pointer-events:none!important;}
.order-existing-card{
  display:grid;
  gap:8px;
  margin-bottom:10px;
  padding:11px;
  border-radius:15px;
  border:1px solid #fed7aa;
  background:#fff7ed;
  color:#7c2d12;
}
.order-existing-card strong{display:block;font-size:13px;line-height:1.25;}
.order-existing-card small{display:block;font-size:11px;line-height:1.35;color:#9a3412;margin-top:2px;}
.order-existing-row{
  border:1px solid rgba(251,146,60,.28);
  background:rgba(255,255,255,.72);
  border-radius:12px;
  padding:8px 9px;
}
.order-existing-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.order-existing-actions button{
  border:0;
  border-radius:12px;
  padding:9px 10px;
  font-weight:1000;
  cursor:pointer;
}
.order-existing-actions button:first-child{background:#ffedd5;color:#9a3412;}
.order-existing-actions button:last-child{background:#0a8f67;color:#fff;}
.chat-order-panel{will-change:transform;}
.chat-order-body{overscroll-behavior:contain;}
.order-compact-grid input,.order-compact-grid select{font-size:16px;}
.order-product-results{max-height:240px;overflow:auto;overscroll-behavior:contain;padding-right:2px;}
body.order-drawer-open .chat-order-edge-tab{right:min(430px,42vw);}
body.page-inbox-whatsapp .order-existing-card,.dark-mode .order-existing-card{background:#2a2115;border-color:#7c4a18;color:#ffd7a8;}
body.page-inbox-whatsapp .order-existing-card small,.dark-mode .order-existing-card small{color:#f8c78f;}
body.page-inbox-whatsapp .order-existing-row,.dark-mode .order-existing-row{background:#1b252b;border-color:#5b3a19;}
@media(max-width:950px){
  .chat-order-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.46);z-index:73;}
  body.order-drawer-open .chat-order-edge-tab{right:min(430px,94vw);}
  .chat-order-panel{height:auto!important;max-height:78dvh!important;}
  .chat-order-head{padding:12px 14px!important;}
  .chat-order-body{padding:12px!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;}
  .order-existing-actions{grid-template-columns:1fr;}
  .order-compact-grid input,.order-compact-grid select{min-height:42px;}
  .order-submit-btn{min-height:46px;font-size:15px;}
  .order-product-row{min-height:58px;}
  .order-product-results{max-height:28dvh;}
}
@media(max-width:520px){
  body.order-drawer-open .chat-order-edge-tab{right:calc(96vw - 1px);}
  .chat-order-panel{border-radius:18px 0 0 18px!important;}
  .order-smart-btn,.order-product-search>button{min-height:42px;}
}

/* v3.4.79 - order autofill payment/notes polish */
.order-optional{margin-top:10px;border:1px solid #dbe3ee;background:#f8fafc;border-radius:13px;padding:10px 12px;}
.order-optional summary{font-weight:1000;font-size:13px;color:#075985;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.order-optional summary::after{content:'+';font-size:18px;line-height:1;}
.order-optional[open] summary::after{content:'–';}
.order-optional label{display:flex;flex-direction:column;gap:5px;margin-top:9px;font-size:11px;font-weight:900;color:#475569;}
.order-optional textarea{min-height:64px;border:1px solid #dbe3ee;border-radius:11px;background:#fff;color:#0f172a;padding:9px 10px;font-size:13px;resize:vertical;}
.order-paid-check{flex-direction:row!important;align-items:center!important;gap:8px!important;background:#fff;border:1px solid #dbe3ee;border-radius:11px;padding:9px 10px;color:#0f172a!important;}
.order-paid-check input{width:auto!important;min-height:0!important;transform:scale(1.05);}
.order-optional small{display:block;margin-top:7px;color:#64748b;font-size:11px;line-height:1.35;}
.dark-mode .order-optional,body.page-inbox-whatsapp .order-optional{background:#0b141a;border-color:#2a3942;}
.dark-mode .order-optional summary,body.page-inbox-whatsapp .order-optional summary{color:#86efac;}
.dark-mode .order-optional label,body.page-inbox-whatsapp .order-optional label{color:#aebac1;}
.dark-mode .order-optional textarea,body.page-inbox-whatsapp .order-optional textarea,.dark-mode .order-paid-check,body.page-inbox-whatsapp .order-paid-check{background:#202c33;color:#e9edef;border-color:#2a3942;}
.dark-mode .order-optional small,body.page-inbox-whatsapp .order-optional small{color:#aebac1;}
@media(max-width:520px){.order-optional{padding:9px 10px}.order-optional textarea{min-height:58px;font-size:16px}.order-paid-check{font-size:13px}}


.profile-safety-warning{margin:12px 0;padding:12px 14px;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.10);border-radius:16px;color:#92400e;display:grid;gap:4px;font-size:13px;line-height:1.35}.profile-safety-warning strong{font-size:14px}.profile-safety-warning span{color:#92400e}.profile-row.warning strong{color:#b45309}.dark .profile-safety-warning{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.28);color:#fbbf24}.dark .profile-safety-warning span{color:#fde68a}

/* v3.5.03 instant chat cache: hide loading flashes while messages are warming in the background. */
.chat-day.quiet-loading{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;box-shadow:none!important;background:transparent!important;}
.message-area.is-warming{scroll-behavior:auto!important;}

/* v3.5.04 - stable, attractive one-click Shopro order form */
.chat-order-panel{
  overflow-anchor:none!important;
  contain:layout paint!important;
}
.chat-order-body{
  scroll-behavior:auto!important;
  overflow-anchor:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.order-head-polished{
  background:linear-gradient(135deg,#0a8f67 0%,#06b6d4 52%,#2563eb 100%)!important;
  box-shadow:0 10px 28px rgba(6,182,212,.22)!important;
}
.order-body-polished{
  background:linear-gradient(180deg,rgba(240,253,250,.92),rgba(248,250,252,.98))!important;
}
.order-ready-card{
  background:linear-gradient(135deg,rgba(236,253,245,.98),rgba(224,242,254,.95))!important;
  border:1px solid rgba(14,165,233,.22)!important;
  border-radius:16px!important;
  padding:10px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
}
.order-ready-card small{
  color:#075985!important;
  font-weight:900!important;
}
.order-easy-grid{
  background:#ffffff!important;
  border:1px solid rgba(203,213,225,.9)!important;
  border-radius:18px!important;
  padding:12px!important;
  box-shadow:0 10px 24px rgba(15,23,42,.07)!important;
}
.order-easy-grid label{
  color:#0f766e!important;
  font-size:12px!important;
  letter-spacing:.01em!important;
}
.order-easy-grid input,
.order-easy-grid select,
.order-optional textarea{
  min-height:44px!important;
  border-radius:14px!important;
  border:1px solid #cbd5e1!important;
  background:#f8fafc!important;
  transition:border-color .14s ease, box-shadow .14s ease, background .14s ease!important;
}
.order-easy-grid input:focus,
.order-easy-grid select:focus,
.order-optional textarea:focus{
  background:#fff!important;
  border-color:#0a8f67!important;
  box-shadow:0 0 0 4px rgba(10,143,103,.13)!important;
}
.order-product-search>button{
  background:linear-gradient(135deg,#0f172a,#334155)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.16)!important;
}
.order-submit-btn{
  min-height:52px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#0a8f67,#10b981,#06b6d4)!important;
  box-shadow:0 12px 28px rgba(16,185,129,.28)!important;
  font-size:16px!important;
  letter-spacing:.02em!important;
}
.order-submit-btn.is-submitting{
  filter:saturate(.9)!important;
  position:relative!important;
}
.order-submit-btn.is-submitting::after{
  content:'';
  display:inline-block;
  width:14px;
  height:14px;
  margin-left:9px;
  border:2px solid rgba(255,255,255,.48);
  border-top-color:#fff;
  border-radius:50%;
  vertical-align:-2px;
  animation:shoproOrderSpin .75s linear infinite;
}
@keyframes shoproOrderSpin{to{transform:rotate(360deg)}}
.order-total-card{
  background:linear-gradient(135deg,#dcfce7,#cffafe)!important;
  border-color:#86efac!important;
  color:#064e3b!important;
  box-shadow:0 8px 20px rgba(16,185,129,.12)!important;
}
.order-submitted-screen-notice{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(.94);
  z-index:9999;
  width:min(720px,calc(100vw - 28px));
  padding:26px 28px;
  border-radius:28px;
  background:linear-gradient(135deg,#0a8f67,#10b981,#06b6d4);
  color:#fff;
  text-align:center;
  font-weight:1000;
  font-size:clamp(28px,6vw,58px);
  letter-spacing:.02em;
  box-shadow:0 28px 90px rgba(0,0,0,.38);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}
.order-submitted-screen-notice.show{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
body.page-inbox-whatsapp .order-body-polished,
.dark-mode .order-body-polished{
  background:linear-gradient(180deg,#111b21,#0b141a)!important;
}
body.page-inbox-whatsapp .order-ready-card,
.dark-mode .order-ready-card{
  background:linear-gradient(135deg,rgba(6,95,70,.35),rgba(8,47,73,.35))!important;
  border-color:#2a3942!important;
}
body.page-inbox-whatsapp .order-ready-card small,
.dark-mode .order-ready-card small{
  color:#86efac!important;
}
body.page-inbox-whatsapp .order-easy-grid,
.dark-mode .order-easy-grid{
  background:#172229!important;
  border-color:#2a3942!important;
}
body.page-inbox-whatsapp .order-easy-grid input,
body.page-inbox-whatsapp .order-easy-grid select,
body.page-inbox-whatsapp .order-optional textarea,
.dark-mode .order-easy-grid input,
.dark-mode .order-easy-grid select,
.dark-mode .order-optional textarea{
  background:#0b141a!important;
  color:#e9edef!important;
  border-color:#2a3942!important;
}
body.page-inbox-whatsapp .order-easy-grid input:focus,
body.page-inbox-whatsapp .order-easy-grid select:focus,
body.page-inbox-whatsapp .order-optional textarea:focus,
.dark-mode .order-easy-grid input:focus,
.dark-mode .order-easy-grid select:focus,
.dark-mode .order-optional textarea:focus{
  background:#111b21!important;
  border-color:#0a8f67!important;
}
@media(max-width:950px){
  .chat-order-panel{bottom:calc(56px + env(safe-area-inset-bottom))!important;}
  .order-easy-grid{padding:10px!important;}
  .order-submitted-screen-notice{border-radius:22px;padding:22px 16px;}
}

/* v3.5.08 instant UI: avoid visible slow transitions while the inbox refreshes. */
.message-area{scroll-behavior:auto!important;}
.contact-list,.message-area{contain:content;}
.contact-row,.message-bubble{transition:none!important;}

/* v3.5.09 Premium Speed Rebuild */
.contact-initial-avatar{background:linear-gradient(135deg,#e0f2fe,#dcfce7)!important;color:#075985;display:flex;align-items:center;justify-content:center;font-weight:1000;border:1px solid rgba(14,165,233,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.contact-initial-avatar.whatsapp{background:linear-gradient(135deg,#dcfce7,#ecfeff)!important;color:#075e54}
.contact-initial-avatar.messenger,.contact-initial-avatar.facebook{background:linear-gradient(135deg,#dbeafe,#eef2ff)!important;color:#1d4ed8}
.contact-initial-avatar.instagram{background:linear-gradient(135deg,#fce7f3,#ffedd5)!important;color:#be185d}
.contact-initial-avatar.tiktok{background:linear-gradient(135deg,#e2e8f0,#f8fafc)!important;color:#0f172a}
.contact-initial-avatar .avatar-initials{font-size:14px;line-height:1;letter-spacing:.02em}
body.dark-mode .contact-initial-avatar{background:#162736!important;color:#e9edef;border-color:#26343d}
body.page-inbox-whatsapp .contact-row{will-change:background;transform:none!important;contain:layout paint style;}
body.page-inbox-whatsapp .message-area{contain:layout paint style;content-visibility:auto;}
body.page-inbox-whatsapp .message-bubble{contain:layout paint style;}
body.page-inbox-whatsapp .chat-header,body.page-inbox-whatsapp .composer{backface-visibility:hidden;transform:translateZ(0);}
.chat-active,.contact-list,.message-area{scroll-behavior:auto!important;}
.contact-row:hover{transform:none!important;box-shadow:none!important;}

/* v3.5.10 Fast customer profile photos */
.contact-photo-avatar{background:linear-gradient(135deg,#e0f2fe,#dcfce7)!important;overflow:visible;display:flex;align-items:center;justify-content:center}
.contact-photo-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#e2e8f0;z-index:1}
.contact-photo-avatar .avatar-channel{z-index:3}
.contact-photo-avatar .avatar-initials-fallback{display:none;z-index:2;font-size:14px;line-height:1;font-weight:1000;color:#075985}
.contact-photo-avatar.avatar-image-error .avatar-initials-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.contact-photo-avatar.avatar-image-error{background:linear-gradient(135deg,#e0f2fe,#dcfce7)!important;color:#075985}
body.dark-mode .contact-photo-avatar.avatar-image-error{background:#162736!important;color:#e9edef}

/* v3.5.11 Advanced chat actions: pin, reply, delete, quick menu */
.more-tool-btn{position:relative}
.chat-tools{position:relative}
.chat-more-menu{position:absolute;right:12px;top:58px;z-index:55;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 44px rgba(15,23,42,.18);border-radius:16px;padding:8px;min-width:210px;display:grid;gap:6px}
.chat-more-menu button{border:0;background:#f8fafc;color:#0f172a;border-radius:12px;padding:11px 13px;text-align:left;font-weight:800;cursor:pointer}
.chat-more-menu button:hover{background:#e9f9ef;color:#0f8a3d}
.pin-badge{display:inline-flex;align-items:center;justify-content:center;margin-right:5px;font-size:12px;vertical-align:middle}
.contact-swipe-wrap.pinned .contact-row{background:linear-gradient(90deg,rgba(17,185,84,.08),rgba(255,255,255,.98))}
.contact-swipe-wrap.pinned .contact-row.active{background:linear-gradient(90deg,rgba(17,185,84,.16),rgba(236,253,245,.98))}
.swipe-actions{gap:6px}
.swipe-actions button[data-contact-pin-state]{background:#0f172a;color:#fff}
.reply-preview{display:flex;align-items:center;gap:10px;margin:0 0 7px;padding:9px 11px;border-left:4px solid #17b854;background:#ecfdf5;border-radius:12px;color:#0f172a;font-size:13px;box-shadow:0 3px 12px rgba(15,23,42,.08)}
.reply-preview.hidden{display:none!important}
.reply-preview span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.reply-preview button{border:0;background:#d1fae5;color:#065f46;border-radius:999px;width:26px;height:26px;font-weight:900;cursor:pointer}
.msg-quote{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;margin:0 0 7px;padding:7px 9px;border:0;border-left:3px solid rgba(15,138,61,.8);border-radius:9px;background:rgba(236,253,245,.88);color:#0f172a;cursor:pointer}
.message-bubble.outgoing .msg-quote{background:rgba(255,255,255,.7)}
.msg-quote strong{font-size:11px;color:#0f8a3d;text-transform:uppercase;letter-spacing:.04em}
.msg-quote span{font-size:12px;opacity:.88;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.message-row{position:relative}
.message-bubble{position:relative}
.msg-actions{position:absolute;top:-13px;right:8px;display:flex;gap:4px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .12s ease, transform .12s ease;z-index:6}
.message-row.incoming .msg-actions{left:8px;right:auto}
.message-row:hover .msg-actions,.message-row:focus-within .msg-actions{opacity:1;transform:translateY(0);pointer-events:auto}
.msg-actions button{border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;box-shadow:0 8px 22px rgba(15,23,42,.12);cursor:pointer}
.msg-actions button:hover{background:#0f8a3d;color:#fff;border-color:#0f8a3d}
.msg-deleted{font-style:italic;color:#64748b;background:rgba(148,163,184,.12);border-radius:12px;padding:8px 10px}
.message-focus-flash .message-bubble{animation:shoproMsgFlash 1.2s ease}
@keyframes shoproMsgFlash{0%,100%{box-shadow:0 2px 10px rgba(15,23,42,.08)}30%{box-shadow:0 0 0 4px rgba(34,197,94,.28),0 12px 32px rgba(15,23,42,.18)}}
@media (max-width:950px){.chat-more-menu{right:8px;top:54px;min-width:190px}.msg-actions{opacity:1;position:static;justify-content:flex-end;margin:-2px 0 5px;transform:none;pointer-events:auto}.message-row.incoming .msg-actions{justify-content:flex-start}.msg-actions button{padding:3px 7px}.reply-preview{margin-bottom:6px}}
body.dark .chat-more-menu{background:#111827;border-color:rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.4)}
body.dark .chat-more-menu button{background:#1f2937;color:#f8fafc}
body.dark .chat-more-menu button:hover{background:#14532d;color:#dcfce7}
body.dark .reply-preview,body.dark .msg-quote{background:rgba(20,83,45,.55);color:#f8fafc}
body.dark .reply-preview button{background:#166534;color:#dcfce7}
body.dark .msg-actions button{background:#111827;color:#f8fafc;border-color:rgba(255,255,255,.14)}
body.dark .msg-deleted{background:rgba(148,163,184,.16);color:#cbd5e1}

/* ===== Shopro Inbox v3.5.12 unsupported WhatsApp item polish ===== */
.unsupported-card.soft{
  border-color:rgba(14,165,233,.22)!important;
  background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(240,253,250,.96))!important;
  color:#0f172a!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.unsupported-card.soft.api-unknown strong::before{content:'💬 ';}
.unsupported-card.soft strong{font-size:13.5px!important;color:#0f172a!important;}
.unsupported-card.soft small{color:#334155!important;}
.unsupported-card.soft em{display:block;margin-top:6px;font-style:normal;font-size:11px;font-weight:800;color:#64748b;}
.unsupported-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;}
.unsupported-actions button{border:0;border-radius:999px;background:#00796b;color:white;font-weight:900;font-size:12px;padding:7px 10px;cursor:pointer;box-shadow:0 8px 18px rgba(0,121,107,.18);}
.unsupported-actions button:hover{filter:brightness(1.05);}
.unsupported-card.soft details{margin-top:8px;opacity:.72;}

/* v3.5.13 - clear responsive message actions + active customer photo polish */
.chat-header .chat-profile{align-items:center;gap:14px;min-width:0;}
.chat-header #chatAvatar{display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.chat-header #chatAvatar .avatar.active-customer-avatar,
.chat-header .avatar.active-customer-avatar.large{width:58px;height:58px;border:3px solid rgba(255,255,255,.94);box-shadow:0 10px 26px rgba(15,23,42,.18);background:linear-gradient(135deg,#dbeafe,#dcfce7);}
.chat-header #chatAvatar .avatar.active-customer-avatar img{border-radius:50%;object-fit:cover;background:#e2e8f0;}
.chat-header #chatAvatar .avatar-channel{right:-2px;bottom:-2px;width:22px;height:22px;border-width:3px;}
.message-bubble .msg-actions,
body.page-inbox-whatsapp .message-bubble .msg-actions{position:static!important;inset:auto!important;top:auto!important;right:auto!important;left:auto!important;display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;opacity:1!important;transform:none!important;pointer-events:auto!important;margin:0 0 8px!important;padding:0;z-index:2;max-width:100%;}
.message-row.outgoing .message-bubble .msg-actions{justify-content:flex-end;}
.message-row.incoming .message-bubble .msg-actions{justify-content:flex-start;}
.msg-actions .msg-action-btn,
.message-bubble .msg-actions button{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-height:30px;border:1px solid rgba(15,23,42,.13)!important;background:rgba(255,255,255,.96)!important;color:#0f172a!important;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;line-height:1!important;font-weight:950!important;letter-spacing:.01em;box-shadow:0 6px 16px rgba(15,23,42,.10)!important;cursor:pointer;white-space:nowrap;touch-action:manipulation;}
.msg-actions .msg-action-btn .msg-action-icon{font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;}
.msg-actions .msg-action-btn:hover,
.msg-actions .msg-action-btn:focus-visible{background:#0f8a3d!important;color:#fff!important;border-color:#0f8a3d!important;outline:0;box-shadow:0 8px 20px rgba(15,138,61,.22)!important;}
.msg-actions .msg-action-btn.danger:hover,
.msg-actions .msg-action-btn.danger:focus-visible{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;}
.message-bubble.outgoing .msg-actions .msg-action-btn{background:rgba(255,255,255,.88)!important;}
.msg-status.sent{color:#047857;font-weight:900;}
.msg-status.sending{color:#64748b;font-weight:900;}
.msg-status.failed{color:#dc2626!important;font-weight:1000;}
body.dark-mode .msg-actions .msg-action-btn,
body.dark .msg-actions .msg-action-btn{background:#17212b!important;color:#edf7ff!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 8px 20px rgba(0,0,0,.25)!important;}
body.page-inbox-whatsapp .msg-actions .msg-action-btn{background:#f7fffb!important;color:#0b362d!important;border-color:rgba(0,168,132,.18)!important;}
body.page-inbox-whatsapp .message-bubble.outgoing .msg-actions .msg-action-btn{background:rgba(255,255,255,.94)!important;color:#073b31!important;}
body.page-inbox-whatsapp .msg-actions .msg-action-btn:hover,
body.page-inbox-whatsapp .msg-actions .msg-action-btn:focus-visible{background:#00a884!important;border-color:#00a884!important;color:#fff!important;}
body.page-inbox-whatsapp .msg-status.sent{color:#83f1c6;}
body.page-inbox-whatsapp .message-bubble.incoming .msg-status.sent{color:#047857;}
.chat-more-menu{min-width:240px;border-radius:18px;padding:9px;}
.chat-more-menu button{min-height:42px;font-size:14px;font-weight:950;}
@media(max-width:950px){
  .chat-header #chatAvatar .avatar.active-customer-avatar,
  .chat-header .avatar.active-customer-avatar.large{width:46px!important;height:46px!important;border-width:2px;}
  .chat-header #chatAvatar .avatar-channel{width:18px;height:18px;border-width:2px;}
  .message-bubble .msg-actions,
  body.page-inbox-whatsapp .message-bubble .msg-actions{gap:5px;margin-bottom:7px!important;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;max-width:100%;padding-bottom:1px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .message-bubble .msg-actions::-webkit-scrollbar{display:none;}
  .msg-actions .msg-action-btn,
  .message-bubble .msg-actions button{min-height:34px;padding:7px 10px!important;font-size:12px!important;flex:0 0 auto;}
  .chat-more-menu{position:fixed!important;right:10px!important;left:10px!important;top:70px!important;min-width:0!important;z-index:100;border-radius:18px;box-shadow:0 18px 44px rgba(15,23,42,.24);}
  .chat-more-menu button{text-align:center;min-height:46px;}
}
@media(max-width:520px){
  .chat-header{gap:6px;}
  .chat-header .chat-profile{gap:9px;}
  .chat-title{max-width:42vw;}
  .message-bubble{max-width:94%!important;}
  .msg-actions .msg-action-btn,
  .message-bubble .msg-actions button{font-size:11px!important;padding:7px 9px!important;}
  .msg-actions .msg-action-btn .msg-action-icon{font-size:12px;}
}
@media(max-width:380px){
  .chat-title{max-width:34vw;}
  .msg-actions .msg-action-btn,
  .message-bubble .msg-actions button{padding:7px 8px!important;}
}
/* v3.5.13 - mobile header action icons must remain visible */
@media(max-width:950px){
  .tool-btn#aiAssistBtn::before{content:'AI';font-size:12px;font-weight:1000;}
  .tool-btn#orderDrawerBtn::before{content:'🧾';font-size:18px;}
  .tool-btn#chatMoreBtn::before{content:'⋯';font-size:24px;line-height:1;font-weight:1000;}
  .tool-btn#chatMoreBtn[aria-expanded="true"]::before{content:'×';font-size:22px;}
}


/* v3.5.13 final override: ensure actions and customer photo are never hidden on any device. */
body.page-inbox-whatsapp .message-bubble, .message-bubble{overflow:visible!important;}
body.page-inbox-whatsapp .message-bubble .msg-actions, .message-bubble .msg-actions{position:static!important;display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important;gap:6px!important;flex-wrap:wrap!important;margin:0 0 8px!important;overflow:visible!important;}
body.page-inbox-whatsapp .message-bubble .msg-action-btn, .message-bubble .msg-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:32px!important;border-radius:999px!important;font-weight:1000!important;white-space:nowrap!important;}
.chat-header #chatAvatar .active-customer-avatar.contact-photo-avatar img{display:block!important;opacity:1!important;visibility:visible!important;}
.chat-header #chatAvatar .active-customer-avatar.avatar-image-error .avatar-initials-fallback{display:flex!important;}
@media(max-width:950px){body.page-inbox-whatsapp .message-bubble .msg-actions, .message-bubble .msg-actions{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}body.page-inbox-whatsapp .message-bubble .msg-actions::-webkit-scrollbar,.message-bubble .msg-actions::-webkit-scrollbar{display:none!important}.message-bubble .msg-action-btn{flex:0 0 auto!important;}}

/* v3.5.13 final polish: profile photo visibility + clearer action controls */
.chat-profile{cursor:pointer;outline:none;}
.chat-profile:focus-visible{border-radius:14px;box-shadow:0 0 0 3px rgba(0,168,132,.28);}
.active-customer-avatar .avatar-initials-fallback{display:none!important;}
.active-customer-avatar.avatar-image-error .avatar-initials-fallback{display:none!important;}
.chat-more-menu button{display:flex!important;align-items:center;gap:10px;}
.chat-more-menu button span{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:rgba(15,23,42,.06);font-weight:1000;}
body.dark-mode .chat-more-menu button span,body.dark .chat-more-menu button span{background:rgba(255,255,255,.12);}
@media(max-width:950px){
  .chat-profile{min-height:46px;}
  .chat-more-menu button{justify-content:flex-start!important;text-align:left!important;}
}

/* v3.5.14 - quieter message actions: smaller, hidden until hover/tap */
body.page-inbox-whatsapp .message-bubble,
.message-bubble{overflow:visible!important;}
body.page-inbox-whatsapp .message-bubble .msg-actions,
.message-bubble .msg-actions{
  position:absolute!important;
  top:-10px!important;
  right:8px!important;
  left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  max-width:min(92vw, 430px)!important;
  margin:0!important;
  padding:2px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.12)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(3px) scale(.98)!important;
  pointer-events:none!important;
  transition:opacity .11s ease, transform .11s ease, visibility .11s ease!important;
  z-index:12!important;
  overflow:visible!important;
}
.message-row.incoming .message-bubble .msg-actions,
body.page-inbox-whatsapp .message-row.incoming .message-bubble .msg-actions{left:8px!important;right:auto!important;justify-content:flex-start!important;}
.message-bubble:hover .msg-actions,
.message-row:hover .message-bubble .msg-actions,
.message-row:focus-within .message-bubble .msg-actions,
.message-row.actions-open .message-bubble .msg-actions,
body.page-inbox-whatsapp .message-bubble:hover .msg-actions,
body.page-inbox-whatsapp .message-row:hover .message-bubble .msg-actions,
body.page-inbox-whatsapp .message-row:focus-within .message-bubble .msg-actions,
body.page-inbox-whatsapp .message-row.actions-open .message-bubble .msg-actions{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
  pointer-events:auto!important;
}
.msg-actions .msg-action-btn,
.message-bubble .msg-actions button,
body.page-inbox-whatsapp .message-bubble .msg-action-btn{
  min-height:24px!important;
  height:24px!important;
  padding:3px 7px!important;
  gap:3px!important;
  font-size:10px!important;
  line-height:1!important;
  border-radius:999px!important;
  box-shadow:none!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:rgba(255,255,255,.96)!important;
  color:#0f172a!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.msg-actions .msg-action-btn .msg-action-icon{font-size:10px!important;line-height:1!important;}
.msg-actions .msg-action-btn:hover,
.msg-actions .msg-action-btn:focus-visible,
body.page-inbox-whatsapp .msg-actions .msg-action-btn:hover,
body.page-inbox-whatsapp .msg-actions .msg-action-btn:focus-visible{background:#0f8a3d!important;border-color:#0f8a3d!important;color:#fff!important;}
.msg-actions .msg-action-btn.danger:hover,
.msg-actions .msg-action-btn.danger:focus-visible{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;}
body.dark-mode .message-bubble .msg-actions,
body.dark .message-bubble .msg-actions{background:rgba(17,24,39,.86)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 10px 22px rgba(0,0,0,.25)!important;}
body.dark-mode .msg-actions .msg-action-btn,
body.dark .msg-actions .msg-action-btn{background:rgba(31,41,55,.96)!important;color:#edf7ff!important;border-color:rgba(255,255,255,.14)!important;}
@media(max-width:950px){
  body.page-inbox-whatsapp .message-bubble .msg-actions,
  .message-bubble .msg-actions{top:-8px!important;max-width:calc(100vw - 48px)!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
  body.page-inbox-whatsapp .message-bubble .msg-actions::-webkit-scrollbar,
  .message-bubble .msg-actions::-webkit-scrollbar{display:none!important;}
  .msg-actions .msg-action-btn,
  .message-bubble .msg-actions button{flex:0 0 auto!important;min-height:24px!important;height:24px!important;padding:3px 7px!important;font-size:10px!important;}
}
@media(max-width:520px){
  .msg-actions .msg-action-btn,
  .message-bubble .msg-actions button{padding:3px 6px!important;font-size:9.5px!important;}
  .msg-actions .msg-action-btn .msg-action-icon{font-size:10px!important;}
}

/* v3.5.14 - compact hover-only message actions */
.message-row{position:relative;}
.message-bubble{position:relative;overflow:visible!important;}
body.page-inbox-whatsapp .message-bubble .msg-actions,
.message-bubble .msg-actions{
  position:absolute!important;
  top:-26px!important;
  right:4px!important;
  left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  flex-wrap:nowrap!important;
  max-width:min(92vw,520px)!important;
  margin:0!important;
  padding:2px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(3px) scale(.98)!important;
  transition:opacity .12s ease, transform .12s ease, visibility .12s ease!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  z-index:30!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.70)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.10)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.message-bubble .msg-actions::-webkit-scrollbar{display:none!important;}
.message-row.incoming .message-bubble .msg-actions,
body.page-inbox-whatsapp .message-row.incoming .message-bubble .msg-actions{left:4px!important;right:auto!important;justify-content:flex-start!important;}
.message-bubble:hover .msg-actions,
.message-bubble:focus-within .msg-actions,
.message-row.action-open .message-bubble .msg-actions,
body.page-inbox-whatsapp .message-bubble:hover .msg-actions,
body.page-inbox-whatsapp .message-bubble:focus-within .msg-actions,
body.page-inbox-whatsapp .message-row.action-open .message-bubble .msg-actions{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}
.msg-actions .msg-action-btn,
.message-bubble .msg-actions button,
body.page-inbox-whatsapp .message-bubble .msg-action-btn{
  min-height:24px!important;
  height:24px!important;
  padding:3px 6px!important;
  gap:3px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:rgba(255,255,255,.95)!important;
  color:#0f172a!important;
  box-shadow:0 4px 10px rgba(15,23,42,.08)!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.msg-actions .msg-action-btn .msg-action-icon{font-size:10px!important;line-height:1!important;}
.msg-actions .msg-action-btn:hover,
.msg-actions .msg-action-btn:focus-visible,
body.page-inbox-whatsapp .msg-actions .msg-action-btn:hover,
body.page-inbox-whatsapp .msg-actions .msg-action-btn:focus-visible{background:#00a884!important;border-color:#00a884!important;color:#fff!important;}
.msg-actions .msg-action-btn.danger:hover,
.msg-actions .msg-action-btn.danger:focus-visible{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;}
body.dark-mode .message-bubble .msg-actions,
body.dark .message-bubble .msg-actions{background:rgba(17,24,39,.72)!important;box-shadow:0 10px 24px rgba(0,0,0,.28)!important;}
body.dark-mode .msg-actions .msg-action-btn,
body.dark .msg-actions .msg-action-btn{background:rgba(31,41,55,.96)!important;color:#f8fafc!important;border-color:rgba(255,255,255,.12)!important;}
@media(max-width:950px){
  body.page-inbox-whatsapp .message-bubble .msg-actions,
  .message-bubble .msg-actions{top:-25px!important;max-width:78vw!important;gap:3px!important;padding:2px!important;}
  .msg-actions .msg-action-btn,
  .message-bubble .msg-actions button{min-height:25px!important;height:25px!important;padding:3px 6px!important;font-size:10px!important;}
}
@media(max-width:420px){
  body.page-inbox-whatsapp .message-bubble .msg-actions,
  .message-bubble .msg-actions{max-width:82vw!important;}
  .msg-actions .msg-action-btn,
  .message-bubble .msg-actions button{font-size:9px!important;padding:3px 5px!important;}
  .msg-actions .msg-action-btn .msg-action-icon{font-size:9px!important;}
}
@media(hover:none){
  .message-bubble:hover .msg-actions{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
  .message-row.action-open .message-bubble .msg-actions{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;}
}

/* v3.5.14 final override - hover-only, compact, non-distracting actions */
.message-row{position:relative;}
.message-bubble{position:relative;overflow:visible!important;}
body.page-inbox-whatsapp .message-bubble .msg-actions,
.message-bubble .msg-actions{
  position:absolute!important;
  top:-10px!important;
  right:6px!important;
  left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  flex-wrap:nowrap!important;
  max-width:min(88vw,430px)!important;
  margin:0!important;
  padding:2px!important;
  border-radius:999px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(3px) scale(.98)!important;
  transition:opacity .11s ease,transform .11s ease,visibility .11s ease!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  z-index:50!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.12)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.message-bubble .msg-actions::-webkit-scrollbar{display:none!important;}
.message-row.incoming .message-bubble .msg-actions,
body.page-inbox-whatsapp .message-row.incoming .message-bubble .msg-actions{left:6px!important;right:auto!important;justify-content:flex-start!important;}
.message-bubble:hover .msg-actions,
.message-bubble:focus-within .msg-actions,
.message-row:hover .message-bubble .msg-actions,
.message-row:focus-within .message-bubble .msg-actions,
.message-row.actions-open .message-bubble .msg-actions,
.message-row.action-open .message-bubble .msg-actions,
body.page-inbox-whatsapp .message-bubble:hover .msg-actions,
body.page-inbox-whatsapp .message-bubble:focus-within .msg-actions,
body.page-inbox-whatsapp .message-row:hover .message-bubble .msg-actions,
body.page-inbox-whatsapp .message-row:focus-within .message-bubble .msg-actions,
body.page-inbox-whatsapp .message-row.actions-open .message-bubble .msg-actions,
body.page-inbox-whatsapp .message-row.action-open .message-bubble .msg-actions{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}
.msg-actions .msg-action-btn,
.message-bubble .msg-actions button,
body.page-inbox-whatsapp .message-bubble .msg-action-btn{
  min-height:23px!important;
  height:23px!important;
  padding:3px 6px!important;
  gap:3px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:rgba(255,255,255,.96)!important;
  color:#0f172a!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.msg-actions .msg-action-btn .msg-action-icon{font-size:10px!important;line-height:1!important;}
.msg-actions .msg-action-btn:hover,
.msg-actions .msg-action-btn:focus-visible,
body.page-inbox-whatsapp .msg-actions .msg-action-btn:hover,
body.page-inbox-whatsapp .msg-actions .msg-action-btn:focus-visible{background:#0f8a3d!important;border-color:#0f8a3d!important;color:#fff!important;}
.msg-actions .msg-action-btn.danger:hover,
.msg-actions .msg-action-btn.danger:focus-visible{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;}
body.dark-mode .message-bubble .msg-actions,
body.dark .message-bubble .msg-actions{background:rgba(17,24,39,.82)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 10px 22px rgba(0,0,0,.25)!important;}
body.dark-mode .msg-actions .msg-action-btn,
body.dark .msg-actions .msg-action-btn{background:rgba(31,41,55,.96)!important;color:#edf7ff!important;border-color:rgba(255,255,255,.14)!important;}
@media(max-width:950px){
  body.page-inbox-whatsapp .message-bubble .msg-actions,
  .message-bubble .msg-actions{top:-9px!important;max-width:calc(100vw - 52px)!important;}
  .msg-actions .msg-action-btn,
  .message-bubble .msg-actions button{min-height:24px!important;height:24px!important;padding:3px 6px!important;font-size:10px!important;}
}
@media(max-width:520px){
  .msg-actions .msg-action-btn,
  .message-bubble .msg-actions button{padding:3px 5px!important;font-size:9.5px!important;}
}
@media(hover:none){
  .message-bubble:hover .msg-actions,
  .message-row:hover .message-bubble .msg-actions{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
  .message-row.actions-open .message-bubble .msg-actions,
  .message-row.action-open .message-bubble .msg-actions{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;}
}


/* v3.5.15 - safe floating hover actions, profile-photo diagnostics, and search polish */
.message-area{overflow:auto!important;}
.message-row{position:relative!important;}
.message-bubble{overflow:visible!important;}
.message-bubble .msg-actions.positioned-actions,
body.page-inbox-whatsapp .message-bubble .msg-actions.positioned-actions{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  width:max-content!important;
  max-width:min(560px,calc(100vw - 18px))!important;
  padding:4px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.18)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
  z-index:999!important;
}
.message-bubble .msg-actions.positioned-actions .msg-action-btn,
.message-bubble .msg-actions.positioned-actions button{
  min-height:24px!important;
  height:auto!important;
  padding:4px 7px!important;
  font-size:10px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.message-bubble .msg-actions.actions-below::before,
.message-bubble .msg-actions.actions-above::after{content:'';position:absolute;left:18px;border:6px solid transparent;}
.message-row.outgoing .message-bubble .msg-actions.actions-below::before,
.message-row.outgoing .message-bubble .msg-actions.actions-above::after{left:auto;right:18px;}
.message-bubble .msg-actions.actions-below::before{top:-12px;border-bottom-color:rgba(255,255,255,.95);}
.message-bubble .msg-actions.actions-above::after{bottom:-12px;border-top-color:rgba(255,255,255,.95);}
body.dark-mode .message-bubble .msg-actions.positioned-actions,
body.dark .message-bubble .msg-actions.positioned-actions{background:rgba(17,24,39,.96)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 16px 36px rgba(0,0,0,.34)!important;}
.avatar-diagnostic-result{background:#0f172a;color:#e5f3ff;border-radius:14px;padding:12px;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.45;max-height:360px;overflow:auto;}
.avatar-diagnostic-copy-box{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;opacity:.01;}
.contact-copy small mark,.contact-copy small .search-hit{background:#fef08a;border-radius:5px;padding:0 2px;color:#111827;}
@media(max-width:620px){
  .message-bubble .msg-actions.positioned-actions,
  body.page-inbox-whatsapp .message-bubble .msg-actions.positioned-actions{max-width:calc(100vw - 16px)!important;gap:3px!important;padding:4px!important;border-radius:12px!important;}
  .message-bubble .msg-actions.positioned-actions .msg-action-btn,
  .message-bubble .msg-actions.positioned-actions button{font-size:9.5px!important;padding:4px 6px!important;}
}

/* v3.5.17 - WhatsApp customer identity and photo tools */
.customer-identity-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 14px;
  border-bottom:1px solid rgba(15,23,42,.08);
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,253,245,.96));
  box-shadow:0 6px 18px rgba(15,23,42,.04);
  z-index:2;
}
.customer-identity-bar.hidden{display:none!important;}
.identity-main{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.2;}
.identity-main strong{font-size:13px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw;}
.identity-main span{font-size:11px;color:#475569;font-weight:900;display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.identity-main small{font-size:10px;color:#64748b;font-weight:700;display:block;max-width:720px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.identity-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto;}
.identity-badge{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:1000;border:1px solid transparent;white-space:nowrap;}
.identity-badge.ok{background:#dcfce7;color:#166534;border-color:#86efac;}
.identity-badge.warn{background:#fff7ed;color:#9a3412;border-color:#fed7aa;}
.identity-btn{border:1px solid #dbe3ee;background:#fff;color:#0f172a;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:1000;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px rgba(15,23,42,.05);}
.identity-btn.primary{background:#0a8f67;color:#fff;border-color:#0a8f67;}
.identity-btn:hover{transform:translateY(-1px);filter:brightness(1.02);}
.msg-actions .msg-action-btn.identity,.message-bubble .msg-actions button.identity{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important;}
.msg-actions .msg-action-btn.identity:hover,.message-bubble .msg-actions button.identity:hover{background:#0a8f67!important;color:#fff!important;border-color:#0a8f67!important;}
body.dark-mode .customer-identity-bar,body.page-inbox-whatsapp.dark-mode .customer-identity-bar{background:linear-gradient(135deg,rgba(17,24,39,.96),rgba(6,78,59,.92));border-color:rgba(148,163,184,.15);}
body.dark-mode .identity-main strong,body.page-inbox-whatsapp.dark-mode .identity-main strong{color:#e5f3ff;}
body.dark-mode .identity-main span,body.dark-mode .identity-main small,body.page-inbox-whatsapp.dark-mode .identity-main span,body.page-inbox-whatsapp.dark-mode .identity-main small{color:#cbd5e1;}
body.dark-mode .identity-btn,body.page-inbox-whatsapp.dark-mode .identity-btn{background:#1f2937;color:#f8fafc;border-color:#334155;}
@media(max-width:920px){
  .customer-identity-bar{align-items:flex-start;padding:7px 10px;}
  .identity-main strong{max-width:54vw;font-size:12px;}
  .identity-main small{display:none;}
  .identity-actions{gap:4px;}
  .identity-badge{display:none;}
  .identity-btn{font-size:10px;padding:5px 7px;}
}
@media(max-width:520px){
  .customer-identity-bar{gap:6px;}
  .identity-main strong{max-width:50vw;}
  .identity-main span{font-size:10px;}
  .identity-btn{padding:5px 6px;}
}


/* v3.5.18 final premium rebuild */
.customer-identity-bar{display:none!important;}
.msg-action-btn.identity,[data-identity-action],[data-set-customer-photo]{display:none!important;}
.contact-pills{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:4px;}
.contact-custom-label{display:inline-flex;align-items:center;max-width:116px;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:800;line-height:1.3;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;background:#2563eb;box-shadow:0 4px 10px rgba(15,23,42,.10);}
.contact-custom-label.small{font-size:11px;padding:3px 8px;max-width:150px;}
.contact-custom-label.label-red,.chat-label-choice.label-red{background:#dc2626;color:#fff;}
.contact-custom-label.label-orange,.chat-label-choice.label-orange{background:#ea580c;color:#fff;}
.contact-custom-label.label-amber,.chat-label-choice.label-amber{background:#d97706;color:#fff;}
.contact-custom-label.label-yellow,.chat-label-choice.label-yellow{background:#ca8a04;color:#fff;}
.contact-custom-label.label-green,.chat-label-choice.label-green{background:#16a34a;color:#fff;}
.contact-custom-label.label-teal,.chat-label-choice.label-teal{background:#0d9488;color:#fff;}
.contact-custom-label.label-blue,.chat-label-choice.label-blue{background:#2563eb;color:#fff;}
.contact-custom-label.label-purple,.chat-label-choice.label-purple{background:#7c3aed;color:#fff;}
.contact-custom-label.label-pink,.chat-label-choice.label-pink{background:#db2777;color:#fff;}
.contact-custom-label.label-gray,.chat-label-choice.label-gray{background:#475569;color:#fff;}
.chat-more-menu.polished-menu{width:min(300px,calc(100vw - 24px));max-height:min(72vh,560px);overflow:auto;border-radius:18px;box-shadow:0 24px 70px rgba(2,6,23,.28);}
.chat-label-menu{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-top:1px solid rgba(148,163,184,.22);border-bottom:1px solid rgba(148,163,184,.22);}
.chat-label-menu strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;}
.chat-label-current{min-height:22px;display:flex;align-items:center;}
.chat-label-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.chat-label-choice{border:0;border-radius:12px;padding:8px 9px;font-weight:800;font-size:12px;cursor:pointer;text-align:center;}
.chat-label-foot{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.chat-label-foot button{border:1px solid rgba(148,163,184,.35);background:rgba(248,250,252,.9);border-radius:12px;padding:8px 9px;font-weight:800;cursor:pointer;}
@media(max-width:640px){.chat-label-grid{grid-template-columns:1fr}.contact-custom-label{max-width:96px;font-size:10px}.chat-more-menu.polished-menu{left:12px!important;right:12px!important;width:auto;}}