/* AutoRig public chat (Public chat · V3, 2026-10-10): the bottom-centre strip of the task viewer stage
   and the panel it opens. Icons first, words in tooltips; the viewer's own UI is never covered by the pill. */
.pc-strip{--pc-glass:rgba(14,18,28,.9);--pc-line:rgba(255,255,255,.11);--pc-ink:#eef1f8;--pc-dim:#97a1b6;--pc-faint:#6c768c;
  --pc-a1:#8ab4ff;--pc-a2:#c6a2ff;--pc-ok:#35d07f;--pc-bad:#ff7a8a;--pc-max-h:520px;
  position:relative;z-index:5;flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:44px;padding:0 10px;
  background:#0b0e15;border-top:1px solid var(--pc-line);color:var(--pc-ink);font-size:13px;line-height:1.35}
.pc-strip[hidden]{display:none}
.pc-strip svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
.pc-strip svg .pc-fill{fill:currentColor;stroke:none}
.pc-strip button{font:inherit;color:inherit}

/* ------------------------------------------------------------ the pill */
.pc-pill{position:relative;display:flex;align-items:center;gap:8px;min-width:0;width:auto;max-width:min(520px,100%);height:32px;padding:0 8px 0 5px;
  border-radius:99px;border:1px solid var(--pc-line);background:var(--pc-glass);cursor:pointer;
  transition:border-color .2s,background .2s,box-shadow .3s}
.pc-pill:hover,.pc-pill:focus-visible{border-color:rgba(138,180,255,.55);background:rgba(26,32,50,.95);outline:none}
.pc-pill.pc-hot{animation:pc-glow 1.6s ease-out}
@keyframes pc-glow{0%{box-shadow:0 0 0 0 rgba(198,162,255,.55)}100%{box-shadow:0 0 0 10px rgba(198,162,255,0)}}
.pc-ic{position:relative;flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:linear-gradient(135deg,rgba(138,180,255,.28),rgba(198,162,255,.3));color:#fff}
.pc-ic>svg{width:17px;height:17px}
.pc-ic .pc-b2{opacity:.65}
.pc-ic .pc-d{fill:currentColor;stroke:none;opacity:.55}
.pc-pill.pc-hot .pc-ic .pc-b1,.pc-has-unread .pc-ic .pc-b1{animation:pc-wiggle 1.4s ease-in-out}
.pc-has-unread .pc-ic .pc-b1{animation-iteration-count:3}
.pc-typing-on .pc-ic .pc-d,.pc-pill.pc-hot .pc-ic .pc-d{animation:pc-dot 1.1s ease-in-out infinite}
.pc-ic .d2{animation-delay:.15s!important}.pc-ic .d3{animation-delay:.3s!important}
@keyframes pc-dot{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-1.2px)}}
@keyframes pc-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-3deg)}}
.pc-ic .pc-b1,.pc-ic .pc-d{transform-box:fill-box;transform-origin:50% 60%}
.pc-badge{position:absolute;top:-5px;inset-inline-end:-7px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;
  background:linear-gradient(135deg,#ff6b9a,#c6a2ff);color:#fff;font:700 10px/16px system-ui,sans-serif;text-align:center;
  box-shadow:0 0 0 2px #0b0e15;animation:pc-pop .35s cubic-bezier(.3,1.6,.6,1)}
.pc-badge[hidden]{display:none}
@keyframes pc-pop{0%{transform:scale(.3)}100%{transform:scale(1)}}
.pc-prev{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap}
.pc-prev-flag:empty{display:none}
.pc-prev-name{flex:0 0 auto;max-width:110px;overflow:hidden;text-overflow:ellipsis;color:hsl(var(--h,220) 85% 76%);font-weight:600}
.pc-prev-name:empty{display:none}
.pc-prev-text{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--pc-dim)}
.pc-quiet .pc-prev-text{color:var(--pc-ink);font-weight:600;letter-spacing:.01em}
.pc-on{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:0 2px;color:var(--pc-dim);font-variant-numeric:tabular-nums;font-size:12px}
.pc-on[hidden]{display:none}
.pc-on i,.pc-online i{width:7px;height:7px;border-radius:50%;background:var(--pc-ok);box-shadow:0 0 0 0 rgba(53,208,127,.6);animation:pc-live 2.2s ease-out infinite}
@keyframes pc-live{0%{box-shadow:0 0 0 0 rgba(53,208,127,.55)}70%,100%{box-shadow:0 0 0 6px rgba(53,208,127,0)}}
.pc-chev{flex:0 0 auto;width:16px;height:16px;color:var(--pc-dim);transition:transform .25s}
.pc-open .pc-chev{transform:rotate(180deg)}
.pc-offline .pc-on i{background:var(--pc-faint);animation:none}
.pc-off .pc-pill{border-style:dashed;opacity:.75}

/* ------------------------------------------------------------ the panel */
.pc-panel{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);z-index:8;display:flex;flex-direction:column;
  width:min(440px,calc(100vw - 16px));height:min(560px,var(--pc-max-h));border-radius:18px;overflow:hidden;
  background:rgba(10,13,20,.95);border:1px solid var(--pc-line);box-shadow:0 26px 70px rgba(0,0,0,.6),0 0 0 1px rgba(138,180,255,.06) inset;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:pc-rise .2s ease-out}
