@charset "UTF-8";
/* BasinLens Auth Pages Common Styles */

.auth-body {
  /* 借鉴portal页面的渐变背景 */
  background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%); /* from-orange-50 to-white */
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; /* 改为min-height以适应更多内容 */
  padding: 1.25rem; /* 增加一些外边距 */
}

.auth-nav {
  background-color: #ffffff; /* bg-white */
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); /* shadow */
  height: 4rem; /* h-16 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 50;
  position: fixed;
  top: 0;
  width: 100%;
  padding-left: 1.5rem; /* px-6 */
  padding-right: 1.5rem; /* px-6 */
}

.auth-nav-logo-wrapper {
    display: flex;
    align-items: center;
    height: 2rem; /* h-8 */
}

.auth-nav-logo {
    height: 2rem; /* h-8 */
}

.auth-nav-spacer {
    height: 4rem; /* h-16 */
}

.auth-container {
  background-color: #ffffff; /* bg-white */
  padding: 3rem 4rem; /* px-16 py-12 */
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); /* shadow-md */
  border-radius: 0.375rem; /* rounded-md */
}

.auth-title {
  color: #1f2937; /* text-gray-800, matching h2 from main.css */
  text-align: center;
  font-size: 1.5rem; /* text-2xl */
  font-weight: 700; /* font-bold */
  margin-bottom: 1.5rem; /* mb-6 */
}

.auth-form {
  display: flex;
  flex-direction: column;
  width: 24rem; /* w-96 */
}

.auth-label {
  margin-bottom: 0.5rem; /* mb-2 */
  font-weight: 400; /* font-normal */
  color: #374151; /* text-gray-700 */
}

.auth-input {
  padding: 0.5rem; /* p-2 */
  margin-bottom: 1.5rem; /* mb-6 */
  border-width: 1px;
  border-color: #d1d5db; /* border-gray-300 */
  border-radius: 0.25rem; /* rounded */
}

.auth-input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem; /* text-sm */
  font-weight: 300;
}

.auth-input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #3b82f6; /* ring-2 ring-blue-500 */
  border-color: transparent;
}

.auth-submit-button {
  padding: 0.75rem; /* p-3 */
  color: white;
  border-radius: 0.25rem; /* rounded */
  transition: background-color 0.3s ease-in-out;
  border: none;
}

.auth-submit-button:disabled {
  background-color: #fdba74; /* bg-orange-300 */
  cursor: not-allowed;
}

.auth-submit-button:not(:disabled) {
  background-color: #f97316; /* bg-orange-500 */
  cursor: pointer;
}

.auth-submit-button:not(:disabled):hover {
  background-color: #ea580c; /* hover:bg-orange-600 */
}

.auth-message {
  text-align: left;
  margin-top: 1.5rem; /* mt-6 */
  font-size: 0.875rem; /* text-sm */
}

.auth-footer {
  text-align: center;
  margin-top: 1.5rem; /* mt-6 */
  font-size: 0.875rem; /* text-sm */
}

.auth-footer a {
  color: #3b82f6; /* text-blue-500 */
  text-decoration: none;
}

.auth-footer a:hover {
  text-decoration: underline;
}