/* Credit module (modules/71-credit). A module's stylesheet is named after its folder. */
.cr-g { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 7px; font-weight: 700; font-size: 12.5px; color: #fff; background: #8a97a6; }
.cr-g.gA { background: #1f9d55; }
.cr-g.gB { background: #3fae6a; }
.cr-g.gC { background: #c99a06; }
.cr-g.gD { background: #e07b1a; }
.cr-g.gE { background: #d64545; }
.cr-grades { display: flex; flex-direction: column; gap: 8px; }
.cr-grade { display: flex; align-items: center; gap: 10px; }
.cr-grade .ct-meter { flex: 1; min-width: 0; }
.cr-reasons { margin: 8px 0 0; padding-left: 18px; font-size: 12.5px; line-height: 1.6; }
.cr-note { margin-top: 6px; padding: 8px 10px; background: var(--panel-soft, #f5f8fb); border-radius: 8px; white-space: normal; overflow-wrap: anywhere; font-size: 12.5px; }
.cr-bands { font-size: 11.5px; color: var(--muted); white-space: normal; }
.cr-steps { margin: 0; padding-left: 18px; font-size: 12.5px; line-height: 1.7; }
.cr-matrix td, .cr-matrix th { white-space: nowrap; }
.cr-matrix-form .ct-input { min-width: 80px; }
.cr-tabs { flex-wrap: wrap; }
@media (max-width: 700px) {
    .cr-matrix-form .ct-input { min-width: 64px; }
}