/* Shared prescription UI. Each calculator keeps its own inputs and calculation engine. */
.rx-eye-card.rx-eye-card .rx-eye-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(72px, .8fr) !important;
  gap: 10px;
  min-width: 0;
}
.rx-eye-card.rx-eye-card .rx-eye-row > :nth-child(3) { grid-column: auto !important; }
.rx-eye-card .rx-eye-row > * { min-width: 0; }
.rx-eye-card .rx-eye-row .rx-control {
  display: grid !important;
  grid-template-columns: 27px minmax(0, 1fr) 23px 27px;
  min-width: 0;
}
.rx-eye-card .rx-eye-row .converter-power-control.rx-control,
.converter-workspace .rx-eye-card .rx-eye-row .converter-power-control.rx-control {
  grid-template-columns: 27px minmax(0, 1fr) 23px 27px;
}
.rx-eye-card .rx-eye-row .rx-control--axis { grid-template-columns: minmax(0, 1fr) 26px; }
.rx-eye-card .rx-eye-row .rx-control button,
.converter-workspace .rx-eye-card .rx-eye-row .rx-control button { min-width: 0; padding: 0; }
.rx-eye-card .rx-eye-row .rx-control input,
.converter-workspace .rx-eye-card .rx-eye-row .rx-control input {
  min-width: 0;
  padding-inline: 1px;
  font-size: 13px;
  cursor: pointer;
}
.rx-eye-card .rx-eye-row .rx-control input:focus-visible { outline: 2px solid #1d68ed; outline-offset: -3px; }
.rx-eye-card .rx-eye-row .converter-field label span,
.rx-eye-card .rx-eye-row label > span small,
.rx-eye-card .rx-eye-row .rx-field-sublabel {
  display: block;
  color: #728098;
  font-size: 10px;
  font-weight: 550;
  line-height: 1.2;
}
.rx-eye-card .rx-eye-row label > span { margin-bottom: 4px; }
.rx-eye-card .rx-eye-row .rx-eye-extra { grid-column: 1 / -1; }
.rx-eye-card .rx-eye-row .converter-field__hint { display: block; font-size: 10px; line-height: 1.3; }
.rx-eye-card .rx-eye-row .rx-control__picker { border-left: 1px solid #e0e8f3; }
.lens-compare-v2 .rx-eye-card .rx-eye-row .rx-control input { border: 0; border-radius: 0; box-shadow: none; }

.converter-workspace .converter-eyes:has(.rx-eye-card) { grid-template-columns: 1fr; gap: 12px; }
.converter-workspace .rx-eye-card.converter-eye-panel { padding-bottom: 12px; }
.converter-workspace .rx-eye-card.converter-eye-panel legend { margin-bottom: 9px; }
.converter-workspace .rx-eye-card .converter-field { gap: 5px; }
.converter-workspace .rx-eye-card .converter-field > label { height: 32px; line-height: 1.15; }

/* Advisor forms have SPH and CYL only. */
.lens-advisor .lens-advisor__prescription:has(.rx-advisor-eye) { grid-template-columns: 1fr; }
.rx-advisor-eye { min-width: 0; padding: 10px; border: 1px solid #d9e5f3; border-radius: 12px; background: #f8fbff; }
.rx-advisor-eye > strong { display: block; margin-bottom: 8px; color: #0b285b; font-size: 12px; }
.rx-advisor-eye__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.rx-advisor-eye__fields > label { min-width: 0; }
.rx-advisor-eye__fields .rx-control { width: 100%; }
.rx-advisor-eye__fields .rx-control input { padding-inline: 1px; font-size: 12px; cursor: pointer; }
.rx-advisor-eye__fields .rx-control button { min-width: 0; }
.rx-advisor-eye__fields label > span small { display: block; color: #728098; font-size: 10px; font-weight: 550; }

@media (max-width: 700px) {
  .rx-eye-card.rx-eye-card .rx-eye-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(72px, .8fr) !important;
    gap: 6px;
  }
  .rx-eye-card .rx-eye-row .rx-control,
  .rx-eye-card .rx-eye-row .converter-power-control.rx-control,
  .converter-workspace .rx-eye-card .rx-eye-row .converter-power-control.rx-control {
    grid-template-columns: 20px minmax(0, 1fr) 17px 20px;
  }
  .rx-eye-card .rx-eye-row .rx-control--axis { grid-template-columns: minmax(0, 1fr) 21px; }
  .rx-eye-card .rx-eye-row .rx-control button { font-size: 16px; }
  .rx-eye-card .rx-eye-row .rx-control .rx-control__picker { font-size: 14px; }
  .rx-eye-card .rx-eye-row .rx-control input,
  .converter-workspace .rx-eye-card .rx-eye-row .rx-control input { min-height: 42px; font-size: 12px; }
  .converter-workspace .converter-card:has(.rx-eye-card) { padding-inline: 10px; }
  .converter-workspace .rx-eye-card.converter-eye-panel { padding: 0 8px 10px; }
  .converter-workspace .rx-eye-card.converter-eye-panel legend {
    width: calc(100% + 16px);
    margin: 0 -8px 8px;
    padding: 10px 8px 8px;
    font-size: 14px;
  }
  .lens-compare-v2 .lens-tool-eyes .rx-eye-card > div { padding: 8px; }
  .rx-analysis__eye.rx-eye-card { padding: 8px; }
  .rx-advisor-eye__fields .rx-control { grid-template-columns: 20px minmax(0, 1fr) 17px 20px; }
  .rx-advisor-eye__fields .rx-control input { font-size: 12px; }
  .rx-advisor-eye__fields .rx-control button { font-size: 15px; }
}