/* AutoSchools V2.0.6 — Telegram-native chrome cleanup.
   Product decision: the web Mini App must not duplicate Telegram's own header.
   Global app access remains available through "All apps" and role workspaces. */

/* The legacy internal header is removed from markup in V2.0.6. Keep this
   defensive rule so stale/cached fragments cannot reintroduce it visually. */
.topbar.as-topbar { display: none !important; }

/* Brand rail becomes the only in-app chrome above the role Hero. */
.brand-rail {
  margin-top: 0;
  min-height: 76px;
}

.brand-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex: 0 0 auto;
  min-width: 0;
}

.brand-notifications {
  position: relative;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border: 1px solid rgba(126,178,255,.26);
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(225,238,255,.82);
  background: linear-gradient(180deg, rgba(12,31,67,.82), rgba(5,15,34,.84));
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.16);
  -webkit-tap-highlight-color: transparent;
}

.brand-notifications svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.brand-notifications .notify-dot {
  position: absolute;
  right: -4px;
  top: -5px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #041027;
  background: #176cff;
  color: #fff;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 780;
  box-shadow: 0 5px 14px rgba(0,91,255,.34);
}

.brand-notifications:active {
  transform: scale(.96);
  background: linear-gradient(180deg, rgba(18,48,99,.92), rgba(7,22,49,.9));
}

/* Pull the approved Hero upward now that the redundant ~74px header is gone. */
#view-home.active { padding-top: 0; }
.brand-rail + #view-home { margin-top: 0; }

@media (max-width: 350px) {
  .brand-rail {
    padding: 10px 11px;
    gap: 8px;
    border-radius: 20px;
  }
  .brand-rail .topbar-logo {
    width: 43px;
    height: 43px;
  }
  .brand-with-logo { gap: 8px; }
  .brand-rail .brand-copy h1 {
    font-size: 19px;
    letter-spacing: -.38px;
  }
  .brand-actions { gap: 5px; }
  .brand-notifications {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 13px;
  }
  .brand-rail .language-trigger {
    min-width: 54px;
    height: 42px;
    padding-inline: 8px;
    border-radius: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-notifications { transition: none !important; }
}

@media (max-width: 390px) and (min-width: 351px) {
  .brand-rail { padding-inline: 12px; gap: 8px; }
  .brand-rail .topbar-logo { width: 47px; height: 47px; }
  .brand-with-logo { gap: 8px; }
  .brand-actions { gap: 5px; }
  .brand-notifications { width: 40px; height: 40px; flex-basis: 40px; border-radius: 13px; }
  .brand-rail .language-trigger { min-width: 58px; height: 44px; padding-inline: 8px; }
  .brand-rail .brand-copy h1 { font-size: 23px; letter-spacing: -.62px; }
}