/* PR⭕️—вес Mini App v2.11.47 — compact legal back, paid CTA, rounded active carousel dot */

/* Legal overlay: keep the v2.11.46 safe-area offset, but return the local
   "‹ Назад" control to the compact visual scale used across the app. */
.proves-legal-overlay .proves-overlay-header {
  grid-template-columns: 88px minmax(0, 1fr) 88px;
  min-height: 48px;
  padding: 6px 8px;
}
.proves-legal-overlay .proves-overlay-back {
  width: 88px;
  min-width: 88px;
  height: 36px;
  padding: 0 10px;
  border-radius: 18px;
  background: #eeeeef;
  color: #777777;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.proves-legal-overlay .proves-overlay-spacer {
  width: 88px;
}
@media (max-width: 390px) {
  .proves-legal-overlay .proves-overlay-header {
    grid-template-columns: 82px minmax(0, 1fr) 82px;
  }
  .proves-legal-overlay .proves-overlay-back {
    width: 82px;
    min-width: 82px;
    height: 34px;
    padding: 0 8px;
    border-radius: 17px;
    font-size: 13px;
  }
  .proves-legal-overlay .proves-overlay-spacer { width: 82px; }
}

/* Patient payment acknowledgement. Only the button dynamically tagged by the
   v2.11.47 runtime is recolored; handlers and layout remain untouched. */
button.proves-payment-reported-v2-11-47 {
  background: #00766C !important;
  color: #ffffff !important;
  font-family: inherit !important;
}
button.proves-payment-reported-v2-11-47 .button-icon-label,
button.proves-payment-reported-v2-11-47 .button-icon-label span,
button.proves-payment-reported-v2-11-47 svg {
  color: #ffffff !important;
}
button.proves-payment-reported-v2-11-47:disabled {
  opacity: .48;
}

/* The previous first-paint workaround used a rectangular CSS background for
   the active 12×4 mark. Keep its exact 12×4 length, but render the existing
   child mark for the active state so border-radius really rounds both ends. */
.hero-carousel-dot.is-active {
  background-image: none !important;
}
.hero-carousel-dot.is-active .hero-carousel-dot-mark {
  opacity: 1 !important;
  width: 12px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: #D22B28 !important;
}