/* osir.co.uk: CCTV Storage Calculator */
.cc-rows { display: grid; gap: 10px; margin-top: 12px; }
.cc-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 10px; align-items: end; margin: 0; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); min-width: 0; }
.cc-row .t-field > span { font-size: 12px; }
.cc-row .t-input, .cc-row .t-select { height: 40px; font-size: 14px; }
.cc-legend { padding: 0 6px; font-size: 13px; font-weight: 750; color: var(--text-2); }
.cc-row-uf { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.cc-row-uf .cc-wide { grid-column: 1 / -1; }
.cc-row-uf .cc-wide:first-of-type { grid-column: 1 / 2; }
.cc-info { grid-column: 1 / -1; margin: 0; }
.cc-del { justify-self: start; grid-column: 1 / -1; }
.cc-note { display: block; margin-top: 2px; font-size: 12.5px; color: var(--muted); font-weight: 400; }
#uf-hosts td, #uf-parts td { font-size: 13.5px; }
#uf-hosts td.t-mono, #uf-parts td.t-mono, #cg-table td.t-mono { white-space: nowrap; }
@media (max-width: 560px) {
  .cc-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-row .cc-span { grid-column: 1 / -1; }
  .cc-row-uf { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .cc-row-uf .cc-wide, .cc-row-uf .cc-wide:first-of-type { grid-column: 1 / -1; }
}