/* Режим нативного клиента iOS: убираем всё, что ведёт к покупке тарифа.
   Регистрация НЕ прячется: 3.1.3(f) запрещает цены и призывы купить,
   а не создание бесплатного аккаунта.
   Пункт App Store 3.1.3(f) — приложение только потребляет оплаченный доступ.
   Селектор data-asx-ios ставит скрипт, и только по токену User-Agent. */

html[data-asx-ios="1"] [data-asx-developer-stripe],
html[data-asx-ios="1"] .asx-stripe-developer-card,
html[data-asx-ios="1"] [data-asx-stripe-open],
html[data-asx-ios="1"] .asteron-pwa-install,
html[data-asx-ios="1"] .asteron-pwa-install-shortcut,
html[data-asx-ios="1"] [data-asx-billing-card],
html[data-asx-ios="1"] [data-asx-billing-sidebar],
html[data-asx-ios="1"] .asx-billing-sidebar-button,
html[data-asx-ios="1"] a[href^="/platform/subscribe"],
html[data-asx-ios="1"] a[href^="/platform/billing"],
html[data-asx-ios="1"] [data-asx-ios-hidden="1"] {
  display: none !important;
}

/* Карточка CRM без кнопки тарифа не должна оставлять дыру в шапке. */
html[data-asx-ios="1"] .asx-account-workspace > header,
html[data-asx-ios="1"] .asx-account-workspace > div:first-child {
  min-height: 0;
}

/* Native iPhone sign-in: registration is a first-screen action. */
html[data-asx-ios="1"] .asx-auth-shell { min-height: 100%; grid-template-columns: minmax(0, 1fr); background: var(--bg, #f7f8f4); }
html[data-asx-ios="1"] .asx-auth-story { min-height: 0; padding: 20px 22px 12px; border-radius: 0; background: transparent; color: var(--text, #171912); }
html[data-asx-ios="1"] .asx-auth-story-copy,
html[data-asx-ios="1"] .asx-auth-story footer { display: none; }
html[data-asx-ios="1"] .asx-auth-story .asx-platform-brand { color: var(--text, #171912); }
html[data-asx-ios="1"] .asx-auth-story .asx-platform-brand small { color: var(--text-muted, #687060); }
html[data-asx-ios="1"] .asx-auth-panel { align-items: flex-start; padding: 10px 14px max(24px, env(safe-area-inset-bottom)); }
html[data-asx-ios="1"] .asx-auth-card { width: 100%; max-width: 480px; margin: 0 auto; padding: 20px; border-radius: 18px; }
html[data-asx-ios="1"] .asx-ios-auth-nav { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 4px; margin: 0 0 24px; padding: 4px; border: 1px solid var(--border, #e2e5dc); border-radius: 12px; background: var(--surface-soft, #f5f6f1); }
html[data-asx-ios="1"] .asx-ios-auth-nav a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 8px; border-radius: 9px; color: var(--text-muted, #687060); font-size: 14px; font-weight: 650; line-height: 1.3; text-align: center; text-decoration: none; }
html[data-asx-ios="1"] .asx-ios-auth-nav a[aria-current="page"] { color: var(--text, #171912); background: var(--bg-card, #fff); box-shadow: 0 1px 4px #17191214; }
html[data-asx-ios="1"] .asx-ios-auth-nav a:focus-visible { outline: 2px solid var(--success, #426d32); outline-offset: 2px; }
html[data-asx-ios="1"] .asx-auth-card h2 { font-size: 25px; line-height: 1.2; }
html[data-asx-ios="1"] .asx-auth-card .asx-field :is(input,select) { min-height: 46px; font-size: 16px; }
html[data-asx-ios="1"] .asx-auth-submit { min-height: 48px; }
html[data-asx-ios="1"] .asx-auth-switch { margin-top: 20px; font-size: 13px; line-height: 1.6; }
html[data-asx-ios="1"] .asx-auth-switch a { display: inline-block; padding: 8px 2px; }

/* Native iPhone forms have one screen, a scrolling body and persistent actions. */
@media (max-width: 900px) {
  html[data-asx-ios="1"] .modal-overlay {
    align-items: stretch; justify-content: stretch; padding: 0;
    height: var(--asx-visible-height); background: var(--bg-card, #fff);
  }
  html[data-asx-ios="1"] .modal-overlay > .modal {
    display: flex; flex-direction: column; box-sizing: border-box;
    width: 100% !important; max-width: 100% !important;
    height: 100%; max-height: 100% !important; min-height: 0;
    margin: 0; border: 0; border-radius: 0; box-shadow: none;
  }
  html[data-asx-ios="1"] .modal > .modal-header {
    flex: 0 0 auto; min-height: 56px; padding: 10px 16px;
  }
  html[data-asx-ios="1"] .modal > .modal-header h2 { min-width: 0; font-size: max(17px, calc(17px * var(--asx-font-scale, 1))); }
  html[data-asx-ios="1"] .modal > .modal-header .icon-btn { width: 44px; height: 44px; flex: 0 0 44px; }
  html[data-asx-ios="1"] .modal > .modal-body {
    flex: 1 1 0; min-height: 0; height: auto; max-height: none !important;
    overflow-y: auto; overscroll-behavior: contain; padding: 14px 16px;
  }
  html[data-asx-ios="1"] .modal > .modal-footer {
    flex: 0 0 auto; margin: 0; padding: 10px 16px max(10px, env(safe-area-inset-bottom, 0px));
    background: var(--bg-card, #fff); border-top: 1px solid var(--border, #e3e5dc);
  }
  html[data-asx-ios="1"].asteron-mobile-keyboard-open .modal > .modal-footer { padding-bottom: 10px; }
  html[data-asx-ios="1"] .modal > .modal-footer .btn { min-height: 44px; }
  html[data-asx-ios="1"] .asx-ttn-modal .ttn-view { min-width: 0; }
  html[data-asx-ios="1"] .asx-ttn-modal .ttn-view-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) {
  html[data-asx-ios="1"] .asx-ttn-modal .asx-ttn-track-footer { display: none; }
  html[data-asx-ios="1"] body:has(.order-detail-modal) .asx-ttn-modal.modal > .modal-footer {
    display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: 8px; align-items: stretch;
  }
  html[data-asx-ios="1"] body:has(.order-detail-modal) .asx-ttn-modal.modal > .modal-footer > .btn {
    grid-column: auto; width: auto !important; min-width: 0; min-height: 48px !important; margin: 0 !important;
    padding: 10px 8px; white-space: nowrap;
    font-size: max(14px, calc(14px * var(--asx-font-scale, 1))); line-height: 1.3;
  }
}