/* ChaabiHub v205 — phone/PWA chrome geometry repair. */

/* The account control is present on every authenticated phone page. The
   canonical avatar sheet sizes its image to 100%, so the button itself must
   have a definite square. Without this, WebKit/Chromium can resolve the
   percentage cycle as either an oversized image or a collapsed control. */
@media (max-width: 768px) {
  .mobile-top-header .avatar-link.account-menu-trigger {
    display: inline-grid !important;
    place-items: center !important;
    inline-size: 40px !important;
    block-size: 40px !important;
    min-inline-size: 40px !important;
    min-block-size: 40px !important;
    max-inline-size: 40px !important;
    max-block-size: 40px !important;
    flex: 0 0 40px !important;
    padding: 0 !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    line-height: 0 !important;
  }

  .mobile-top-header .avatar-link.account-menu-trigger > img {
    display: block !important;
    inline-size: 100% !important;
    block-size: 100% !important;
    min-inline-size: 100% !important;
    min-block-size: 100% !important;
    max-inline-size: 100% !important;
    max-block-size: 100% !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}