.feedback-notice{border:1px solid #cce5e9;background:#f0f9fa;padding:16px 22px;border-radius:14px;margin:12px 0 24px}.feedback-notice p{margin:4px 0 0}.feedback-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.feedback-tabs [aria-pressed=true]{background:var(--practice-navy, #19354c);color:#fff}.feedback-summary{display:grid;grid-template-columns:minmax(200px,1fr) 3fr;gap:20px;margin-bottom:24px}.feedback-overall>strong{display:block;font-size:38px;letter-spacing:-1px;margin:22px 0 12px}.feedback-areas{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.feedback-areas>div{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid #e3eaee;padding:8px 0;gap:5px}.feedback-areas small{grid-column:1/-1;color:#52677a}.feedback-pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px}.feedback-empty{padding:30px 0;color:#52677a}.feedback-clients{max-height:240px;overflow:auto;border:1px solid #dce7ea;border-radius:10px;padding:12px 16px;margin:16px 0}.feedback-clients label{display:block;padding:8px}.feedback-clients label[hidden]{display:none}.feedback-rule{display:grid;grid-template-columns:2fr 2fr 1fr auto;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #e3eaee}.feedback-rule .field{margin:0}.feedback-rule input[type=number]{max-width:100px}.feedback-rule span{grid-column:1/-1}.feedback-dialog{width:min(720px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:28px;border:1px solid #dce7ea;border-radius:18px;color:var(--practice-navy, #19354c)}.feedback-ratings{margin:24px 0}.feedback-ratings>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #e3eaee}.feedback-ratings dd{font-weight:700;margin:0;white-space:nowrap}.feedback-comment{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.feedback-form-page{max-width:800px;margin:40px auto;padding:0 20px}.feedback-form-page>header img{width:220px;height:auto;margin-bottom:20px}.feedback-form-page .panel{padding:28px}.feedback-form-page fieldset{border:0;border-bottom:1px solid #dce7ea;margin:0;padding:18px 0}.feedback-form-page legend{font-weight:700;padding-top:18px}.feedback-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.feedback-options label{display:flex;align-items:center;gap:6px;border:1px solid #cddce4;border-radius:8px;padding:10px 13px;cursor:pointer}.feedback-options label:has(input:checked){border-color:var(--practice-primary, #087f8c);background:#edf9fa}.feedback-form-page textarea{min-height:100px}.feedback-form-page footer{padding:24px 0;color:#52677a;font-size:13px}.feedback-form-page [data-result]{margin-top:16px}@media(max-width:720px){.feedback-summary,.feedback-areas{grid-template-columns:1fr}.feedback-rule{grid-template-columns:1fr}.feedback-form-page{margin:20px auto}.feedback-form-page .panel,.feedback-dialog{padding:20px}.feedback-options{gap:7px}.feedback-options label{padding:10px}.feedback-overall>strong{font-size:32px}}
/* Keep all five numeric choices together on narrow screens. */
.feedback-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:440px}.feedback-options label{justify-content:center;padding:10px 6px}.feedback-options label:has(input[value=""]){grid-column:1/-1;justify-content:flex-start;width:max-content;padding:10px 13px}

/* Keep selection controls out of the portal's full-width text-field sizing. */
.feedback-request { margin-bottom:20px; }
.feedback-request > h2 { margin:0 0 12px; }
.feedback-request > p { margin:0 0 16px; }
.feedback-request [data-request] { display:grid; gap:18px; margin-top:24px; }
.feedback-request [data-request] > .field { width:100%; max-width:560px; margin:0; }
.feedback-request [data-request] > button { justify-self:start; }
.feedback-request [data-request-result] { margin:0; }
.feedback-request [data-request-result]:empty { display:none; }
.feedback-clients { min-width:0; max-height:280px; margin:0; padding:4px 16px 8px; border-radius:6px; }
.feedback-clients legend { padding:0 6px; font-size:14px; font-weight:600; }
.feedback-clients label,
.feedback-rule .feedback-rule-toggle { display:flex; align-items:center; gap:12px; margin:0; cursor:pointer; line-height:1.5; }
.feedback-clients label { min-height:48px; padding:10px 0; border-bottom:1px solid var(--line, #e4e8eb); }
.feedback-clients label:last-of-type { border-bottom:0; }
.feedback-clients label[hidden] { display:none; }
.feedback-clients label > span,
.feedback-rule-toggle > span { min-width:0; overflow-wrap:anywhere; }
.feedback-clients input[type="checkbox"],
.feedback-rule-toggle input[type="checkbox"] { flex:0 0 18px; width:18px; height:18px; min-width:18px; min-height:18px; max-width:18px; margin:0; padding:0; accent-color:var(--practice-primary); }
.feedback-clients label:focus-within { outline:2px solid var(--practice-primary); outline-offset:2px; }
.feedback-rule h3 { margin:0; }
.feedback-rule [role="status"]:empty { display:none; }
.feedback-rule .feedback-rule-toggle > span { grid-column:auto; }
@media(max-width:720px) {
  .feedback-clients { padding-inline:12px; }
  .feedback-rule { gap:14px; }
}