.menu-list .menu-item.active[data-v-23bde6b6]{
       background: linear-gradient(75.7deg, rgb(11 61 139 / 69%) 3.8%, rgb(17 119 165 / 68%) 87.1%) !important;
}
.menu-list .menu-item.active[data-v-23bde6b6], .menu-list .menu-item[data-v-23bde6b6]:hover {
        background: linear-gradient(75.7deg, rgb(11 61 139 / 69%) 3.8%, rgb(17 119 165 / 68%) 87.1%) !important;
}

.bottom-nav[data-v-7b608f52] {
    background: linear-gradient(75.7deg, rgb(222 145 10) 3.8%, rgb(254 204 0) 87.1%) !important;
}
.bottom-nav .menu-item .inner.item-center .div-center[data-v-7b608f52] {
    background: #444208  !important;
    border: 2.5px solid #908f01  !important;
}
.center-float .content[data-v-34dbb80d] {
    background: linear-gradient(75.7deg, rgb(57 128 249 / 57%) 3.8%, rgb(9 16 119 / 85%) 87.1%) !important;
}

@media only screen and (max-width: 959px) {
  .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 {
    min-height: 28px !important;
  }
}

/* ===== Fullbetth — ปุ่มสมัครสมาชิก: เหลืองอำพันของแบรนด์ ===== */
.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, #ffd83a 0%, #fecc00 40%, #de910a 100%) !important;
  border: 1px solid #b97508 !important;
  border-radius: 8px !important;
  color: #071460 !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 2px 8px rgba(254, 204, 0, 0.25) !important;
  transition: background 0.18s ease, box-shadow 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, #ffe46a 0%, #ffd31f 40%, #ec9d12 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 3px 12px rgba(254, 204, 0, 0.4) !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, #de910a 0%, #fecc00 100%) !important;
  box-shadow: inset 0 2px 4px rgba(7, 20, 96, 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(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  transition: background 0.18s ease, border-color 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(255, 255, 255, 0.14) !important;
  border-color: #ffffff !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(255, 255, 255, 0.22) !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 #fdcd07 !important;
  outline-offset: 2px !important;
}

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



@media only screen and (max-width: 959px) {
    .su-dialog[data-v-5324e49e] {
        border-radius: 15px  !important;
    }
}


.v-dialog--fullscreen { 
    padding: 4%  !important;
}



.su-dialog[data-v-5324e49e] Specificity: (0,2,0)
 {
    background: #e8ece8 !important;
}