.quality-toolbar {display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0}
.quality-toolbar label {display:grid;gap:6px;min-width:180px;flex:1}
.quality-toolbar input,.quality-toolbar select {width:100%;min-width:0}
.quality-toolbar p {margin:0 0 9px}
.quality-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}
.quality-metrics button {display:grid;gap:8px;text-align:left;font:inherit;color:var(--text);cursor:pointer}
.quality-metrics b {font-size:28px;color:#163a50}
.quality-alerts {display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:14px 0}
.quality-alerts li {background:#fff3da;color:#694400;border:1px solid #eed9a9;padding:5px 9px;border-radius:6px;font-size:12px}
.quality-indicator>.quality-alerts,.quality-indicator>.quality-no-alert {margin:14px 18px}
.quality-indicator[hidden],.quality-criterion[hidden],.quality-case-card[hidden],.quality-reopen-reason[hidden] {display:none!important}
.quality-indicator-form,.quality-evidence-form {padding:18px}
.quality-evidence-form {border-top:1px solid #e3e9ed}
.quality-proof {display:flex;gap:14px;align-items:center;justify-content:space-between;min-width:0}
.quality-proof>div:first-child {min-width:0;flex:1}
.quality-proof a,.quality-proof small {display:block;overflow-wrap:anywhere}
.quality-proof small {margin-top:5px;color:#65717e}
.quality-proof.is-archived {background:#f5f6f7;border-left:3px solid #8795a0}
.quality-proof-actions {display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.quality-history {padding:16px 18px;border-top:1px solid #e3e9ed}
.quality-history summary {cursor:pointer;font-weight:600}
.quality-indicator .quality-history>summary {display:list-item;padding:0}
.quality-history ol {padding-left:22px}
.quality-history li {margin-bottom:18px;overflow-wrap:anywhere}
.quality-history li>span {display:block;color:#65717e;font-size:12px;margin:5px 0}
.quality-history li p {margin:5px 0}
.quality-dialog {width:min(760px,calc(100vw - 32px));max-width:760px;max-height:90vh;max-height:90svh;overflow:auto;padding:22px;box-sizing:border-box}
.quality-dialog .form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.quality-dialog label {display:grid;gap:7px;min-width:0}
.quality-dialog input,.quality-dialog select,.quality-dialog textarea {width:100%;min-width:0;box-sizing:border-box}
.quality-dialog textarea {min-height:85px}
.quality-dialog .span-2 {grid-column:1/-1}
.quality-dialog form {padding:0}
.quality-dialog .form-grid,.quality-indicator .form-grid {max-height:none;overflow:visible;padding:0}
.quality-dialog .dialog-head h2,.quality-reference,.quality-description {overflow-wrap:anywhere}
.quality-description {display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}
.quality-case-card {min-width:0}
.quality-case-card h2,.quality-case-card dd {overflow-wrap:anywhere}
.quality-case-card .panel-title {align-items:flex-start}
.quality-export {white-space:normal;text-align:center}
@media(max-width:700px){
  .quality-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
  .quality-toolbar {display:grid;grid-template-columns:minmax(0,1fr)}
  .quality-toolbar label {min-width:0}
  .quality-dialog .form-grid {grid-template-columns:minmax(0,1fr)}
  .quality-proof {flex-direction:column;align-items:stretch}
  .quality-proof-actions {justify-content:flex-start}
  .quality-case-grid {grid-template-columns:minmax(0,1fr)}
  .quality-indicator summary {display:flex;flex-wrap:wrap;gap:9px;min-width:0}
  .quality-indicator summary strong {flex:1;min-width:120px;overflow-wrap:anywhere}
  .quality-indicator summary>b {display:block;width:100%}
  .quality-indicator summary>span:not(.indicator-number) {display:block}
  .quality-dialog {padding:16px}
}