/* Gemensam markeringsfärg för val och aktiva visningslägen. */
.shape-option:has(input:checked),
.mode-option:has(input:checked),
.rect-side-option:has(input:checked),
.dimension-method .dimension-choice:has(.mode-option input:checked),
.result-tab.active,
.chart-mode.active {
  border-color: #6f94aa !important;
  background: #d8e7ef !important;
  color: #12344b !important;
}

.chart-mode.active::before {
  border-color: #12344b;
  background: radial-gradient(circle, #12344b 0 4px, transparent 4.5px);
}

input:focus,
select:focus {
  outline-color: #6f94aa;
}