/* Telegram BOT admin: iPad and iPhone layouts. */
.telegram-admin-standalone .telegram-admin {
  width: min(1600px, 100%);
  margin-inline: auto;
  padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
}
.telegram-admin :is(.growth-button, .telegram-bot-overview button, .telegram-category-grid > button, .growth-banner-list article > button, .telegram-partner-list article > button) {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.telegram-admin .telegram-smart-pricing__switch { width: calc(100% - 28px); }

@media (max-width: 1100px) {
  .telegram-admin .growth-storefront-layout { gap: 14px; }
  .telegram-admin :is(.telegram-admin-sidebar, .growth-storefront-layout > fieldset > aside) { display: contents; }
  .telegram-admin .telegram-live-preview { order: -1; }
  .telegram-admin :is(.telegram-admin-editor, .growth-storefront-layout > fieldset > main) { order: 0; }
  .telegram-admin :is(.telegram-admin-sidebar, .growth-storefront-layout > fieldset > aside) > :not(.telegram-live-preview) { order: 1; }
  .telegram-admin .telegram-phone { width: min(420px, calc(100% - 24px)); max-width: none; }
  .telegram-admin .growth-section-heading h2 { font-size: 14px; }
  .telegram-admin .growth-section-heading p { font-size: 10.5px; line-height: 1.45; }
  .telegram-admin .growth-form-panel label > span,
  .telegram-admin .growth-modal-form label > span { font-size: 11px; }
  .telegram-admin .telegram-category-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .telegram-admin .telegram-category-grid > button { min-height: 150px; }
  .telegram-admin .telegram-category-grid > button > strong { font-size: 11px; }
  .telegram-admin .telegram-category-grid > button > small { font-size: 8.5px; }
}

@media (max-width: 900px) {
  .telegram-admin-standalone .telegram-admin {
    padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
  }
  .telegram-admin .growth-heading { gap: 12px; }
  .telegram-admin .growth-heading p { max-width: 680px; font-size: 12px; }
  .telegram-admin .growth-heading-actions { width: 100%; }
  .telegram-admin .growth-heading-actions .growth-button { min-height: 44px; }
  .telegram-admin .growth-panel { border-radius: 14px; }
  .telegram-admin .growth-section-heading { min-height: 72px; padding: 14px; }
  .telegram-admin .growth-section-heading--actions { grid-template-columns: 38px minmax(0,1fr) auto; }
  .telegram-admin .growth-section-heading > span { width: 38px; height: 38px; }
  .telegram-admin .growth-form-panel input,
  .telegram-admin .growth-form-panel textarea,
  .telegram-admin .growth-modal-form input,
  .telegram-admin .growth-modal-form textarea,
  .telegram-admin .ui-select__trigger { min-height: 44px; font-size: 16px; }
  .telegram-admin .growth-form-panel textarea,
  .telegram-admin .growth-modal-form textarea { min-height: 118px; }
  .telegram-admin .growth-button { min-height: 44px; font-size: 11px; }
  .telegram-admin .telegram-bot-overview > div { grid-template-columns: 1fr; }
  .telegram-admin .telegram-bot-overview > div > button { min-height: 72px; }
  .telegram-admin .telegram-bot-overview strong { font-size: 13px; }
  .telegram-admin .telegram-bot-overview small { font-size: 10px; }
  .telegram-admin .growth-theme-card { min-height: 138px; }
  .telegram-admin .growth-theme-card strong { font-size: 12px; }
  .telegram-admin .growth-theme-card small { font-size: 9px; }
  .telegram-admin .growth-palette-fields { grid-template-columns: 1fr; }
  .telegram-admin .telegram-ticker-fields { grid-template-columns: 1fr; }
  .telegram-admin .telegram-ticker-editor > span { font-size: 12px; }
  .telegram-admin .telegram-ticker-fields label > span,
  .telegram-admin .telegram-ticker-editor > small { font-size: 10px; }
  .telegram-admin .telegram-ticker-actions { align-items: stretch; flex-direction: column; }
  .telegram-admin .telegram-ticker-actions > small { margin-right: 0; }
  .telegram-admin .telegram-ticker-actions .growth-button { width: 100%; min-width: 0; }
  .telegram-admin .telegram-language-checks > span { font-size: 12px; }
  .telegram-admin .telegram-language-checks label { min-height: 48px; }
  .telegram-admin .telegram-language-checks strong { font-size: 11px; }
  .telegram-admin .telegram-language-checks > small { font-size: 10px; }
  .telegram-admin .growth-banner-list article,
  .telegram-admin .telegram-partner-list article { padding-block: 10px; }
  .telegram-admin .growth-banner-list article > button,
  .telegram-admin .telegram-partner-list article > button { width: 44px; height: 44px; }
  .telegram-admin .growth-banner-list strong,
  .telegram-admin .telegram-partner-list strong { font-size: 12px; }
  .telegram-admin .growth-banner-list div > span,
  .telegram-admin .growth-banner-list small,
  .telegram-admin .telegram-partner-list div > span,
  .telegram-admin .telegram-partner-list small { font-size: 9px; }
  .telegram-admin .telegram-manager-row { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr) 44px; }
  .telegram-admin .telegram-manager-row > button { width: 44px; height: 44px; }
  .telegram-admin .telegram-manager-row label > span { font-size: 10px; }
  .telegram-admin .growth-delivery-row { grid-template-columns: minmax(0,1fr) 140px; }
  .telegram-admin .growth-delivery-toggle { min-height: 58px; }
  .telegram-admin .growth-delivery-toggle strong { font-size: 11px; }
  .telegram-admin .growth-delivery-toggle small { font-size: 9px; }
  .telegram-admin .growth-form-panel .growth-delivery-price > span { font-size: 9px; }
  .telegram-admin .growth-form-panel .growth-delivery-price input { min-height: 40px; height: 40px; font-size: 16px; }
  .telegram-admin .growth-delivery-price b { font-size: 10px; }
  .telegram-admin .telegram-preview-tabs button { min-height: 38px; font-size: 10px; }
  .telegram-admin .telegram-live-preview > footer { min-height: 44px; }
}

