/* 4173: «Мои заказы» без входа по телефону. Токены витрины (--border, --dark, --text-muted, --accent), без новых цветов. */
.my-orders-modal-state { text-align: left; }
.my-orders-modal-state__title { font-size: 22px; line-height: 1.25; }
.my-orders-modal-state__text { line-height: 1.55; max-width: 60ch; }
.my-orders-modal-state[data-state="loading"] .my-orders-modal-state__title::after {
  content: ""; display: inline-block; width: 14px; height: 14px; margin-left: 10px; vertical-align: -1px;
  border: 2px solid var(--border); border-top-color: var(--accent); border-radius: 50%;
  animation: my-orders-spin 0.9s linear infinite;
}
@keyframes my-orders-spin { to { transform: rotate(360deg); } }

.my-orders-help { display: grid; gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; }
.my-orders-help[hidden] { display: none; }
.my-orders-help__item { padding: 14px 16px; border: 1px solid var(--border); font-size: 14px; line-height: 1.55; color: var(--text-muted); }
.my-orders-help__item strong { display: block; margin-bottom: 2px; color: var(--dark); font-weight: 600; }

.my-orders-actions { display: grid; gap: 12px; margin-top: 16px; }
.my-orders-actions .btn { min-height: 48px; width: 100%; justify-content: center; text-align: center; text-decoration: none; }
.my-orders-actions [hidden] { display: none; }
.my-orders-actions .btn:active { transform: scale(0.98); }

/* Ссылка «Подробности и статус»: палец попадает с первого раза (≥ 44 px по высоте). */
.my-orders-modal-item__link { display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px; }
.my-orders-modal-item__link:focus-visible,
.my-orders-actions .btn:focus-visible,
#myOrdersCloseX:focus-visible,
#myOrdersClose:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }

/* ═════ 4233 (R62.6.16): «Мои заказы» в розовой палитре витрины V9 ═════
   Одна основная розовая кнопка на экран (data-primary), остальные контурные; серых кнопок нет. Радиус 12 px у кнопок и карточек. */
#myOrdersModal { --mo-pink: #cf8289; --mo-pink-d: #b96d75; --mo-soft: #fbeef0; --mo-line: #ecd3d6; --mo-ink: #1a1714; --mo-mute: #6b4f55; }
.my-orders-modal-state__text { color: var(--mo-mute); }
.my-orders-help__item { border: 1px solid var(--mo-line); border-radius: 12px; background: #fff; color: var(--mo-mute); }
.my-orders-help__item strong { color: var(--mo-ink); }

.my-orders-modal-item { gap: 8px; padding: 16px 18px; border: 1px solid var(--mo-line); border-radius: 12px; background: #fff; }
.my-orders-modal-item__number { font-size: 17px; }
.my-orders-modal-item__status { justify-self: start; padding: 4px 12px; border-radius: 999px; background: var(--mo-soft); color: var(--mo-ink); font-size: 14px; font-weight: 600; }
.my-orders-modal-item__meta, .my-orders-modal-item__recipient { color: var(--mo-mute); }
.my-orders-modal-item__link { margin-top: 4px; color: var(--mo-ink); font-weight: 600; text-decoration: underline; text-decoration-color: var(--mo-pink); text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* 4234: «Получать статус в Telegram» у заказа -- контурная (на экране остаётся одна основная розовая), цель ≥ 48 px */
#myOrdersModal .my-orders-modal-item__tg { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin-top: 6px; padding: 8px 14px; border: 1.5px solid var(--mo-pink); border-radius: 12px; background: #fff; color: var(--mo-ink); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
#myOrdersModal .my-orders-modal-item__tg:hover:not(:disabled) { background: var(--mo-soft); border-color: var(--mo-pink-d); }
#myOrdersModal .my-orders-modal-item__tg:active:not(:disabled) { transform: scale(.985); }
#myOrdersModal .my-orders-modal-item__tg:focus-visible { outline: 3px solid var(--mo-ink); outline-offset: 3px; }
#myOrdersModal .my-orders-modal-item__tg:disabled { background: var(--mo-soft); color: var(--mo-mute); cursor: default; }
#myOrdersModal .my-orders-modal-item [role="status"] { margin: 6px 0 0; font-size: 14px; color: var(--mo-mute); }

/* слой V9 пишет `body .btn--outline {...!important}`: здесь тоже !important и больший вес */
body .my-orders-actions .btn { border-radius: 12px !important; font-weight: 700; letter-spacing: 0; text-transform: none; }
body .my-orders-actions .btn.btn--outline { background: #fff !important; border: 1.5px solid var(--mo-pink) !important; color: var(--mo-ink) !important; }
body .my-orders-actions .btn.btn--outline:hover { background: var(--mo-soft) !important; border-color: var(--mo-pink-d) !important; }
body #myOrdersModal .my-orders-actions[data-primary="bot"] #myOrdersBotLink,
body #myOrdersModal .my-orders-actions[data-primary="share"] #myOrdersShare,
body #myOrdersModal .my-orders-actions[data-primary="retry"] #myOrdersRetry { background: var(--mo-pink) !important; border-color: var(--mo-pink) !important; color: var(--mo-ink) !important; }
body #myOrdersModal .my-orders-actions[data-primary="bot"] #myOrdersBotLink:hover,
body #myOrdersModal .my-orders-actions[data-primary="share"] #myOrdersShare:hover,
body #myOrdersModal .my-orders-actions[data-primary="retry"] #myOrdersRetry:hover { background: var(--mo-pink-d) !important; border-color: var(--mo-pink-d) !important; }
/* крестик окна: светло-розовый, а не бежево-серый (тот же в окне оформления) */
body #myOrdersModal .checkout-modal__close, body #checkoutModal .checkout-modal__close { background: var(--mo-soft, #fbeef0) !important; border: 1px solid var(--mo-line, #ecd3d6) !important; color: #1a1714 !important; }
.my-orders-actions #myOrdersShare[aria-expanded="true"]::after { content: " ▴"; }

/* выбор «куда отправить ссылку»: 2×2, одинаковые карточки */
.my-orders-share { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 12px; border: 1px solid var(--mo-line); border-radius: 12px; background: var(--mo-soft); }
.my-orders-share[hidden], .my-orders-share__note[hidden] { display: none; }
.my-orders-share__opt {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 8px 10px;
  border: 1.5px solid var(--mo-pink); border-radius: 12px; background: #fff; color: var(--mo-ink);
  font: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer;
}
.my-orders-share__opt svg { flex: none; color: var(--mo-pink-d); }
.my-orders-share__opt:hover { border-color: var(--mo-pink-d); }
.my-orders-share__opt:active { transform: scale(0.98); }
.my-orders-share__opt:focus-visible, .my-orders-forget:focus-visible { outline: 3px solid var(--mo-ink); outline-offset: 2px; }
.my-orders-share__note { margin: 0; font-size: 14px; line-height: 1.5; color: var(--mo-ink); }

/* «Это не мои заказы» -- маленькая ссылка внизу, не кнопка */
.my-orders-forget { justify-self: center; min-height: 44px; padding: 0 8px; border: 0; background: none; color: var(--mo-mute); font: inherit; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.my-orders-forget[hidden] { display: none; }
.my-orders-forget:hover { color: var(--mo-ink); }

@media (prefers-reduced-motion: reduce) {
  .my-orders-modal-state[data-state="loading"] .my-orders-modal-state__title::after { animation: none; }
  .my-orders-actions .btn:active, .my-orders-share__opt:active { transform: none; }
}