/* ===== ปุ่มสมัครสมาชิก — ไล่เฉดเขียว ===== */
.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,
    #39f568 0%,
    #16e64e 30%,
    #00d939 62%,
    #00ad2e 100%
  ) !important;
  border: 1px solid #009c29 !important;
  color: #00280c !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  letter-spacing: normal !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(0, 70, 20, 0.3),
    0 2px 10px rgba(0, 217, 57, 0.3) !important;
  transition: background 0.18s ease, box-shadow 0.18s ease !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 {
  opacity: 0 !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,
    #65ff8b 0%,
    #3af56a 30%,
    #16e64e 62%,
    #00c736 100%
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 3px 14px rgba(0, 217, 57, 0.45) !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,
    #00ad2e 0%,
    #00d939 100%
  ) !important;
  box-shadow: inset 0 2px 5px rgba(0, 55, 15, 0.35) !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(0, 45, 15, 0.45) !important;
  border: 1px solid #00d939 !important;
  color: #73ff99 !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease !important;
}

.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-signin.v-btn:hover,
.v-application .appbar .appbar-container .appbar-auth [data-track="open_dialog_signin"].v-btn:hover {
  background: rgba(0, 130, 40, 0.3) !important;
  border-color: #39f568 !important;
  color: #b5ffca !important;
}

.v-application .appbar .appbar-container .appbar-auth .btn-signin.v-btn:active,
.v-application .appbar .appbar-container .appbar-auth [data-track="open_dialog_signin"].v-btn:active {
  background: rgba(0, 80, 25, 0.55) !important;
}