/* views-os — pool control room */
.cr-next { border-left: 4px solid var(--brand); }
.cr-next.action { border-left-color: var(--action); } .cr-next.warn { border-left-color: #c98500; } .cr-next.good { border-left-color: var(--good); } .cr-next.info { border-left-color: var(--info); }
.cr-next h2 { font-size: 17px; }
.cr-weights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.cr-weights > div { display: flex; justify-content: space-between; gap: 6px; padding: 6px 9px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 7px; }
.cr-bids td { vertical-align: top; }
.cr-bids tr.click:hover td { background: var(--surface-2); }
.cr-fgrid { display: grid; grid-template-columns: repeat(3, minmax(92px, 1fr)); gap: 4px 12px; font-size: 11.5px; min-width: 300px; }
.cr-fgrid > div { display: grid; grid-template-columns: 1fr auto; column-gap: 6px; align-items: center; }
.cr-fgrid span:first-child { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cr-fgrid .cr-factor { grid-column: 1 / -1; }
.cr-factor { display: block; height: 4px; background: var(--surface-3); border-radius: 2px; overflow: hidden; }
.cr-factor i { display: block; height: 100%; background: #2a78d6; border-radius: 2px; }
.cr-checks { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 9px; font-size: 12.5px; }
.cr-checks li { display: grid; grid-template-columns: 16px 1fr; gap: 8px; align-items: start; }
.cr-checks li .ic { margin-top: 2px; }
.cr-checks li.ok .ic { color: var(--good); } .cr-checks li.warn .ic { color: var(--warn); } .cr-checks li.bad .ic { color: var(--bad); }
@media (max-width: 700px) { .cr-weights { grid-template-columns: repeat(2, minmax(0, 1fr)); } }