/* ============================================================
   Logo trang đăng nhập đại lý — thu nhỏ cho cân đối
   ============================================================

   Bundle đặt `height: 120px`. Logo SON79 là 1129×328 (tỉ lệ 3,44:1)
   nên ở chiều cao 120px nó rộng thành 413px, trong khi lòng thẻ chỉ
   384 − 32×2 = 320px → logo tràn sát mép, trông quá khổ.

   Sửa: chốt theo CHIỀU RỘNG, để chiều cao tự co. 200px ≈ 52% bề ngang
   thẻ, đúng tỉ lệ của mẫu 789one (~197px trên thẻ 384px).

   Nạp SAU bundle nên cùng selector là đè được, không cần !important.
   ============================================================ */

/* Popup nhắc liên kết Telegram: giữ ui-sref của bundle, chỉ đổi nhận diện. */
body ms-ads #ms-ads #ms-ads-message .img img {
  content: url("assets/images/etc/telegram-popup-20260913.gif");
  width: 140px;
  height: 140px;
  object-fit: contain;
  margin: 4px 0 12px;
}

#login {
  background-image: url("assets/images/backgrounds/gon79-agent-20260911.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#login #login-form-wrapper #login-form .login-form-wrapper .logo img {
  content: url("assets/images/logos/gon79-logo.png");
  height: auto;
  width: auto;
  max-width: 200px;
  max-height: 90px;
}

/* Splash xuất hiện trước khi Angular khởi tạo: dùng đúng logo SON79 ngay từ
   frame đầu và chốt kích thước để asset retina 1129px không tràn màn hình. */
#splash-screen .logo img {
  width: 260px;
  height: auto;
  max-width: 80vw;
  vertical-align: middle;
}

/* Màn hình nhỏ: thẻ co còn 300px, lòng thẻ 300 − 16×2 = 268px */
@media screen and (max-width: 600px) {
  #login #login-form-wrapper #login-form .login-form-wrapper .logo img {
    max-width: 160px;
    max-height: 70px;
  }

  #splash-screen .logo img {
    width: 220px;
  }
}