.response-inbox {padding:clamp(16px,2.6vw,30px); background:#fff; color:#302c40;}
.response-heading {display:flex; gap:16px; align-items:flex-start; justify-content:space-between;}
.response-heading h2 {font-size:1.6rem; margin:5px 0 9px;}
.response-heading p {color:#615c70; max-width:65ch;}
.response-count {padding:8px 12px; border-radius:20px; background:#eee8f8; color:#4e3e75; white-space:nowrap;}
.response-flow {display:flex; list-style:none; padding:14px 0; margin:6px 0 16px; gap:24px; border-bottom:1px solid #e7e2ed; color:#62537e; font-size:.88rem;}
.response-actions {display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0;}
.response-inbox details {padding:14px 0; border-top:1px solid #e6e1ec;}
.response-inbox summary {font-weight:650; cursor:pointer;}
.response-inbox label {display:grid; gap:7px; font-size:.9rem; color:#514961;}
.response-inbox :is(input,select,textarea) {width:100%; box-sizing:border-box; min-width:0; background:#fff; color:#302c40; border:1px solid #c9c0d7; border-radius:7px; padding:10px;}
.response-inbox :is(button,input,select,textarea,summary):focus-visible {outline:3px solid #8870b3; outline-offset:3px;}
.response-body {display:grid; grid-template-columns:minmax(210px,.7fr) minmax(0,1.6fr); gap:22px; margin:18px 0; align-items:start;}
.response-queue {min-width:0; position:sticky; top:110px; max-height:calc(100vh - 135px); overflow:auto;}
.response-row {display:grid; width:100%; text-align:left; gap:8px; background:#faf8fd!important; color:#302c40!important; border:1px solid #e4ddec!important; padding:14px!important; border-radius:10px!important; margin:10px 0; white-space:normal; overflow-wrap:anywhere;}
.response-row[aria-pressed="true"] {background:#ede7f7!important; border-color:#8971ad!important;}
.response-row span {font-size:.75rem; color:#665181;}
.response-row small {font-size:.82rem; font-weight:400; color:#615b6c;}
.response-detail {background:#fcfbfd; padding:20px; border:1px solid #e9e3ef; border-radius:12px; min-width:0; overflow-wrap:anywhere;}
.response-detail h3 {margin:0 0 14px;}
.response-client {border-left:3px solid #b5a4ce; padding-left:14px;}
.response-client p {white-space:pre-wrap;}
.response-client dl {display:grid; grid-template-columns:minmax(90px,.5fr) 1fr; gap:8px; font-size:.86rem;}
.response-client dt {color:#73697e;}
.response-client dd {margin:0;}
.response-inbox fieldset {border:0; padding:0; display:grid; gap:16px; min-width:0;}
#response-accept-fields {display:grid; gap:16px;}
.response-checks {display:grid; gap:12px; padding:14px; border-radius:9px; background:#f1edf7;}
.response-checks label {display:flex; align-items:flex-start; gap:10px; line-height:1.5;}
.response-checks input {width:18px; height:18px; flex-shrink:0; margin-top:2px; accent-color:#705696;}
.response-empty {color:#766c82; padding:20px 0; line-height:1.65;}
.response-notice {color:#735318; background:#fff5df; padding:12px; border-radius:7px;}
.response-agenda article,.response-preview-rows article {padding:14px 0; border-bottom:1px solid #e9e3ef; overflow-wrap:anywhere;}
.response-agenda article header {display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between;}
.response-agenda article header span,.response-agenda article p {font-size:.82rem; color:#74677f;}
.response-preview-rows {max-height:420px; overflow:auto;}
.response-inbox [hidden] {display:none!important;}
#response-status {min-height:1.6em; color:#665181; overflow-wrap:anywhere;}
#response-draft {color:#735318; font-weight:650;}
.response-source-picker legend {font-weight:650;}
.response-source-picker p {margin:0; line-height:1.5;}
.response-source-list {max-height:340px; overflow:auto; display:grid; gap:10px; padding:4px;}
.response-source-list article {padding:12px; border:1px solid #ded6e8; border-radius:8px; background:#fff; min-width:0;}
.response-source-list label {display:flex; gap:10px; align-items:flex-start;}
.response-source-list input {width:18px; height:18px; flex-shrink:0; accent-color:#705696;}
.response-source-list span {min-width:0;}
.response-source-list small {display:block; margin:5px 0; overflow-wrap:anywhere;}
.response-source-list button {margin-top:8px;}
.response-source-warning {color:#79570d;}
#response-source-inspector {padding:14px; border-left:3px solid #8870b3; background:#f2eef8; min-width:0;}
#response-source-inspector dd {margin:3px 0 12px; overflow-wrap:anywhere;}
#response-source-inspector dl {display:grid; grid-template-columns:100px minmax(0,1fr); gap:8px 12px;}
#response-source-inspector pre {white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; max-height:330px; overflow:auto; background:#fff; color:#302c40; padding:14px;}
#response-error {padding:12px; background:#fff5df; color:#735318; border-radius:8px;}
.response-request-context {font-size:.86rem; color:#665181; margin:0; line-height:1.5; overflow-wrap:anywhere;}
@media(max-width:760px) {.response-body{grid-template-columns:1fr;} .response-queue{position:static;max-height:none;} #response-source-inspector dl{grid-template-columns:1fr;} .response-heading{flex-direction:column;} .response-flow{flex-wrap:wrap; gap:12px;} .response-detail{padding:14px;} .response-client dl{grid-template-columns:1fr;} .response-inbox button{max-width:100%; white-space:normal;} .response-actions>label{width:100%;}}