.feedback-page{min-width:0}
.feedback-empty{padding:var(--ui-space-6);display:grid;justify-items:start;gap:var(--ui-space-3)}
.feedback-pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-space-4);margin-top:var(--ui-space-4)}
.feedback-detail{min-width:0}
.feedback-overview>div,.feedback-actions,.feedback-meta,.feedback-section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-3)}
.feedback-section-heading{justify-content:space-between}
.feedback-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4);margin-block:var(--ui-space-5)}
.feedback-facts dt{color:var(--ui-muted);font-size:var(--ui-font-size-xs)}
.feedback-facts dd{margin:var(--ui-space-2) 0 0;overflow-wrap:anywhere}
.feedback-section{border-top:1px solid var(--ui-border);padding-block:var(--ui-space-5)}
.feedback-section h3,.feedback-assessment h3{margin:0 0 var(--ui-space-3)}
.feedback-prose{white-space:pre-wrap;overflow-wrap:anywhere;margin-block:var(--ui-space-3)}
.feedback-meta{font-size:var(--ui-font-size-xs);color:var(--ui-muted)}
.feedback-actions{margin-bottom:var(--ui-space-5)}
.feedback-workflows,.feedback-history{padding:0;margin:var(--ui-space-4) 0 0;list-style:none}
.feedback-workflows>li{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);padding-block:var(--ui-space-3)}
.feedback-workflows>li>.muted{flex:none;font-size:var(--ui-font-size-xs)}
.feedback-history>li{border-left:2px solid var(--ui-border);padding:0 0 var(--ui-space-5) var(--ui-space-4)}
.feedback-status-open{color:var(--ui-brand);background:var(--ui-brand-soft)}
.feedback-status-replied{color:var(--ui-success);background:var(--ui-success-soft)}
.feedback-status-closed,.feedback-status-cancelled{color:var(--ui-muted);background:var(--ui-hover)}
#modal #feedback-intake-form>.field-medium{max-width:180px}
#feedback-intake-form>[data-feedback-context]:empty{display:none}
#feedback-intake-form>.form-footer{position:sticky;bottom:0;background:var(--ui-surface);padding-block:var(--ui-space-4);margin-bottom:0;z-index:1}
.feedback-filters,.feedback-picker-toolbar{display:flex;align-items:center;gap:var(--ui-space-3);flex-wrap:wrap;margin-block:var(--ui-space-4)}
.feedback-filters>label,.feedback-picker-toolbar>label{margin:0;min-width:0}
.feedback-filters>label:first-child{flex:1;min-width:180px;max-width:420px}
.feedback-filters input,.feedback-picker-toolbar input{width:100%}
.feedback-filters select{min-width:110px}
.feedback-table th:first-child{width:58%}
.feedback-related{border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:var(--ui-space-4);margin-block:var(--ui-space-4)}
.feedback-related>summary{cursor:pointer;font-weight:var(--ui-font-weight-medium)}
.feedback-related [data-feedback-selection]{margin-left:var(--ui-space-3);font-weight:var(--ui-font-weight);overflow-wrap:anywhere}
.feedback-picker-toolbar>label{flex:1}
[data-feedback-choices]{max-height:240px;overflow:auto;overscroll-behavior:auto}
.feedback-choice{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);width:100%;min-height:var(--ui-control-height);padding:var(--ui-space-3);text-align:left;border:0;border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-text);cursor:pointer}
.feedback-choice:hover{background:var(--ui-hover)}
.feedback-choice:focus-visible{outline:2px solid var(--ui-brand);outline-offset:-2px}
.feedback-choice>span{min-width:0;overflow-wrap:anywhere}
.feedback-choice>small{flex:none;color:var(--ui-muted)}
.feedback-case{display:grid;gap:var(--ui-space-4);border-top:1px solid var(--ui-border);padding-top:var(--ui-space-4)}
.feedback-case>.button{justify-self:start}
.feedback-assessment{padding:var(--ui-space-4);border:1px solid var(--ui-warning-border);background:var(--ui-warning-soft);border-radius:var(--ui-radius)}
.feedback-assessment p{margin-block:var(--ui-space-3)}
.feedback-cycle{padding-block:var(--ui-space-4);border-bottom:1px solid var(--ui-border);overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:640px){.feedback-page .page-heading{align-items:flex-start;gap:var(--ui-space-4);flex-wrap:wrap}.feedback-filters>label:first-child{flex-basis:100%;max-width:none}.feedback-table th:first-child{width:50%}.feedback-page .table-scroll{max-width:100%}.feedback-facts{grid-template-columns:minmax(0,1fr)}.feedback-workflows>li{align-items:flex-start;flex-direction:column}.feedback-detail .task-title{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:640px){.feedback-table{min-width:0}.feedback-table td:last-child{position:static;inset:auto}.feedback-table td:first-child{padding-right:0}}
