/*! @license © 2026 Гореньков М. С. · КарЧоо. Все права защищены. */
.phone-notice { align-items: flex-start; padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
.phone-notice-card { flex: 0 0 auto; width: min(100%, 460px); margin: auto; padding: 24px 20px 20px; border-radius: 18px; }
.phone-notice .phone-notice-kicker { margin-bottom: 10px; font-size: 11px; letter-spacing: .08em; }
.phone-notice h2 { margin: 0 0 10px; color: #194f46; font-family: var(--font); font-size: 25px; line-height: 1.2; font-weight: 700; }
.phone-notice-card > #phoneNoticeText { font-size: 14px; line-height: 1.5; }
.phone-video { position: relative; margin-top: 20px; overflow: hidden; border: 1px solid #c1d9d2; border-radius: 12px; background: #122d28; }
#phoneVideoPlayer { display: block; width: 100%; aspect-ratio: 16 / 9; background: #122d28; object-fit: contain; }
.phone-video-start { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 16px; border: 0; background: #0b2f2852; color: #fff; font: 600 14px/1.3 var(--font); cursor: pointer; }
.phone-video-start[hidden], .phone-video-error[hidden] { display: none; }
.phone-video-play { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #fff; color: #08796e; box-shadow: 0 3px 18px #102c2860; }
.phone-video-play svg { width: 20px; height: 20px; margin-left: 3px; }
.phone-video-start:focus-visible { outline: 3px solid #84c9bb; outline-offset: -4px; }
.phone-video-start:hover { background: #0b2f286b; }
.phone-notice-card > .phone-video-error { margin: 10px 0 0 !important; color: #8b352b !important; font-size: 13px !important; }
.phone-notice-actions { margin-top: 16px; gap: 9px; }
.phone-notice-actions .btn { min-height: 46px; padding: 11px 12px; font-size: 14px; white-space: normal; }
.phone-notice-foot { margin-top: 14px; font-size: 11px; }
#phoneVideoPlayer:fullscreen { width: 100vw; height: 100dvh; aspect-ratio: auto; background: #000; }
@media (max-width: 360px) {
  .phone-notice-card { padding: 20px 16px 16px; }
  .phone-notice h2 { font-size: 22px; }
  .phone-video { margin-top: 16px; }
}

/* Видео и связь доступны на первом мобильном экране. */
.phone-support-actions {display:grid;gap:9px;margin-top:18px}
.phone-support-actions .btn {min-height:46px;justify-content:center;white-space:normal;text-decoration:none}
.phone-support-actions p {margin:0;color:var(--muted);font-size:12px;line-height:1.4}
.phone-notice-actions {border-top:1px solid var(--line);padding-top:14px}
.phone-warning-open #payBackdrop {z-index:5000}
@media(max-height:700px){.phone-notice-card{padding:16px}.phone-notice h2{font-size:22px}.phone-video{margin-top:12px}.phone-notice-foot{margin-top:8px}}
/* Вход в мобильный чат занимает реальную ширину экрана, без масштаба холста. */
.phone-warning-open #payBackdrop,
.phone-warning-open #payForgotBackdrop {inset:0;width:100vw;height:100dvh;z-index:5000;padding:12px;overflow-y:auto}
.phone-warning-open #payForgotBackdrop {z-index:5001}
.phone-warning-open #payBackdrop .modal,
.phone-warning-open #payForgotBackdrop .modal {width:min(100%,440px);min-width:0;max-width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;transform:none!important;animation:none}
.phone-warning-open #payBackdrop .pay-cols {padding:0 14px 12px;display:block}
.phone-warning-open #payBackdrop .pcheck-head {padding:16px 46px 14px 14px}
.phone-warning-open #payBackdrop .pcheck-head h2 {font-size:18px;white-space:normal}
.phone-warning-open #payBackdrop #payAuth {display:flex;flex-direction:column;gap:12px}
.phone-warning-open #payBackdrop input {font-size:16px}
.phone-warning-open #payBackdrop .pay-auth-tabs {display:flex}
.phone-warning-open #payBackdrop .pay-tab {flex:1;min-width:0}
.phone-warning-open #payBackdrop .pay-auth-actions {margin-top:0}
.phone-warning-open #payBackdrop .pay-auth-submit {width:100%;min-height:44px}
.phone-warning-open #payBackdrop .pay-auth-title {font-size:15px;white-space:normal}