/* people module styles. Uses only helm.css v2 tokens and type scale. */

/* ---------- Teammate (pp-) ---------- */
.pp-stage{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--canvas)}
.pp-scroll{flex:1;overflow-y:auto;min-height:0}
.pp-col{max-width:740px;margin:0 auto;padding:10px 22px 28px;display:flex;flex-direction:column;gap:18px}
.pp-panel .pp-col{padding:8px 16px 20px;gap:14px}
.pp-greet{display:flex;flex-direction:column;gap:8px;padding-top:28px}
.pp-q{align-self:flex-end;max-width:82%;padding:10px 14px;border-radius:16px;border-bottom-right-radius:6px;background:var(--sel-2);font-size:14px;line-height:1.5;color:var(--ink)}
.pp-a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px}
.pp-sp{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--ai-ink);flex:none}
.pp-sp .ico{width:14px;height:14px}
.pp-ab{font-size:14px;line-height:1.6;color:var(--ink);min-width:0;display:flex;flex-direction:column;gap:10px}
.pp-ab p{margin:0}
.pp-ab ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.pp-srcs{display:flex;flex-wrap:wrap;gap:4px 14px}
.pp-src{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);padding:2px 0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;transition:color .16s,text-decoration-color .16s}
.pp-src:hover{color:var(--ink);text-decoration-color:currentColor}
.pp-src .ico{width:13px;height:13px;color:var(--ink-3)}
.pp-choices{display:flex;flex-wrap:wrap;gap:8px}

/* streamed steps */
.pp-steps{display:flex;flex-direction:column;gap:6px}
.pp-steps-h{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:2px 0;font-size:12.5px;color:var(--ink-3);font-weight:600}
.pp-steps-h .cx{color:var(--ink-3)}
.pp-steps ul{list-style:none;margin:0;padding:2px 0 0;display:flex;flex-direction:column;gap:7px}
.pp-step{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12.5px;color:var(--ink-2)}
.pp-step .ico{width:15px;height:15px}
.pp-step.done .ico{color:var(--brand)}
.pp-step.wait{color:var(--ink-3)}
.pp-step.run{color:var(--ink);font-weight:600}
.pp-step .w{font-size:12px;color:var(--ink-3);font-weight:400}
.pp-ring{width:14px;height:14px;border-radius:50%;border:1.6px solid var(--ink-faint)}
.pp-spin{width:14px;height:14px;border-radius:50%;border:1.8px solid var(--sel-2);border-top-color:var(--ink);animation:ppspin .9s linear infinite}
@keyframes ppspin{to{transform:rotate(360deg)}}

/* held items: soft raised surface, no outline */
.pp-held{align-self:stretch;border-radius:var(--r-lg);background:var(--raised);overflow:hidden}
.pp-held-h{display:flex;align-items:center;gap:8px;padding:12px 15px 0}
.pp-held-h b{flex:1;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.pp-hp{font-size:12px;font-weight:500;color:var(--ai-ink)}
.pp-held-b{padding:8px 15px 12px;font-size:14px;line-height:1.55;color:var(--ink)}
.pp-held-f{display:flex;align-items:center;gap:8px;padding:0 15px 14px}
.pp-kv{display:flex;flex-direction:column;gap:6px;padding:10px 15px 14px;font-size:13.5px;color:var(--ink)}
.pp-kv div{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;align-items:center}
.pp-kv .ico{width:15px;height:15px;color:var(--ink-3)}
.pp-done{display:flex;align-items:center;gap:8px;padding:0 15px 14px;font-size:12.5px;color:var(--ink-2)}
.pp-done .ico{width:15px;height:15px;color:var(--brand)}

/* brief cards on the home screen */
.pp-brief{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pp-bcard{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:var(--r-lg);border:1px solid var(--line)!important;background:var(--canvas);text-align:left;transition:background .16s,transform .14s var(--ease)}
.pp-bcard:hover{background:var(--sel)}
.pp-bcard:active{transform:scale(.985)}
.pp-bcard .go{margin-top:auto;padding-top:6px;font-size:12.5px;color:var(--ink-2);font-weight:500}
.pp-can{display:flex;flex-direction:column;gap:10px}
.pp-can ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.pp-can li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:13.5px;color:var(--ink-2)}
.pp-can li .ico{color:var(--ink-3);margin-top:1px}

/* composer */
.pp-foot{flex:none;padding:10px 22px 22px}
.pp-panel .pp-foot{padding:10px 16px 16px}
.pp-foot-in{max-width:740px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.pp-sugs{display:flex;gap:6px;flex-wrap:wrap}
.pp-sug{font-size:12.5px;color:var(--ink-2);padding:5px 11px;border-radius:999px;border:1px solid var(--line)!important;background:var(--canvas);transition:background .16s}
.pp-sug:hover{background:var(--sel);color:var(--ink)}
.pp-comp{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--canvas);padding:10px 10px 8px 14px;transition:border-color .18s,box-shadow .18s}
.pp-comp:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}
.pp-comp textarea{width:100%;border:0;outline:none;resize:none;background:none;font-size:14px;line-height:1.5;min-height:44px;padding:2px 0}
.pp-comp textarea::placeholder{color:var(--ink-3)}
.pp-bar{display:flex;align-items:center;gap:8px}
.pp-bar .hint{margin-left:auto;font-size:12px;color:var(--ink-3);white-space:nowrap}
.pp-ctxchip{display:inline-block;min-width:0;flex:0 1 auto;font-size:12px;font-weight:500;color:var(--ai-ink);background:var(--ai-bg);border-radius:999px;padding:3px 10px;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.pp-panel .pp-ctxchip{max-width:124px}
.pp-bar > button{flex:none}
.pp-mic{position:relative;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--ink-3)}
.pp-mic .soon{position:absolute;top:-8px;right:-14px;font-size:8.5px;padding:0 4px}
.pp-stop{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:9px;border:1px solid var(--line)!important;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.pp-stop i{width:9px;height:9px;border-radius:2px;background:var(--ink)}

/* panel header (docked form) */
.pp-ph{display:flex;align-items:center;gap:4px;padding:14px 10px 4px 16px;flex:none}
.pp-ph .t-sec{flex:1}


/* context column: working-on-now and conversation list */
.pp-work{display:flex;flex-direction:column;gap:6px;margin:4px 0 0;padding:11px 12px;border-radius:var(--r-lg);background:var(--raised);text-align:left;width:100%;transition:background .16s}
.pp-work:hover{background:var(--sel)}
.pp-work .ln{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2)}
.pp-conv{display:flex;flex-direction:column;gap:4px;width:100%;padding:8px 10px;border-radius:8px;text-align:left;transition:background .16s}
.pp-conv:hover{background:var(--sel)}
.pp-conv.on{background:var(--sel-2)}
.pp-conv .tt{font-size:13.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-conv.hot .tt{font-weight:600}
.pp-conv .mt{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3)}
.pp-st{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2)}
.pp-st .ico{width:12px;height:12px}
.pp-st .pp-spin{width:11px;height:11px;border-width:1.5px}
.pp-st.ai .ico{color:var(--ai-ink)}
.pp-st.warn{color:var(--warn)}
.pp-st.ok .ico{color:var(--brand)}
.pp-st.mute{color:var(--ink-3)}
.pp-ctx-empty{padding:6px 10px;font-size:12.5px;color:var(--ink-3)}

