/* Angie – assistenten nere till höger (kopia av Gigi i gigflw). */
/* Angie står under korten, till höger, med hälsningen bredvid sig. Chatten öppnas ovanför henne. */
#angie{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;margin-top:2.75rem;padding-right:14px;font-family:var(--body)}
#angie-launcher{flex:none;width:96px;height:96px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#fff;overflow:hidden;box-shadow:0 0 0 3px rgba(79,139,130,.55),0 0 0 7px rgba(79,139,130,.25),0 0 0 12px rgba(79,139,130,.08),0 8px 24px rgba(60,76,82,.18);transition:transform .15s}
#angie-launcher:hover{transform:scale(1.05)}
#angie-launcher:focus-visible{outline:2px solid var(--ink);outline-offset:14px}
#angie-launcher img,.angie-head img{width:100%;height:100%;object-fit:cover;display:block}
#angie-bubble{position:relative;min-width:0;max-width:22rem;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 4px 20px;padding:.8rem 2.2rem .8rem 1rem;font-size:.92rem;box-shadow:0 8px 24px rgba(60,76,82,.1);cursor:pointer}
#angie-bubble b{display:block;color:var(--accent);font-weight:500;font-size:.8rem}
#angie-bubble-close{position:absolute;top:.4rem;right:.5rem;border:0;background:none;color:var(--muted);font-size:1.1rem;cursor:pointer;line-height:1;padding:.2rem}
#angie-panel{position:absolute;right:0;bottom:calc(100% + 1rem);z-index:50;width:min(22rem,calc(100vw - 32px));height:min(30rem,70vh);background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:0 16px 48px rgba(60,76,82,.18);display:flex;flex-direction:column;overflow:hidden}
.angie-top{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line);background:var(--tint)}
.angie-head{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 2px rgba(79,139,130,.4);flex:none}
.angie-top strong{font-weight:500;flex:1}
.angie-top strong span{display:block;font-weight:400;font-size:.8rem;color:var(--muted)}
#angie-close{border:0;background:none;font-size:1.3rem;color:var(--muted);cursor:pointer;padding:.2rem .4rem;border-radius:8px}
#angie-close:focus-visible,#angie-send:focus-visible,#angie-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#angie-log{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}
.angie-msg{max-width:85%;padding:.6rem .9rem;border-radius:18px;font-size:.92rem;white-space:pre-wrap;overflow-wrap:anywhere}
.angie-msg-assistant{background:var(--tint);border-bottom-left-radius:4px;align-self:flex-start}
.angie-msg-user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.angie-msg.is-typing{color:var(--muted);font-style:italic}
#angie-form{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--line);align-items:flex-end}
#angie-input{flex:1;min-width:0;resize:none;font:inherit;font-size:.92rem;border:1px solid var(--line);border-radius:16px;padding:.55rem .8rem;background:#fff;color:var(--ink);max-height:120px}
#angie-send{border:0;background:var(--accent);color:#fff;border-radius:50%;width:2.4rem;height:2.4rem;cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center}
#angie-send:disabled{opacity:.5;cursor:default}
#angie-send svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion: reduce){#angie-launcher{transition:none}#angie-launcher:hover{transform:none}}