/* AZEE SMS Pro v11: UI system - Font Awesome icons, professional controls and tenant portals. */
:root{--v11-blue:#2563eb;--v11-text:#142544;--v11-border:#dfE7f3;--v11-ease:cubic-bezier(.2,.8,.2,1)}
body{font-feature-settings:"cv11","ss01";text-rendering:optimizeLegibility}
.fa-solid,.fa-brands{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}
.icon{display:inline-flex;align-items:center;justify-content:center}
:is(.btn,button,[role="button"],a,input,select,textarea){-webkit-tap-highlight-color:transparent}
:is(.btn,button):not(:disabled){transition:background-color .2s var(--v11-ease),border-color .2s var(--v11-ease),box-shadow .2s var(--v11-ease),transform .2s var(--v11-ease),color .2s var(--v11-ease)}
:is(.btn,button):not(:disabled):active{transform:translateY(1px) scale(.992)}
:is(input,textarea,select):focus-visible{outline:2px solid color-mix(in srgb,var(--brand,#2563eb) 66%,transparent)!important;outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--brand,#2563eb) 12%,transparent)!important}
:is(input,textarea,select){border-radius:13px;transition:box-shadow .2s,border-color .2s;background-clip:padding-box}
:root[data-theme=dark] :is(input,select,textarea){color:var(--heading)!important;background-color:var(--surface2)!important}
:root[data-palette] :is(.panel,.v5-category-card,.metric){border-color:color-mix(in srgb,var(--stroke) 92%,transparent);box-shadow:0 4px 16px rgba(20,42,88,.035),0 16px 52px rgba(22,40,75,.028)}
:root[data-palette] :is(.panel,.metric,.v5-category-card):hover{transform:translateY(-2px);box-shadow:0 13px 38px var(--v10-glow)}
:root[data-theme=dark] :is(.panel,.metric,.v5-category-card){box-shadow:0 6px 24px rgba(0,0,0,.14)}
.v5-hero{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 20px 55px var(--v10-glow)}
.v5-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 96% 0,color-mix(in srgb,var(--brand) 14%,transparent),transparent 64%);pointer-events:none}
.v5-feature-icon .fa-solid,.v5-feature-icon .fa-brands{font-size:22px}
.v5-brand .brand-mark{box-shadow:0 9px 24px var(--v10-glow)}
.v5-public-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 22px rgba(22,47,100,.035)}
.v11-service-dropdown{display:none!important}
/* Compact combobox. Dropdown appears on focus, not a permanently scrolling sidebar. */
.v5-step[aria-label="Select service"]{position:relative}
.v5-step[aria-label="Select service"] .v11-service-dropdown.is-open{display:grid!important;position:absolute;z-index:48;top:104px;left:0;right:0;max-height:330px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:9px;gap:4px;border-radius:16px;border:1px solid var(--stroke);background:var(--surface);box-shadow:0 20px 60px rgba(15,35,78,.18)}
.v11-service-dropdown .market-mini-card{border:1px solid transparent;border-radius:11px;background:transparent;min-height:48px;text-align:left;padding:7px 10px;display:flex;align-items:center;gap:10px}
.v11-service-dropdown .market-mini-card:hover,.v11-service-dropdown .market-mini-card:focus-visible{border-color:var(--stroke);background:var(--brand-soft)}
.v11-service-dropdown .market-mini-card:disabled{opacity:.48}
.v11-service-dropdown .service-icon{height:32px;width:32px;display:grid;place-content:center;border-radius:10px;background:var(--brand-soft);font-size:15px}
.v11-service-dropdown .market-mini-label{display:flex;flex-direction:column;gap:1px}
.v11-service-dropdown .market-mini-label b{font-size:12px}
.v11-service-dropdown .market-mini-label small{font-size:10px}
#sidebar-more-services{display:none!important}
.v5-stock-tabs{margin-top:9px}
.v5-select-label{font-size:11px;letter-spacing:.025em}
.v5-selected-service{background:var(--surface);border:1px solid var(--stroke);border-radius:12px;padding:6px 10px;min-height:50px}
.v5-selected-service select{font-weight:750;min-height:38px}
.v5-selected-service .service-symbol{background:var(--brand-soft);height:31px;width:31px;display:grid;place-content:center;border-radius:9px;color:var(--brand)}
.v5-search-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--v10-glow)}
.v5-search-wrap .fa-magnifying-glass{color:var(--brand);font-size:13px}
.v5-logo-token{overflow:hidden;display:grid;place-content:center}
.v5-logo-token .fa-brands,.v5-logo-token .fa-solid{font-size:20px;color:var(--brand)}
.v5-art-chip{display:grid;place-content:center;font-size:25px}
.v5-art-whatsapp{color:#16b965}.v5-art-telegram{color:#2fa4df}.v5-art-google{color:#ea4335}.v5-art-insta{color:#db438c}
.history-service-fa{display:grid;place-content:center;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-size:18px;width:39px;height:39px;flex:none}
.v11-help-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px 12px 8px;border-top:1px solid var(--stroke);background:var(--surface)}
.v11-help-topics button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:11px 3px 9px;background:var(--surface2);border:1px solid var(--stroke);border-radius:12px;color:var(--text);font-size:10px;font-weight:720;line-height:1.25}
.v11-help-topics button .fa-solid{font-size:16px;color:var(--brand)}
.v11-help-topics button:hover,.v11-help-topics button.is-selected{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-1px)}
.az-chat-panel{box-shadow:0 20px 100px rgba(19,41,82,.25);border-radius:22px;overflow:hidden;border-color:var(--stroke)}
.az-chat-head{background:var(--v10-gradient);color:#fff}
.az-chat-avatar{display:grid;place-content:center;font-size:19px}
.az-chat-messages{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:color-mix(in srgb,var(--brand) 30%,transparent) transparent;scrollbar-width:thin}
.az-chat-messages::-webkit-scrollbar,.az-support-msg-list::-webkit-scrollbar{width:6px}
.az-chat-messages::-webkit-scrollbar-thumb,.az-support-msg-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand) 32%,transparent);border-radius:999px}
.az-chat-messages::-webkit-scrollbar-track{background:transparent}
.az-chat-msg{line-height:1.58;box-shadow:0 2px 10px rgba(23,44,88,.05);animation:v11-in .3s var(--v11-ease) both}
.az-chat-suggestions{scrollbar-width:none;gap:8px;padding:9px 12px}
.az-chat-suggestions::-webkit-scrollbar{display:none}
.az-chat-suggestions button{border-radius:11px;padding:9px 12px;max-width:190px}
.az-chat-human{display:inline-flex;align-items:center;gap:7px;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 35%,var(--stroke));border-radius:11px;padding:10px 13px;background:var(--brand-soft)}
.az-chat-human:hover{background:var(--brand);color:white}
.az-chat-compose input{border-radius:12px}
.az-chat-compose button{font-size:15px;border-radius:12px;background:var(--v10-gradient)}
.v11-chat-action{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin:4px 0 8px;padding:10px 14px;background:var(--brand-soft);border:1px solid var(--stroke);border-radius:11px;text-decoration:none!important;color:var(--brand)!important;font-size:12px}
.v11-chat-action:hover{border-color:var(--brand)}
.az-chat-disclosure{padding-top:9px;padding-bottom:10px}
.v11-domain-panel,.v11-wallet-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0,var(--brand-soft),transparent 45%),var(--surface)}
.v11-wallet-hero h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em;color:var(--brand)}
.v11-domain-status{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.v11-domain-status strong{font-size:1.1rem}
.v11-dns-steps{display:grid;gap:12px}
.v11-dns-steps>div{background:var(--surface2);border:1px solid var(--stroke);padding:16px 18px;border-radius:14px}
.v11-dns-steps p{margin:10px 0 0;line-height:1.7}
.v11-dns-steps code{white-space:normal;overflow-wrap:anywhere;padding:4px 7px;background:var(--brand-soft);border-radius:6px;color:var(--text)}
.v11-action-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.v11-wallet-address{padding:12px 14px;background:var(--surface2);border:1px dashed var(--brand);border-radius:12px;word-break:break-all;font-size:12px}
.reseller-tabs>a{display:flex;align-items:center;gap:7px}
.reseller-tabs>a:hover{transform:translateY(-2px)}
.topbar-context{font-weight:700;letter-spacing:-.025em}
@keyframes v11-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.v5-public-layout{gap:16px}.v5-public-header{padding-inline:16px}.v5-main-nav{gap:8px}.v5-layout{align-items:start}}
@media(max-width:650px){.v5-layout{grid-template-columns:minmax(0,1fr)!important}.v5-public-header{gap:7px}.v11-service-dropdown.is-open{max-height:280px}.v11-help-topics{gap:5px}.v11-help-topics button{font-size:9px;padding:9px 2px}.v11-action-row>*{width:100%}.v11-action-row button{width:100%}.v11-dns-steps code{font-size:10px}.az-chat-panel{height:min(620px,calc(100dvh - 94px))}}
@media(prefers-reduced-motion:reduce){.az-chat-msg{animation:none}:is(.btn,button,.panel,.v5-category-card){transition:none!important}}
/* Premium secondary surfaces: contact, tickets, footer and account settings. */
.contact-layout>.panel,.ticket-thread,.reply-panel,.contact-help{border-radius:22px!important}
.contact-heading h1,.page-heading h1{letter-spacing:-.045em}
.contact-form-card{background-image:radial-gradient(ellipse at top right,var(--brand-soft),transparent 42%)}
.ticket-row{transition:background .18s,border-color .18s,transform .18s; border-radius:13px}
.ticket-row:hover{background:var(--brand-soft);border-color:var(--brand);transform:translateX(2px)}
.footer.footer-v3{border-top:1px solid var(--stroke);background:color-mix(in srgb,var(--surface) 95%,var(--brand-soft));}
.footer a{transition:color .2s,transform .2s;display:inline-flex;gap:5px;align-items:center}
.footer a:hover{color:var(--brand);transform:translateX(3px)}
.small-link,.v5-text-button,.v5-section-heading>a,.v5-nav-active{font-weight:750;letter-spacing:-.012em;text-underline-offset:4px}
.v5-mode{display:flex;justify-content:center;align-items:center;gap:9px}
.v5-mode .fa-solid{font-size:13px}
.v5-buy-button .fa-solid{margin-inline-end:7px}
:root[data-theme=dark] .v11-domain-panel,:root[data-theme=dark] .v11-wallet-hero{background:radial-gradient(circle at 90% 0%,var(--brand-soft),transparent 45%),var(--surface)}
@media(max-width:650px){.contact-layout{grid-template-columns:1fr!important}.footer.footer-v3{row-gap:24px}.panel{min-width:0}.v11-wallet-hero{padding:20px}}