/* ==========================================================================
   Nizwas Website Advisor — public widget styles
   Premium SaaS-assistant look: black / white / purple, generous spacing,
   restrained animation, fully responsive down to small mobile.
   ========================================================================== */
#nizwas-wa-root,
.nwa-scope {--nwa-primary: #0A0A0A; --nwa-black: #050507; --nwa-white: #FFFFFF; --nwa-accent: #7C3AED; --nwa-accent-bright: #A855F7; --nwa-accent-soft: #C084FC; --nwa-gray-light: #F4F4F5; --nwa-gray-dark: #18181B; --nwa-radius: 14px; --nwa-width: 400px; --nwa-offset-x: 24px; --nwa-offset-y: 24px; --nwa-vh: 1vh; --nwa-shadow: 0 20px 60px rgba(0,0,0,0.28); --nwa-shadow-launcher: 0 10px 30px rgba(0,0,0,0.25); all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; direction: ltr; -webkit-font-smoothing: antialiased;}
#nizwas-wa-root *,
.nwa-scope * {box-sizing: border-box;}
#nizwas-wa-root button,
.nwa-scope button {font-family: inherit !important; cursor: pointer !important;}
#nizwas-wa-root input,
#nizwas-wa-root textarea,
.nwa-scope input,
.nwa-scope textarea {font-family: inherit !important;}
/* Shadow intensity variants */
#nizwas-wa-root .nwa-shadow-none,
.nwa-scope .nwa-shadow-none {--nwa-shadow: none; --nwa-shadow-launcher: 0 2px 8px rgba(0,0,0,0.12);}
#nizwas-wa-root .nwa-shadow-soft,
.nwa-scope .nwa-shadow-soft {--nwa-shadow: 0 10px 30px rgba(0,0,0,0.14); --nwa-shadow-launcher: 0 6px 16px rgba(0,0,0,0.14);}
#nizwas-wa-root .nwa-shadow-medium,
.nwa-scope .nwa-shadow-medium {--nwa-shadow: 0 20px 60px rgba(0,0,0,0.28); --nwa-shadow-launcher: 0 10px 30px rgba(0,0,0,0.25);}
#nizwas-wa-root .nwa-shadow-strong,
.nwa-scope .nwa-shadow-strong {--nwa-shadow: 0 28px 80px rgba(0,0,0,0.4); --nwa-shadow-launcher: 0 16px 40px rgba(0,0,0,0.35);}
/* -------------------------------------------------- Launcher -------------------------------------------------- */
#nizwas-wa-root .nwa-launcher-wrap,
.nwa-scope .nwa-launcher-wrap {position: fixed; bottom: var(--nwa-offset-y); z-index: 999997; display: flex; flex-direction: column; align-items: flex-end; gap: 10px;}
#nizwas-wa-root .nwa-launcher-wrap.nwa-pos-right,
.nwa-scope .nwa-launcher-wrap.nwa-pos-right {right: var(--nwa-offset-x); align-items: flex-end;}
#nizwas-wa-root .nwa-launcher-wrap.nwa-pos-left,
.nwa-scope .nwa-launcher-wrap.nwa-pos-left {left: var(--nwa-offset-x); align-items: flex-start;}
#nizwas-wa-root .nwa-launcher,
.nwa-scope .nwa-launcher {position: relative; display: inline-flex; align-items: center; gap: 8px; background: var(--nwa-primary) !important; color: var(--nwa-white) !important; border: none !important; padding: 12px 18px 12px 14px; border-radius: 999px; font-size: 13px; font-weight: 600 !important; letter-spacing: 0.01em; box-shadow: var(--nwa-shadow-launcher) !important; transition: transform 200ms ease, box-shadow 200ms ease;}
#nizwas-wa-root .nwa-header-gradient .nwa-launcher,
.nwa-scope .nwa-header-gradient .nwa-launcher,
#nizwas-wa-root .nwa-launcher.nwa-launcher-gradient,
.nwa-scope .nwa-launcher.nwa-launcher-gradient {background: linear-gradient(135deg, var(--nwa-primary), #241535) !important;}
#nizwas-wa-root .nwa-launcher:hover,
.nwa-scope .nwa-launcher:hover {transform: translateY(-2px) !important; box-shadow: 0 14px 34px rgba(0,0,0,0.32) !important;}
#nizwas-wa-root .nwa-launcher:focus-visible,
.nwa-scope .nwa-launcher:focus-visible {outline: 2px solid var(--nwa-accent-bright) !important; outline-offset: 3px;}
#nizwas-wa-root .nwa-launcher-icon,
.nwa-scope .nwa-launcher-icon {display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; background: linear-gradient(135deg, var(--nwa-accent), var(--nwa-accent-bright)) !important; font-size: 11px; color: #fff !important;}
#nizwas-wa-root .nwa-launcher-dot,
.nwa-scope .nwa-launcher-dot {position: absolute; top: -2px; right: -2px; width: 9px; height: 9px; border-radius: 50%; background: var(--nwa-accent-bright) !important; border: 2px solid var(--nwa-primary) !important; animation: nwa-pulse 2.4s ease-in-out infinite;}
@media (prefers-reduced-motion: reduce) {#nizwas-wa-root .nwa-launcher-dot,
.nwa-scope .nwa-launcher-dot {animation: none;} }
@keyframes nwa-pulse {
	0% { box-shadow: 0 0 0 0 rgba(168,85,247,0.55); }
	70% { box-shadow: 0 0 0 8px rgba(168,85,247,0); }
	100% { box-shadow: 0 0 0 0 rgba(168,85,247,0); }
}
/* Circle launcher variant */
#nizwas-wa-root .nwa-launcher-circle .nwa-launcher,
.nwa-scope .nwa-launcher-circle .nwa-launcher {padding: 0; width: 58px; height: 58px; justify-content: center;}
#nizwas-wa-root .nwa-launcher-circle .nwa-launcher .nwa-launcher-label,
.nwa-scope .nwa-launcher-circle .nwa-launcher .nwa-launcher-label {display: none;}
#nizwas-wa-root .nwa-launcher-circle .nwa-launcher .nwa-launcher-icon,
.nwa-scope .nwa-launcher-circle .nwa-launcher .nwa-launcher-icon {width: 26px; height: 26px; font-size: 13px;}
/* Greeting bubble */
#nizwas-wa-root .nwa-greeting,
.nwa-scope .nwa-greeting {position: relative; max-width: 240px; background: var(--nwa-white) !important; color: var(--nwa-gray-dark) !important; font-size: 13px; line-height: 1.45; padding: 12px 30px 12px 14px; border-radius: 14px; box-shadow: var(--nwa-shadow-launcher) !important; border: 1px solid #ECECEF !important; animation: nwa-greeting-in 320ms ease;}
@media (prefers-reduced-motion: reduce) {#nizwas-wa-root .nwa-greeting,
.nwa-scope .nwa-greeting {animation: none;} }
@keyframes nwa-greeting-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
#nizwas-wa-root .nwa-greeting-close,
.nwa-scope .nwa-greeting-close {position: absolute; top: 6px; right: 6px; background: none !important; border: none !important; color: #A1A1AA !important; font-size: 14px; line-height: 1; padding: 4px;}
#nizwas-wa-root .nwa-greeting-close:hover,
.nwa-scope .nwa-greeting-close:hover {color: var(--nwa-gray-dark) !important;}
/* -------------------------------------------------- Window -------------------------------------------------- */
#nizwas-wa-root .nwa-window,
.nwa-scope .nwa-window {position: fixed; bottom: calc(var(--nwa-offset-y) + 74px); width: var(--nwa-width); max-width: calc(100vw - 24px); max-height: min(680px, calc(100vh - 120px)); height: 640px; background: var(--nwa-white) !important; border-radius: var(--nwa-radius); box-shadow: var(--nwa-shadow) !important; display: flex; flex-direction: column; overflow: hidden; z-index: 999999; opacity: 0; transform: translateY(16px) scale(0.98); transition: opacity 240ms ease, transform 240ms ease; pointer-events: none;}
#nizwas-wa-root .nwa-window.nwa-pos-right,
.nwa-scope .nwa-window.nwa-pos-right {right: var(--nwa-offset-x);}
#nizwas-wa-root .nwa-window.nwa-pos-left,
.nwa-scope .nwa-window.nwa-pos-left {left: var(--nwa-offset-x);}
#nizwas-wa-root .nwa-window.nwa-open,
.nwa-scope .nwa-window.nwa-open {opacity: 1; transform: translateY(0) scale(1); pointer-events: auto;}
#nizwas-wa-root .nwa-window.nwa-anim-none,
.nwa-scope .nwa-window.nwa-anim-none {transition: none;}
@media (prefers-reduced-motion: reduce) {#nizwas-wa-root .nwa-window,
.nwa-scope .nwa-window {transition: opacity 120ms linear; transform: none !important;} }

@media (max-width: 520px) {#nizwas-wa-root .nwa-window,
.nwa-scope .nwa-window {width: calc(100vw - 20px); max-width: none; right: 10px !important; left: 10px !important; bottom: 10px; height: calc(var(--nwa-vh, 1vh) * 100 - 20px); height: calc(100dvh - 20px); max-height: none;}
#nizwas-wa-root .nwa-launcher,
.nwa-scope .nwa-launcher {padding: 10px 16px 10px 12px; font-size: 12px;}
}
@media (max-width: 380px) {#nizwas-wa-root .nwa-window,
.nwa-scope .nwa-window {width: 100vw; height: calc(var(--nwa-vh, 1vh) * 100); height: 100dvh; right: 0 !important; left: 0 !important; bottom: 0; border-radius: 0; max-width: none;}
#nizwas-wa-root .nwa-launcher-wrap,
.nwa-scope .nwa-launcher-wrap {bottom: max(var(--nwa-offset-y), env(safe-area-inset-bottom));}
}
#nizwas-wa-root .nwa-header,
.nwa-scope .nwa-header {background: var(--nwa-primary) !important; color: var(--nwa-white) !important; padding: 16px 16px 14px; padding-top: max(16px, env(safe-area-inset-top)); display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; gap: 10px;}
#nizwas-wa-root .nwa-header.nwa-header-gradient,
.nwa-scope .nwa-header.nwa-header-gradient {background: linear-gradient(135deg, var(--nwa-primary), #241535 60%, var(--nwa-accent) 160%) !important;}
#nizwas-wa-root .nwa-header-brand,
.nwa-scope .nwa-header-brand {display: flex; align-items: center; gap: 10px; min-width: 0;}
#nizwas-wa-root .nwa-header-icon,
.nwa-scope .nwa-header-icon {width: 30px; height: 30px; border-radius: 9px; flex-shrink: 0; background: linear-gradient(135deg, var(--nwa-accent), var(--nwa-accent-bright)) !important; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #fff !important; font-weight: 700 !important; background-size: cover !important; background-position: center !important;}
#nizwas-wa-root .nwa-header-titles,
.nwa-scope .nwa-header-titles {display: flex; flex-direction: column; min-width: 0;}
#nizwas-wa-root .nwa-header-title,
.nwa-scope .nwa-header-title {font-size: 13px; font-weight: 700 !important; letter-spacing: 0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#nizwas-wa-root .nwa-header-subtitle,
.nwa-scope .nwa-header-subtitle {font-size: 11px; color: #B9B9C2 !important; margin-top: 1px; font-weight: 400 !important;}
#nizwas-wa-root .nwa-header-actions,
.nwa-scope .nwa-header-actions {display: flex; align-items: center; gap: 4px; flex-shrink: 0;}
#nizwas-wa-root .nwa-icon-btn,
.nwa-scope .nwa-icon-btn {position: relative; background: transparent !important; border: none !important; color: #E4E4E7 !important; font-size: 15px; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; border-radius: 8px; transition: background 150ms ease, color 150ms ease;}
#nizwas-wa-root .nwa-icon-btn:hover,
.nwa-scope .nwa-icon-btn:hover {color: var(--nwa-white) !important; background: rgba(255,255,255,0.1) !important;}
#nizwas-wa-root .nwa-icon-btn:focus-visible,
.nwa-scope .nwa-icon-btn:focus-visible {outline: 2px solid var(--nwa-accent-bright) !important; outline-offset: 1px;}

/* Each header icon button gets its own hover identity rather than one shared
   generic rule — restart, expand and close all mean different things and
   should feel different on hover, not identical. Same specificity as the
   plain fallback above; placed after it so the cascade lets these win. */
#nizwas-wa-root .nwa-restart-btn:hover,
.nwa-scope .nwa-restart-btn:hover {color: var(--nwa-accent-bright) !important; background: rgba(168,85,247,0.18) !important;}
#nizwas-wa-root .nwa-restart-btn:active,
.nwa-scope .nwa-restart-btn:active {color: var(--nwa-accent-soft) !important; background: rgba(168,85,247,0.28) !important;}

#nizwas-wa-root .nwa-header-expand-btn:hover,
.nwa-scope .nwa-header-expand-btn:hover {color: var(--nwa-accent-bright) !important; background: rgba(255,255,255,0.14) !important;}
#nizwas-wa-root .nwa-header-expand-btn:active,
.nwa-scope .nwa-header-expand-btn:active {color: var(--nwa-accent-soft) !important; background: rgba(255,255,255,0.2) !important;}

#nizwas-wa-root .nwa-close-btn:hover,
.nwa-scope .nwa-close-btn:hover {color: #FCA5A5 !important; background: rgba(239,68,68,0.22) !important;}
#nizwas-wa-root .nwa-close-btn:active,
.nwa-scope .nwa-close-btn:active {color: #fff !important; background: rgba(239,68,68,0.32) !important;}

/* Lightweight accessible tooltip for header icon buttons */
#nizwas-wa-root .nwa-tip,
.nwa-scope .nwa-tip {position: relative;}
#nizwas-wa-root .nwa-tip::after,
.nwa-scope .nwa-tip::after {content: attr(data-tip); position: absolute; top: calc(100% + 6px); right: 0; background: var(--nwa-gray-dark) !important; color: #fff !important; font-size: 11px; padding: 5px 8px; border-radius: 6px; white-space: nowrap; opacity: 0; transform: translateY(-2px); pointer-events: none; transition: opacity 150ms ease, transform 150ms ease; z-index: 2;}
#nizwas-wa-root .nwa-tip:hover::after,
.nwa-scope .nwa-tip:hover::after,
#nizwas-wa-root .nwa-tip:focus-visible::after,
.nwa-scope .nwa-tip:focus-visible::after {opacity: 1 !important; transform: translateY(0) !important;}
#nizwas-wa-root .nwa-progress-track,
.nwa-scope .nwa-progress-track {height: 3px; background: rgba(0,0,0,0.06) !important; flex-shrink: 0;}
#nizwas-wa-root .nwa-progress-fill,
.nwa-scope .nwa-progress-fill {height: 100%; background: linear-gradient(90deg, var(--nwa-accent), var(--nwa-accent-bright)) !important; transition: width 300ms ease;}
#nizwas-wa-root .nwa-body,
.nwa-scope .nwa-body {flex: 1; overflow-y: auto; overflow-x: hidden; padding: 16px; background: var(--nwa-white) !important;}
#nizwas-wa-root .nwa-body::-webkit-scrollbar,
.nwa-scope .nwa-body::-webkit-scrollbar {width: 5px;}
#nizwas-wa-root .nwa-body::-webkit-scrollbar-track,
.nwa-scope .nwa-body::-webkit-scrollbar-track {background: transparent !important;}
#nizwas-wa-root .nwa-body::-webkit-scrollbar-thumb,
.nwa-scope .nwa-body::-webkit-scrollbar-thumb {background: #E4E4E7 !important; border-radius: 3px;}
#nizwas-wa-root .nwa-msg,
.nwa-scope .nwa-msg {margin-bottom: 14px; animation: nwa-fade-in 260ms ease;}
#nizwas-wa-root .nwa-msg:last-child,
.nwa-scope .nwa-msg:last-child {margin-bottom: 4px;}
@media (prefers-reduced-motion: reduce) {#nizwas-wa-root .nwa-msg,
.nwa-scope .nwa-msg {animation: none;} }
@keyframes nwa-fade-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
#nizwas-wa-root .nwa-msg-row,
.nwa-scope .nwa-msg-row {display: flex; align-items: flex-end; gap: 8px;}
#nizwas-wa-root .nwa-avatar,
.nwa-scope .nwa-avatar {width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; background: linear-gradient(135deg, var(--nwa-accent), var(--nwa-accent-bright)) !important; display: flex; align-items: center; justify-content: center; color: #fff !important; font-size: 10px; font-weight: 700 !important; background-size: cover !important; background-position: center !important;}
#nizwas-wa-root .nwa-bubble,
.nwa-scope .nwa-bubble {background: var(--nwa-gray-light) !important; color: var(--nwa-gray-dark) !important; padding: 11px 14px; border-radius: 14px; border-bottom-left-radius: 4px; font-size: 13.5px; line-height: 1.55; max-width: 85%;}
#nizwas-wa-root .nwa-typing-row,
.nwa-scope .nwa-typing-row {display: flex; align-items: center; gap: 8px;}
#nizwas-wa-root .nwa-typing,
.nwa-scope .nwa-typing {display: inline-flex; gap: 4px; padding: 12px 14px; background: var(--nwa-gray-light) !important; border-radius: 14px; border-bottom-left-radius: 4px;}
#nizwas-wa-root .nwa-typing span,
.nwa-scope .nwa-typing span {width: 6px; height: 6px; border-radius: 50%; background: #A1A1AA !important; animation: nwa-bounce 1.2s infinite ease-in-out;}
#nizwas-wa-root .nwa-typing span:nth-child(2),
.nwa-scope .nwa-typing span:nth-child(2) {animation-delay: 0.15s;}
#nizwas-wa-root .nwa-typing span:nth-child(3),
.nwa-scope .nwa-typing span:nth-child(3) {animation-delay: 0.3s;}
@keyframes nwa-bounce { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } }
#nizwas-wa-root .nwa-options,
.nwa-scope .nwa-options {display: flex; flex-direction: column; gap: 8px; margin-top: 10px;}
#nizwas-wa-root .nwa-option-btn,
.nwa-scope .nwa-option-btn {display: flex; align-items: center; gap: 12px; background: var(--nwa-white) !important; border: 1.5px solid #E7E7EA !important; color: var(--nwa-gray-dark) !important; padding: 10px 12px; border-radius: 12px; text-align: left; width: 100%; transition: border-color 160ms ease, background 160ms ease, transform 160ms ease, box-shadow 160ms ease;}
#nizwas-wa-root .nwa-btn-outline .nwa-option-btn,
.nwa-scope .nwa-btn-outline .nwa-option-btn {background: transparent !important;}
#nizwas-wa-root .nwa-option-btn:hover,
.nwa-scope .nwa-option-btn:hover {border-color: var(--nwa-accent) !important; background: #FAF5FF !important; box-shadow: 0 4px 14px rgba(124,58,237,0.10) !important;}
#nizwas-wa-root .nwa-option-btn:active,
.nwa-scope .nwa-option-btn:active {transform: scale(0.99) !important;}
#nizwas-wa-root .nwa-option-btn:focus-visible,
.nwa-scope .nwa-option-btn:focus-visible {outline: 2px solid var(--nwa-accent) !important; outline-offset: 2px;}
#nizwas-wa-root .nwa-option-btn.nwa-selected,
.nwa-scope .nwa-option-btn.nwa-selected {border-color: var(--nwa-accent) !important; background: #F3E8FF !important;}
#nizwas-wa-root .nwa-option-icon-chip,
.nwa-scope .nwa-option-icon-chip {width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0; background: var(--nwa-gray-light) !important; display: flex; align-items: center; justify-content: center; font-size: 15px;}
#nizwas-wa-root .nwa-option-btn.nwa-selected .nwa-option-icon-chip,
.nwa-scope .nwa-option-btn.nwa-selected .nwa-option-icon-chip {background: linear-gradient(135deg, var(--nwa-accent), var(--nwa-accent-bright)) !important; color: #fff !important;}
#nizwas-wa-root .nwa-option-text,
.nwa-scope .nwa-option-text {flex: 1; min-width: 0;}
#nizwas-wa-root .nwa-option-title,
.nwa-scope .nwa-option-title {font-size: 13.5px; font-weight: 600 !important; line-height: 1.3;}
#nizwas-wa-root .nwa-option-desc,
.nwa-scope .nwa-option-desc {font-size: 11.5px; color: #71717A !important; margin-top: 1px; line-height: 1.35;}
#nizwas-wa-root .nwa-option-arrow,
.nwa-scope .nwa-option-arrow {color: var(--nwa-accent) !important; font-weight: 700 !important; flex-shrink: 0; font-size: 14px;}
#nizwas-wa-root .nwa-multi-actions,
.nwa-scope .nwa-multi-actions {display: flex; justify-content: flex-end; margin-top: 8px;}
#nizwas-wa-root .nwa-primary-btn,
.nwa-scope .nwa-primary-btn {background: linear-gradient(135deg, var(--nwa-accent), var(--nwa-accent-bright)) !important; color: var(--nwa-white) !important; border: none !important; padding: 11px 20px; border-radius: 999px; font-size: 13px; font-weight: 700 !important; letter-spacing: .01em; transition: filter 160ms ease, transform 160ms ease, box-shadow 160ms ease; box-shadow: 0 6px 18px rgba(124,58,237,0.28) !important;}
#nizwas-wa-root .nwa-btn-outline .nwa-primary-btn,
.nwa-scope .nwa-btn-outline .nwa-primary-btn {background: transparent !important; color: var(--nwa-accent) !important; border: 1.5px solid var(--nwa-accent) !important; box-shadow: none !important;}
#nizwas-wa-root .nwa-primary-btn:hover,
.nwa-scope .nwa-primary-btn:hover {filter: brightness(1.08) !important; transform: translateY(-1px) !important;}
#nizwas-wa-root .nwa-primary-btn:disabled,
.nwa-scope .nwa-primary-btn:disabled {opacity: .5 !important; cursor: not-allowed !important; transform: none !important; filter: none !important;}
#nizwas-wa-root .nwa-secondary-btn,
.nwa-scope .nwa-secondary-btn {background: transparent !important; color: var(--nwa-gray-dark) !important; border: 1.5px solid #E4E4E7 !important; padding: 10px 18px; border-radius: 999px; font-size: 13px; font-weight: 600 !important; transition: border-color 150ms ease, color 150ms ease;}
#nizwas-wa-root .nwa-secondary-btn:hover,
.nwa-scope .nwa-secondary-btn:hover {border-color: var(--nwa-accent) !important; color: var(--nwa-accent) !important;}
#nizwas-wa-root .nwa-text-input-row,
.nwa-scope .nwa-text-input-row {display: flex; gap: 8px; margin-top: 10px;}
#nizwas-wa-root .nwa-text-input-row input,
.nwa-scope .nwa-text-input-row input,
#nizwas-wa-root .nwa-text-input-row textarea,
.nwa-scope .nwa-text-input-row textarea {flex: 1; border: 1.5px solid #E4E4E7 !important; border-radius: 10px; padding: 10px 12px; font-size: 16px; color: var(--nwa-gray-dark) !important;}
@media (min-width: 521px) {#nizwas-wa-root .nwa-text-input-row input,
.nwa-scope .nwa-text-input-row input,
#nizwas-wa-root .nwa-text-input-row textarea,
.nwa-scope .nwa-text-input-row textarea {font-size: 13.5px;} }
#nizwas-wa-root .nwa-text-input-row input:focus,
.nwa-scope .nwa-text-input-row input:focus,
#nizwas-wa-root .nwa-text-input-row textarea:focus,
.nwa-scope .nwa-text-input-row textarea:focus {outline: none !important; border-color: var(--nwa-accent) !important;}
#nizwas-wa-root .nwa-link-btn,
.nwa-scope .nwa-link-btn {background: none !important; border: none !important; color: #71717A !important; font-size: 12px; font-weight: 600 !important; padding: 6px 2px;}
#nizwas-wa-root .nwa-link-btn:hover,
.nwa-scope .nwa-link-btn:hover {color: var(--nwa-accent) !important;}
#nizwas-wa-root .nwa-link-btn:focus-visible,
.nwa-scope .nwa-link-btn:focus-visible {outline: 2px solid var(--nwa-accent) !important; outline-offset: 2px; border-radius: 4px;}

/* "Type your own answer" is a positive, inviting action — accent color and a
   touch of underline on hover. "Skip" is a soft-negative action — a muted
   amber/red instead of the brand purple, so the two never look identical.
   Both selectors below are more specific than the plain fallback above
   (two classes instead of one), so they reliably win regardless of order. */
#nizwas-wa-root .nwa-link-btn.nwa-freetext-toggle-btn:hover,
.nwa-scope .nwa-link-btn.nwa-freetext-toggle-btn:hover {color: var(--nwa-accent) !important; text-decoration: underline; text-underline-offset: 2px;}
#nizwas-wa-root .nwa-link-btn.nwa-skip-btn:hover,
.nwa-scope .nwa-link-btn.nwa-skip-btn:hover {color: #B45309 !important;}
#nizwas-wa-root .nwa-footer,
.nwa-scope .nwa-footer {border-top: 1px solid #EEE !important; flex-shrink: 0; padding-bottom: env(safe-area-inset-bottom);}
#nizwas-wa-root .nwa-nav-row,
.nwa-scope .nwa-nav-row {display: flex; justify-content: space-between; align-items: center; padding: 8px 14px;}
#nizwas-wa-root .nwa-quote-inside,
.nwa-scope .nwa-quote-inside {padding: 4px 14px 10px;}
#nizwas-wa-root .nwa-quote-inside .nwa-primary-btn,
.nwa-scope .nwa-quote-inside .nwa-primary-btn {width: 100%; justify-content: center; display: flex; align-items: center; gap: 6px;}
#nizwas-wa-root .nwa-contact-inside,
.nwa-scope .nwa-contact-inside {display: flex; gap: 6px; padding: 0 14px 8px;}
#nizwas-wa-root .nwa-contact-inside .nwa-icon-btn,
.nwa-scope .nwa-contact-inside .nwa-icon-btn {background: var(--nwa-gray-light) !important; color: var(--nwa-gray-dark) !important;}
#nizwas-wa-root .nwa-contact-inside .nwa-icon-btn:hover,
.nwa-scope .nwa-contact-inside .nwa-icon-btn:hover {background: #ECECEF !important;}
#nizwas-wa-root .nwa-icon-btn.nwa-call-btn:hover,
.nwa-scope .nwa-icon-btn.nwa-call-btn:hover {background: rgba(22,163,74,0.12) !important; color: #16A34A !important;}
#nizwas-wa-root .nwa-icon-btn.nwa-email-btn:hover,
.nwa-scope .nwa-icon-btn.nwa-email-btn:hover {background: rgba(37,99,235,0.12) !important; color: #2563EB !important;}
#nizwas-wa-root .nwa-icon-btn.nwa-whatsapp-btn:hover,
.nwa-scope .nwa-icon-btn.nwa-whatsapp-btn:hover {background: rgba(34,197,94,0.14) !important; color: #22C55E !important;}
#nizwas-wa-root .nwa-branding,
.nwa-scope .nwa-branding {text-align: center; font-size: 10.5px; color: #A1A1AA !important; padding: 6px 8px 10px;}
#nizwas-wa-root .nwa-branding a,
.nwa-scope .nwa-branding a {color: #A1A1AA !important;}
/* -------------------------------------------------- Plan / result screen -------------------------------------------------- */
#nizwas-wa-root .nwa-plan,
.nwa-scope .nwa-plan {border: 1px solid #EDEAFB !important; background: linear-gradient(180deg, #FAF7FF, #FFFFFF) !important; border-radius: 14px; padding: 16px;}
#nizwas-wa-root .nwa-plan-eyebrow,
.nwa-scope .nwa-plan-eyebrow {font-size: 10.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--nwa-accent) !important; font-weight: 700 !important; margin-bottom: 4px;}
#nizwas-wa-root .nwa-plan-title,
.nwa-scope .nwa-plan-title {font-size: 17px; font-weight: 800 !important; color: var(--nwa-gray-dark) !important; margin-bottom: 10px;}
#nizwas-wa-root .nwa-plan-features,
.nwa-scope .nwa-plan-features {list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 6px;}
#nizwas-wa-root .nwa-plan-features li,
.nwa-scope .nwa-plan-features li {font-size: 13px; color: var(--nwa-gray-dark) !important; display: flex; align-items: center; gap: 8px;}
#nizwas-wa-root .nwa-plan-features li:before,
.nwa-scope .nwa-plan-features li:before {content: "✓"; color: var(--nwa-accent) !important; font-weight: 700 !important;}
#nizwas-wa-root .nwa-plan-why,
.nwa-scope .nwa-plan-why {font-size: 12.5px; color: #52525B !important; font-style: italic; margin-bottom: 12px; line-height: 1.5;}
#nizwas-wa-root .nwa-plan-price,
.nwa-scope .nwa-plan-price {font-size: 20px; font-weight: 800 !important; color: var(--nwa-gray-dark) !important; margin-bottom: 2px;}
#nizwas-wa-root .nwa-plan-disclaimer,
.nwa-scope .nwa-plan-disclaimer {font-size: 10.5px; color: #A1A1AA !important; margin-bottom: 14px;}
#nizwas-wa-root .nwa-plan-ctas,
.nwa-scope .nwa-plan-ctas {display: flex; gap: 8px; flex-wrap: wrap;}
/* -------------------------------------------------- Lead form -------------------------------------------------- */
#nizwas-wa-root .nwa-lead-form,
.nwa-scope .nwa-lead-form {display: flex; flex-direction: column; gap: 8px; margin-top: 10px;}
#nizwas-wa-root .nwa-lead-form input,
.nwa-scope .nwa-lead-form input,
#nizwas-wa-root .nwa-lead-form textarea,
.nwa-scope .nwa-lead-form textarea {border: 1.5px solid #E4E4E7 !important; border-radius: 10px; padding: 10px 12px; font-size: 16px; width: 100%;}
@media (min-width: 521px) {#nizwas-wa-root .nwa-lead-form input,
.nwa-scope .nwa-lead-form input,
#nizwas-wa-root .nwa-lead-form textarea,
.nwa-scope .nwa-lead-form textarea {font-size: 13px;} }
#nizwas-wa-root .nwa-lead-form input:focus,
.nwa-scope .nwa-lead-form input:focus,
#nizwas-wa-root .nwa-lead-form textarea:focus,
.nwa-scope .nwa-lead-form textarea:focus {outline: none !important; border-color: var(--nwa-accent) !important;}
#nizwas-wa-root .nwa-lead-form label,
.nwa-scope .nwa-lead-form label {font-size: 11.5px; font-weight: 600 !important; color: #71717A !important; margin-bottom: 2px; display: block;}
#nizwas-wa-root .nwa-privacy-note,
.nwa-scope .nwa-privacy-note {font-size: 10.5px; color: #A1A1AA !important; margin: 6px 0 4px; line-height: 1.5;}
#nizwas-wa-root .nwa-form-error,
.nwa-scope .nwa-form-error {color: #B91C1C !important; font-size: 12px; margin-top: 6px;}
#nizwas-wa-root .nwa-form-success,
.nwa-scope .nwa-form-success {text-align: center; padding: 20px 10px;}
#nizwas-wa-root .nwa-form-success-icon,
.nwa-scope .nwa-form-success-icon {width: 44px; height: 44px; border-radius: 50%; margin: 0 auto 10px; background: linear-gradient(135deg, var(--nwa-accent), var(--nwa-accent-bright)) !important; color: #fff !important; font-size: 20px; display: flex; align-items: center; justify-content: center;}
/* -------------------------------------------------- Floating contact button (outside) -------------------------------------------------- */
#nizwas-wa-root .nwa-contact-wrap,
.nwa-scope .nwa-contact-wrap {position: fixed; bottom: var(--nwa-offset-y); z-index: 999996; display: flex; flex-direction: column; align-items: center; gap: 10px;}
#nizwas-wa-root .nwa-contact-wrap.nwa-pos-right,
.nwa-scope .nwa-contact-wrap.nwa-pos-right {right: calc(var(--nwa-offset-x) + 70px);}
#nizwas-wa-root .nwa-contact-wrap.nwa-pos-left,
.nwa-scope .nwa-contact-wrap.nwa-pos-left {left: calc(var(--nwa-offset-x) + 70px);}
@media (max-width: 520px) {#nizwas-wa-root .nwa-contact-wrap.nwa-pos-right,
.nwa-scope .nwa-contact-wrap.nwa-pos-right {right: var(--nwa-offset-x); bottom: calc(var(--nwa-offset-y) + 68px);}
#nizwas-wa-root .nwa-contact-wrap.nwa-pos-left,
.nwa-scope .nwa-contact-wrap.nwa-pos-left {left: var(--nwa-offset-x); bottom: calc(var(--nwa-offset-y) + 68px);}
}
#nizwas-wa-root .nwa-contact-menu,
.nwa-scope .nwa-contact-menu {display: flex; flex-direction: column; gap: 8px; align-items: flex-end;}
#nizwas-wa-root .nwa-contact-menu.nwa-pos-left,
.nwa-scope .nwa-contact-menu.nwa-pos-left {align-items: flex-start;}
#nizwas-wa-root .nwa-contact-menu-item,
.nwa-scope .nwa-contact-menu-item {display: inline-flex; align-items: center; gap: 8px; background: var(--nwa-white) !important; color: var(--nwa-gray-dark) !important; border: 1px solid #ECECEF !important; padding: 9px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 600 !important; box-shadow: var(--nwa-shadow-launcher) !important; opacity: 0; transform: translateY(6px) scale(0.96); transition: opacity 180ms ease, transform 180ms ease; text-decoration: none !important;}
#nizwas-wa-root .nwa-contact-wrap.nwa-open .nwa-contact-menu-item,
.nwa-scope .nwa-contact-wrap.nwa-open .nwa-contact-menu-item {opacity: 1; transform: translateY(0) scale(1);}
#nizwas-wa-root .nwa-contact-menu-item:hover,
.nwa-scope .nwa-contact-menu-item:hover {border-color: var(--nwa-accent) !important; color: var(--nwa-accent) !important;}
#nizwas-wa-root .nwa-contact-menu-item.nwa-contact-menu-call:hover,
.nwa-scope .nwa-contact-menu-item.nwa-contact-menu-call:hover {border-color: #16A34A !important; color: #16A34A !important;}
#nizwas-wa-root .nwa-contact-menu-item.nwa-contact-menu-email:hover,
.nwa-scope .nwa-contact-menu-item.nwa-contact-menu-email:hover {border-color: #2563EB !important; color: #2563EB !important;}
#nizwas-wa-root .nwa-contact-menu-item.nwa-contact-menu-whatsapp:hover,
.nwa-scope .nwa-contact-menu-item.nwa-contact-menu-whatsapp:hover {border-color: #22C55E !important; color: #22C55E !important;}
#nizwas-wa-root .nwa-contact-toggle,
.nwa-scope .nwa-contact-toggle {width: 52px; height: 52px; border-radius: 50%; border: none !important; background: var(--nwa-white) !important; color: var(--nwa-gray-dark) !important; box-shadow: var(--nwa-shadow-launcher) !important; font-size: 18px; display: flex; align-items: center; justify-content: center; transition: transform 200ms ease, background 200ms ease, color 200ms ease;}
#nizwas-wa-root .nwa-contact-toggle:hover,
.nwa-scope .nwa-contact-toggle:hover {transform: translateY(-2px) !important;}
#nizwas-wa-root .nwa-contact-wrap.nwa-open .nwa-contact-toggle,
.nwa-scope .nwa-contact-wrap.nwa-open .nwa-contact-toggle {background: var(--nwa-primary) !important; color: #fff !important; transform: rotate(45deg);}
@media (prefers-reduced-motion: reduce) {#nizwas-wa-root .nwa-contact-wrap.nwa-open .nwa-contact-toggle,
.nwa-scope .nwa-contact-wrap.nwa-open .nwa-contact-toggle {transform: none;} }
/* -------------------------------------------------- Floating quote CTA (outside) -------------------------------------------------- */
#nizwas-wa-root .nwa-quote-wrap,
.nwa-scope .nwa-quote-wrap {position: fixed; bottom: var(--nwa-offset-y); z-index: 999995;}
#nizwas-wa-root .nwa-quote-wrap.nwa-pos-right,
.nwa-scope .nwa-quote-wrap.nwa-pos-right {right: calc(var(--nwa-offset-x) + 140px);}
#nizwas-wa-root .nwa-quote-wrap.nwa-pos-left,
.nwa-scope .nwa-quote-wrap.nwa-pos-left {left: calc(var(--nwa-offset-x) + 140px);}
@media (max-width: 720px) {#nizwas-wa-root .nwa-quote-wrap,
.nwa-scope .nwa-quote-wrap {display: none;} }
#nizwas-wa-root .nwa-quote-btn,
.nwa-scope .nwa-quote-btn {display: inline-flex; align-items: center; gap: 6px; background: var(--nwa-white) !important; color: var(--nwa-gray-dark) !important; border: 1.5px solid var(--nwa-accent) !important; padding: 12px 18px; border-radius: 999px; font-size: 13px; font-weight: 700 !important; box-shadow: var(--nwa-shadow-launcher) !important; text-decoration: none !important; transition: background 180ms ease, color 180ms ease, transform 180ms ease;}
#nizwas-wa-root .nwa-quote-btn:hover,
.nwa-scope .nwa-quote-btn:hover {background: var(--nwa-accent) !important; color: #fff !important; transform: translateY(-2px) !important;}
/* Fixes the "Get Free Quote" tab / contact bubbles overlapping the open chat
   window: both floating widgets fade out and stop intercepting clicks while
   the advisor window is open, and return the instant it's closed. */
#nizwas-wa-root .nwa-hide-while-chat-open,
.nwa-scope .nwa-hide-while-chat-open {opacity: 0 !important; pointer-events: none !important; transform: translateY(6px) !important; transition: opacity 160ms ease, transform 160ms ease;}
@media (prefers-reduced-motion: reduce) {#nizwas-wa-root .nwa-hide-while-chat-open,
.nwa-scope .nwa-hide-while-chat-open {transition: opacity 120ms linear; transform: none !important;} }
/* Inline (shortcode) mode */
#nizwas-wa-root .nizwas-wa-inline,
.nwa-scope .nizwas-wa-inline {position: relative;}
#nizwas-wa-root .nizwas-wa-inline .nwa-window,
.nwa-scope .nizwas-wa-inline .nwa-window {position: static; width: 100%; height: auto; min-height: 480px; opacity: 1; transform: none; box-shadow: 0 1px 4px rgba(0,0,0,.08) !important; border: 1px solid #E4E4E7 !important; pointer-events: auto;}
#nizwas-wa-root .nizwas-wa-inline .nwa-contact-wrap,
.nwa-scope .nizwas-wa-inline .nwa-contact-wrap,
#nizwas-wa-root .nizwas-wa-inline .nwa-quote-wrap,
.nwa-scope .nizwas-wa-inline .nwa-quote-wrap {display: none;}
/* ==========================================================================
   Nizwas Advisor v1.1 additions — premium launcher system, top/bottom anchor
   positioning, header photo + status, expand mode, human hand-off, SVG icons
   ========================================================================== */
/* Icon sizing for the SVG icon system (replaces plain unicode glyphs) */
#nizwas-wa-root .nwa-icon-btn svg,
.nwa-scope .nwa-icon-btn svg,
#nizwas-wa-root .nwa-back-btn svg,
.nwa-scope .nwa-back-btn svg,
#nizwas-wa-root .nwa-contact-menu-item svg,
.nwa-scope .nwa-contact-menu-item svg,
#nizwas-wa-root .nwa-launcher-icon svg,
.nwa-scope .nwa-launcher-icon svg {width: 16px; height: 16px; display: block; flex-shrink: 0;}
#nizwas-wa-root .nwa-icon-btn,
.nwa-scope .nwa-icon-btn {gap: 0;}
/* -------------------------------------------------- Vertical anchor override -------------------------------------------------- */
/* Default is bottom-anchored; add .nwa-anchor-top for a top-right / top-left position. */
#nizwas-wa-root .nwa-anchor-top.nwa-launcher-wrap,
.nwa-scope .nwa-anchor-top.nwa-launcher-wrap {top: var(--nwa-offset-y); bottom: auto;}
#nizwas-wa-root .nwa-anchor-top.nwa-window,
.nwa-scope .nwa-anchor-top.nwa-window {top: calc(var(--nwa-offset-y) + 74px); bottom: auto;}
#nizwas-wa-root .nwa-anchor-top.nwa-contact-wrap,
.nwa-scope .nwa-anchor-top.nwa-contact-wrap {top: var(--nwa-offset-y); bottom: auto;}
#nizwas-wa-root .nwa-anchor-top.nwa-quote-wrap,
.nwa-scope .nwa-anchor-top.nwa-quote-wrap {top: var(--nwa-offset-y); bottom: auto;}
@media (max-width: 520px) {#nizwas-wa-root .nwa-anchor-top.nwa-window,
.nwa-scope .nwa-anchor-top.nwa-window {top: 10px; bottom: auto;}
}
/* -------------------------------------------------- Launcher style variants -------------------------------------------------- */
#nizwas-wa-root .nwa-launcher-style-icon .nwa-launcher,
.nwa-scope .nwa-launcher-style-icon .nwa-launcher {padding: 0; width: 56px; height: 56px; justify-content: center; border-radius: 50%;}
#nizwas-wa-root .nwa-launcher-style-icon .nwa-launcher .nwa-launcher-label,
.nwa-scope .nwa-launcher-style-icon .nwa-launcher .nwa-launcher-label {display: none;}
#nizwas-wa-root .nwa-launcher-style-text .nwa-launcher .nwa-launcher-icon,
.nwa-scope .nwa-launcher-style-text .nwa-launcher .nwa-launcher-icon {display: none;}
#nizwas-wa-root .nwa-launcher-style-text .nwa-launcher,
.nwa-scope .nwa-launcher-style-text .nwa-launcher {padding: 13px 20px;}
/* Launcher animation variants (in addition to the small unread-style dot) */
#nizwas-wa-root .nwa-launcher-anim-float .nwa-launcher,
.nwa-scope .nwa-launcher-anim-float .nwa-launcher {animation: nwa-float 3.4s ease-in-out infinite;}
@keyframes nwa-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
#nizwas-wa-root .nwa-launcher-anim-glow .nwa-launcher,
.nwa-scope .nwa-launcher-anim-glow .nwa-launcher {animation: nwa-glow 2.6s ease-in-out infinite;}
@keyframes nwa-glow {
	0%, 100% { box-shadow: var(--nwa-shadow-launcher), 0 0 0 0 rgba(124,58,237,0.0); }
	50% { box-shadow: var(--nwa-shadow-launcher), 0 0 22px 4px rgba(124,58,237,0.35); }
}
#nizwas-wa-root .nwa-launcher-anim-slide .nwa-launcher,
.nwa-scope .nwa-launcher-anim-slide .nwa-launcher {animation: nwa-slide-in 420ms ease both;}
@keyframes nwa-slide-in { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
#nizwas-wa-root .nwa-launcher-anim-none .nwa-launcher-dot,
.nwa-scope .nwa-launcher-anim-none .nwa-launcher-dot {animation: none;}
@media (prefers-reduced-motion: reduce) {#nizwas-wa-root .nwa-launcher-anim-float .nwa-launcher,
.nwa-scope .nwa-launcher-anim-float .nwa-launcher,
#nizwas-wa-root .nwa-launcher-anim-glow .nwa-launcher,
.nwa-scope .nwa-launcher-anim-glow .nwa-launcher,
#nizwas-wa-root .nwa-launcher-anim-slide .nwa-launcher,
.nwa-scope .nwa-launcher-anim-slide .nwa-launcher {animation: none;}
}
/* -------------------------------------------------- Header: professional photo + status -------------------------------------------------- */
#nizwas-wa-root .nwa-header-photo,
.nwa-scope .nwa-header-photo {width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background-size: cover !important; background-position: center !important; background-color: var(--nwa-gray-light) !important; border: 2px solid rgba(255,255,255,0.18) !important; position: relative;}
#nizwas-wa-root .nwa-status-dot,
.nwa-scope .nwa-status-dot {position: absolute; bottom: -1px; right: -1px; width: 10px; height: 10px; border-radius: 50%; background: #22C55E !important; border: 2px solid var(--nwa-primary) !important;}
#nizwas-wa-root .nwa-header.nwa-header-gradient .nwa-status-dot,
.nwa-scope .nwa-header.nwa-header-gradient .nwa-status-dot {border-color: #241535 !important;}
#nizwas-wa-root .nwa-header-status,
.nwa-scope .nwa-header-status {display: inline-flex; align-items: center; gap: 4px;}
#nizwas-wa-root .nwa-header-status .nwa-status-dot-inline,
.nwa-scope .nwa-header-status .nwa-status-dot-inline {width: 6px; height: 6px; border-radius: 50%; background: #22C55E !important; display: inline-block;}
/* -------------------------------------------------- Back button (fixed contrast in every state) -------------------------------------------------- */
#nizwas-wa-root .nwa-back-btn,
.nwa-scope .nwa-back-btn {display: inline-flex; align-items: center; gap: 6px; background: transparent !important; border: 1px solid transparent !important; color: #52525B !important; font-size: 12px; font-weight: 600 !important; padding: 6px 10px; border-radius: 8px; transition: background 150ms ease, border-color 150ms ease, color 150ms ease;}
#nizwas-wa-root .nwa-back-btn svg,
.nwa-scope .nwa-back-btn svg {color: #52525B !important;}
#nizwas-wa-root .nwa-back-btn:hover,
.nwa-scope .nwa-back-btn:hover {background: var(--nwa-gray-light) !important; border-color: #E4E4E7 !important; color: var(--nwa-gray-dark) !important;}
#nizwas-wa-root .nwa-back-btn:hover svg,
.nwa-scope .nwa-back-btn:hover svg {color: var(--nwa-gray-dark) !important;}
#nizwas-wa-root .nwa-back-btn:active,
.nwa-scope .nwa-back-btn:active {background: #ECECEF !important;}
#nizwas-wa-root .nwa-back-btn:focus-visible,
.nwa-scope .nwa-back-btn:focus-visible {outline: 2px solid var(--nwa-accent) !important; outline-offset: 2px; background: var(--nwa-gray-light) !important;}
#nizwas-wa-root .nwa-back-btn:disabled,
.nwa-scope .nwa-back-btn:disabled {opacity: 0.35 !important; cursor: default !important;}
#nizwas-wa-root .nwa-back-btn:disabled:hover,
.nwa-scope .nwa-back-btn:disabled:hover {background: transparent !important; border-color: transparent !important;}
/* -------------------------------------------------- Expand mode -------------------------------------------------- */
#nizwas-wa-root .nwa-header-expand-btn,
.nwa-scope .nwa-header-expand-btn {display: inline-flex;}
@media (min-width: 769px) {#nizwas-wa-root .nwa-window.nwa-expanded,
.nwa-scope .nwa-window.nwa-expanded {width: min(860px, calc(100vw - 48px)); height: min(85vh, 820px); max-height: 85vh; transition: width 260ms ease, height 260ms ease, opacity 240ms ease, transform 240ms ease;}
#nizwas-wa-root .nwa-window.nwa-expanded .nwa-body,
.nwa-scope .nwa-window.nwa-expanded .nwa-body {padding: 22px 28px;}
#nizwas-wa-root .nwa-window.nwa-expanded .nwa-options,
.nwa-scope .nwa-window.nwa-expanded .nwa-options {max-width: 520px;}
}
@media (max-width: 768px) {#nizwas-wa-root .nwa-header-expand-btn,
.nwa-scope .nwa-header-expand-btn {display: none;}
}
/* -------------------------------------------------- Progress: dots variant -------------------------------------------------- */
#nizwas-wa-root .nwa-progress-dots,
.nwa-scope .nwa-progress-dots {display: flex; gap: 5px; align-items: center; padding: 8px 16px 0;}
#nizwas-wa-root .nwa-progress-dot,
.nwa-scope .nwa-progress-dot {width: 6px; height: 6px; border-radius: 50%; background: #E4E4E7 !important; transition: background 200ms ease, transform 200ms ease;}
#nizwas-wa-root .nwa-progress-dot.is-filled,
.nwa-scope .nwa-progress-dot.is-filled {background: linear-gradient(135deg, var(--nwa-accent), var(--nwa-accent-bright)) !important; transform: scale(1.15);}
/* -------------------------------------------------- Talk to a Human -------------------------------------------------- */
#nizwas-wa-root .nwa-human-row,
.nwa-scope .nwa-human-row {padding: 0 14px 8px;}
#nizwas-wa-root .nwa-human-row .nwa-human-label,
.nwa-scope .nwa-human-row .nwa-human-label {font-size: 10.5px; color: #A1A1AA !important; margin-bottom: 4px;}
#nizwas-wa-root .nwa-human-btn,
.nwa-scope .nwa-human-btn {display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; background: transparent !important; border: 1.5px solid var(--nwa-accent) !important; color: var(--nwa-accent) !important; padding: 9px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700 !important; transition: background 150ms ease, color 150ms ease;}
#nizwas-wa-root .nwa-human-btn:hover,
.nwa-scope .nwa-human-btn:hover {background: var(--nwa-accent) !important; color: #fff !important;}
#nizwas-wa-root .nwa-human-btn:focus-visible,
.nwa-scope .nwa-human-btn:focus-visible {outline: 2px solid var(--nwa-accent) !important; outline-offset: 2px;}
/* -------------------------------------------------- User bubble alignment tidy-up -------------------------------------------------- */
#nizwas-wa-root .nwa-msg-row.nwa-msg-user,
.nwa-scope .nwa-msg-row.nwa-msg-user {justify-content: flex-end;}