/* Enlarged telemetry stays outside the fixed, full-diagram frame. */
.diagram-inspector { border-top: 1px solid var(--home-line); color: var(--home-text-strong); background: #082c29; }
.diagram-inspector > summary { padding: 12px 16px; min-height: 44px; box-sizing: border-box; cursor: pointer; font-size: 14px; font-weight: 650; }
.diagram-inspector > summary span { margin-left: 16px; color: #a7d0ca; font-size: 12px; font-weight: 400; }
.diagram-inspector-body { display: grid; grid-template-columns: auto minmax(140px, 300px) minmax(0, 1fr); align-items: start; gap: 12px; padding: 0 16px 16px; }
.diagram-inspector-body label { padding-top: 12px; font-size: 14px; }
.diagram-inspector-body select { width: 100%; min-width: 0; min-height: 44px; padding: 8px 10px; border: 1px solid #39766d; border-radius: 8px; color: #f0fffc; background: #123e37; font: inherit; font-size: 14px; }
.diagram-inspector-readings { display: flex; flex-wrap: wrap; gap: 8px 24px; min-width: 0; margin: 0; padding: 10px 0; list-style: none; }
.diagram-inspector-readings li { max-width: 100%; overflow-wrap: anywhere; color: #effffb; font-size: 15px; line-height: 1.6; font-variant-numeric: tabular-nums; }
.diagram-inspector-note { grid-column: 1 / -1; margin: 0; color: #a7d0ca; font-size: 12px; }
[data-inspect-key] { cursor: pointer; }
.monitor-system-2d-card[data-inspected="true"] { outline: 3px solid #176784; outline-offset: 2px; }
.scada-device[data-inspected="true"] .scada-machine { stroke: #176784; stroke-width: 3; }
.diagram-inspector :focus-visible, [data-inspect-key]:focus-visible { outline: 2px solid #73ead9; outline-offset: 3px; }
.scada-device:focus-visible, .monitor-system-2d-card:focus-visible { outline-color: #176784; }
#monitorTwinTelemetry [data-inspect-key] { pointer-events: auto; }
@media (max-width: 760px) {
  .diagram-inspector-body { grid-template-columns: minmax(0, 1fr); gap: 8px; padding-inline: 12px; }
  .diagram-inspector-body label { padding-top: 0; }
  .diagram-inspector-readings { display: grid; gap: 8px; }
  .diagram-inspector > summary span { display: block; margin: 4px 0 0 16px; }
}
