.v-dialog.align-end .v-overlay__content {
  width: min(92vw, 920px) !important;
  max-width: 920px !important;
  margin: 0 auto 24px !important;
}

.v-dialog.align-end .v-sheet {
  background: rgba(17, 19, 26, 0.97) !important;
  border: 1px solid rgba(246, 196, 83, 0.38) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55) !important;
  padding: 22px 24px !important;
  backdrop-filter: blur(14px);
}

.v-dialog.align-end .v-sheet h5 {
  font-family: "Sora", sans-serif !important;
  color: #F6C453 !important;
  font-size: 21px !important;
  font-weight: 600 !important;
}

.v-dialog.align-end .v-sheet p {
  font-family: "Inter", sans-serif !important;
  color: #C9C4D8 !important;
  line-height: 1.6 !important;
  margin: 12px 0 16px !important;
}

.v-dialog.align-end .v-sheet > .v-btn {
  background: #6D3BFF !important;
  color: #FFFFFF !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 22px rgba(109, 59, 255, 0.32) !important;
}

@media (max-width: 600px) {
  .v-dialog.align-end .v-overlay__content {
    width: calc(100vw - 24px) !important;
    margin-bottom: 12px !important;
  }

  .v-dialog.align-end .v-sheet {
    padding: 18px !important;
  }
}

/* ==========================================
   ROLLIXSA COMPACT MOBILE UI
   Desktop remains unchanged
   ========================================== */
@media (max-width: 600px) {

  /* Compact guest header */
  .v-app-bar .v-toolbar__content {
    padding-left: 2px !important;
    padding-right: 6px !important;
  }

  .v-app-bar .v-app-bar-nav-icon {
    width: 40px !important;
    height: 40px !important;
  }

  .v-app-bar .header-logo img {
    width: 108px !important;
    max-width: 108px !important;
    height: auto !important;
  }

  .v-app-bar a[href="/login"],
  .v-app-bar a[href="/register"] {
    min-width: auto !important;
    height: 32px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    letter-spacing: 0.03em !important;
  }

  .v-app-bar a[href="/register"] {
    margin-left: 5px !important;
  }

  /* Compact homepage hero */
  .bg-image-guest {
    min-height: 320px !important;
  }

  .bg-image-guest .px-2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .bg-image-guest h1 {
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  .bg-image-guest h2 {
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin-top: 6px !important;
  }

  .bg-image-guest .v-btn--size-large {
    height: 40px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
  }

  /* Compact homepage section titles */
  main h3.text-h6 {
    font-size: 18px !important;
    line-height: 1.4 !important;
  }

  /* Compact bonus cards */
  .bonus-card {
    min-height: 160px !important;
  }

  .bonus-card .px-5 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .bonus-card .py-5 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .bonus-card h5.text-h6 {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  .bonus-card p {
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin-top: 5px !important;
  }

  /* Compact login and registration pages */
  .view-login .flex-grow-1.d-flex > .w-100,
  .view-register .flex-grow-1.d-flex > .w-100 {
    padding: 20px 16px 16px !important;
  }

  .view-login h1,
  .view-register h1 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 14px !important;
  }

  .view-login .v-field__input,
  .view-register .v-field__input {
    min-height: 44px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 14px !important;
  }

  .view-login .v-btn--icon.elevation-5,
  .view-register .v-btn--icon.elevation-5 {
    width: 40px !important;
    height: 40px !important;
  }

  /* Compact cookie popup */
  .v-dialog.align-end .v-overlay__content {
    width: calc(100vw - 16px) !important;
    margin-bottom: 8px !important;
  }

  .v-dialog.align-end .v-sheet {
    padding: 14px !important;
    border-radius: 12px !important;
  }

  .v-dialog.align-end .v-sheet h5 {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  .v-dialog.align-end .v-sheet p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 8px 0 10px !important;
  }

  .v-dialog.align-end .v-sheet > .v-btn {
    height: 34px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
  }
}