.cap-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:18px 0 8px}
.cap-controls label{display:grid;gap:5px;color:#3A4A5F;font:600 12px 'Space Grotesk',sans-serif}
.cap-controls select,.cap-controls button,.cap-detail button{min-height:44px;border:1px solid #b5c9dc;border-radius:7px;padding:9px 12px;background:#fff;color:#054186;font:600 13px 'Space Grotesk',sans-serif;cursor:pointer}
.cap-controls button,.cap-detail button[data-action]{background:#054186;color:#fff;border-color:#054186}
.cap-visible-count,.cap-empty,.cap-action-status{font:12px/1.6 'Space Grotesk',sans-serif;color:#3A4A5F}
.cap-empty{padding:14px;background:#f0f7fc;border-radius:8px}
.cap-detail{margin:12px 0 18px;padding:18px;background:#f0f7fc;border:1px solid #b5c9dc;border-radius:10px;color:#0A1626;scroll-margin-top:90px}
.cap-detail[hidden],.cap-empty[hidden]{display:none}
.cap-detail h3{font:700 16px/1.4 'Space Grotesk',sans-serif;margin:0 0 10px}
.cap-detail p{font:13px/1.6 'Space Grotesk',sans-serif;margin:6px 0}
.cap-detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.cap-board button.cap-card{display:flex;width:100%;text-align:left;cursor:pointer;min-height:85px;color:#0A1626;font-family:inherit}
.cap-board button.cap-card[aria-expanded="true"]{outline:2px solid #054186;outline-offset:2px}
.cap-board button.cap-card:hover{box-shadow:0 5px 14px #0b2a521c}
.cap-board button.cap-card{animation:cap-card-enter .42s cubic-bezier(.2,.7,.2,1)}
@keyframes cap-card-enter{from{opacity:.35;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}
.cap-board .cap-card-meta{flex-wrap:wrap}
.cap-card-owner{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font:11px/1.5 'Space Grotesk',sans-serif;color:#3A4A5F;overflow-wrap:anywhere}
.cap-agent-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 7px;border:1px solid rgba(0,146,194,.34);border-radius:999px;background:#eaf8fc;color:#054186;font:700 10px/1.25 'Space Grotesk',sans-serif}
.cap-agent-badge svg{width:13px;height:13px;flex:0 0 13px}
.cap-agent-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap-handoff-arrow{color:#0a7c5a;font-weight:800}
.cap-kind-label{font-size:10px;color:#3A4A5F}
.cap-controls :focus-visible,.cap-detail :focus-visible,.cap-board :focus-visible{outline:3px solid #0a7c5a;outline-offset:3px}
.cap-progress-num{white-space:nowrap}
@media(max-width:560px){.cap-controls{align-items:stretch}.cap-controls label{flex:1 1 120px;min-width:0}.cap-controls select{width:100%;max-width:100%}.cap-controls button{width:100%}.cap-detail{padding:13px}.cap-detail-actions button{flex:1 1 120px}.cap-board{grid-template-columns:minmax(0,1fr)}.cap-agent-badge{max-width:calc(100vw - 116px)}}
@media(prefers-reduced-motion:reduce){.cap-board .cap-card,.cap-progress-bar{transition:none;animation:none}}