.app-dialog:has(.participant-response-detail){width:min(810px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:34px;border-radius:22px;overflow-y:auto}
.app-dialog:has(.participant-response-detail)>h2{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 42px 24px 0;padding:0;font-size:31px;line-height:1.2;letter-spacing:-.04em}
.participant-response-detail__title-name{min-width:0;overflow-wrap:anywhere}
.participant-response-detail__title-status{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border:1px solid #a8e3c3;border-radius:8px;background:#effcf5;color:#148658;font-size:14px;font-weight:700;letter-spacing:0;white-space:nowrap}
.participant-response-detail__title-status.is-submitted::before{display:grid;place-items:center;box-sizing:border-box;width:17px;height:17px;border:1.5px solid currentColor;border-radius:50%;content:'✓';font-size:11px;line-height:1}
.participant-response-detail__title-status.is-host{border-color:#d7ddfb;background:#f2f4ff;color:#4d60cf}
.participant-response-detail__title-status.is-pending{border-color:#dce2ef;background:#f7f8fb;color:#64708a}
.participant-response-detail{display:grid;gap:15px;max-width:none}
.participant-response-detail__subtitle{margin:0 0 6px;color:#3d4861;font-size:16px;line-height:1.45}
.app-dialog:has(.participant-response-detail) .dialog-actions{margin-top:20px}.app-dialog:has(.participant-response-detail) .dialog-actions .primary-button{min-width:116px;min-height:56px;font-size:17px}
.participant-response-detail__panel{padding:17px;border:1px solid #e1e7f4;border-radius:14px;background:#fff}
.participant-response-detail__section-heading{display:flex;align-items:center;min-width:0;gap:11px;margin-bottom:12px}
.participant-response-detail__section-heading h3{margin:0;font-size:18px;line-height:1.3}
.participant-response-detail__icon{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.participant-response-detail__section-icon{display:grid;flex:0 0 24px;place-items:center;width:24px;height:24px;color:#5264ed}
.participant-response-detail__summary{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:1px solid #e5eaf4;border-radius:11px;overflow:hidden}
.participant-response-detail__summary-item{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;min-height:57px;padding:10px 14px;border-bottom:1px solid #edf0f7;background:#fff}
.participant-response-detail__summary-item:last-child{border-bottom:0}
.participant-response-detail__summary-icon{display:grid;place-items:center;width:28px;height:28px;color:#6d7789}
.participant-response-detail__summary-copy{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,1.25fr);align-items:center;gap:16px;min-width:0}
.participant-response-detail__summary-item small{margin:0;color:#58657d;font-size:15px;word-break:keep-all}.participant-response-detail__summary-item strong{min-width:0;color:#202c48;font-size:16px;line-height:1.4;word-break:keep-all;overflow-wrap:normal;white-space:nowrap;font-variant-numeric:tabular-nums}
.participant-response-detail__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.participant-response-detail__stats>div{display:grid;min-width:0;min-height:148px;place-items:center;align-content:center;gap:7px;padding:12px 10px;text-align:center;border:1px solid #e3e8f5;border-radius:11px;background:#fbfcff}
.participant-response-detail__stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#5968ef;background:#eceeff}.participant-response-detail__stat-icon.is-green{color:#087d56;background:#e1f7ec}.participant-response-detail__stat-icon.is-red{color:#e34242;background:#ffeaec}.participant-response-detail__stat-icon.is-blue{color:#4192e9;background:#e4f2ff}
.participant-response-detail__stats strong{min-width:0;color:#1d2947;font-size:18px;line-height:1.32;overflow-wrap:anywhere;word-break:keep-all}.participant-response-detail__stats small{color:#66718a;font-size:13px;line-height:1.35}
.participant-response-detail__ratings{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.participant-response-detail__option-row,.participant-response-detail__preference-row{display:grid;align-items:center;min-width:0;border:1px solid #e2e8f5;border-radius:10px;background:#fff}
.participant-response-detail__option-row{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;min-height:62px;padding:9px 13px}
.participant-response-detail__option-icon,.participant-response-detail__preference-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;color:#4f68db;background:#eaf0ff}.participant-response-detail__option-row:nth-child(3n+1) .participant-response-detail__option-icon{color:#18714e;background:#e1f5e9}.participant-response-detail__option-row:nth-child(3n+2) .participant-response-detail__option-icon{color:#3379d2;background:#e7f1ff}.participant-response-detail__option-row:nth-child(3n) .participant-response-detail__option-icon{color:#7d3ede;background:#f0e9ff}
.participant-response-detail__option-row strong,.participant-response-detail__preference-row strong{min-width:0;color:#202a43;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.participant-response-detail__option-badge{justify-self:end;padding:6px 13px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:700;line-height:1;white-space:nowrap}.participant-response-detail__option-badge.is-strong,.participant-response-detail__option-badge.is-prefer{border-color:#b8e6cf;background:#effaf4;color:#168958}.participant-response-detail__option-badge.is-neutral{border-color:#bfe7d6;background:#edfaf4;color:#168958}.participant-response-detail__option-badge.is-avoid{border-color:#ffcfd4;background:#fff0f2;color:#dc4351}.participant-response-detail__option-badge.is-unknown{border-color:#e3e8f1;background:#f5f7fa;color:#66718a}.participant-response-detail__option-row.is-excluded .participant-response-detail__option-badge{border-color:#ffcfd4;background:#fff0f2;color:#dc4351}
.participant-response-detail__preference-row{grid-template-columns:42px minmax(0,1fr) minmax(140px,1.15fr) auto;gap:10px;min-height:62px;padding:9px 13px}.participant-response-detail__preference-icon{color:#178a5d;background:#e5f8ed}.participant-response-detail__preference-row:nth-child(3n+2) .participant-response-detail__preference-icon{color:#3277d0;background:#e7f1ff}.participant-response-detail__preference-row:nth-child(3n) .participant-response-detail__preference-icon{color:#7b3fdc;background:#f0eaff}
.participant-response-detail__segments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0}.participant-response-detail__segments i{display:block;height:17px;border-radius:3px;background:#edf0f5}.participant-response-detail__segments i.is-filled{background:#5868ee}.participant-response-detail__preference-score{justify-self:end;white-space:nowrap;font-size:15px!important}.participant-response-detail__preference-score small{font:inherit;color:#66718a;font-weight:400}
.participant-response-detail__approval{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #b8e4cd;border-radius:12px;background:#f1fbf5}.participant-response-detail__approval.is-oppose{border-color:#f0c7ce;background:#fff5f6}.participant-response-detail__approval strong{font-size:17px;color:#247c55}.participant-response-detail__approval.is-oppose strong{color:#a33c4d}
.participant-response-detail__notes{padding:14px;border-radius:12px;background:#f8faff}.participant-response-detail__notes h3,.participant-response-detail__notes p{margin:0}.participant-response-detail__notes h3{margin-bottom:6px;font-size:15px}.participant-response-detail__notes p{line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
/* The application shell also styles older response summaries. Keep the shared detail rows single-column and readable. */
.participant-response-detail__summary{grid-template-columns:minmax(0,1fr)!important}.participant-response-detail__summary-item{min-width:0}.participant-response-detail__summary-copy{min-width:0}.participant-response-detail__summary-item strong{min-width:0;word-break:keep-all!important;overflow-wrap:normal!important;white-space:nowrap!important}
@media(max-width:620px){.participant-response-detail__summary-copy{grid-template-columns:minmax(0,1fr)!important;align-items:start;gap:3px}.participant-response-detail__summary-item strong{justify-self:start;max-width:100%;font-size:14px;line-height:1.45}.participant-response-detail__summary-item small{font-size:13px}}
@media(min-width:800px) and (min-height:1300px){.app-dialog:has(.participant-response-detail){max-height:calc(100vh - 80px)}}
@media(max-width:620px){.app-dialog:has(.participant-response-detail){width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:22px;border-radius:18px}.app-dialog:has(.participant-response-detail)>h2{gap:8px;margin-bottom:18px;font-size:25px}.participant-response-detail{gap:12px}.participant-response-detail__subtitle{margin-bottom:3px;font-size:14px}.participant-response-detail__panel{padding:13px}.participant-response-detail__section-heading{margin-bottom:10px}.participant-response-detail__section-heading h3{font-size:16px}.participant-response-detail__summary-item{padding:9px 10px}.participant-response-detail__summary-copy{grid-template-columns:minmax(105px,1fr) minmax(0,1.2fr);gap:8px}.participant-response-detail__summary-item small{font-size:13px}.participant-response-detail__summary-item strong{font-size:14px}.participant-response-detail__stats>div{min-height:118px;padding:9px}.participant-response-detail__stats strong{font-size:15px}.participant-response-detail__stats small{font-size:12px}.participant-response-detail__stat-icon{width:29px;height:29px}.participant-response-detail__option-row,.participant-response-detail__preference-row{gap:8px;padding:8px 10px}.participant-response-detail__preference-row{grid-template-columns:36px minmax(0,1fr) minmax(116px,1fr) auto}.participant-response-detail__option-row strong,.participant-response-detail__preference-row strong{font-size:14px}.participant-response-detail__option-badge{padding:5px 9px;font-size:12px}.participant-response-detail__segments{gap:3px}.participant-response-detail__segments i{height:14px}.participant-response-detail__preference-score{font-size:13px!important}}
@media(max-width:430px){.participant-response-detail__stats{grid-template-columns:1fr 1fr}.participant-response-detail__title-status{min-height:27px;padding:0 8px;font-size:12px}.participant-response-detail__summary-copy{grid-template-columns:1fr;gap:2px}.participant-response-detail__summary-item{min-height:62px}.participant-response-detail__preference-row{grid-template-columns:32px minmax(0,1fr) minmax(100px,1fr) auto}.participant-response-detail__option-icon,.participant-response-detail__preference-icon{width:28px;height:28px}.participant-response-detail__option-row{grid-template-columns:34px minmax(0,1fr) auto}.participant-response-detail__option-badge{max-width:92px;white-space:normal;text-align:center;line-height:1.25}}