.pc-panel[hidden]{display:none}
@keyframes pc-rise{0%{opacity:0;transform:translate(-50%,10px) scale(.98)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
.pc-head{flex:0 0 auto;display:flex;align-items:center;gap:6px;height:44px;padding:0 8px;border-bottom:1px solid var(--pc-line);
  background:linear-gradient(180deg,rgba(138,180,255,.07),rgba(138,180,255,0))}
.pc-sp{flex:1 1 auto}
.pc-ib{position:relative;flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;padding:6px;border-radius:9px;border:1px solid transparent;
  background:none;color:var(--pc-dim);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.pc-ib:hover,.pc-ib:focus-visible{background:rgba(138,180,255,.14);color:#fff;outline:none}
.pc-ib[hidden]{display:none}
.pc-ib:disabled{opacity:.35;cursor:default}
.pc-rooms{display:flex;gap:2px;padding:2px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid var(--pc-line)}
.pc-room.on{background:linear-gradient(135deg,rgba(138,180,255,.3),rgba(198,162,255,.24));color:#fff;box-shadow:inset 0 0 0 1px rgba(138,180,255,.45)}
.pc-room .pc-dot{position:absolute;top:3px;inset-inline-end:3px;width:7px;height:7px;border-radius:50%;background:#ff6b9a;display:none}
.pc-room.pc-unread .pc-dot{display:block;animation:pc-pop .35s}
.pc-room.on svg{animation:pc-spin-in .45s ease-out}
@keyframes pc-spin-in{0%{transform:rotate(-40deg) scale(.8)}100%{transform:none}}
.pc-online{display:flex;align-items:center;gap:5px;padding:0 6px;color:var(--pc-dim);font-size:12px;font-variant-numeric:tabular-nums}
.pc-online[hidden]{display:none}
.pc-me{display:flex;align-items:center;gap:6px;max-width:150px;height:30px;padding:0 8px 0 3px;border-radius:99px;border:1px solid var(--pc-line);
  background:rgba(255,255,255,.03);cursor:default}
.pc-me[hidden]{display:none}
.pc-me.can{cursor:pointer}
.pc-me.can:hover{border-color:rgba(138,180,255,.5)}
.pc-me-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.pc-me-edit{width:13px;height:13px;color:var(--pc-faint);display:none}
.pc-me.can .pc-me-edit{display:block}
.pc-rename{display:flex;align-items:center;gap:4px}
.pc-rename input{width:120px;height:28px;padding:0 8px;border-radius:8px;border:1px solid rgba(138,180,255,.5);background:rgba(0,0,0,.35);color:var(--pc-ink);font:inherit;font-size:12px;outline:none}
.pc-adminbar{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:4px 8px;border-bottom:1px solid var(--pc-line);background:rgba(255,122,138,.05)}
.pc-adminbar[hidden]{display:none}
.pc-banner{font-size:11px;color:var(--pc-bad)}
.pc-banner[hidden]{display:none}
.pc-admin{color:#ffcf8a}

.pc-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 0 4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.pc-older{flex:0 0 auto;align-self:center;width:28px;height:20px;margin:4px 0 -2px;padding:2px;border:0;border-radius:99px;background:rgba(255,255,255,.06);color:var(--pc-dim);cursor:pointer}
.pc-older[hidden]{display:none}
.pc-empty{position:absolute;inset:44px 0 54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--pc-dim);pointer-events:none;text-align:center;padding:0 24px}
.pc-empty[hidden]{display:none}
.pc-empty-ic{width:44px;height:44px;color:var(--pc-a2);opacity:.8}
.pc-empty-ic .pc-d{fill:currentColor;stroke:none;animation:pc-dot 1.3s ease-in-out infinite}
.pc-empty-t{font-size:13px;color:var(--pc-ink)}
.pc-empty-h{display:flex;align-items:center;gap:6px;font-size:12px}
.pc-empty-h svg{width:14px;height:14px;color:var(--pc-a2)}

/* ------------------------------------------------------------ messages */
.pc-msg{position:relative;display:flex;align-items:flex-start;gap:8px;padding:5px 10px 5px 10px;transition:background .2s}
.pc-msg:hover,.pc-msg.pc-act-on{background:rgba(255,255,255,.03)}
.pc-msg.pc-mine{background:rgba(138,180,255,.055)}
.pc-msg.pc-flash{background:rgba(198,162,255,.16)}
.pc-av{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;margin-top:1px;border-radius:50%;
  background:hsl(var(--h,220) 45% 32%);color:hsl(var(--h,220) 90% 88%);font:600 12px/1 system-ui,sans-serif;text-transform:uppercase}
.pc-av-astra{background:linear-gradient(135deg,#6d8bff,#c06bff);color:#fff;padding:5px;animation:pc-astra 4s ease-in-out infinite}
@keyframes pc-astra{0%,100%{box-shadow:0 0 0 0 rgba(192,107,255,.0)}50%{box-shadow:0 0 0 3px rgba(192,107,255,.22)}}
.pc-av-admin{box-shadow:0 0 0 2px rgba(255,207,138,.6)}
.pc-av-me{width:22px;height:22px;font-size:11px}
.pc-av{position:relative;overflow:hidden}
.pc-av-img{background:#0d101a;color:transparent}
.pc-av img{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}
.pc-av-link{flex:0 0 auto;display:block;height:fit-content;border-radius:50%;text-decoration:none;outline-offset:2px}
.pc-av-link:hover .pc-av,.pc-av-link:focus-visible .pc-av{box-shadow:0 0 0 2px rgba(138,180,255,.65)}
a.pc-name-link{text-decoration:none}
a.pc-name-link:hover,a.pc-name-link:focus-visible{text-decoration:underline;outline:none}
.pc-trbar{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin-top:3px;padding:1px 7px 1px 4px;border:0;border-radius:7px;
  background:transparent;color:var(--pc-faint);font:inherit;font-size:11px;line-height:1.5;cursor:pointer;text-align:start}
.pc-trbar:hover,.pc-trbar:focus-visible{background:rgba(138,180,255,.1);color:var(--pc-a1);outline:none}
.pc-trbar-ic{flex:0 0 auto;width:13px;height:13px;display:inline-flex}
.pc-trbar-ic svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pc-trbar-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-text-pend{animation:pc-pend 1.6s ease-in-out infinite}
@keyframes pc-pend{50%{opacity:.7}}
.pc-acts .pc-act-tr.pc-on{color:var(--pc-a1)}
.pc-body{flex:1 1 auto;min-width:0}
.pc-meta{display:flex;align-items:center;gap:5px;min-width:0;height:18px}
.pc-name{min-width:0;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:hsl(var(--h,220) 85% 76%)}
.pc-k-astra .pc-name{background:linear-gradient(90deg,var(--pc-a1),var(--pc-a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.pc-ai{flex:0 0 auto;padding:0 5px;border-radius:5px;background:linear-gradient(135deg,rgba(109,139,255,.35),rgba(192,107,255,.35));color:#fff;font:700 9px/14px system-ui,sans-serif;font-style:normal;letter-spacing:.06em}
.pc-ver,.pc-badge-admin{flex:0 0 auto;width:13px;height:13px;color:var(--pc-a1)}
.pc-ver .pc-tick{stroke:#0b0e15;stroke-width:2.4}
.pc-badge-admin{color:#ffcf8a}
.pc-flag{flex:0 0 auto;display:inline-block;width:16px;height:11px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.14);line-height:0}
.pc-flag svg{stroke:none!important}
.pc-flag-code{width:auto;height:13px;padding:0 3px;font:700 8.5px/13px system-ui,sans-serif;color:var(--pc-dim);background:rgba(255,255,255,.08);letter-spacing:.04em}
.pc-time{flex:0 0 auto;font-size:10.5px;color:var(--pc-faint);font-variant-numeric:tabular-nums}
.pc-text{margin-top:1px;color:var(--pc-ink);font-size:13px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.pc-k-astra .pc-text{color:#e8e2ff}
.pc-link{color:var(--pc-a1);text-decoration:underline;text-decoration-color:rgba(138,180,255,.4);text-underline-offset:2px}
.pc-mention{color:var(--pc-a2);font-weight:600}
.pc-quote{display:flex;align-items:center;gap:5px;max-width:100%;margin:2px 0 1px;padding:2px 7px 2px 5px;border:0;border-inline-start:2px solid rgba(198,162,255,.6);
  border-radius:6px;background:rgba(198,162,255,.07);color:var(--pc-dim);font-size:11.5px;cursor:pointer;text-align:start}
.pc-quote-ic{flex:0 0 auto;width:12px;height:12px}
.pc-quote b{flex:0 0 auto;color:var(--pc-ink);font-weight:600}
.pc-quote-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-card{display:flex;align-items:center;gap:9px;max-width:300px;margin-top:5px;padding:5px 8px 5px 5px;border-radius:12px;border:1px solid var(--pc-line);
  background:rgba(255,255,255,.035);color:var(--pc-ink);text-decoration:none;transition:border-color .2s,background .2s}
.pc-card:hover{border-color:rgba(138,180,255,.55);background:rgba(138,180,255,.08)}
.pc-card-th{position:relative;flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:8px;overflow:hidden;background:#141a29;color:var(--pc-a1);padding:12px}
.pc-card-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pc-card-i{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.pc-card-i b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}
.pc-card-i small{color:var(--pc-faint);font-size:10.5px}
.pc-card-go{flex:0 0 auto;width:16px;height:16px;color:var(--pc-dim)}
.pc-tr{display:flex;align-items:flex-start;gap:6px;margin-top:4px;padding:4px 8px;border-radius:8px;background:rgba(138,180,255,.07);color:#dfe8ff;font-size:12.5px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.pc-tr>svg,.pc-tr-ic{flex:0 0 auto;width:14px;height:14px;margin-top:1px;color:var(--pc-a1)}
.pc-tr-wait{color:var(--pc-dim)}
.pc-tr-wait>svg{animation:pc-pulse 1.1s ease-in-out infinite}
@keyframes pc-pulse{50%{opacity:.35}}
.pc-adm-info{margin-top:3px;font-size:10.5px;color:#ffcf8a}
.pc-st-hidden .pc-text,.pc-st-deleted .pc-text{opacity:.6;text-decoration:line-through}
.pc-back{display:flex;align-items:center;gap:6px;margin:2px 10px 6px;padding:4px 8px;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:var(--pc-ink);cursor:pointer}
.pc-back svg{width:14px;height:14px;transform:rotate(90deg)}
[dir="rtl"] .pc-back svg{transform:rotate(-90deg)}

.pc-acts{position:absolute;top:2px;inset-inline-end:6px;display:flex;gap:1px;padding:2px;border-radius:9px;background:rgba(18,22,34,.96);
  border:1px solid var(--pc-line);opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .15s,transform .15s}
.pc-msg:hover .pc-acts,.pc-msg.pc-act-on .pc-acts,.pc-msg:focus-within .pc-acts{opacity:1;pointer-events:auto;transform:none}
.pc-acts .pc-ib{width:26px;height:26px;padding:5px;border-radius:7px}
.pc-acts .pc-act-bad:hover{background:rgba(255,122,138,.16);color:var(--pc-bad)}
.pc-acts .pc-done{color:var(--pc-ok)}
.pc-adminbar .pc-act-bad{color:var(--pc-bad)}

.pc-jump{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;height:26px;padding:0 10px 0 6px;
  border-radius:99px;border:1px solid rgba(138,180,255,.4);background:rgba(18,24,40,.96);color:var(--pc-ink);font-size:11.5px;cursor:pointer;z-index:2}
.pc-jump[hidden]{display:none}
.pc-jump svg{width:14px;height:14px}
.pc-typing{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:2px 12px 4px;color:var(--pc-dim);font-size:11.5px}
.pc-typing[hidden]{display:none}
.pc-typing .pc-av{width:20px;height:20px;padding:4px}
.pc-typing-dots{display:flex;gap:3px}
.pc-typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--pc-a2);animation:pc-dot 1s ease-in-out infinite}
.pc-typing-dots i:nth-child(2){animation-delay:.15s}.pc-typing-dots i:nth-child(3){animation-delay:.3s}
.pc-note{flex:0 0 auto;margin:0 10px 4px;padding:5px 9px;border-radius:8px;background:rgba(255,122,138,.1);color:#ffc2ca;font-size:12px}
.pc-note[hidden]{display:none}
.pc-replybar{flex:0 0 auto;display:flex;align-items:center;gap:6px;margin:0 8px;padding:3px 4px 3px 8px;border-radius:9px 9px 0 0;background:rgba(198,162,255,.09);color:var(--pc-dim);font-size:11.5px}
.pc-replybar[hidden]{display:none}
.pc-replybar-ic{width:13px;height:13px;color:var(--pc-a2)}
.pc-replybar-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-replybar .pc-ib{width:22px;height:22px;padding:4px}

/* ------------------------------------------------------------ composer */
.pc-form{flex:0 0 auto;display:flex;align-items:flex-end;gap:4px;padding:6px 8px 8px;border-top:1px solid var(--pc-line)}
.pc-input{flex:1 1 auto;min-width:0;height:34px;max-height:104px;padding:7px 11px;resize:none;border-radius:12px;border:1px solid var(--pc-line);
  background:rgba(255,255,255,.045);color:var(--pc-ink);font:inherit;font-size:13.5px;line-height:1.4;outline:none;transition:border-color .2s,background .2s}
.pc-input:focus{border-color:rgba(138,180,255,.6);background:rgba(255,255,255,.07)}
.pc-input::placeholder{color:var(--pc-faint)}
.pc-input:disabled{opacity:.7}
.pc-form .pc-ib{width:34px;height:34px;padding:7px}
.pc-send{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;padding:8px;border:0;border-radius:12px;cursor:pointer;color:#fff;
  background:linear-gradient(135deg,#6d8bff,#a46bff);box-shadow:0 4px 14px rgba(124,107,255,.35);transition:transform .15s,filter .15s}
.pc-send:hover{filter:brightness(1.12)}
.pc-send:active{transform:scale(.92)}
.pc-send:disabled{opacity:.35;box-shadow:none;cursor:default}
.pc-send.pc-busy svg{animation:pc-fly .8s ease-in-out infinite}
@keyframes pc-fly{0%{transform:translate(0,0)}50%{transform:translate(2px,-2px);opacity:.6}100%{transform:translate(0,0)}}
[dir="rtl"] .pc-send svg{transform:scaleX(-1)}
.pc-emo{flex:0 0 auto;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin:0 8px;padding:6px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--pc-line)}
.pc-emo[hidden]{display:none}
.pc-emo-i{height:30px;border:0;border-radius:8px;background:none;font-size:18px;line-height:30px;cursor:pointer;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
.pc-emo-i:hover{background:rgba(138,180,255,.14);transform:scale(1.12)}

/* ------------------------------------------------------------ fullscreen, phones, motion */
.tv3-stage:fullscreen .pc-strip{background:#0b0e15}
@media (max-width:640px){
  .pc-strip{height:42px;padding:0 6px}
  .pc-pill{max-width:100%}
  .pc-prev-name{max-width:80px}
  .pc-panel{width:calc(100vw - 10px);border-radius:16px;bottom:calc(100% + 5px)}
  .pc-me{max-width:110px}
  .pc-emo{grid-template-columns:repeat(8,1fr)}
  .pc-acts .pc-ib{width:30px;height:30px}
  .pc-input{font-size:16px}
}
@media (pointer:coarse){.pc-msg .pc-acts{transition:none}}
@media (prefers-reduced-motion:reduce){
  .pc-strip *,.pc-strip *::before,.pc-strip *::after{animation:none!important;transition:none!important}
}