/* === VRI Analyse / Phasediagram === */
.phasediagram-toolbar {
  display: flex;
  gap: .5rem;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

#phaseDiagram {
  width: 100%;
  min-height: 320px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #fff;
}

#phaseDiagram .x-axis .tick text,
#phaseDiagram .y-axis .tick text {
  font: 12px/1.2 system-ui, sans-serif;
}

#phaseDiagram .grid-layer .tick line {
  stroke: #e0e0e0;
}

#phaseDiagram .event {
  shape-rendering: crispEdges;
}

/* statusmelding */
.vlog-msg {
  margin: .5rem 0 0;
  min-height: 1.2em;
  font-size: 0.9rem;
}
.vlog-msg.info  { color: #0b5ed7; }
.vlog-msg.error { color: #c1121f; }