smart-receptionist{--nr-accent:#2f74ff;--nr-accent-2:#17b890;--nr-ink:#102033;--nr-muted:#637287;--nr-surface:#fff;--nr-soft:#edf4ff;--nr-line:rgba(20,42,72,.13);--nr-shadow:0 28px 80px rgba(13,31,55,.24);--nr-launcher-from:#153459;--nr-launcher-to:#2468df;--nr-launcher-rgb:36,104,223;--nr-launcher-font:"Cormorant Garamond","Palatino Linotype",Georgia,serif;--nr-name-font:"Cormorant Garamond","Palatino Linotype",Georgia,serif;--nr-label-font:Jost,"Avenir Next","Segoe UI",sans-serif;--nr-name-style:italic;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.nr-launcher{position:fixed;right:22px;bottom:22px;z-index:9990;display:flex;align-items:center;gap:15px;min-height:86px;padding:9px 27px 9px 9px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:radial-gradient(circle at 82% 0%,rgba(255,255,255,.17),transparent 40%),linear-gradient(135deg,var(--nr-launcher-from),var(--nr-launcher-to));color:#fff;box-shadow:0 20px 52px rgba(var(--nr-launcher-rgb),.4);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}
.nr-launcher::before{content:"";position:absolute;inset:-7px;border:1px solid rgba(var(--nr-launcher-rgb),.34);border-radius:inherit;animation:nr-pulse 2.6s ease-out infinite;pointer-events:none}
.nr-launcher:hover{transform:translateY(-3px);box-shadow:0 26px 62px rgba(var(--nr-launcher-rgb),.48)}
.nr-launcher:focus-visible,.nr-close:focus-visible,.nr-send:focus-visible,.nr-chip:focus-visible,.nr-handoff a:focus-visible,.nr-input:focus-visible{outline:3px solid rgba(47,116,255,.34);outline-offset:3px}
.nr-avatar{position:relative;display:grid;place-items:center;width:69px;height:69px;flex:0 0 69px;border:3px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(145deg,#fff,#dfeaff);color:#1d56ad;font:800 19px/1 inherit;box-shadow:0 7px 20px rgba(7,28,62,.27),inset 0 0 0 1px rgba(29,86,173,.1)}
.nr-avatar img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.nr-avatar-fallback{position:relative;z-index:0}
.nr-avatar::after{content:"";position:absolute;right:1px;bottom:2px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#22c785}
.nr-launcher-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;white-space:nowrap}
.nr-launcher-copy>span{font-family:var(--nr-launcher-font);font-size:27.75px;font-weight:600;line-height:.92;letter-spacing:-.028em;text-wrap:balance}
.nr-launcher-copy small{margin-top:8px;color:rgba(255,255,255,.82);font-family:var(--nr-label-font);font-size:15.85px;font-weight:500;line-height:1;letter-spacing:.045em;text-transform:none}
.nr-receptionist-name{font-family:var(--nr-name-font);font-style:var(--nr-name-style);font-weight:600;letter-spacing:.005em;text-shadow:0 1px 12px rgba(255,255,255,.2)}
.nr-launcher-copy .nr-receptionist-name{display:inline-block;margin-left:.08em;font-size:1.08em;line-height:.86;transform:translateY(.015em)}
.nr-panel{position:fixed;right:22px;bottom:130px;z-index:9991;display:flex;flex-direction:column;box-sizing:border-box;width:min(430px,calc(100vw - 28px));max-width:none;height:min(670px,calc(100vh - 154px));margin:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:26px;background:var(--nr-surface);color:var(--nr-ink);box-shadow:var(--nr-shadow);opacity:0;visibility:hidden;transform:translateY(18px) scale(.97);transform-origin:bottom right;transition:opacity .22s ease,transform .22s ease,visibility .22s}
.nr-panel[data-open="true"]{opacity:1;visibility:visible;transform:none}
.nr-head{position:relative;display:flex;align-items:center;gap:12px;padding:17px 18px;color:#fff;background:radial-gradient(circle at 78% 0%,rgba(255,255,255,.17),transparent 40%),linear-gradient(135deg,var(--nr-launcher-from),var(--nr-launcher-to))}
.nr-head::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.18)}
.nr-head .nr-avatar{width:58px;height:58px;flex-basis:58px}
.nr-head-copy{min-width:0;flex:1}
.nr-head-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--nr-launcher-font);font-size:22px;font-weight:600;line-height:1.16;letter-spacing:-.02em}
.nr-head-copy strong .nr-receptionist-name{font-size:1.18em}
.nr-company-name{font-family:var(--nr-label-font);font-size:.74em;font-style:normal;font-weight:600;line-height:1.25;letter-spacing:-.01em}
.nr-head-copy span{display:flex;align-items:center;gap:6px;margin-top:5px;color:rgba(255,255,255,.78);font:600 12px/1.2 inherit}
.nr-head-copy span::before{content:"";width:7px;height:7px;border-radius:50%;background:#35dd9a;box-shadow:0 0 0 4px rgba(53,221,154,.13)}
.nr-close{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font:500 24px/1 inherit;transition:background .2s ease,transform .2s ease}
.nr-close:hover{background:rgba(255,255,255,.2);transform:rotate(4deg)}
.nr-demo-note{padding:8px 16px;border-bottom:1px solid var(--nr-line);background:#f3f7ff;color:#48617f;text-align:center;font:700 10px/1.3 inherit;letter-spacing:.06em;text-transform:uppercase}
.nr-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 8px;background:linear-gradient(180deg,#f8fbff,#fff 24%);scrollbar-width:thin;scrollbar-color:#c3d3e8 transparent}
.nr-message{display:flex;margin:0 0 12px;animation:nr-rise .25s ease both}
.nr-message[data-role="user"]{justify-content:flex-end}
.nr-bubble{max-width:86%;padding:11px 13px;border:1px solid var(--nr-line);border-radius:7px 17px 17px;background:#fff;box-shadow:0 5px 18px rgba(24,49,82,.06);font:500 13.5px/1.5 inherit;white-space:pre-wrap;overflow-wrap:anywhere}
.nr-message[data-role="user"] .nr-bubble{border-color:transparent;border-radius:17px 7px 17px 17px;background:linear-gradient(135deg,#2868d6,#2f74ff);color:#fff;box-shadow:0 7px 18px rgba(47,116,255,.18)}
.nr-message[data-kind="system"] .nr-bubble{border-style:dashed;background:#f8fafc;color:var(--nr-muted)}
.nr-typing .nr-bubble{display:flex;gap:4px;padding:15px 17px}
.nr-typing i{width:6px;height:6px;border-radius:50%;background:#7790ae;animation:nr-dot 1.1s infinite ease-in-out}
.nr-typing i:nth-child(2){animation-delay:.16s}.nr-typing i:nth-child(3){animation-delay:.32s}
.nr-chips{display:flex;gap:7px;overflow-x:auto;padding:7px 16px 10px;background:#fff;scrollbar-width:none}
.nr-chips::-webkit-scrollbar{display:none}
.nr-chip{flex:0 0 auto;padding:7px 10px;border:1px solid #cddbf0;border-radius:999px;background:#f8fbff;color:#2a568f;cursor:pointer;font:700 11px/1.2 inherit;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.nr-chip:hover{border-color:var(--nr-accent);background:#eef5ff;transform:translateY(-1px)}
.nr-handoff{display:none;gap:7px;padding:9px 16px;border-top:1px solid var(--nr-line);background:#fbfdff}
.nr-handoff[data-visible="true"]{display:flex}
.nr-handoff a{flex:1;padding:9px 8px;border-radius:10px;background:#eaf2ff;color:#22559d;text-align:center;text-decoration:none;font:800 11px/1.2 inherit}
.nr-handoff a[data-kind="whatsapp"]{background:#e5f9ef;color:#087a4c}
.nr-compose{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;padding:12px 13px 13px;border-top:1px solid var(--nr-line);background:#fff}
.nr-input{width:100%;max-height:104px;min-height:42px;resize:none;box-sizing:border-box;padding:10px 12px;border:1px solid #c9d5e4;border-radius:13px;background:#f8fafc;color:var(--nr-ink);font:500 13.5px/1.45 inherit;transition:border-color .18s ease,box-shadow .18s ease}
.nr-input:focus{border-color:var(--nr-accent);box-shadow:0 0 0 3px rgba(47,116,255,.11);outline:0;background:#fff}
.nr-input::placeholder{color:#8694a7}
.nr-send{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:13px;background:linear-gradient(135deg,#2362c5,#2f74ff);color:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(47,116,255,.23);transition:transform .18s ease,opacity .18s ease}
.nr-send:hover{transform:translateY(-1px)}.nr-send:disabled{cursor:not-allowed;opacity:.45;transform:none}
.nr-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nr-fineprint{padding:0 14px 10px;background:#fff;color:#8a97a8;text-align:center;font:500 9.5px/1.35 inherit}
@keyframes nr-pulse{0%{opacity:.8;transform:scale(.96)}75%,100%{opacity:0;transform:scale(1.12)}}
@keyframes nr-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes nr-dot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}
/* Preview Factory also has a direct WhatsApp bubble. Keep both actions visible without overlap. */
smart-receptionist~.pulse-call,.pulse-call{right:auto!important;left:22px!important;bottom:22px!important;z-index:9988!important;width:54px!important;height:54px!important}
@media(max-width:640px){.nr-launcher{right:12px;bottom:12px;gap:10px;min-height:63px;padding:6px 15px 6px 6px}.nr-launcher .nr-avatar{width:49px;height:49px;flex-basis:49px;border-width:2px}.nr-launcher-copy>span{font-size:21.5px}.nr-launcher-copy small{display:none}.nr-panel{inset:7px 7px 87px 7px;width:auto;max-width:none;height:auto;max-height:none;border-radius:22px}.nr-bubble{max-width:91%}.pulse-call{left:12px!important;bottom:12px!important;width:50px!important;height:50px!important}}
@media(max-width:390px){.nr-launcher-copy{display:none}.nr-launcher{padding:6px}.nr-panel{bottom:82px}.nr-head{padding:14px}.nr-messages{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.nr-launcher::before,.nr-message,.nr-typing i{animation:none}.nr-launcher,.nr-panel,.nr-close,.nr-chip,.nr-send{transition:none}}
html[data-theme="dark"] smart-receptionist{--nr-ink:#eef5ff;--nr-muted:#a8b7c9;--nr-surface:#111d2b;--nr-soft:#17283d;--nr-line:rgba(255,255,255,.11)}
html[data-theme="dark"] .nr-messages{background:linear-gradient(180deg,#142337,#111d2b 24%)}html[data-theme="dark"] .nr-bubble{background:#18283b}html[data-theme="dark"] .nr-message[data-role="user"] .nr-bubble{background:linear-gradient(135deg,#2868d6,#2f74ff)}html[data-theme="dark"] .nr-chips,html[data-theme="dark"] .nr-compose,html[data-theme="dark"] .nr-fineprint{background:#111d2b}html[data-theme="dark"] .nr-chip{border-color:#314760;background:#17283b;color:#c9dcf6}html[data-theme="dark"] .nr-input{border-color:#354b64;background:#172536;color:#eef5ff}html[data-theme="dark"] .nr-handoff{border-color:var(--nr-line);background:#132131}html[data-theme="dark"] .nr-demo-note{background:#16263a;color:#b9c9dc}
