/* ===== โลโก้ Max height ===== */
    .appbar-logo {
    max-height: 38px !important;
    }


/* ===== GucciGame168 — ปุ่มสมัครสมาชิก: แผ่นทองเส้นคู่ ===== */
.v-application .appbar .appbar-container .appbar-auth .btn-signup.v-btn,
.v-application .appbar .appbar-container .appbar-auth [data-track="open_dialog_signup"].v-btn {
 background: linear-gradient(
    180deg,
    #fff4c0 0%,
    #f6dc84 24%,
    #e3b955 52%,
    #c9963f 76%,
    #a87732 100%
  ) !important;
  box-shadow: inset 0 0 0 2px #e3b955, inset 0 0 0 3px rgba(255, 248, 214, 0.75),
    0 1px 0 rgba(0, 0, 0, 0.35) !important;
  border: 1px solid #9f6b42 !important;
   border-radius: 8px !important;
  color: #3b2410 !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  transition: background 0.18s ease !important;
}

.v-application .appbar .appbar-container .appbar-auth .btn-signup.v-btn:hover,
.v-application .appbar .appbar-container .appbar-auth [data-track="open_dialog_signup"].v-btn:hover {
 background: linear-gradient(
    180deg,
    #fffad6 0%,
    #f9e49c 24%,
    #ebc568 52%,
    #d6a54c 76%,
    #b8853a 100%
  ) !important;
}

.v-application .appbar .appbar-container .appbar-auth .btn-signup.v-btn:active,
.v-application .appbar .appbar-container .appbar-auth [data-track="open_dialog_signup"].v-btn:active {
    background: linear-gradient(180deg, #a87732 0%, #e3b955 100%) !important;
  box-shadow: inset 0 0 0 2px #d6aa55, inset 0 2px 4px rgba(59, 36, 16, 0.4) !important;
}

/* ===== ปุ่มเข้าสู่ระบบ: แผ่นเขียวป่า เส้นงาช้างบาง ===== */
.v-application .appbar .appbar-container .appbar-auth .btn-signin.v-btn,
.v-application .appbar .appbar-container .appbar-auth [data-track="open_dialog_signin"].v-btn {
  background: rgba(6, 39, 30, 0.85) !important;
  border: 1px solid rgba(246, 246, 244, 0.5) !important;
   border-radius: 8px !important;
  color: #f6f6f4 !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  transition: border-color 0.18s ease, background 0.18s ease !important;
}

.v-application .appbar .appbar-container .appbar-auth .btn-signin.v-btn:hover,
.v-application .appbar .appbar-container .appbar-auth [data-track="open_dialog_signin"].v-btn:hover {
  background: rgba(6, 39, 30, 1) !important;
  border-color: #f6f6f4 !important;
}

/* ===== ใช้ร่วมกันทั้งสองปุ่ม ===== */
.v-application .appbar .appbar-container .appbar-auth .btn-signup.v-btn::before,
.v-application .appbar .appbar-container .appbar-auth [data-track="open_dialog_signup"].v-btn::before,
.v-application .appbar .appbar-container .appbar-auth .btn-signin.v-btn::before,
.v-application .appbar .appbar-container .appbar-auth [data-track="open_dialog_signin"].v-btn::before {
  opacity: 0 !important;
}

.v-application .appbar .appbar-container .appbar-auth .btn-signup.v-btn:focus-visible,
.v-application .appbar .appbar-container .appbar-auth .btn-signin.v-btn:focus-visible,
.v-application .appbar .appbar-container .appbar-auth [data-track^="open_dialog_sign"].v-btn:focus-visible {
  outline: 2px solid #f6f6f4 !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  .v-application .appbar .appbar-container .appbar-auth .v-btn {
    transition: none !important;
  }
}