/* Desglose compartido, compacto y de sólo lectura. */
.metric-quality-open {
    border:1px solid #B5C6DC; border-radius:6px; padding:4px 8px;
    color:#003875; background:#F7F9FC; font:600 12px 'Inter','Segoe UI',sans-serif;
    white-space:nowrap; cursor:pointer;
}
.metric-quality-open:hover { background:#EAF1F9; }
.metric-quality-open:disabled { opacity:.5; cursor:default; }
.metric-quality-open:focus-visible,.metric-quality-close:focus-visible { outline:2px solid #C79B00; outline-offset:2px; }
.metric-quality-modal.modal-dialog { width:calc(100% - 32px); max-width:1180px; }
.metric-quality-modal .modal-content { display:flex; flex-direction:column; max-height:calc(100dvh - 32px); border:1px solid #C79B00!important; border-radius:12px; overflow:hidden; }
#metric-quality-modal .modal-header { flex:0 0 auto; padding:10px 18px!important; min-height:0; gap:12px; background:#003875!important; border-bottom:1px solid #C79B00!important; box-shadow:none!important; }
.metric-quality-title { color:white; font-size:.95rem; font-weight:700; line-height:1.3; }
.metric-quality-subtitle { color:#DFE9F7; font-size:.75rem; line-height:1.3; margin-top:2px; }
.metric-quality-close {
    flex:0 0 30px; width:30px; height:30px; padding:0; border:1px solid #8DA9CA;
    border-radius:6px; color:white; background:transparent; font:24px Arial,sans-serif; margin-left:auto;
}
.metric-quality-close:hover { background:#FFFFFF14; }
#metric-quality-modal .modal-body { min-height:0; padding:10px 18px!important; font-size:12px; color:#334155; overflow:hidden; }
.metric-quality-explanation { font-size:12px; color:#64748B; margin:0 0 10px; }
.metric-quality-controls { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:8px; }
.metric-quality-controls label { margin:0 12px 0 0; font-size:12px; font-weight:600; }
.metric-quality-controls input[type=radio] { accent-color:#003875; margin-right:5px; }
#metric-quality-search { width:min(280px,100%); height:32px; border:1px solid #B5C6DC; border-radius:6px; padding:5px 8px; font-size:12px; }
#metric-quality-count { margin-bottom:6px; color:#64748B; font-size:12px; }
#metric-quality-modal .modal-footer { flex:0 0 auto; padding:6px 18px!important; border-top:1px solid #DDE3EE; background:#fff; }
#metric-quality-pagination { display:flex; align-items:center; justify-content:flex-end; gap:5px; margin:0; }
#metric-quality-pagination button { width:28px; height:28px; padding:0; border:1px solid #B5C6DC; border-radius:5px; background:#F8FAFC; color:#003875; font-size:18px; line-height:1; }
#metric-quality-pagination button:disabled { opacity:.35; }
#metric-quality-page-label { min-width:52px; padding:0 4px; text-align:center; font-size:12px; color:#475569; font-variant-numeric:tabular-nums; }
/* La paginación es un pie propio, nunca un input dentro del área desplazable. */
#metric-quality-table .previous-next-container { display:none!important; }
#metric-quality-table .dash-cell div.dash-cell-value { vertical-align:middle; }
#metric-quality-table :is(.dash-cell,.dash-header) { padding:4px 6px!important; font-size:12px!important; vertical-align:middle!important; line-height:1.25!important; }
#metric-quality-table .dash-header { text-align:center!important; }
#metric-quality-table .dash-column-header-name { white-space:normal!important; }
#metric-quality-table :is(p,.dash-cell-value) { margin:0!important; }
#metric-quality-table .metric-quality-identity { display:flex; align-items:center; gap:5px; min-width:0; width:100%; line-height:1.25; text-align:left; }
#metric-quality-table .metric-quality-identity img { display:block; flex:0 0 18px; width:18px; height:13px; object-fit:contain; }
#metric-quality-table .metric-quality-identity.team img { height:18px; }
#metric-quality-table .metric-quality-identity > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }