/**
 * Help & Support — light theme only.
 * Dashboard: support.html
 * Landing: #contact-page in home.html
 * Dark mode untouched.
 */

/* ========== Dashboard support.html ========== */

html:not(.dark) body.bg-gray-50 {
  background-color: #F5F2E9 !important;
  color: #1D1D1D !important;
}

html:not(.dark) body > main.max-w-lg > a.text-neutral-500 {
  color: rgba(29, 29, 29, 0.65) !important;
}

html:not(.dark) body > main.max-w-lg > a.text-neutral-500:hover {
  color: #1D1D1D !important;
}

html:not(.dark) body > main.max-w-lg > div.rounded-2xl {
  background-color: #FFFFFF !important;
  border: 1px solid #D7D1C3 !important;
  box-shadow: 0 30px 80px -20px rgba(13, 92, 79, 0.15) !important;
}

html:not(.dark) body > main.max-w-lg h1 {
  color: #1D1D1D !important;
}

html:not(.dark) body > main.max-w-lg label,
html:not(.dark) body > main.max-w-lg .text-neutral-500,
html:not(.dark) body > main.max-w-lg .text-neutral-600 {
  color: rgba(29, 29, 29, 0.65) !important;
}

html:not(.dark) body > main.max-w-lg .text-amber-400 {
  color: #b45309 !important;
}

html:not(.dark) #support-form input,
html:not(.dark) #support-form select,
html:not(.dark) #support-form textarea {
  background-color: #F5F2E9 !important;
  border: 1px solid #D7D1C3 !important;
  color: #1D1D1D !important;
}

html:not(.dark) #support-form input:focus,
html:not(.dark) #support-form select:focus,
html:not(.dark) #support-form textarea:focus {
  border-color: #18B98F !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(24, 185, 143, 0.12) !important;
}

html:not(.dark) #support-form input::placeholder,
html:not(.dark) #support-form textarea::placeholder {
  color: rgba(29, 29, 29, 0.45) !important;
}

html:not(.dark) #support-form input[type="file"] {
  color: rgba(29, 29, 29, 0.65) !important;
}

html:not(.dark) #support-form input[type="file"]::file-selector-button {
  background-color: #F5F2E9 !important;
  border: 1px solid #D7D1C3 !important;
  color: #1D1D1D !important;
}

html:not(.dark) #support-submit {
  background-color: #18B98F !important;
  border: 1px solid #18B98F !important;
  color: #FFFFFF !important;
  box-shadow: 0 1px 2px rgba(29, 29, 29, 0.06) !important;
}

html:not(.dark) #support-submit:hover {
  filter: brightness(0.96);
}

html:not(.dark) #support-success .text-emerald-600 {
  color: #18B98F !important;
}

html:not(.dark) #support-success a {
  background-color: #FFFFFF !important;
  border: 1px solid #D7D1C3 !important;
  color: #1D1D1D !important;
}

html:not(.dark) #support-success a:hover {
  background-color: #EDE9DF !important;
}

/* ========== Landing contact page (#contact-page) ========== */

html:not(.dark) #contact-page {
  background-color: #F5F2E9 !important;
}

html:not(.dark) #contact-page > [class*="from-emerald-200"] {
  opacity: 0.28 !important;
}

html:not(.dark) #contact-page .text-slate-900 {
  color: #1D1D1D !important;
}

html:not(.dark) #contact-page .text-slate-500,
html:not(.dark) #contact-page .text-slate-400,
html:not(.dark) #contact-page .text-slate-600 {
  color: rgba(29, 29, 29, 0.65) !important;
}

html:not(.dark) #contact-page .text-emerald-600,
html:not(.dark) #contact-page .text-emerald-500 {
  color: #18B98F !important;
}

html:not(.dark) #contact-page a[onclick="showMainSite()"] .rounded-full.bg-white {
  background-color: #FFFFFF !important;
  border: 1px solid #D7D1C3 !important;
}

html:not(.dark) #contact-page .glass.bg-white\/50 {
  background-color: #FFFFFF !important;
  border: 1px solid #D7D1C3 !important;
  box-shadow: 0 30px 80px -20px rgba(13, 92, 79, 0.15) !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}

html:not(.dark) #contact-page .glass > .bg-white {
  background-color: #FFFFFF !important;
  border: none !important;
}

html:not(.dark) #contact-page #support-form input,
html:not(.dark) #contact-page #support-form textarea {
  background-color: #F5F2E9 !important;
  border: 1px solid #D7D1C3 !important;
  color: #1D1D1D !important;
}

html:not(.dark) #contact-page #support-form input:focus,
html:not(.dark) #contact-page #support-form textarea:focus {
  border-color: #18B98F !important;
  box-shadow: 0 0 0 4px rgba(24, 185, 143, 0.12) !important;
}

html:not(.dark) #contact-page #support-form input::placeholder,
html:not(.dark) #contact-page #support-form textarea::placeholder {
  color: rgba(29, 29, 29, 0.45) !important;
}

html:not(.dark) #contact-page #support-form input[type="file"] {
  color: rgba(29, 29, 29, 0.65) !important;
}

html:not(.dark) #contact-page #support-form input[type="file"]::file-selector-button {
  background-color: #F5F2E9 !important;
  border: 1px solid #D7D1C3 !important;
  color: #1D1D1D !important;
}

html:not(.dark) #contact-page #submit-btn {
  background-color: #18B98F !important;
  background-image: none !important;
  box-shadow: 0 1px 2px rgba(29, 29, 29, 0.06) !important;
}

html:not(.dark) #contact-page #submit-btn:hover {
  filter: brightness(0.96);
}

html:not(.dark) #contact-page #success-section .bg-emerald-500\/10 {
  background-color: rgba(24, 185, 143, 0.1) !important;
}

html:not(.dark) #contact-page #success-section button {
  background-color: #FFFFFF !important;
  border: 1px solid #D7D1C3 !important;
  color: #1D1D1D !important;
}

html:not(.dark) #contact-page #success-section button:hover {
  background-color: #EDE9DF !important;
}

html:not(.dark) #contact-page .border-slate-100,
html:not(.dark) #contact-page .border-slate-200,
html:not(.dark) #contact-page .border-slate-800 {
  border-color: #D7D1C3 !important;
}