/* PR⭕️—вес Mini App v2.11.51
   Online cancellation/reschedule warning: inline icon for legal and awaiting-payment only. */
.proves-online-cancel-notice {
  --proves-warning-red: #D22B28;
  width: 100%;
  box-sizing: border-box;
  color: #222;
  font-size: 12.5px;
  line-height: 1.46;
}

.proves-online-cancel-notice-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  color: var(--proves-warning-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.proves-online-cancel-notice-icon svg {
  width: 22px;
  height: 22px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.proves-online-cancel-notice-icon .proves-online-cancel-notice-dot {
  fill: currentColor;
  stroke: none;
}

.proves-online-cancel-notice-text {
  display: block;
  color: #222;
  font: inherit;
  font-weight: 750;
  overflow-wrap: anywhere;
}

/* "Заявка отправлена": one blank line, icon + notice centered. */
.center-card > .proves-online-cancel-notice-center {
  margin-top: 1.45em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  text-align: center;
}

.center-card > .proves-online-cancel-notice-center .proves-online-cancel-notice-text {
  max-width: 440px;
  text-align: center;
}

/* "Условия консультации": icon inline immediately before "ВАЖНО". */
.legal-consent-card > .proves-online-cancel-notice-left {
  margin-top: 0.35em;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 7px;
  text-align: left;
}

.legal-consent-card > .proves-online-cancel-notice-left .proves-online-cancel-notice-icon {
  margin-top: 0.02em;
}

.legal-consent-card > .proves-online-cancel-notice-left .proves-online-cancel-notice-text {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

.legal-consent-card > .proves-legal-check-after-cancel-notice {
  margin-top: 0.72em;
}

/* "Мои записи" / AWAITING_PAYMENT: framed block directly after payment row. */
.details > .proves-payment-row-before-cancel-notice {
  border-bottom: 0 !important;
}

.details > .proves-online-cancel-notice-row {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  padding: 7px 0 0 !important;
  border-bottom: 0 !important;
}

.proves-online-cancel-notice-framed {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 7px;
  padding: 12px 13px;
  border: 1px solid var(--line, #e7e7e7);
  border-radius: 14px;
  background: #fff;
  text-align: left;
}

.proves-online-cancel-notice-framed .proves-online-cancel-notice-icon {
  margin-top: 0.02em;
}

.proves-online-cancel-notice-framed .proves-online-cancel-notice-text {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

@media (max-width: 360px) {
  .proves-online-cancel-notice {
    font-size: 12px;
  }
}