/* Phone sheet, tablet rail, desktop panel. All styles are dock-scoped. */
.alive-dock{position:fixed;z-index:1040;inset:auto 0 0;width:100%;box-sizing:border-box;color:#edf7f5;background:#101e24;border:1px solid #36515a;border-radius:20px 20px 0 0;box-shadow:0 12px 48px #0006;font:14px/1.4 system-ui,sans-serif;padding-bottom:env(safe-area-inset-bottom)}
.alive-dock *{box-sizing:border-box}.alive-dock__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}.alive-dock__identity{display:flex;align-items:center;gap:9px;min-width:0;font-weight:650}.alive-dock__light{width:8px;height:8px;flex:none;border-radius:50%;background:#8be3be;box-shadow:0 0 12px #8be3be88}
.alive-dock__toggle{border:1px solid #52717a;background:transparent;color:#edf7f5;border-radius:9px;padding:10px;min-height:44px;cursor:pointer}.alive-dock__body{max-height:65dvh;overflow:auto;overscroll-behavior:contain}.alive-dock__body[hidden]{display:none}.alive-dock__greeting{margin:0;padding:0 16px 10px;color:#c3dcd7}.alive-dock__frame{display:block;width:100%;height:350px;border:0;background:#0c151b}.alive-dock__talk{display:block;width:calc(100% - 32px);min-height:44px;margin:10px 16px 0;padding:10px 16px;border:0;border-radius:12px;background:#a2f1cd;color:#102720;font-weight:700;cursor:pointer}.alive-dock__talk:disabled{opacity:.55;cursor:default}.alive-dock__note{margin:8px 16px 12px;font-size:12px;color:#bfd0d5}.alive-dock button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (min-width: 768px){.alive-dock{inset:88px 16px auto auto;width:320px;max-height:calc(100dvh - 112px);border-radius:18px;padding:0}.alive-dock__body{max-height:calc(100dvh - 180px)}.alive-dock__frame{height:420px}}
@media (min-width: 1200px){.alive-dock{inset:auto 24px 24px auto;width:360px;max-height:calc(100dvh - 48px)}.alive-dock__body{max-height:calc(100dvh - 116px)}.alive-dock__frame{height:420px}}
/* Collapsed (the first paint at every width): a small pill with the light, the name and the invitation. */
.alive-dock[data-alive-dock-state="collapsed"]{inset:auto 16px calc(16px + env(safe-area-inset-bottom)) auto;width:auto;max-width:calc(100vw - 32px);border-radius:999px;padding:0}
.alive-dock[data-alive-dock-state="collapsed"] .alive-dock__header{padding:4px 4px 4px 14px}
.alive-dock[data-alive-dock-state="collapsed"] .alive-dock__identity{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.alive-dock[data-alive-dock-state="collapsed"] .alive-dock__toggle{flex:none;border-color:#a2f1cd;border-radius:999px;background:#a2f1cd;color:#102720;font-weight:700;padding:10px 16px}
/* The Help-chat teaser (components/communicator-unavailable) and the live-human button keep the bottom-right corner; the dock sits above them. */
body:has(.netshow-help-unavailable, #ns-live-human) .alive-dock{bottom:calc(84px + env(safe-area-inset-bottom))}
@media (min-width: 768px) and (max-width: 1199.98px){body:has(.netshow-help-unavailable, #ns-live-human) .alive-dock[data-alive-dock-state="open"]{bottom:auto;max-height:calc(100dvh - 184px)}body:has(.netshow-help-unavailable, #ns-live-human) .alive-dock[data-alive-dock-state="open"] .alive-dock__body{max-height:calc(100dvh - 252px)}}
@media (prefers-reduced-motion:reduce){.alive-dock *{scroll-behavior:auto}}