.org{position:relative;isolation:isolate}.team-wires{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}.team-wires path{stroke:#91a2bd;fill:none;stroke-width:1.4}.team-wires path.lit{stroke:#547ff4;stroke-width:2.7}.org button:before,.org>button:after,.branches:before{display:none}.relay .org [aria-pressed=true]{box-shadow:0 4px 18px #4e80ef27}.org-status{min-height:1.4em}.thread-body [hidden],.handover-card [hidden]{display:none!important}.thread-body{overflow-anchor:none;scrollbar-width:thin}.pass{width:fit-content;padding:4px 11px;border:1px solid var(--edge);border-radius:18px}.lineup figure a{display:block;text-decoration:none;color:inherit}.lineup figure:focus-within{z-index:2;outline:2px solid #477bee}#specialists{scroll-margin-top:90px}.case-action{display:block;margin-top:14px;border:0;background:#274ac0;color:white;border-radius:10px;padding:10px 14px;font:inherit;font-weight:650;cursor:pointer}.case-state{margin-top:12px!important;font-weight:650}.case-answer{grid-column:1/-1;border-top:1px solid var(--edge);color:var(--ink);background:var(--mist)}.handover-card.claimed header{border-bottom-color:#449876}
@media(prefers-reduced-motion:no-preference){
 .lineup figure{transition:translate .3s,box-shadow .3s}.lineup figure:hover,.lineup figure:focus-within{translate:0 -8px;z-index:2;box-shadow:0 14px 26px #172d512b}
 .team-wires path.lit{stroke-dasharray:1;animation:wire-travel .7s ease-out both}@keyframes wire-travel{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
 .thread-body [data-turn]>.utterance:not([hidden]),.pass:not([hidden]),.case-answer:not([hidden]){animation:relay-enter .38s ease-out both}
 .dossier:not([hidden])>img{animation:portrait-in .45s ease-out both}@keyframes portrait-in{from{opacity:.4;transform:scale(.98)}}
 .handover-card.arrived .utterance,.handover-card.arrived>section{animation:relay-enter .5s both}.handover-card.arrived .agent{animation-delay:.8s}.handover-card.arrived>section{animation-delay:1.7s}
}

.team-typing{width:fit-content;padding:6px 12px;margin:8px 0;border-radius:12px;background:var(--mist);color:var(--ink);font-size:.85rem}.team-typing.from-agent{margin-left:auto}

.relay .utterance {width:fit-content;max-width:min(84%,36ch);margin:12px auto 12px 0}
.relay .utterance.team-reply {margin-left:auto;margin-right:0}
.relay .utterance small {font-size:.76rem;margin:0 4px 3px}
.relay .team-reply small {text-align:right}
.relay .utterance p {margin:0;color:var(--ink);line-height:1.42}
.relay .team-reply p {color:white;background:#233f88;border-radius:14px 14px 4px 14px}
html[data-theme=dark] .relay .team-reply p {background:#304b76;color:#fff}
.relay .team-typing {display:flex;align-items:center;gap:8px;color:var(--sub);font-size:.8rem}
.typing-dots {display:inline-flex;align-items:center;gap:3px}
.typing-dots i {width:4px;height:4px;border-radius:50%;background:currentColor}
@media(prefers-reduced-motion:no-preference){
 .typing-dots i {animation:team-dot 1s ease-in-out infinite}
 .typing-dots i:nth-child(2){animation-delay:.15s}
 .typing-dots i:last-child{animation-delay:.30s}
 @keyframes team-dot{50%{transform:translateY(-2px);opacity:.48}}
}

.relay .process-steps {list-style:none;padding:0;counter-reset:process}
.process-steps li {position:relative;counter-increment:process;padding:4px 0 8px 3rem}
.process-steps li::before {content:counter(process);position:absolute;left:0;top:0;width:2.15rem;height:2.15rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--edge);background:var(--paper);color:var(--ink);font-weight:600}
.relay .dossier>img {object-fit:cover;object-position:center;min-height:0}
@media(max-width:720px){.relay .dossier>img{width:min(100%,230px);height:auto;justify-self:center}}
.relay .thread-body {scrollbar-width:none}
.relay .thread-body::-webkit-scrollbar {display:none}

.handover-card [data-phase=waiting],.handover-card [data-phase=writing]>* {visibility:hidden}
.handover-card [data-writing] {position:relative}
.handover-card [data-phase=writing]::after {content:attr(data-writing);position:absolute;top:0;right:0;color:var(--sub);font-size:.82rem}
.handover-card .human-reply {margin-left:auto;margin-right:0}
.handover-card .human-reply small {text-align:right}
.handover-card .human-reply p {border:1px solid var(--edge);background:var(--paper);border-radius:14px 14px 4px 14px}
.relay .case-transfer {margin:15px auto;padding:5px 10px;text-align:center;font-size:.8rem;color:var(--sub);border-block:1px solid var(--edge)}
@media(prefers-reduced-motion:no-preference){.handover-card [data-writing]:not([data-phase]) p {animation:relay-enter .32s ease-out both}}

.handover-card {background:var(--paper)}
.handover-card>section {align-self:start;margin:12px;border-radius:14px}
.handover-card .human-reply[data-phase=waiting] {display:none}
.handover-card .human-reply[data-phase=writing] {width:100%;height:1.6rem}
.handover-card .human-reply[data-phase=writing]>* {display:none}
.handover-card .review-box {padding:14px;background:var(--paper);border:1px solid var(--edge);border-radius:12px}
.handover-card .review-box strong {display:block;margin-bottom:5px}
.handover-card .case-state:empty {display:none}
.handover-card .review-box .case-state {color:var(--ink)}

/* Keep the finance summary directly underneath the exchange at every width. */
.handover-card {grid-template-columns:minmax(0,1fr)}
.handover-card>section {margin:0;padding:16px;border-radius:0;border-top:1px solid var(--edge)}
@media(min-width:721px){
 .handover-card>section {display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-items:start}
 .handover-card>section>ul {grid-column:1;margin-bottom:0}
 .handover-card .review-box {grid-column:2;grid-row:1 / 3}
}
