/*
 * Безопасные зоны экранов с Dynamic Island, «бровью» и боковыми вырезами.
 * © 2026 ООО «СпецТехСервис ГРУПП», Республика Беларусь.
 *
 * Используем фактическую геометрию, которую сообщает операционная система,
 * а не ненадёжное распознавание коммерческого названия модели телефона.
 */
:root {
  --pegas-device-safe-top: max(env(safe-area-inset-top, 0px), var(--pegas-safe-top-override, 0px));
  --pegas-device-safe-right: max(env(safe-area-inset-right, 0px), var(--pegas-safe-right-override, 0px));
  --pegas-device-safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--pegas-safe-bottom-override, 0px));
  --pegas-device-safe-left: max(env(safe-area-inset-left, 0px), var(--pegas-safe-left-override, 0px));
  --pegas-header-control-height: 44px;
}

/* Фон полки остаётся под системной областью, а интерактивные элементы — ниже неё. */
.brand-bar {
  box-sizing: border-box;
  height: auto !important;
  min-height: calc(52px + var(--pegas-device-safe-top));
  padding-top: calc(6px + var(--pegas-device-safe-top)) !important;
  padding-right: calc(9px + var(--pegas-device-safe-right)) !important;
  padding-bottom: 6px !important;
  padding-left: calc(10px + var(--pegas-device-safe-left)) !important;
}

.brand-lockup,
.brand-actions {
  align-self: end;
  min-height: var(--pegas-header-control-height);
}

.brand-actions > button,
.brand-actions .account-type-button,
.brand-actions .global-notifications-button,
.brand-actions .header-theme-button {
  min-width: var(--pegas-header-control-height);
  min-height: var(--pegas-header-control-height);
}

/* В альбомной ориентации iOS сообщает вырез слева или справа. */
@media (orientation: landscape) and (max-height: 500px) {
  .brand-bar {
    padding-right: calc(12px + var(--pegas-device-safe-right)) !important;
    padding-left: calc(12px + var(--pegas-device-safe-left)) !important;
  }
}

/* Старые iOS до env() используют constant(); современное правило выше имеет приоритет. */
@supports (padding-top: constant(safe-area-inset-top)) {
  :root {
    --pegas-device-safe-top: max(constant(safe-area-inset-top), var(--pegas-safe-top-override, 0px));
    --pegas-device-safe-right: max(constant(safe-area-inset-right), var(--pegas-safe-right-override, 0px));
    --pegas-device-safe-bottom: max(constant(safe-area-inset-bottom), var(--pegas-safe-bottom-override, 0px));
    --pegas-device-safe-left: max(constant(safe-area-inset-left), var(--pegas-safe-left-override, 0px));
  }
}