/* Current measurement records (docs/current-measurement-records.md): arrangement only. Controls, buttons,
   dialogs and tables use the shared UI foundation. */
.cmrSelection .mhomeFormColumns { max-width: 960px; }
.cmrHint { color: #64748b; font-size: 12px; }
.cmrNotice { color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: 6px; padding: 8px 12px; }
.cmrStrong { font-weight: 600; margin-bottom: 4px; }
.cmrTitle { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.cmrTitle h2 { margin: 0; }
.cmrFacts { margin-block: 8px 12px; }
.cmrFacts dt { overflow-wrap: anywhere; }
.cmrForm { max-width: 1200px; }
.cmrForm textarea { width: 100%; }
.cmrView .mhomeActions { flex-wrap: wrap; }
.cmrView .mhomeActions > button { width: auto; margin-top: 0; }
.cmrNominal { display: grid; gap: 4px; align-content: start; min-width: 0; }
.cmrSource { color: #287db5; font-size: 12px; }
.cmrCheck { display: flex; align-items: center; gap: 6px; }
.cmrCheck input { width: auto; }
/* Hidden converter fields stay hidden although form groups define their own display. */
.cmrView [hidden] { display: none; }
.cmrValue { min-width: 96px; max-width: 160px; text-align: right; }
.cmrView .gatewayTableWrapper, .cmrWideDialog .gatewayTableWrapper { min-width: 0; max-width: 100%; overflow: auto; }
dialog.cmrWideDialog { --dialog-target-width: 1300px; }

@media (max-width: 760px) {
    .cmrFacts { grid-template-columns: minmax(0,1fr); }
    .cmrFacts dt { font-weight: 600; }
}