/* Pluze login theme. Scoped to the unauthenticated Chatwoot shell. */
#app main.flex.flex-col.w-full.min-h-screen {
  min-height: 100vh !important;
  padding: 28px 18px !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(0, 199, 238, .10), transparent 30%),
    linear-gradient(145deg, #ffffff 0%, #f6f8fd 58%, #eef2fb 100%) !important;
  color: #14213d;
  color-scheme: light;
  font-family: Montserrat, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#app main.flex.flex-col.w-full.min-h-screen > section:first-child {
  width: min(510px, 100%);
}

#app main.flex.flex-col.w-full.min-h-screen > section:first-child img[alt="Pluze"] {
  width: min(310px, 82vw) !important;
  height: 92px !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#app main.flex.flex-col.w-full.min-h-screen > section:first-child h2 {
  margin-top: 14px !important;
  color: #14213d !important;
  font-size: 29px !important;
  font-weight: 750 !important;
  letter-spacing: -.035em;
}

#app main.flex.flex-col.w-full.min-h-screen > section:nth-child(2) {
  width: min(510px, 100%) !important;
  margin-top: 24px !important;
  padding: 38px 42px 32px !important;
  border: 1px solid #dce4f1;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 24px 60px rgba(22, 38, 77, .12) !important;
}

#app main.flex.flex-col.w-full.min-h-screen input {
  min-height: 48px;
  border-radius: 11px !important;
  background: #f8f9fd !important;
  color: #14213d !important;
  caret-color: #14213d;
  outline-color: #d6deed !important;
}

#app main.flex.flex-col.w-full.min-h-screen label {
  color: #14213d !important;
}

#app main.flex.flex-col.w-full.min-h-screen input::placeholder {
  color: #7b879d !important;
  opacity: 1;
}

#app main.flex.flex-col.w-full.min-h-screen input + button[type="button"] {
  color: #667085 !important;
}

#app main.flex.flex-col.w-full.min-h-screen input:focus {
  background: #fff !important;
  outline-color: #5947e8 !important;
  box-shadow: 0 0 0 3px rgba(89, 71, 232, .12) !important;
}

#app main.flex.flex-col.w-full.min-h-screen button[type="submit"] {
  min-height: 48px;
  border-color: transparent !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #5949ea, #4635d6) !important;
  color: #fff !important;
  font-weight: 750 !important;
  box-shadow: 0 10px 24px rgba(82, 67, 229, .22) !important;
}

#app main.flex.flex-col.w-full.min-h-screen a {
  color: #5143e8 !important;
  font-weight: 650;
}

@media (max-width: 560px) {
  #app main.flex.flex-col.w-full.min-h-screen {
    justify-content: center;
    padding: 24px 14px !important;
  }

  #app main.flex.flex-col.w-full.min-h-screen > section:first-child img[alt="Pluze"] {
    width: min(280px, 86vw) !important;
    height: 78px !important;
  }

  #app main.flex.flex-col.w-full.min-h-screen > section:nth-child(2) {
    margin-top: 20px !important;
    padding: 24px 20px !important;
  }
}