:root{
 --bg:#100607;--bg2:#19090b;--panel:#210b0f;--panel2:#2b1015;--panel3:#38151c;--line:rgba(255,168,179,.13);--line2:rgba(255,168,179,.24);
 --text:#fff4f6;--muted:#c39ba2;--soft:#efd4d8;--primary:#ff3b52;--primary2:#b7122a;--success:#21d7aa;--danger:#ff7180;--warning:#f5b94c;--blue:#55a9ff;--violet:#ae8bff;
 --shadow:0 22px 60px rgba(0,0,0,.34);--radius:18px;--radius-sm:12px;--sidebar:250px;--topbar:84px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(31,214,168,.08),transparent 30%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}code{font-family:"SFMono-Regular",Consolas,monospace;color:#aaf5e0}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#071916 0%,#081510 100%);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 16px 0px 16px}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:19px;letter-spacing:-.03em}.brand small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#1be3af,#0b886e);display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 10px 25px rgba(23,210,163,.25)}.brand-mark span{display:block;width:4px;border-radius:5px;background:#04130f}.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:19px}.brand-mark span:nth-child(3){height:14px}.sidebar-nav{display:flex;flex-direction:column;gap:5px;margin-top:8px;overflow:auto}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#8fb1a7;font-weight:600;transition:.2s}.nav-link:hover{color:#eafff9;background:rgba(255,255,255,.035)}.nav-link.active{color:#dcfff5;background:linear-gradient(90deg,rgba(32,217,170,.18),rgba(32,217,170,.05));box-shadow:inset 3px 0 var(--primary)}.nav-icon{width:24px;text-align:center;font-size:17px}.sidebar-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.user-chip{display:flex;align-items:center;gap:10px;padding:5px}.user-chip>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.user-chip strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip small{color:var(--muted);font-size:10px}.sidebar-actions{display:flex;gap:12px;padding:9px 5px 0;color:var(--muted);font-size:12px}.sidebar-actions a:hover{color:var(--primary)}.avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#24483e,#143129);border:1px solid rgba(158,255,227,.18);color:#dffff6;font-weight:800}.avatar-lg{width:68px;height:68px;font-size:24px}.avatar-xl{width:92px;height:92px;font-size:32px}.main-area{margin-left:var(--sidebar);min-height:100vh}.topbar{height:var(--topbar);position:sticky;top:0;z-index:30;background:rgba(6,17,15,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 30px}.topbar h1{font-size:22px;line-height:1.1;margin:3px 0 0;letter-spacing:-.03em}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--primary);font-weight:800;text-transform:uppercase}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(33,215,170,.09);border:1px solid rgba(33,215,170,.18);color:#a8e9d8;font-size:12px}.live-pill i,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary)}.status-dot.offline{background:var(--danger);box-shadow:0 0 10px var(--danger)}.page-content{padding:28px 30px 42px}.mobile-menu{display:none}.icon-button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--soft);width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{border-color:var(--line2);background:rgba(255,255,255,.07);color:#fff}.btn{border:1px solid transparent;border-radius:11px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#11a883);color:#031510;box-shadow:0 12px 30px rgba(32,214,169,.16)}.btn-secondary{background:rgba(255,255,255,.045);color:var(--soft);border-color:var(--line2)}.btn-danger{background:rgba(255,92,108,.16);color:#ffadb5;border-color:rgba(255,92,108,.24)}.btn-danger-outline{background:transparent;color:#ff9ca6;border-color:rgba(255,92,108,.35)}.btn-block{width:100%}.btn-lg{padding:13px 18px;border-radius:13px}.btn-sm{padding:7px 10px;border-radius:9px;font-size:12px}.btn.disabled,.btn:disabled{opacity:.45;pointer-events:none}.hero-panel{background:linear-gradient(120deg,rgba(20,60,49,.9),rgba(10,35,29,.82)),radial-gradient(circle at 80% 0,rgba(32,217,170,.25),transparent 35%);border:1px solid var(--line);border-radius:22px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.hero-panel h2{font-size:29px;margin:5px 0 5px;letter-spacing:-.04em}.hero-panel p,.page-toolbar p{margin:0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0}.stat-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,42,35,.92),rgba(9,29,24,.92));border-radius:16px;padding:18px;display:flex;align-items:center;gap:15px}.stat-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.teal{background:rgba(33,215,170,.13);color:var(--primary)}.stat-icon.amber{background:rgba(245,185,76,.13);color:var(--warning)}.stat-icon.blue{background:rgba(85,169,255,.13);color:var(--blue)}.stat-icon.violet{background:rgba(174,139,255,.13);color:var(--violet)}.stat-card>div{display:flex;flex-direction:column}.stat-card small{color:var(--muted)}.stat-card strong{font-size:25px;line-height:1.2}.stat-card strong em{font-size:12px;color:var(--muted);font-style:normal;margin-left:3px}.stat-card>div>span{font-size:11px;color:#64847b}.dashboard-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel-card,.table-card{border:1px solid var(--line);background:linear-gradient(150deg,rgba(14,39,33,.94),rgba(8,26,22,.94));border-radius:var(--radius);box-shadow:0 12px 35px rgba(0,0,0,.14)}.panel-card{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.panel-head h3{margin:2px 0 0;font-size:17px}.panel-head>a{color:var(--primary);font-size:12px}.conversation-mini-list{display:flex;flex-direction:column}.conversation-mini{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid var(--line)}.conversation-mini:last-child{border-bottom:0}.mini-main{min-width:0;display:flex;flex:1;flex-direction:column}.mini-main small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-meta{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.mini-meta small{color:#66877d}.mini-meta b{background:var(--primary);color:#052018;min-width:19px;height:19px;padding:0 5px;border-radius:10px;font-size:10px;display:flex;align-items:center;justify-content:center}.system-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.system-list>div{display:flex;align-items:center;gap:11px;padding:11px;border-radius:12px;background:rgba(255,255,255,.025)}.system-list p{display:flex;min-width:0;flex-direction:column;margin:0}.system-list small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.team-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.03)}.team-card>div{display:flex;min-width:0;flex:1;flex-direction:column}.team-card small{color:var(--muted);font-size:11px}.team-card>b{font-size:11px;color:var(--primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:250px;color:var(--muted)}.empty-state.compact{min-height:170px}.empty-state strong{color:var(--soft);font-size:16px}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.page-toolbar h2{margin:2px 0;font-size:25px}.account-grid,.reply-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.account-card,.reply-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,44,37,.95),rgba(8,27,22,.95));border-radius:18px;padding:18px;overflow:hidden}.account-card:before{content:"";position:absolute;right:-50px;top:-55px;width:130px;height:130px;border-radius:50%;background:rgba(31,218,170,.055)}.account-top,.reply-top,.reply-foot{display:flex;align-items:center;justify-content:space-between}.wa-orb{width:42px;height:42px;border-radius:14px;background:rgba(33,215,170,.13);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:21px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:rgba(133,164,156,.1);color:#9fbdb5}.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-connected{background:rgba(33,215,170,.1);color:#62e7c5}.status-new,.status-qr,.status-connecting{background:rgba(245,185,76,.1);color:#efc56f}.status-error,.status-disconnected,.status-logged_out{background:rgba(255,107,119,.1);color:#ff939d}.status-disabled{background:rgba(132,151,146,.1);color:#879f98}.account-card h3{margin:15px 0 2px}.account-card code{font-size:11px}.account-card p{color:var(--muted);min-height:42px}.account-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-facts span{padding:10px;border-radius:11px;background:rgba(255,255,255,.025);display:flex;flex-direction:column}.account-facts small{color:var(--muted);font-size:10px}.account-facts b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-actions{display:flex;gap:7px;margin-top:14px}.account-actions .icon-button{margin-left:auto}.inline-error{margin-top:10px;padding:8px 10px;border-radius:9px;background:rgba(255,107,119,.08);color:#e9a2a8;font-size:11px}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(1,8,7,.76);backdrop-filter:blur(8px)}.modal-dialog{position:relative;z-index:1;width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#0c211c;border:1px solid var(--line2);border-radius:19px;box-shadow:0 35px 100px rgba(0,0,0,.55)}.modal-dialog.modal-sm{width:min(390px,100%)}.modal-dialog.modal-wide{width:min(720px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-head button{border:0;background:transparent;color:var(--muted);font-size:25px}.modal-body{padding:20px}.modal-footer{padding:15px 20px;border-top:1px solid var(--line)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span,.detail-section>label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9bb8b0;font-weight:750}.field small{color:var(--muted);font-size:11px}.field input,.field select,.field textarea,.settings-form input,.settings-form select,.settings-form textarea,.detail-section select,.composer textarea,.inbox-filters input,.inbox-filters select,.chat-actions select,.reset-form input{width:100%;background:#081914;border:1px solid var(--line2);border-radius:11px;color:var(--text);padding:11px 12px;outline:none;transition:.18s}.field input:focus,.field select:focus,.field textarea:focus,.composer textarea:focus,.inbox-filters input:focus,.inbox-filters select:focus{border-color:rgba(33,215,170,.55);box-shadow:0 0 0 3px rgba(33,215,170,.08)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.check-line{display:flex;align-items:center;gap:9px;margin:8px 0 16px;color:var(--soft)}.check-line input{accent-color:var(--primary)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-card{padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);display:flex;gap:8px}.check-card input{accent-color:var(--primary)}.danger-zone{border:1px solid rgba(255,107,119,.18);background:rgba(255,107,119,.045);padding:13px;border-radius:12px;margin:14px 0}.danger-zone>strong{display:block;color:#ff9aa3;margin-bottom:8px}.danger-zone>div{display:flex;flex-wrap:wrap;gap:7px}.qr-body{text-align:center}.qr-image{width:280px;max-width:100%;background:#fff;padding:12px;border-radius:14px;margin:0 auto 12px}.qr-loading{height:280px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.table-card{overflow:hidden}.responsive-table{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}th{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#75968d;background:rgba(255,255,255,.02)}td{color:#c7ddd7}.user-cell{display:flex;align-items:center;gap:10px}.user-cell>span:last-child{display:flex;flex-direction:column}.user-cell small{color:var(--muted)}.role-badge{display:inline-flex;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:800;background:rgba(85,169,255,.1);color:#8bc5ff}.role-admin{background:rgba(174,139,255,.12);color:#c8b1ff}.role-supervisor{background:rgba(245,185,76,.12);color:#f3c66e}.role-cs{background:rgba(33,215,170,.1);color:#64dfc0}.reset-form{display:flex;gap:8px}.reset-form input{flex:1}.reply-card h3{margin:16px 0 8px}.reply-card p{color:#b4cec6;min-height:72px}.shortcut{font-family:monospace;color:var(--primary);font-size:12px}.reply-foot{border-top:1px solid var(--line);padding-top:12px}.reply-foot small{color:var(--muted)}.settings-form{max-width:820px}.inline-form{display:inline-flex;margin-top:8px}.code-box{display:flex;align-items:center;gap:9px;padding:12px;border-radius:11px;background:#071713;border:1px solid var(--line);overflow:hidden}.code-box code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.code-box button{border:0;background:transparent;color:var(--primary)}.info-list{display:flex;flex-direction:column;gap:1px;margin-top:14px}.info-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.info-list span{color:var(--muted)}.deployment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.deployment-grid>div{background:rgba(255,255,255,.025);padding:13px;border-radius:11px;display:flex;flex-direction:column;gap:4px}.deployment-grid small{color:var(--muted)}.tabs{display:flex;gap:6px;margin-bottom:14px}.tab{border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);padding:9px 13px;border-radius:10px}.tab.active{background:rgba(33,215,170,.1);border-color:rgba(33,215,170,.22);color:var(--primary)}.tab-panel{display:none}.tab-panel.active{display:block}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px}.profile-layout{display:grid;grid-template-columns:320px 1fr;gap:16px;max-width:1000px}.profile-card{text-align:center}.profile-card .avatar{margin-bottom:10px}.profile-card h2{margin:4px 0}.profile-card>p{color:var(--muted)}.separator{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:22px 0 15px}.separator:before,.separator:after{content:"";height:1px;background:var(--line);flex:1}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px;border:1px solid}.alert-success{background:rgba(33,215,170,.08);border-color:rgba(33,215,170,.2);color:#9cf0d9}.alert-danger{background:rgba(255,107,119,.08);border-color:rgba(255,107,119,.2);color:#ffb5bc}.alert-warning{background:rgba(245,185,76,.08);border-color:rgba(245,185,76,.2);color:#f4cf84}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{min-width:280px;max-width:420px;padding:12px 14px;border-radius:12px;background:#123029;border:1px solid var(--line2);box-shadow:var(--shadow);animation:toastIn .25s ease}.toast.danger{border-color:rgba(255,107,119,.3);color:#ffc0c6}.toast.success{border-color:rgba(33,215,170,.3);color:#b9f8e7}@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* Inbox */
.inbox-app{height:calc(100vh - var(--topbar) - 56px);min-height:580px;display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#081a16}.inbox-list-pane{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:#091d19}.inbox-pane-head{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;border-bottom:1px solid var(--line)}.inbox-pane-head h2{margin:2px 0 0;font-size:19px}.inbox-filters{padding:12px;border-bottom:1px solid var(--line)}.search-box{position:relative;display:flex;align-items:center}.search-box span{position:absolute;left:11px;color:var(--muted)}.search-box input{padding-left:32px}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.conversation-list{overflow:auto;min-height:0;flex:1}.conversation-item{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line);cursor:pointer;transition:.15s}.conversation-item:hover{background:rgba(255,255,255,.025)}.conversation-item.active{background:linear-gradient(90deg,rgba(33,215,170,.1),rgba(33,215,170,.02));box-shadow:inset 3px 0 var(--primary)}.conversation-body{min-width:0;flex:1}.conversation-title,.conversation-preview{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-title small{font-size:10px;color:#6b8d83}.conversation-preview span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px}.conversation-preview b{background:var(--primary);color:#052018;font-size:9px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.conversation-account{display:inline-flex;font-size:9px;padding:2px 5px;border-radius:5px;background:rgba(85,169,255,.09);color:#86c0fa;margin-top:4px}.chat-pane{position:relative;display:flex;min-width:0;background:radial-gradient(circle at 50% 0,rgba(33,215,170,.035),transparent 35%),#071713}.chat-empty{margin:auto;text-align:center;color:var(--muted);max-width:330px}.chat-empty h2{color:var(--soft)}.empty-illustration{width:90px;height:90px;margin:0 auto 15px;border-radius:28px;background:rgba(33,215,170,.07);border:1px solid rgba(33,215,170,.13);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--primary)}.chat-content{display:flex;flex:1;min-width:0;flex-direction:column}.chat-head{height:70px;display:flex;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid var(--line);background:rgba(9,29,24,.86)}.back-to-list{display:none}.chat-identity{min-width:0;display:flex;flex:1;flex-direction:column}.chat-identity strong{font-size:15px}.chat-identity small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-actions{display:flex;align-items:center;gap:7px}.chat-actions select{width:auto;padding:8px 9px}.messages{flex:1;min-height:0;overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:5px}.message-row{display:flex}.message-row.outbound{justify-content:flex-end}.message-bubble{max-width:min(72%,650px);padding:9px 11px;border-radius:5px 15px 15px 15px;background:#13362e;border:1px solid rgba(255,255,255,.035);box-shadow:0 4px 14px rgba(0,0,0,.12)}.message-row.outbound .message-bubble{border-radius:15px 5px 15px 15px;background:linear-gradient(145deg,#12664f,#0c5140)}.message-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.message-bubble img,.message-bubble video{max-width:330px;width:100%;border-radius:10px;display:block;margin-bottom:6px}.message-file{display:flex;align-items:center;gap:10px;padding:8px;border-radius:9px;background:rgba(0,0,0,.15);margin-bottom:5px}.message-file span:first-child{font-size:22px}.message-file a{color:#cbfff1}.message-meta{display:flex;justify-content:flex-end;gap:6px;margin-top:3px;color:rgba(220,245,237,.6);font-size:9px}.date-divider{align-self:center;padding:4px 9px;background:#0e2922;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:10px;margin:9px 0}.composer{border-top:1px solid var(--line);background:#1d0909;padding:8px 12px 11px}.composer form{display:flex;align-items:flex-end;gap:8px}.composer textarea{min-height:42px;max-height:120px;resize:none;padding:11px}.composer-tool,.send-button{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:13px}.composer-tool{background:rgba(255,255,255,.05);color:var(--soft);font-size:22px}.send-button{background:var(--primary);color:#052018;font-size:19px;font-weight:900}.quick-reply-bar{position:relative;margin-bottom:6px}.quick-reply-bar>button{border:0;background:transparent;color:#8fc2b5;font-size:11px}.quick-reply-menu{position:absolute;bottom:30px;left:0;width:min(420px,90vw);max-height:280px;overflow:auto;background:#102922;border:1px solid var(--line2);border-radius:13px;padding:7px;box-shadow:var(--shadow);z-index:20}.quick-reply-menu button{display:flex;width:100%;text-align:left;flex-direction:column;gap:2px;border:0;background:transparent;color:var(--soft);padding:9px;border-radius:8px}.quick-reply-menu button:hover{background:rgba(255,255,255,.05)}.quick-reply-menu b{color:var(--primary);font-size:11px}.quick-reply-menu span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-preview{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding:7px 10px;border-radius:9px;background:rgba(85,169,255,.08);color:#a8d3ff}.attachment-preview button{border:0;background:transparent;color:#fff}.detail-pane{width:310px;flex:0 0 310px;border-left:1px solid var(--line);background:#0a1e19;overflow:auto}.detail-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.detail-head h3{margin:0}.customer-profile{text-align:center;padding:24px 15px 18px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.customer-profile strong{margin-top:8px}.customer-profile small{color:var(--muted)}.detail-section{padding:14px 15px;border-bottom:1px solid var(--line)}.detail-section>label{display:block;margin-bottom:7px}.detail-section textarea{width:100%;background:#071713;color:var(--text);border:1px solid var(--line2);border-radius:10px;padding:9px}.notes-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.note-card{padding:9px;border-radius:9px;background:rgba(255,255,255,.03);font-size:11px}.note-card p{margin:0 0 5px}.note-card small{color:var(--muted)}.skeleton-list,.skeleton-chat{padding:14px;display:flex;flex-direction:column;gap:12px}.skeleton-list i,.skeleton-chat i{display:block;height:58px;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.06),rgba(255,255,255,.025));background-size:200% 100%;animation:shimmer 1.3s infinite}.skeleton-chat i{width:55%;height:50px}.skeleton-chat i:nth-child(even){align-self:flex-end;width:45%}@keyframes shimmer{to{background-position:-200% 0}}
/* Login */
.login-body{min-height:100vh;overflow-x:hidden;background:#04100d}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;position:relative;z-index:2}.login-visual{padding:42px 7vw;display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(9,44,35,.4),transparent)}.brand-login{padding-left:0}.hero-copy{margin:auto 0;max-width:670px}.hero-copy h1{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 20px}.hero-copy p{font-size:17px;color:#9bbcb3;max-width:590px}.login-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.login-metrics div{display:flex;flex-direction:column;padding:15px;border-top:1px solid var(--line)}.login-metrics strong{font-size:24px}.login-metrics span{color:var(--muted);font-size:11px}.login-panel{display:flex;align-items:center;justify-content:center;padding:30px;background:rgba(3,12,10,.5);border-left:1px solid var(--line)}.login-card{width:min(440px,100%);background:rgba(12,34,28,.86);border:1px solid var(--line2);border-radius:24px;padding:30px;box-shadow:0 40px 100px rgba(0,0,0,.4);backdrop-filter:blur(16px)}.login-card h2{font-size:27px;margin:12px 0 5px}.login-card>p{color:var(--muted);margin-top:0;margin-bottom:22px}.login-badge{display:inline-block;padding:5px 8px;border-radius:7px;background:rgba(33,215,170,.1);color:var(--primary);font-size:9px;letter-spacing:.13em;font-weight:800}.password-wrap{display:flex;background:#081914;border:1px solid var(--line2);border-radius:11px;overflow:hidden}.password-wrap input{border:0!important;border-radius:0!important}.password-wrap button{border:0;background:transparent;color:var(--primary);padding:0 12px}.login-note{text-align:center;color:#62847a;font-size:10px;margin-top:17px}.login-orb{position:fixed;border-radius:50%;filter:blur(60px);opacity:.2}.orb-a{width:420px;height:420px;background:#17d7a5;left:-160px;top:-160px}.orb-b{width:330px;height:330px;background:#14765e;right:-130px;bottom:-100px}
/* Installer */
.installer-body{min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(33,215,170,.15),transparent 35%),#06110f;padding:35px 15px}.installer-shell{width:min(1000px,100%);margin:auto}.installer-head{display:flex;align-items:center;gap:17px;margin-bottom:24px}.installer-head h1{margin:2px 0;font-size:30px}.installer-head p{margin:0;color:var(--muted)}.requirements,.installer-form,.install-success{background:rgba(12,34,28,.92);border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:15px}.requirement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.requirement{padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.025)}.requirement span{display:inline-flex;width:19px;height:19px;align-items:center;justify-content:center;border-radius:50%;margin-right:6px}.requirement.ok span{background:rgba(33,215,170,.15);color:var(--primary)}.requirement.bad span{background:rgba(255,107,119,.15);color:var(--danger)}.installer-form>section{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}.installer-form>section:first-child{padding-top:0}.step-number{width:38px;height:38px;border-radius:12px;background:rgba(33,215,170,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:900}.step-content h2{margin:4px 0 16px}.install-success{text-align:center;padding:50px 25px}.install-success>span{display:flex;width:72px;height:72px;margin:0 auto 14px;align-items:center;justify-content:center;border-radius:24px;background:rgba(33,215,170,.12);color:var(--primary);font-size:38px}.credential-box{display:flex;flex-direction:column;gap:6px;margin:18px auto;max-width:450px}.credential-box code{padding:9px;background:#061713;border-radius:9px}.warning-text{color:var(--warning)}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.account-grid,.reply-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.deployment-grid{grid-template-columns:repeat(2,1fr)}.detail-pane{position:absolute;z-index:15;right:0;top:0;bottom:0;box-shadow:-20px 0 50px rgba(0,0,0,.35)}}
@media(max-width:820px){:root{--topbar:70px}.sidebar{transform:translateX(-100%);transition:.25s;width:260px}.sidebar.open{transform:none;box-shadow:30px 0 80px rgba(0,0,0,.55)}.main-area{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 15px}.topbar .eyebrow,.live-pill{display:none}.page-content{padding:16px}.hero-panel{align-items:flex-start;flex-direction:column}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.account-grid,.reply-grid{grid-template-columns:1fr}.profile-layout{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-visual{min-height:48vh;padding:28px 24px}.hero-copy h1{font-size:42px}.login-metrics{display:none}.login-panel{border-left:0;border-top:1px solid var(--line)}.inbox-app{height:calc(100vh - var(--topbar) - 32px);grid-template-columns:1fr}.chat-pane{display:none}.inbox-app.chat-open .inbox-list-pane{display:none}.inbox-app.chat-open .chat-pane{display:flex}.back-to-list{display:inline-flex}.detail-pane{width:min(330px,100%)}.page-toolbar{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.requirement-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr}.topbar-right .avatar{display:none}}
@media(max-width:520px){.stat-grid{grid-template-columns:1fr}.hero-panel h2{font-size:24px}.login-card{padding:22px}.hero-copy h1{font-size:35px}.login-visual{min-height:42vh}.checkbox-grid,.requirement-grid{grid-template-columns:1fr}.installer-head{align-items:flex-start}.installer-head h1{font-size:23px}.installer-form>section{grid-template-columns:1fr}.chat-actions .btn{display:none}.message-bubble{max-width:88%}.messages{padding:14px 10px}.filter-row{grid-template-columns:1fr}.topbar h1{font-size:18px}}

/* OmniChat 1.2 additions */
.inline-form-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.inline-form-row .inline-form{margin:0}
.checkbox-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tag-check span{display:flex;align-items:center;gap:8px}
.tag-check span i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 10px currentColor;flex:0 0 auto}
@media(max-width:680px){.checkbox-grid.compact{grid-template-columns:1fr}.inline-form-row{align-items:stretch}.inline-form-row form,.inline-form-row button{width:100%}}
.tag-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tag-admin-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.tag-admin-card h3,.tag-admin-card p{margin:0}.tag-admin-card p{color:var(--muted);font-size:.84rem;margin-top:4px}.tag-color-preview{width:15px;height:46px;border-radius:999px;box-shadow:0 0 20px rgba(33,215,170,.18)}@media(max-width:980px){.tag-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.tag-admin-grid{grid-template-columns:1fr}}

/* OmniChat desktop notification v1.2.7 */
.notification-toggle{position:relative;min-height:38px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#9bc9bd;border-radius:12px;padding:7px 11px;display:inline-flex;align-items:center;gap:7px;transition:.18s;white-space:nowrap}
.notification-toggle:hover{border-color:var(--line2);background:rgba(255,255,255,.07);color:#effffb}
.notification-toggle[data-state="granted"]{background:rgba(33,215,170,.1);border-color:rgba(33,215,170,.22);color:#75efd0}
.notification-toggle[data-state="denied"],.notification-toggle[data-state="unsupported"]{color:#ff9da6;border-color:rgba(255,107,119,.25)}
.notification-bell{font-size:18px;line-height:1;transform:rotate(45deg);display:inline-flex}
.notification-label{font-size:11px;font-weight:750}
.notification-badge{position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#ff6573;color:#fff;border:2px solid #071614;font-size:9px;font-weight:900;box-shadow:0 5px 15px rgba(255,92,108,.28)}
@media(max-width:820px){.notification-toggle{width:38px;height:38px;padding:0;justify-content:center}.notification-label{display:none}}

/* v1.3.0: POST-only logout keeps the original sidebar link appearance. */
.sidebar-logout-form{display:inline;margin:0}.sidebar-logout-link{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.sidebar-logout-link:hover{text-decoration:underline}

/* OmniChat Hub 2.1 layout and four-provider additions */
.menu-toggle{display:inline-flex;flex:0 0 36px}.sidebar-scrim{display:none}.nav-label,.brand-copy,.user-copy{min-width:0}.sidebar,.main-area,.nav-label,.brand-copy,.user-copy,.sidebar-actions{transition:width .2s ease,margin-left .2s ease,opacity .14s ease,transform .2s ease}
@media(min-width:821px){
 html[data-sidebar-collapsed="1"]{--sidebar:82px}
 html[data-sidebar-collapsed="1"] .sidebar{padding-left:13px;padding-right:13px}
 html[data-sidebar-collapsed="1"] .brand{padding-left:8px;justify-content:center}
 html[data-sidebar-collapsed="1"] .brand-copy,html[data-sidebar-collapsed="1"] .nav-label,html[data-sidebar-collapsed="1"] .user-copy,html[data-sidebar-collapsed="1"] .sidebar-actions{display:none}
 html[data-sidebar-collapsed="1"] .nav-link{justify-content:center;padding-left:10px;padding-right:10px}
 html[data-sidebar-collapsed="1"] .nav-icon{width:28px;font-size:19px}
 html[data-sidebar-collapsed="1"] .user-chip{justify-content:center}
}
@media(max-width:820px){
 .sidebar-scrim{position:fixed;z-index:35;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}.sidebar-scrim.open{display:block}
 html[data-sidebar-collapsed="1"]{--sidebar:250px}.menu-toggle{display:inline-flex}
}
.provider-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.provider-wa{background:rgba(33,215,170,.12);color:#6ce8c7}.provider-tg{background:rgba(85,169,255,.13);color:#8bc8ff}.provider-lc{background:rgba(174,139,255,.13);color:#c8b3ff}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.channel-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,44,37,.96),rgba(8,27,22,.96));border-radius:19px;padding:19px;overflow:hidden}.channel-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-75px;background:rgba(33,215,170,.055)}.channel-head,.channel-meta,.channel-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.channel-orb{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:22px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.channel-card h3{margin:15px 0 2px;font-size:18px}.channel-card>p{color:var(--muted);min-height:42px}.channel-meta{padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.channel-meta b{color:var(--soft);font-weight:700}.channel-actions{margin-top:14px;justify-content:flex-start;flex-wrap:wrap}.channel-actions .icon-button{margin-left:auto}.integration-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.integration-guide>article{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);padding:16px}.integration-guide h3{margin:7px 0 5px}.integration-guide p{margin:0;color:var(--muted);font-size:12px}.webhook-box{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.webhook-box code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#071713;border:1px solid var(--line);padding:10px;border-radius:10px}.credential-hint{padding:11px 13px;border-radius:11px;background:rgba(85,169,255,.07);border:1px solid rgba(85,169,255,.16);color:#a9d4ff;font-size:11px;margin-bottom:14px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.feature-list span{padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.025);color:var(--soft);font-size:11px}.template-box{border:1px solid rgba(33,215,170,.18);background:rgba(33,215,170,.045);padding:10px;border-radius:11px;margin-top:7px}.template-box select,.template-box textarea{margin-top:7px}.composer-status{font-size:10px;color:var(--muted);padding:4px 2px 0}.message-error{color:#ffafb7;cursor:help}.setup-steps{counter-reset:steps;display:grid;gap:10px}.setup-step{position:relative;padding:13px 13px 13px 50px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.setup-step:before{counter-increment:steps;content:counter(steps);position:absolute;left:12px;top:12px;width:27px;height:27px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(33,215,170,.12);color:var(--primary);font-weight:900}.setup-step strong{display:block}.setup-step small{color:var(--muted)}
@media(max-width:1100px){.channel-grid,.integration-guide{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.channel-grid,.integration-guide,.feature-list{grid-template-columns:1fr}.webhook-box{grid-template-columns:1fr}.channel-actions .icon-button{margin-left:0}.topbar{gap:10px}.topbar-right{gap:7px}}


/* OmniChat Hub 2.1 WhatsApp dual-mode UI */
.provider-waqr{background:rgba(245,185,76,.13);color:#f3c66e}
.provider-intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 20px}
.provider-intro-grid>article{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(16,44,37,.76),rgba(8,27,22,.82));padding:16px;min-width:0}
.provider-intro-grid h3{margin:9px 0 5px;font-size:15px}.provider-intro-grid p{margin:0;color:var(--muted);font-size:12px}
.provider-warning{display:flex;flex-direction:column;gap:3px;padding:12px 13px;border-radius:12px;background:rgba(245,185,76,.08);border:1px solid rgba(245,185,76,.22);color:#f6d690;margin-bottom:14px}
.provider-warning span{color:#c6ad78;font-size:11px}.qr-status-line{display:flex;align-items:center;justify-content:center;gap:8px;margin:7px 0;color:var(--soft)}
.qr-status-line .status-dot{flex:0 0 7px}.qr-help{font-size:11px;line-height:1.55;margin:8px 0 14px}.status-expired{background:rgba(255,107,119,.1);color:#ff939d}
.channel-form[data-provider="whatsapp_web"] .field small{color:#9dbaaf}
@media(max-width:1180px){.provider-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.provider-intro-grid{grid-template-columns:1fr}}

/* OmniChat Hub 2.1 — channel brand icons, global notifications, and fixed inbox composer */
.channel-orb{overflow:hidden}
.channel-orb img{display:block;width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.2))}
.channel-orb-wa,.channel-orb-waqr{background:rgba(37,211,102,.08);border-color:rgba(37,211,102,.18)}
.channel-orb-tg{background:rgba(34,158,217,.09);border-color:rgba(34,158,217,.2)}
.channel-orb-lc{background:rgba(255,81,0,.08);border-color:rgba(255,81,0,.2)}

.notification-bell{transform:none;font-size:16px;line-height:1}
.notification-toggle[data-state="disabled"]{color:#85a49c;border-color:var(--line);background:rgba(255,255,255,.025)}
.notification-toggle[data-state="default"]{animation:notificationPulse 2.8s ease-in-out infinite}
@keyframes notificationPulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 5px rgba(33,215,170,.06)}}
.notification-toast{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;color:var(--text);cursor:pointer;text-decoration:none;border-color:rgba(33,215,170,.28);background:linear-gradient(145deg,#12352c,#0d2922);transition:opacity .22s ease,transform .22s ease,border-color .18s ease,background .18s ease}
.notification-toast:hover{transform:translateY(-2px);border-color:rgba(33,215,170,.5);background:linear-gradient(145deg,#174338,#103129)}
.notification-toast>img{display:block;width:42px;height:42px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.04);padding:3px}
.notification-toast-content{display:flex;min-width:0;flex-direction:column;gap:2px}
.notification-toast-content strong{font-size:13px;color:#effffb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-toast-content>span{font-size:12px;color:#c4ddd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-toast-content small{font-size:10px;color:#7fa69b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-toast-leave{opacity:0;transform:translateY(10px)}

html{min-height:100%}
body.page-inbox{height:100vh;height:100dvh;overflow:hidden}
body.page-inbox .app-shell{height:100%;min-height:0;overflow:hidden}
body.page-inbox .main-area{display:flex;height:100vh;height:100dvh;min-height:0;flex-direction:column;overflow:hidden}
body.page-inbox .topbar{flex:0 0 var(--topbar)}
body.page-inbox .page-content{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden;padding:12px 14px}
body.page-inbox .page-content>.alert{flex:0 0 auto;margin-bottom:10px}
body.page-inbox .inbox-app{flex:1 1 auto;height:auto;min-height:0;max-height:100%;overflow:hidden}
body.page-inbox .inbox-list-pane,
body.page-inbox .chat-pane,
body.page-inbox .chat-content{height:100%;min-height:0;max-height:100%;overflow:hidden}
body.page-inbox .chat-pane{align-items:stretch}
body.page-inbox .chat-content{min-width:0;flex:1 1 auto}
body.page-inbox .chat-head,
body.page-inbox .composer{flex:0 0 auto}
body.page-inbox .messages{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
body.page-inbox .composer{position:relative;z-index:12;bottom:auto;background:#1d0909;box-shadow:0 -12px 30px rgba(0,0,0,.18)}
body.page-inbox #message-form{min-height:42px;flex:0 0 auto}
body.page-inbox .detail-pane{height:100%;min-height:0;max-height:100%;overflow-y:auto}
@media(max-width:820px){
 body.page-inbox .page-content{padding:8px}
 body.page-inbox .inbox-app{border-radius:14px}
 body.page-inbox .chat-pane{height:100%}
}
.notification-bell svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* OmniChat Hub 2.1 — polished full-width inbox conversation cards */
body.page-inbox .conversation-list{
 width:100%;
 min-width:0;
 overflow-x:hidden;
 overflow-y:auto;
 padding:0;
 scrollbar-gutter:stable;
}
body.page-inbox .conversation-item{
 -webkit-appearance:none;
 appearance:none;
 display:grid;
 grid-template-columns:50px minmax(0,1fr);
 align-items:center;
 gap:12px;
 width:100%;
 max-width:100%;
 min-width:0;
 margin:0;
 padding:14px 16px;
 border:0;
 border-bottom:1px solid rgba(157,227,207,.09);
 border-radius:0;
 outline:0;
 background:transparent;
 color:var(--text);
 text-align:left;
 font:inherit;
 box-shadow:none;
 cursor:pointer;
 overflow:hidden;
 transition:background .18s ease,box-shadow .18s ease;
}
body.page-inbox .conversation-item::-moz-focus-inner{border:0;padding:0}
body.page-inbox .conversation-item:hover{
 background:linear-gradient(90deg,rgba(33,215,170,.075),rgba(33,215,170,.018));
}
body.page-inbox .conversation-item:active{
 background:linear-gradient(90deg,rgba(33,215,170,.115),rgba(33,215,170,.025));
}
body.page-inbox .conversation-item.active{
 background:linear-gradient(90deg,rgba(33,215,170,.145),rgba(33,215,170,.035));
 box-shadow:inset 4px 0 0 var(--primary);
}
body.page-inbox .conversation-item:focus{outline:0}
body.page-inbox .conversation-item:focus-visible{
 outline:0;
 box-shadow:inset 0 0 0 2px rgba(33,215,170,.42),inset 4px 0 0 var(--primary);
}
body.page-inbox .conversation-avatar-stack{
 position:relative;
 display:block;
 width:48px;
 height:48px;
 flex:0 0 48px;
}
body.page-inbox .conversation-customer-avatar{
 width:46px;
 height:46px;
 flex:0 0 46px;
 font-size:15px;
 border-color:rgba(158,255,227,.14);
 box-shadow:0 7px 18px rgba(0,0,0,.16);
}
body.page-inbox .conversation-provider-mark{
 position:absolute;
 right:-2px;
 bottom:-2px;
 display:flex;
 align-items:center;
 justify-content:center;
 width:23px;
 height:23px;
 padding:2px;
 overflow:hidden;
 border:2px solid #091d19;
 border-radius:50%;
 background:#0b211b;
 box-shadow:0 4px 12px rgba(0,0,0,.28);
}
body.page-inbox .conversation-item.active .conversation-provider-mark{border-color:#0c2b23}
body.page-inbox .conversation-provider-mark img{
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
 border-radius:50%;
}
body.page-inbox .provider-mark-wa,
body.page-inbox .provider-mark-waqr{background:rgba(37,211,102,.14)}
body.page-inbox .provider-mark-tg{background:rgba(34,158,217,.16)}
body.page-inbox .provider-mark-lc{background:rgba(255,81,0,.14)}
body.page-inbox .conversation-body{
 display:flex;
 width:100%;
 min-width:0;
 flex-direction:column;
}
body.page-inbox .conversation-title{
 display:flex;
 align-items:center;
 min-width:0;
 gap:10px;
 line-height:1.25;
}
body.page-inbox .conversation-title strong{
 min-width:0;
 flex:1 1 auto;
 overflow:hidden;
 color:#effffb;
 font-size:14px;
 font-weight:800;
 text-overflow:ellipsis;
 white-space:nowrap;
}
body.page-inbox .conversation-title small{
 flex:0 0 auto;
 color:#658a80;
 font-size:10px;
 white-space:nowrap;
}
body.page-inbox .conversation-preview{
 display:flex;
 align-items:center;
 min-width:0;
 gap:8px;
 margin-top:4px;
}
body.page-inbox .conversation-preview>span{
 min-width:0;
 flex:1 1 auto;
 overflow:hidden;
 color:#8fb0a7;
 font-size:12px;
 line-height:1.35;
 text-overflow:ellipsis;
 white-space:nowrap;
}
body.page-inbox .conversation-preview>b{
 flex:0 0 auto;
 min-width:20px;
 height:20px;
 padding:0 6px;
 border-radius:999px;
 background:var(--primary);
 color:#042018;
 font-size:10px;
 font-weight:900;
 box-shadow:0 5px 14px rgba(33,215,170,.18);
}
body.page-inbox .conversation-channel-line{
 display:flex;
 align-items:center;
 min-width:0;
 margin-top:8px;
}
body.page-inbox .conversation-account{
 display:inline-flex;
 max-width:100%;
 min-width:0;
 overflow:hidden;
 padding:4px 8px;
 border-radius:999px;
 font-size:9px;
 line-height:1.25;
 text-overflow:ellipsis;
 white-space:nowrap;
}
@media(max-width:820px){
 body.page-inbox .inbox-list-pane{width:100%;min-width:0}
 body.page-inbox .conversation-item{grid-template-columns:50px minmax(0,1fr);padding:14px 16px}
 body.page-inbox .conversation-list{width:100%}
}
@media(max-width:420px){
 body.page-inbox .conversation-item{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:13px 12px}
 body.page-inbox .conversation-avatar-stack{width:44px;height:44px}
 body.page-inbox .conversation-customer-avatar{width:42px;height:42px;flex-basis:42px}
 body.page-inbox .conversation-provider-mark{width:21px;height:21px}
 body.page-inbox .conversation-title strong{font-size:13px}
}

/* OmniChat Hub 2.1.1: Telegram account / MTProto provider */
.provider-tguser{background:rgba(34,158,217,.13);color:#9bd7ff}
.channel-orb-tguser{background:rgba(34,158,217,.09);border-color:rgba(34,158,217,.22)}
body.page-inbox .provider-mark-tguser{background:rgba(34,158,217,.16)}
.provider-intro-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.telegram-login-body{display:flex;flex-direction:column;gap:16px}
.telegram-login-status{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
.telegram-login-status .status-dot{flex:0 0 8px;width:8px;height:8px}
.telegram-login-status>div{display:flex;min-width:0;flex-direction:column}
.telegram-login-status strong{color:var(--soft)}
.telegram-login-status small{color:var(--muted);white-space:normal}
.telegram-login-status[data-state="ready"] .status-dot{background:var(--primary);box-shadow:0 0 12px var(--primary)}
.telegram-login-status[data-state="wait_qr"] .status-dot,
.telegram-login-status[data-state="wait_code"] .status-dot,
.telegram-login-status[data-state="wait_password"] .status-dot,
.telegram-login-status[data-state="connecting"] .status-dot{background:var(--warning);box-shadow:0 0 12px var(--warning)}
.telegram-login-status[data-state="error"] .status-dot,
.telegram-login-status[data-state="logged_out"] .status-dot,
.telegram-login-status[data-state="expired"] .status-dot{background:var(--danger);box-shadow:0 0 12px var(--danger)}
.telegram-login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.telegram-login-panel{min-width:0;padding:17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.022)}
.telegram-login-panel h4{margin:5px 0 14px;font-size:16px}
.telegram-login-panel .qr-image{width:250px;max-width:100%;aspect-ratio:1;object-fit:contain}
.telegram-login-panel .qr-loading{width:250px;max-width:100%;height:auto;min-height:190px;margin:0 auto 12px;border:1px dashed var(--line2);border-radius:14px;background:rgba(0,0,0,.12)}
.telegram-login-steps{margin:12px 0 15px;padding-left:21px;color:var(--muted);font-size:12px}
.telegram-login-steps li+li{margin-top:5px}
.telegram-auth-stage{margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}
.telegram-login-panel .field{margin-bottom:10px}
@media(max-width:1450px){.provider-intro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.provider-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.telegram-login-grid{grid-template-columns:1fr}}
@media(max-width:700px){.provider-intro-grid{grid-template-columns:1fr}.telegram-login-panel{padding:14px}}

/* OmniChat Hub 2.1.1 — unread counter on the Inbox sidebar menu */
.sidebar-nav .nav-link.has-unread-badge{
 position:relative;
 padding-right:48px;
 overflow:visible;
}
.sidebar-unread-badge{
 position:absolute;
 top:50%;
 right:10px;
 transform:translateY(-50%);
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:23px;
 height:23px;
 padding:0 6px;
 border:2px solid #071916;
 border-radius:999px;
 background:#ff6573;
 color:#fff;
 box-shadow:0 7px 18px rgba(255,92,108,.32);
 font-size:10px;
 font-weight:900;
 line-height:1;
 letter-spacing:-.02em;
 pointer-events:none;
 z-index:2;
}
.nav-link.active .sidebar-unread-badge{
 border-color:#0b2a22;
}
.sidebar-unread-badge-pop{
 animation:sidebarUnreadBadgePop .32s ease-out;
}
@keyframes sidebarUnreadBadgePop{
 0%{transform:translateY(-50%) scale(.72)}
 62%{transform:translateY(-50%) scale(1.16)}
 100%{transform:translateY(-50%) scale(1)}
}
@media(min-width:821px){
 html[data-sidebar-collapsed="1"] .sidebar-nav .nav-link.has-unread-badge{
  padding-left:10px;
  padding-right:10px;
 }
 html[data-sidebar-collapsed="1"] .sidebar-unread-badge{
  top:1px;
  right:1px;
  transform:none;
  min-width:19px;
  height:19px;
  padding:0 4px;
  border-width:2px;
  font-size:9px;
 }
 html[data-sidebar-collapsed="1"] .sidebar-unread-badge-pop{
  animation-name:sidebarUnreadBadgePopCollapsed;
 }
}
@keyframes sidebarUnreadBadgePopCollapsed{
 0%{transform:scale(.72)}
 62%{transform:scale(1.16)}
 100%{transform:scale(1)}
}
@media(max-width:820px){
 .sidebar-nav .nav-link.has-unread-badge{padding-right:48px}
 .sidebar-unread-badge{right:10px}
}

/* OmniChat Hub Red Full Theme */
html{scrollbar-color:#7d2635 #17080b}
body{
 background:radial-gradient(circle at 15% 0%,rgba(255,59,82,.12),transparent 31%),radial-gradient(circle at 95% 12%,rgba(151,18,42,.08),transparent 30%),var(--bg);
}
body,textarea,input,select,button{scrollbar-color:#7d2635 #17080b}
code{color:#ffb7c0}
.sidebar{background:linear-gradient(180deg,#18080b 0%,#100608 100%);border-right-color:var(--line)}
.brand-mark{background:linear-gradient(145deg,#ff5367,#b5122b);box-shadow:0 10px 28px rgba(255,59,82,.28)}
.brand-mark span{background:#2c050c}
.nav-link{color:#c2a0a6}
.nav-link:hover{color:#fff5f6;background:rgba(255,59,82,.065)}
.nav-link.active{color:#fff1f3;background:linear-gradient(90deg,rgba(255,59,82,.22),rgba(255,59,82,.055));box-shadow:inset 3px 0 var(--primary)}
.avatar{background:linear-gradient(145deg,#59232d,#321017);border-color:rgba(255,188,196,.2);color:#fff0f2}
.topbar{background:rgba(16,6,7,.9)}
.live-pill{background:rgba(33,215,170,.09);border-color:rgba(33,215,170,.2);color:#a8e9d8}
.live-pill i,.status-dot{background:var(--success);box-shadow:0 0 12px var(--success)}
.btn-primary{background:linear-gradient(135deg,#ff4d62,#bf132d);color:#fff;box-shadow:0 12px 32px rgba(255,59,82,.23)}
.btn-primary:hover{filter:brightness(1.08)}
.hero-panel{background:linear-gradient(120deg,rgba(91,18,31,.94),rgba(43,10,16,.9)),radial-gradient(circle at 82% 0,rgba(255,75,99,.3),transparent 36%)}
.stat-card{background:linear-gradient(145deg,rgba(58,17,25,.95),rgba(28,8,12,.95))}
.stat-icon.teal{background:rgba(255,59,82,.15);color:#ff7181}
.panel-card,.table-card{background:linear-gradient(150deg,rgba(52,15,22,.96),rgba(25,7,11,.96))}
.account-card,.reply-card{background:linear-gradient(145deg,rgba(58,17,25,.97),rgba(27,8,12,.97))}
.account-card:before{background:rgba(255,59,82,.075)}
.wa-orb{background:rgba(255,59,82,.14);color:#ff7181}
.modal-dialog{background:#260c12}
.field input,.field select,.field textarea,.settings-form input,.settings-form select,.settings-form textarea,.detail-section select,.composer textarea,.inbox-filters input,.inbox-filters select,.chat-actions select,.reset-form input{background:#19080b}
.field input:focus,.field select:focus,.field textarea:focus,.composer textarea:focus,.inbox-filters input:focus,.inbox-filters select:focus{border-color:rgba(255,59,82,.62);box-shadow:0 0 0 3px rgba(255,59,82,.11)}
.code-box{background:#17070a}
.tabs .tab.active,.tab.active{background:rgba(255,59,82,.13);border-color:rgba(255,59,82,.3);color:#ff8896}
.alert-success{background:rgba(33,215,170,.08);border-color:rgba(33,215,170,.22);color:#a5f4df}
.status-connected{background:rgba(33,215,170,.11);color:#64e7c6}
.status-connected i{background:currentColor;box-shadow:0 0 10px currentColor}
.notification-toggle[data-state="granted"]{background:rgba(33,215,170,.1);border-color:rgba(33,215,170,.24);color:#75efd0}
.toast{background:#40131c;border-color:rgba(255,168,179,.28)}
.notification-toast{border-color:rgba(255,59,82,.35);background:linear-gradient(145deg,#4a1621,#2a0c12)}
.notification-toast:hover{border-color:rgba(255,91,111,.62);background:linear-gradient(145deg,#5b1b29,#351019)}
.inbox-app{background:#1b090c}
.inbox-list-pane{background:#210b0f;border-right-color:var(--line)}
.chat-pane{background:radial-gradient(circle at 50% 0,rgba(255,59,82,.055),transparent 36%),#16070a}
.chat-head{background:rgba(39,12,18,.91)}
.messages{background:linear-gradient(180deg,rgba(31,8,13,.28),rgba(16,5,8,.18))}
.message-bubble{background:#3a151d;border-color:rgba(255,255,255,.045)}
.message-row.outbound .message-bubble{background:linear-gradient(145deg,#9e1931,#6f1022)}
.message-meta{color:rgba(255,226,231,.66)}
.date-divider{background:#311019}
.composer{background:#250b11}
.composer-tool{background:rgba(255,255,255,.055)}
.send-button{background:linear-gradient(135deg,#ff4d62,#c4152f);color:#fff;box-shadow:0 8px 22px rgba(255,59,82,.2)}
.quick-reply-menu{background:#38131b;border-color:var(--line2)}
.quick-reply-menu button:hover{background:rgba(255,59,82,.09)}
.detail-pane{background:#210a0f}
.detail-section textarea{background:#18070a}
.empty-illustration{background:rgba(255,59,82,.1);border-color:rgba(255,59,82,.2);color:#ff7282}
.login-body{background:#0d0406}
.login-visual{background:linear-gradient(135deg,rgba(95,15,31,.34),transparent)}
.login-panel{background:rgba(14,4,7,.58)}
.login-card{background:rgba(47,13,20,.9);border-color:var(--line2)}
.login-badge{background:rgba(255,59,82,.13);color:#ff8996}
.password-wrap{background:#19080b}
.login-orb.orb-a{background:#ff334b}
.login-orb.orb-b{background:#8f1026}
.installer-body{background:radial-gradient(circle at 50% -20%,rgba(255,59,82,.18),transparent 36%),#100607}
.requirements,.installer-form,.install-success{background:rgba(45,13,19,.94)}
.requirement.ok span{background:rgba(33,215,170,.15);color:var(--success)}
.step-number{background:rgba(255,59,82,.14);color:#ff8190}
.profile-card,.telegram-login-panel,.telegram-login-status{background-color:rgba(255,255,255,.026)}
.telegram-login-status[data-state="ready"] .status-dot{background:var(--success);box-shadow:0 0 12px var(--success)}
body.page-inbox .conversation-item:hover{background:linear-gradient(90deg,rgba(255,59,82,.1),rgba(255,59,82,.02))}
body.page-inbox .conversation-item:active{background:linear-gradient(90deg,rgba(255,59,82,.145),rgba(255,59,82,.03))}
body.page-inbox .conversation-item.active{background:linear-gradient(90deg,rgba(255,59,82,.19),rgba(255,59,82,.045));box-shadow:inset 4px 0 0 var(--primary)}
body.page-inbox .conversation-item:focus-visible{box-shadow:inset 0 0 0 2px rgba(255,59,82,.5),inset 4px 0 0 var(--primary)}
body.page-inbox .conversation-customer-avatar{border-color:rgba(255,188,196,.17)}
body.page-inbox .conversation-provider-mark{border-color:#210b0f;background:#301018}
body.page-inbox .conversation-item.active .conversation-provider-mark{border-color:#421521}
body.page-inbox .conversation-title strong{color:#fff5f6}
body.page-inbox .conversation-title small{color:#a97982}
body.page-inbox .conversation-preview>span{color:#c09ba2}
body.page-inbox .conversation-preview>b{background:linear-gradient(135deg,#ff5368,#c31530);color:#fff;box-shadow:0 5px 14px rgba(255,59,82,.24)}
.sidebar-unread-badge{border-color:#18080b;background:linear-gradient(135deg,#ff6a7b,#e51e3a);box-shadow:0 7px 18px rgba(255,59,82,.38)}
.nav-link.active .sidebar-unread-badge{border-color:#3a111b}
.provider-intro-card,.provider-card{background:linear-gradient(145deg,rgba(52,15,22,.95),rgba(24,7,11,.95))}
.channel-card{background:linear-gradient(145deg,rgba(52,15,22,.97),rgba(25,7,11,.97))}
.channel-card:before{background:rgba(255,59,82,.065)}
.channel-orb{background:rgba(255,59,82,.08);border-color:rgba(255,168,179,.16)}
.deployment-grid>div,.system-list>div,.team-card,.check-card,.note-card{background:rgba(255,255,255,.028)}
::selection{background:rgba(255,59,82,.42);color:#fff}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{background:#17080b}
*::-webkit-scrollbar-thumb{background:#6f2230;border:2px solid #17080b;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:#932d40}
/* Red Full completion overrides */
.provider-intro-grid>article{background:linear-gradient(145deg,rgba(55,16,24,.92),rgba(25,7,11,.94))}
.integration-guide>article{background:rgba(255,59,82,.035)}
.channel-card:after{background:rgba(255,59,82,.075)}
.webhook-box code{background:#17070a;border-color:var(--line)}
.setup-step:before{background:rgba(255,59,82,.15);color:#ff8996}
.hero-copy p{color:#c7a1a8}
.login-note{color:#9e7078}
.login-metrics span{color:#b88e96}
.credential-box code{background:#17070a}
.channel-form[data-provider="whatsapp_web"] .field small{color:#c39ba2}