/* quick ask (⌘J) */
.pp-qp{position:absolute;z-index:41;left:50%;top:14%;transform:translateX(-50%);width:min(640px,calc(100% - 32px));background:var(--canvas);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-float);overflow:hidden;animation:popIn .22s var(--ease)}
.pp-qin{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.pp-qin .ico{color:var(--ai-ink)}
.pp-qin input{flex:1;border:0;outline:none;background:none;font-size:15px;color:var(--ink);min-width:0}
.pp-qin input::placeholder{color:var(--ink-3)}
.pp-qb{padding:8px 8px 6px;display:flex;flex-direction:column;gap:2px}
.pp-qb .t-meta{padding:8px 10px 4px;font-weight:600}
.pp-qi{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:7px 10px;border-radius:8px;font-size:13.5px;color:var(--ink-2);text-align:left}
.pp-qi:hover,.pp-qi.on{background:var(--sel);color:var(--ink)}
.pp-qi .ico{color:var(--ink-3)}
.pp-qi .r{margin-left:auto;font-size:12px;color:var(--ink-3)}
.pp-qf{display:flex;align-items:center;gap:14px;padding:10px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-3)}
.pp-qf span{display:inline-flex;align-items:center;gap:6px}

/* ---------- Mentions (pp-mn) ---------- */
.pp-mnl{display:flex;flex-direction:column;padding:0 0 8px}
.pp-mn{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:12px 22px;transition:background .13s}
.pp-mn + .pp-mn{border-top:1px solid var(--line-soft)}
.pp-mn:hover{background:color-mix(in srgb,var(--sel) 60%,transparent)}
.pp-mn-hd{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-3);flex-wrap:wrap;min-width:0}
.pp-mn-hd b{color:var(--ink);font-weight:500}
.pp-mn.unread .pp-mn-hd b{font-weight:600}
.pp-mn-w{margin-left:4px;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);white-space:nowrap}
.pp-mn.unread .pp-mn-w{color:var(--ink);font-weight:600}
.pp-mn-dot{width:7px;height:7px;border-radius:50%;background:var(--unread)}
.pp-mn .at{font-weight:600;color:var(--ink);background:var(--sel-2);border-radius:5px;padding:0 4px}
.pp-mn-body{margin:4px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2);max-width:72ch;text-align:left}
.pp-mn.unread .pp-mn-body{color:var(--ink)}
.pp-mn-acts{display:flex;align-items:center;gap:2px;margin:6px 0 0 -9px}
.pp-mn-acts button{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-2);padding:5px 9px;border-radius:7px}
.pp-mn-acts button:hover:not(:disabled){background:var(--sel-2);color:var(--ink)}
.pp-mn-reply{display:flex;align-items:center;gap:8px;margin-top:8px;max-width:640px;padding:6px 6px 6px 12px;border-radius:var(--r-md);background:var(--raised)}
.pp-mn-reply input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:13.5px}
.pp-mn-reply input::placeholder{color:var(--ink-3)}
.pp-mn-reply:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}
.pp-skrow{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:12px 22px}
.pp-skrow .lines{display:flex;flex-direction:column;gap:9px;padding-top:4px}

@media (prefers-reduced-motion:reduce){ .pp-spin,.pp-qp{animation:none!important} }
@media (max-width:820px){ .pp-brief{grid-template-columns:minmax(0,1fr)} }