/* Pedi chat widget. Colors follow the Workspace tokens with standalone fallbacks. */
.pedi-widget{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:700;font:13.5px/1.55 "Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;color:var(--ink,#EEF3FF)}

/* Launcher: the waving mascot only, no card around it. */
.pedi-launcher{display:block;width:76px;padding:0;border:0;background:none;cursor:grab;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent}
.pedi-launcher img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));transform-origin:50% 92%;animation:pedi-wave 3.2s 1s ease-in-out infinite;transition:transform .25s ease}
.pedi-launcher:hover img{animation-play-state:paused;transform:rotate(-5deg) translateY(-3px)}
.pedi-launcher[aria-expanded="true"] img{animation:none;transform:scale(.86)}
.pedi-dragging .pedi-launcher,.pedi-dragging .pedi-panel header{cursor:grabbing}
.pedi-dragging .pedi-launcher img{animation:none;transform:none;transition:none}
.pedi-launcher:focus-visible{outline:2px solid var(--gold,#F4A229);outline-offset:4px;border-radius:18px}
@keyframes pedi-wave{0%,55%,100%{transform:rotate(0)}11%{transform:rotate(-9deg)}22%{transform:rotate(7deg)}33%{transform:rotate(-6deg)}44%{transform:rotate(3deg)}}

/* Panel */
.pedi-panel{position:absolute;right:0;bottom:104px;box-sizing:border-box;width:min(400px,calc(100vw - 32px));height:min(600px,calc(100dvh - 140px));display:flex;flex-direction:column;overflow:hidden;background:var(--panel,#0C1829);border:1px solid var(--border,rgba(238,243,255,.10));border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.55);transform-origin:100% 100%;animation:pedi-in .18s ease-out}
.pedi-panel[hidden]{display:none}
@keyframes pedi-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.pedi-resize{position:absolute;left:0;top:0;width:18px;height:18px;z-index:2;cursor:nwse-resize;touch-action:none;border-top-left-radius:18px}
.pedi-resize::before{content:"";position:absolute;left:6px;top:6px;width:7px;height:7px;border-left:2px solid var(--muted2,rgba(238,243,255,.34));border-top:2px solid var(--muted2,rgba(238,243,255,.34));border-top-left-radius:3px;opacity:.7}
.pedi-resize:hover::before,.pedi-resize:focus-visible::before{opacity:1;border-color:var(--gold,#F4A229)}

.pedi-panel header{display:flex;flex-shrink:0;align-items:center;gap:10px;padding:12px 12px 12px 18px;cursor:grab;touch-action:none;user-select:none;border-bottom:1px solid var(--border,rgba(238,243,255,.10))}
.pedi-avatar{width:30px;height:36px;object-fit:contain}
.pedi-title{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}
.pedi-title strong{font-size:14px;font-weight:700}
.pedi-title span{font-size:11.5px;color:var(--muted,rgba(238,243,255,.52))}
.pedi-close,.pedi-restart{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:none;color:var(--muted,rgba(238,243,255,.52));cursor:pointer}
.pedi-close:hover,.pedi-restart:hover{background:rgba(238,243,255,.07);color:var(--ink,#EEF3FF)}

/* Announced to screen readers only; the chat itself carries no status chrome. */
.pedi-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.pedi-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 8px;display:flex;flex-direction:column;gap:10px}
.pedi-message{max-width:86%;overflow-wrap:anywhere}
.pedi-message p{margin:0;white-space:pre-wrap}
.pedi-text{display:flex;flex-direction:column;gap:6px}
.pedi-text ul,.pedi-text ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:3px}
.pedi-text strong{font-weight:700;color:var(--ink,#EEF3FF)}
.pedi-assistant{align-self:flex-start;padding:10px 13px;border-radius:14px 14px 14px 4px;background:var(--panel2,#0E1C31);border:1px solid var(--border,rgba(238,243,255,.10))}
.pedi-user{align-self:flex-end;padding:9px 13px;border-radius:14px 14px 4px 14px;background:rgba(244,162,41,.16);border:1px solid rgba(244,162,41,.28)}
.pedi-sources{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.pedi-source{font-size:10.5px;line-height:1.4;padding:1px 7px;border-radius:6px;background:rgba(238,243,255,.06);color:var(--muted,rgba(238,243,255,.52));max-width:100%;overflow-wrap:anywhere}
.pedi-failed{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11.5px;color:#ff9b8a}
.pedi-retry{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--gold,#F4A229);cursor:pointer;text-decoration:underline}
.pedi-typing{display:flex;gap:4px;padding:13px 14px}
.pedi-dot{width:6px;height:6px;border-radius:50%;background:var(--muted,rgba(238,243,255,.52));animation:pedi-dot 1.2s infinite ease-in-out}
.pedi-dot:nth-child(2){animation-delay:.15s}.pedi-dot:nth-child(3){animation-delay:.3s}
@keyframes pedi-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}


/* Composer */
.pedi-composer{display:flex;flex-shrink:0;align-items:flex-end;gap:8px;margin:8px 12px 12px;padding:6px 6px 6px 14px;border:1px solid var(--border,rgba(238,243,255,.10));border-radius:14px;background:var(--bg,#0A1220)}
.pedi-composer:focus-within{border-color:rgba(244,162,41,.5)}
.pedi-composer textarea{flex:1;min-width:0;max-height:140px;resize:none;border:0;outline:0;background:none;color:var(--ink,#EEF3FF);font:inherit;line-height:1.5;padding:6px 0}
.pedi-composer textarea::placeholder{color:var(--muted2,rgba(238,243,255,.34))}
.pedi-send{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:10px;background:var(--gold,#F4A229);color:#0A1220;cursor:pointer;transition:opacity .15s}
.pedi-send:disabled{opacity:.3;cursor:default}
.pedi-widget :focus-visible{outline:2px solid var(--gold,#F4A229);outline-offset:2px}
.pedi-composer textarea:focus-visible{outline:0}

@media(max-width:640px){
  .pedi-widget{right:10px;bottom:calc(70px + env(safe-area-inset-bottom))}
  .pedi-launcher{width:60px}
  .pedi-panel{width:calc(100vw - 20px);height:min(560px,calc(100dvh - 210px))}
  .pedi-resize{display:none}
}
@media(prefers-reduced-motion:reduce){.pedi-launcher img,.pedi-panel,.pedi-dot{animation:none}}