/* Havoc Gaming Webmail Suite CSS */

/* Uiverse.io Dark Geometric Pattern - Scoped strictly to Login View */
div.min-h-dvh.items-center.justify-center,
body:has(form:not([role="search"])) {
  background: radial-gradient(
        circle farthest-side at 0% 50%,
        #282828 23.5%,
        rgba(255, 170, 0, 0) 0
      )
      21px 30px,
    radial-gradient(
        circle farthest-side at 0% 50%,
        #2c3539 24%,
        rgba(240, 166, 17, 0) 0
      )
      19px 30px,
    linear-gradient(
        #282828 14%,
        rgba(240, 166, 17, 0) 0,
        rgba(240, 166, 17, 0) 85%,
        #282828 0
      )
      0 0,
    linear-gradient(
        150deg,
        #282828 24%,
        #2c3539 0,
        #2c3539 26%,
        rgba(240, 166, 17, 0) 0,
        rgba(240, 166, 17, 0) 74%,
        #2c3539 0,
        #2c3539 76%,
        #282828 0
      )
      0 0,
    linear-gradient(
        30deg,
        #282828 24%,
        #2c3539 0,
        #2c3539 26%,
        rgba(240, 166, 17, 0) 0,
        rgba(240, 166, 17, 0) 74%,
        #2c3539 0,
        #2c3539 76%,
        #282828 0
      )
      0 0,
    linear-gradient(90deg, #2c3539 2%, #282828 0, #282828 98%, #2c3539 0%) 0 0
      #282828 !important;
  background-size: 40px 60px !important;
}

/* Glassmorphism on Login Card */
div.w-full.max-w-sm {
  background: rgba(18, 20, 24, 0.88) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  padding: 32px 28px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 25px rgba(244, 63, 94, 0.15) !important;
}

div.w-full.max-w-sm input {
  background: rgba(10, 11, 15, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}
div.w-full.max-w-sm input:focus {
  border-color: #f97316 !important;
  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.25) !important;
}

div.w-full.max-w-sm button[type="submit"] {
  background: linear-gradient(135deg, #ec4899 0%, #f97316 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 15px rgba(249, 115, 22, 0.35) !important;
}

/* Search inputs */
input[data-search-input="true"] {
  background: rgba(18, 20, 26, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
  border-radius: 6px !important;
}
input[data-search-input="true"]:focus {
  border-color: #f97316 !important;
  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.25) !important;
  outline: none !important;
}

/* Empty reading pane watermark replacement */
span.text-2xl.font-bold:has(> img),
span:has(> img[alt="Havoc Gaming"]) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Team row hover & active */
.havoc-team-email-row:hover {
  background-color: var(--muted, rgba(255,255,255,0.05));
}
.havoc-team-email-row.selected {
  background-color: var(--muted, rgba(255,255,255,0.08));
}