@media (max-width: 560px) {
  .telegram-admin-standalone .telegram-admin {
    padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
  }
  .telegram-admin .growth-heading h2 { font-size: 24px; }
  .telegram-admin .growth-heading > div:first-child > span { font-size: 9px; }
  .telegram-admin .growth-heading p { font-size: 11px; }
  .telegram-admin .growth-section-heading,
  .telegram-admin .growth-section-heading--actions { grid-template-columns: 38px minmax(0,1fr); }
  .telegram-admin .growth-section-heading--actions .growth-button { grid-column: 1 / -1; width: 100%; }
  .telegram-admin .telegram-category-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; padding: 10px; }
  .telegram-admin .telegram-category-grid > button { min-height: 144px; padding: 7px; }
  .telegram-admin .telegram-category-grid > button > span { height: 82px; }
  .telegram-admin .growth-theme-grid { grid-template-columns: 1fr; }
  .telegram-admin .growth-theme-grid .growth-theme-card:last-child { grid-column: auto; }
  .telegram-admin .growth-banner-list article { grid-template-columns: 78px minmax(0,1fr) 44px 44px; gap: 8px; }
  .telegram-admin .growth-banner-list img { width: 78px; height: 52px; }
  .telegram-admin .growth-banner-list article > .growth-status { grid-column: 2; grid-row: 2; justify-self: start; }
  .telegram-admin .telegram-partner-list article { grid-template-columns: 90px minmax(0,1fr) 44px 44px; gap: 8px; }
  .telegram-admin .telegram-partner-list img { width: 90px; height: 58px; }
  .telegram-admin .telegram-partner-list article > .growth-status { grid-column: 2; grid-row: 2; justify-self: start; }
  .telegram-admin .telegram-manager-row { grid-template-columns: minmax(0,1fr) 44px; align-items: start; }
  .telegram-admin .telegram-manager-row label { grid-column: 1; }
  .telegram-admin .telegram-manager-row > button { grid-column: 2; grid-row: 1 / 3; align-self: center; }
  .telegram-admin .growth-delivery-row { grid-template-columns: 1fr; }
  .telegram-admin .growth-delivery-price { border-top: 1px solid var(--growth-line); border-left: 0; grid-template-columns: 58px minmax(0,1fr); align-items: center; }
  .telegram-admin .telegram-phone { width: calc(100% - 12px); min-height: 500px; margin: 8px auto; border-radius: 18px; }
  .telegram-admin .telegram-category-modal-meta { align-items: stretch; flex-direction: column; }
  .telegram-admin .telegram-category-modal-meta button { min-height: 42px; justify-content: center; }
  .telegram-admin .telegram-partner-modal-preview { min-height: 155px; margin: 10px; }
  .telegram-admin .telegram-category-modal-preview { margin: 10px; }
  .telegram-admin .growth-modal-backdrop { padding-top: env(safe-area-inset-top); }
  .telegram-admin .growth-modal { max-height: calc(100dvh - env(safe-area-inset-top)); }
  .telegram-admin .growth-modal > header { position: sticky; z-index: 3; top: 0; background: #121821; }
  .telegram-admin .growth-modal > .growth-modal-form > footer { padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  .telegram-admin .growth-modal-form footer { display: grid; grid-template-columns: 1fr 1fr; }
  .telegram-admin .growth-modal-form footer .growth-button { width: 100%; }
}