/* NestPeople — Nia chat assistant (lavender theme) */
.wac{--l1:#F5F3FF;--l2:#EDE9FE;--l3:#DDD6FE;--l5:#A78BFA;--l6:#8B5CF6;--l7:#7C3AED;--l9:#4C1D95;
  position:fixed;right:20px;bottom:84px;z-index:950;width:360px;max-width:calc(100vw - 24px);height:min(560px,calc(100vh - 110px));display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--l1);box-shadow:0 18px 50px rgba(30,16,80,.45),0 0 0 1px rgba(139,92,246,.18);font:400 14.5px/1.45 'Plus Jakarta Sans','Inter',system-ui,sans-serif;color:#1E1B3A;opacity:0;transform:translateY(14px) scale(.98);transform-origin:bottom right;transition:opacity .2s ease,transform .2s ease}
.wac.on{opacity:1;transform:none}
.wac-hd{display:flex;align-items:center;gap:11px;padding:12px 12px 12px 14px;background:linear-gradient(135deg,#8B7CF6 0%,#A78BFA 55%,#C4B5FD 100%);color:#fff;flex:none}
.wac-av{position:relative;flex:none}
.wac-av img{width:38px;height:38px;border-radius:50%;background:#fff;object-fit:contain;padding:4px;box-sizing:border-box;display:block}
.wac-av i{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#4ADE80;border:2px solid #fff}
.wac-hd div{flex:1;min-width:0;display:flex;flex-direction:column}
.wac-hd b{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(76,29,149,.25)}
.wac-hd span{font-size:12px;color:#F5F3FF}
.wac-x{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}
.wac-x:hover,.wac-x:focus-visible{background:rgba(255,255,255,.22);outline:none}

.wac-log{flex:1;overflow-y:auto;padding:14px 12px 8px;display:flex;flex-direction:column;gap:6px;background-color:var(--l1);background-image:radial-gradient(rgba(124,58,237,.07) 1px,transparent 1px);background-size:14px 14px;overscroll-behavior:contain}
.wac-m{position:relative;max-width:82%;align-self:flex-start;background:#fff;padding:7px 10px 18px;border-radius:2px 12px 12px 12px;box-shadow:0 1px 2px rgba(76,29,149,.1);word-wrap:break-word;animation:wacIn .18s ease}
.wac-m.me{align-self:flex-end;background:var(--l3);border-radius:12px 2px 12px 12px}
.wac-m small{position:absolute;right:8px;bottom:3px;font-size:10.5px;color:#7A7396}
.wac-m.me small::after{content:' ✓✓';color:var(--l7)}
.wac-typing{padding:11px 14px;display:flex;gap:4px}
.wac-typing span{width:7px;height:7px;border-radius:50%;background:var(--l5);animation:wacDot 1s infinite}
.wac-typing span:nth-child(2){animation-delay:.15s}.wac-typing span:nth-child(3){animation-delay:.3s}
@keyframes wacDot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@keyframes wacIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wac-note{align-self:center;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#166534;background:#DCFCE7;padding:4px 11px;border-radius:999px;margin:4px 0;animation:wacIn .2s ease}

.wac-chips{display:flex;flex-wrap:wrap;gap:7px;padding:4px 12px 10px;justify-content:flex-end;flex:none;max-height:45%;overflow-y:auto;background:var(--l1)}
.wac-chips:empty{display:none}
.wac-chips button{border:1.5px solid var(--l5);background:#fff;color:var(--l9);font:600 13.5px 'Plus Jakarta Sans','Inter',system-ui,sans-serif;padding:8px 13px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.wac-chips button:hover,.wac-chips button:focus-visible{background:var(--l6);border-color:var(--l6);color:#fff;outline:none}
.wac-chips button.skip{border-color:transparent;background:var(--l2);color:#5B5478}
.wac-chips button.skip:hover{background:var(--l3);color:var(--l9)}
.wac-go{flex:1 1 100%;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#8B5CF6,#A78BFA);color:#fff!important;text-decoration:none;font:700 15px 'Plus Jakarta Sans','Inter',system-ui,sans-serif;padding:12px 16px;border-radius:999px;box-shadow:0 8px 20px rgba(139,92,246,.4);transition:transform .15s}
.wac-go:hover{transform:translateY(-1px)}

.wac-in{display:flex;gap:8px;padding:8px 10px;background:var(--l2);flex:none}
.wac-in input{flex:1;min-width:0;height:42px;border:1.5px solid transparent;border-radius:999px;padding:0 16px;font:500 15px 'Plus Jakarta Sans','Inter',system-ui,sans-serif;color:#1E1B3A;background:#fff;outline:none}
.wac-in input:focus{border-color:var(--l5);box-shadow:0 0 0 3px rgba(167,139,250,.25)}
.wac-in input.bad{border-color:#E11D48;box-shadow:0 0 0 3px rgba(225,29,72,.15)}
.wac-in button{width:42px;height:42px;border:0;border-radius:50%;background:var(--l6);color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}
.wac-in button:hover{background:var(--l7)}
.wac-ft{font-size:11px;color:#6B6488;text-align:center;padding:5px 10px 7px;background:var(--l2);flex:none}
.wac-ft a{color:var(--l7)}

/* teaser bubble beside the button */
.wac-tip{position:fixed;right:20px;bottom:88px;z-index:899;border:0;background:#fff;color:#1E1B3A;font:600 14px 'Plus Jakarta Sans','Inter',system-ui,sans-serif;padding:10px 14px;border-radius:14px 14px 4px 14px;box-shadow:0 10px 30px rgba(30,16,80,.3),0 0 0 1px rgba(167,139,250,.35);cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.wac-tip.on{opacity:1;transform:none}

/* "Ask Nia" launcher pill (toggle button) */
.np-wa.np-nia{width:auto;height:54px;padding:5px 20px 5px 6px;border-radius:999px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#8B5CF6 0%,#A78BFA 65%,#C4B5FD 100%);box-shadow:0 8px 22px rgba(139,92,246,.45),0 0 0 3px rgba(237,233,254,.22);color:#fff;transition:padding .3s ease,gap .3s ease,transform .2s}
.np-wa.np-nia:hover{transform:translateY(-2px)}
.nia-av{position:relative;width:42px;height:42px;border-radius:50%;background:#fff;flex:none;display:grid;place-items:center}
.nia-av img{width:30px;height:30px;object-fit:contain;display:block}
.nia-dot{position:absolute;top:-1px;right:-1px;width:12px;height:12px;border-radius:50%;background:#4ADE80;border:2px solid #fff}
.nia-lb{font:700 15.5px 'Plus Jakarta Sans','Inter',system-ui,sans-serif;letter-spacing:.1px;white-space:nowrap;overflow:hidden;max-width:90px;opacity:1;transition:max-width .3s ease,opacity .2s ease;text-shadow:0 1px 2px rgba(76,29,149,.3)}
.np-wa.np-nia.nia-sm{padding:6px;gap:0}
.np-wa.np-nia.nia-sm .nia-lb{max-width:0;opacity:0}
@media (hover:hover){.np-wa.np-nia.nia-sm:hover{padding:5px 20px 5px 6px;gap:10px}.np-wa.np-nia.nia-sm:hover .nia-lb{max-width:90px;opacity:1}}
.np-wa.np-nia::before{content:'';position:absolute;inset:0;border-radius:inherit;animation:niaPulse 2.6s ease-out infinite;pointer-events:none}
@keyframes niaPulse{0%{box-shadow:0 0 0 0 rgba(167,139,250,.55)}70%,100%{box-shadow:0 0 0 14px rgba(167,139,250,0)}}
/* while the chat is open the button becomes a round close (×) */
.np-wa.np-nia.is-open{width:54px;padding:0;gap:0;justify-content:center}
.np-wa.is-open .nia-av,.np-wa.is-open .nia-lb{display:none}
.np-wa.is-open::before{animation:none}
.np-wa.is-open::after{content:'';width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat}

@media (max-width:520px){
  .wac{right:8px;left:8px;width:auto;max-width:none;bottom:80px;height:min(560px,calc(100dvh - 100px))}
  .wac-tip{right:12px;bottom:84px;max-width:calc(100vw - 24px)}
}
