/* AZEE SMS Pro v8 · framework-inspired components, no React runtime required */
:root{--v8-blue:#276ff2;--v8-cyan:#08b5df;--v8-deep:#0e2452;--v8-ring:rgba(42,122,242,.20);--v8-card-shadow:0 14px 42px rgba(30,66,124,.075);--v8-glass:rgba(255,255,255,.94)}
[data-theme="dark"]{--v8-blue:#7eacff;--v8-cyan:#4fd9fa;--v8-deep:#eaf3ff;--v8-ring:rgba(126,172,255,.26);--v8-card-shadow:0 14px 42px rgba(0,0,0,.22);--v8-glass:rgba(21,32,52,.96)}
html{scroll-padding-top:78px}body{min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a,button{touch-action:manipulation}
:where(.panel,.metric,.auth-card,.v5-category-card,.v5-feature-card,.v5-hero,.v5-buy-panel){border-radius:clamp(15px,1.3vw,22px);box-shadow:var(--v8-card-shadow)}
:where(.panel,.metric,.v5-category-card,.v5-feature-card):hover{border-color:rgba(67,120,222,.24)}
:where(.btn,.v5-buy-button){font-weight:750;letter-spacing:-.005em}
:where(input,textarea,select){border-radius:12px!important;min-height:42px}
:where(input,textarea,select):focus-visible{border-color:var(--v8-blue)!important;box-shadow:0 0 0 4px var(--v8-ring)!important;outline:none!important}
:where(.btn,.v5-mode,.v5-service-row,.v5-country-row){transition:transform .18s ease,background .2s ease,box-shadow .22s ease}
:where(.btn,.v5-mode):not(:disabled):hover{transform:translateY(-2px)}
:where(.btn,.v5-mode):not(:disabled):active{transform:translateY(0) scale(.98)}
:where(.page-heading h1,.v5-hero h1){letter-spacing:-.042em;line-height:1.11}
:where(.v5-buy-panel,.sidebar){scrollbar-width:thin;scrollbar-color:rgba(101,143,196,.38) transparent}
:where(.public-header,.topbar){backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.v5-public-header{box-shadow:0 5px 24px rgba(30,63,116,.06)}
.v5-hero{position:relative;isolation:isolate;overflow:hidden}
.v5-hero::after{content:"";position:absolute;pointer-events:none;inset:-60% auto auto 65%;width:35%;aspect-ratio:1;background:radial-gradient(circle,rgba(66,158,246,.12),transparent 70%);z-index:-1}
/* Floating support workspace */
.az-chat-root{position:fixed;right:clamp(14px,2.7vw,36px);bottom:clamp(16px,2.7vw,36px);z-index:1800;font-family:inherit;color:var(--text,#182c48);font-size:14px;line-height:1.45}
.az-chat-launch{display:flex;align-items:center;gap:10px;padding:12px 19px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:linear-gradient(135deg,#1260e7,#3886fc);color:#fff;font-weight:850;box-shadow:0 14px 38px rgba(35,104,234,.34);min-height:54px;transition:transform .2s ease,box-shadow .2s ease}
.az-chat-launch:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(35,104,234,.38)}.az-chat-launch svg{width:23px;height:23px}.az-chat-launch i{display:block;width:8px;height:8px;background:#53e5b7;border-radius:50%;box-shadow:0 0 0 3px rgba(83,229,183,.22)}
.az-chat-panel{position:absolute;right:0;bottom:70px;width:min(395px,calc(100vw - 28px));height:min(620px,calc(100dvh - 102px));max-height:720px;min-height:330px;background:var(--v8-glass);border:1px solid var(--stroke,#e0e8f4);box-shadow:0 20px 75px rgba(16,43,90,.24);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transform-origin:bottom right;animation:az-chat-in .22s cubic-bezier(.2,.8,.2,1) both}
@keyframes az-chat-in{from{transform:translateY(12px) scale(.97);opacity:.6}to{transform:none;opacity:1}}
.az-chat-head{flex-shrink:0;display:flex;gap:12px;align-items:center;padding:17px 17px;background:linear-gradient(115deg,#145bdf,#3388f6);color:#fff}
.az-chat-avatar{display:grid;place-items:center;font-size:20px;font-weight:800;width:42px;height:42px;flex:none;border:1px solid rgba(255,255,255,.43);border-radius:15px;background:rgba(255,255,255,.17)}
.az-chat-head strong{display:block;font-size:16px;letter-spacing:-.02em}.az-chat-head small{font-size:11px;color:rgba(255,255,255,.85)}
.az-chat-online{display:inline-block;width:7px;height:7px;border-radius:100%;background:#5cf2bd;margin-right:3px}.az-chat-close{border:0;margin-left:auto;background:transparent;color:#fff;font-size:29px;line-height:1;width:36px;height:36px;border-radius:11px}.az-chat-close:hover{background:rgba(255,255,255,.15)}
.az-chat-messages{flex:1;overflow:auto;padding:20px 15px 13px;display:flex;flex-direction:column;gap:13px;overscroll-behavior:contain;background:radial-gradient(ellipse at 10% 5%,rgba(89,170,255,.07),transparent 65%)}
.az-chat-msg{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:91%;align-self:flex-start;padding:12px 14px;border:1px solid var(--stroke,#e3ebf4);border-radius:16px 16px 16px 5px;background:var(--surface,#fff);box-shadow:0 3px 12px rgba(25,47,89,.04)}
.az-chat-msg.user{align-self:flex-end;color:#fff;background:#276ff2;border-color:#276ff2;border-radius:16px 16px 5px 16px}.az-chat-msg.staff{background:var(--brand-soft,#eaf2ff);border-color:var(--v8-ring);color:var(--text,#152b50)}
.az-chat-suggestions{display:flex;gap:7px;overflow-x:auto;padding:10px 14px 12px;border-top:1px solid var(--stroke);scrollbar-width:thin}
.az-chat-suggestions:empty{display:none}.az-chat-suggestions button{flex:none;max-width:210px;border:1px solid var(--stroke);border-radius:20px;background:var(--surface,#fff);color:var(--text);padding:8px 11px;font-size:11px;font-weight:710;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.az-chat-suggestions button:hover{border-color:var(--v8-blue);background:var(--brand-soft)}
.az-chat-actions{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:2px 14px 10px}.az-chat-human{background:none;color:var(--v8-blue);border:0;font-size:11px;font-weight:780;padding:5px}.az-chat-human:disabled{opacity:.56}.az-chat-actions span{font-size:10px;color:var(--muted)}
.az-chat-compose{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--surface);border-top:1px solid var(--stroke)}
.az-chat-compose input{flex:1;min-width:0;border:1px solid var(--stroke);background:var(--bg);padding:10px 12px;height:44px;font-size:12px}.az-chat-compose button{width:42px;height:42px;flex:none;border:0;border-radius:13px;background:linear-gradient(140deg,#236bf0,#2f84fc);color:#fff;font-size:20px}
.az-chat-disclosure{font-size:10px;color:var(--muted);padding:6px 15px 11px;background:var(--surface);line-height:1.45}.az-chat-login{align-self:flex-start;color:var(--v8-blue);font-weight:750;text-decoration:underline}
/* Team inbox */
.az-support-shell{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:0;border:1px solid var(--stroke);border-radius:23px;background:var(--surface);overflow:hidden;box-shadow:var(--v8-card-shadow);min-height:610px}
.az-support-inbox{border-right:1px solid var(--stroke);padding:16px;min-width:0}.az-support-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.az-support-toolbar h2{margin:0;font-size:17px}.az-support-search{display:grid;gap:5px;font-size:11px;font-weight:700;margin:16px 0}.az-support-search input{width:100%;min-width:0}.az-support-thread-list{max-height:565px;overflow:auto;display:grid;align-content:start;gap:7px}
.az-support-thread{display:grid;gap:5px;text-align:left;border:1px solid var(--stroke);border-radius:14px;background:transparent;color:var(--text);padding:12px;min-width:0}.az-support-thread strong{font-size:12px;overflow-wrap:anywhere}.az-support-thread small{font-size:11px;color:var(--muted)}.az-support-thread.selected,.az-support-thread:hover{background:var(--brand-soft);border-color:var(--v8-blue)}.az-review-indicator{font-size:10px;color:#b97204;font-weight:800}
.az-support-detail{display:flex;flex-direction:column;min-width:0}.az-support-detail-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;border-bottom:1px solid var(--stroke);min-height:78px}.az-support-detail-head strong{display:block}.az-support-detail-head small{color:var(--muted)}#az-admin-status-actions{display:flex;align-items:center;gap:6px}#az-admin-status-actions[hidden]{display:none}#az-admin-chat-status{font-size:12px;min-height:34px}
.az-support-msg-list{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:24px 20px;overflow:auto;flex:1;max-height:490px;min-height:265px}.az-support-message{padding:13px 16px;background:var(--bg);border:1px solid var(--stroke);border-radius:15px;max-width:95%;overflow-wrap:anywhere}.az-support-message.user{align-self:flex-end;background:var(--brand-soft)}.az-support-message small{display:block;color:var(--muted);font-size:10px;font-weight:750}.az-support-message p{font-size:13px;margin:8px 0 0;white-space:pre-wrap;line-height:1.6}.az-support-message.bot{border-left:3px solid var(--v8-blue)}.az-support-message.staff{border-left:3px solid #16a673}.az-support-review{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.az-review-label{font-size:11px;color:var(--muted)}.az-support-placeholder{margin:auto;color:var(--muted);text-align:center}
.az-support-reply{padding:15px 18px;border-top:1px solid var(--stroke);display:grid;gap:9px}.az-support-reply[hidden]{display:none}.az-support-reply textarea{width:100%;resize:vertical;max-height:160px;min-height:72px}.az-support-reply label{font-size:12px;font-weight:760}.az-support-reply button{justify-self:end}
.az-knowledge-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);gap:18px;margin-bottom:20px}.az-settings-check{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;font-size:13px}.az-settings-check input{width:18px;height:18px;min-height:18px}.az-faq-edit{border-top:1px solid var(--stroke);padding:13px 0}.az-faq-edit summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px}.az-faq-edit summary strong{font-size:13px}.az-faq-edit form{margin:16px 0 2px}.az-knowledge-list{margin-top:15px}
/* Responsive shell - keep all interactions usable on small screens */
@media(max-width:1150px){.az-knowledge-layout{grid-template-columns:1fr}.v5-public-header{gap:10px}.v5-main-nav{gap:8px}}
@media(max-width:850px){.az-support-shell{grid-template-columns:1fr}.az-support-inbox{border-right:0;border-bottom:1px solid var(--stroke)}.az-support-thread-list{display:flex;max-height:150px;overflow-x:auto;overflow-y:hidden;gap:9px}.az-support-thread{min-width:205px}.az-support-detail{min-height:480px}.v5-public-layout{gap:14px}}
@media(max-width:650px){.az-chat-root{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));}.az-chat-panel{width:calc(100vw - 24px);height:min(580px,calc(100dvh - 104px));bottom:65px;border-radius:20px}.az-chat-launch{min-height:54px;padding:12px 16px}.az-chat-launch span{font-size:12px}.az-support-detail-head{padding:13px}.az-support-msg-list{padding:13px}.az-support-inbox{padding:13px}.az-knowledge-layout .panel{padding:18px}.az-support-detail-head>div{max-width:100%}.v5-public-header{flex-wrap:wrap}.v5-header-actions{margin-left:auto}.v5-brand{flex-shrink:0}.page-heading{gap:10px}}
@media(max-width:400px){.az-chat-launch span{display:none}.az-chat-launch{width:55px;padding:0;justify-content:center}.az-chat-launch i{position:absolute;right:7px;top:7px}.az-chat-panel{bottom:64px}.az-support-thread{min-width:190px}}
@media(prefers-reduced-motion:reduce){.az-chat-panel{animation:none}.az-chat-launch,.az-support-thread,.btn,.v5-mode{transition:none!important}}