:root,
[data-theme="docuseal"] {
  --p: 257 50% 65%;
  --pf: 257 46% 58%;
  --pc: 42 56% 95%;
  --s: 344 60% 78%;
  --sf: 344 52% 70%;
  --sc: 281 26% 18%;
  --a: 38 72% 66%;
  --af: 38 72% 58%;
  --ac: 281 26% 18%;
  --n: 281 26% 18%;
  --nf: 281 30% 14%;
  --nc: 24 33% 97%;
  --b1: 24 33% 97%;
  --b2: 24 26% 93%;
  --b3: 22 20% 88%;
  --bc: 281 26% 18%;
  --rounded-box: 1.25rem;
  --rounded-btn: 9999px;
  --btn-text-case: none;
}

html[data-theme="docuseal"],
body {
  background:
    radial-gradient(circle at top right, rgba(139, 121, 212, 0.18), transparent 26%),
    linear-gradient(180deg, #fdf7ef 0%, #f7efe5 100%);
  color: #2b1f38;
}

body > .max-w-6xl {
  position: relative;
}

body > .max-w-6xl::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 10%, rgba(189, 179, 232, 0.16), transparent 20%),
    radial-gradient(circle at 88% 16%, rgba(232, 164, 168, 0.12), transparent 18%);
  z-index: -1;
}

.max-w-6xl.mb-4.mx-auto.px-4.md\:px-2.py-3.flex.items-center.justify-between {
  margin-top: 12px;
  margin-bottom: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(87, 61, 111, 0.1);
  border-radius: 24px;
  background: rgba(43, 31, 56, 0.96);
  color: #fcf4eb;
  box-shadow: 0 18px 60px rgba(43, 31, 56, 0.18);
}

.max-w-6xl.mb-4.mx-auto.px-4.md\:px-2.py-3.flex.items-center.justify-between a,
.max-w-6xl.mb-4.mx-auto.px-4.md\:px-2.py-3.flex.items-center.justify-between span {
  color: inherit;
}

#account_settings_button {
  color: #fcf4eb !important;
}

.dropdown.dropdown-end label.cursor-pointer.bg-base-content {
  background: rgba(139, 121, 212, 0.22) !important;
  color: #fcf4eb !important;
  border: 1px solid rgba(189, 179, 232, 0.35);
}

.white-button,
.btn.btn-neutral,
.btn.btn-warning,
.btn.btn-primary {
  background: rgba(139, 121, 212, 0.16) !important;
  border-color: rgba(139, 121, 212, 0.42) !important;
  color: #2b1f38 !important;
  box-shadow: 0 10px 24px rgba(139, 121, 212, 0.14);
}

.white-button:hover,
.btn.btn-neutral:hover,
.btn.btn-warning:hover,
.btn.btn-primary:hover {
  background: rgba(139, 121, 212, 0.24) !important;
  border-color: rgba(139, 121, 212, 0.56) !important;
}

.btn.btn-outline,
.btn.btn-ghost {
  border-color: rgba(87, 61, 111, 0.16) !important;
}

.grid.gap-4.md\:grid-cols-3 > .h-36.relative.group > a,
#app_tour_manager {
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(87, 61, 111, 0.1) !important;
  box-shadow: 0 18px 42px rgba(43, 31, 56, 0.08);
  backdrop-filter: blur(8px);
}

.grid.gap-4.md\:grid-cols-3 > .h-36.relative.group > a .text-xl.font-semibold,
#app_tour_manager .text-xl.font-semibold,
h1.text-2xl,
h1.text-4xl,
.menu-title span {
  color: #2b1f38 !important;
}

.grid.gap-4.md\:grid-cols-3 > .h-36.relative.group > a p,
.grid.gap-4.md\:grid-cols-3 > .h-36.relative.group > a span,
#app_tour_manager .text-xs {
  color: rgba(43, 31, 56, 0.72) !important;
}

.grid.gap-4.md\:grid-cols-3 > .h-36.relative.group > .absolute .btn,
.grid.gap-4.md\:grid-cols-3 > .h-36.relative.group > .absolute .btn:hover {
  background: #fff !important;
  color: #2b1f38 !important;
  border-color: rgba(87, 61, 111, 0.14) !important;
}

.menu,
.dropdown-content,
.modal-box,
.alert,
.base-input,
.base-textarea,
.select,
.input,
.textarea {
  background-color: rgba(255, 255, 255, 0.92) !important;
  color: #2b1f38 !important;
  border-color: rgba(87, 61, 111, 0.12) !important;
}

.menu li > a:hover,
.menu li > a:focus,
.menu li > label:hover {
  background: rgba(139, 121, 212, 0.12) !important;
}

#account_settings_menu,
#support_channels {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 22px;
  padding: 18px 14px;
  border: 1px solid rgba(87, 61, 111, 0.08);
}

.btn-circle.btn-primary.btn-md {
  color: #fcf4eb !important;
  background: rgba(43, 31, 56, 0.9) !important;
}

.text-purple-300 {
  color: #dcd2ff !important;
}

.tooltip:before,
.tooltip:after {
  text-transform: none;
}

@media (max-width: 767px) {
  .max-w-6xl.mb-4.mx-auto.px-4.md\:px-2.py-3.flex.items-center.justify-between {
    border-radius: 18px;
    padding: 14px 16px;
  }
}