.supervision-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:20px;align-items:start}
.supervision-sidebar,.supervision-detail{min-width:0}
.supervision-filters{gap:12px;margin-bottom:16px}
.supervision-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.supervision-conversation-list{display:grid;gap:4px;max-height:65vh;overflow:auto}
.supervision-conversation{display:grid;gap:6px;width:100%;min-width:0;text-align:left;padding:14px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);font:inherit;cursor:pointer;min-height:74px}
.supervision-conversation:hover{background:var(--raised)}
.supervision-conversation.is-selected{border-color:var(--lime);background:var(--raised)}
.supervision-conversation:focus-visible,.supervision-messages:focus-visible,.supervision-permissions summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.supervision-conversation:disabled{opacity:.6;cursor:wait}
.supervision-conversation-top,.supervision-detail-header,.supervision-message-meta,.supervision-composer-footer{display:flex;justify-content:space-between;align-items:start;gap:12px}
.supervision-conversation-top strong{overflow-wrap:anywhere}
.supervision-conversation time,.supervision-message time{font-size:11px;color:var(--muted);white-space:nowrap}
.supervision-conversation-subtitle,.supervision-preview{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.supervision-control-status{font-size:12px;color:var(--text)}
.supervision-control-status[data-mode=human]{color:#a9e9c3}
.supervision-control-status[data-mode=paused]{color:#efbf76}
.supervision-detail-header{margin-bottom:16px;flex-wrap:wrap}
.supervision-detail-header h2{margin-top:7px}
.supervision-mode-actions{margin-bottom:12px}
.supervision-messages{display:flex;flex-direction:column;gap:14px;min-height:240px;max-height:56vh;overflow:auto;padding:20px 4px;margin-block:16px;border-block:1px solid var(--border);overscroll-behavior:contain}
.supervision-message{align-self:flex-start;max-width:90%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--raised);min-width:0}
.supervision-message[data-role=human],.supervision-message[data-role=assistant]{align-self:flex-end}
.supervision-message[data-role=human]{border-color:#3fe08a66}
.supervision-message-meta{align-items:center;font-size:12px;flex-wrap:wrap}
.supervision-message p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.supervision-composer textarea{min-height:96px}
.supervision-composer-footer{align-items:center;flex-wrap:wrap}
.supervision-composer-footer .note{flex:1;min-width:160px;margin:0}
.supervision-permissions{margin-top:20px;border-top:1px solid var(--border);padding-top:12px}
.supervision-permissions summary{min-height:44px;cursor:pointer;display:flex;align-items:center;font-size:13px}
@media(max-width:760px){.supervision-layout{grid-template-columns:minmax(0,1fr)}.supervision-conversation-list{max-height:300px}.supervision-message{max-width:96%}.supervision-sidebar,.supervision-detail{padding:18px}.supervision-messages{max-height:60vh}.supervision-detail-header>.button{width:100%}.supervision-filter-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}