/* Classic Lab — Laser Optics calculator panel.
   Scoped .lo-* styling that reuses the lab's design tokens so the standalone
   calculator looks native alongside the Topology / Math Theorems panels. */
#panel-laser-optics {
  --lo-accent: #ffb86c; /* physics accent */
}

.lo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
  gap: 12px;
}

.lo-card {
  border: 1px solid var(--cl-line);
  border-radius: 4px;
  background: #0a0e1a;
  padding: 10px 12px;
}

.lo-card-title {
  margin: 0 0 9px;
  font-family: var(--cl-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--lo-accent, #ffb86c);
}

.lo-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.lo-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 90px;
  flex: 1 1 90px;
}

.lo-field span {
  font-size: 8px;
  letter-spacing: 0.1em;
  color: var(--cl-cyan);
  text-transform: uppercase;
}

.lo-field input,
.lo-field select {
  background: #06080f;
  color: var(--cl-ink);
  border: 1px solid var(--cl-line);
  border-radius: 2px;
  padding: 6px 8px;
  font-family: var(--cl-mono);
  font-size: 10px;
  width: 100%;
}

.lo-field input:focus,
.lo-field select:focus {
  outline: none;
  border-color: var(--lo-accent, #ffb86c);
}

.lo-field select option {
  background: #0a0e1a;
  color: var(--cl-ink);
}

.lo-out {
  margin-top: 10px;
  border-top: 1px dashed var(--cl-line);
  padding-top: 8px;
  font-family: var(--cl-mono);
  font-size: 10px;
  color: var(--cl-ink);
  display: grid;
  gap: 4px;
}

.lo-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
}

.lo-row .lo-key {
  color: var(--cl-muted);
}

.lo-row b {
  color: var(--cl-green);
  font-weight: 600;
  text-align: right;
}

.lo-verdict.stable {
  color: var(--cl-green);
}
.lo-verdict.marginal {
  color: var(--cl-yellow);
}
.lo-verdict.unstable {
  color: var(--cl-red);
}

.lo-err {
  color: var(--cl-red);
  font-family: var(--cl-mono);
  font-size: 9px;
  line-height: 1.4;
}