/* DocStarGPT custom branding
   Colors: #1b305d (dark blue), #11a99d (teal)
   Keep it clean, professional, staff-facing. */

/* ── Login / Registration page ──────────────────────────────────── */

/* Login card styling */
[data-testid="login-form"],
[data-testid="registration-form"],
.login-card,
form[action*="login"],
form[action*="register"] {
  border-top: 3px solid #11a99d;
}

/* Primary buttons: teal */
button[type="submit"],
.btn-primary,
[data-testid="login-button"],
[data-testid="register-button"] {
  background-color: #11a99d !important;
  border-color: #11a99d !important;
  color: #fff !important;
  transition: background-color 0.2s ease;
}

button[type="submit"]:hover,
.btn-primary:hover,
[data-testid="login-button"]:hover,
[data-testid="register-button"]:hover {
  background-color: #0e8e84 !important;
  border-color: #0e8e84 !important;
}

/* Links: teal */
a[href*="login"],
a[href*="register"],
a[href*="forgot"],
.text-green-500,
.text-green-600 {
  color: #11a99d !important;
}

a[href*="login"]:hover,
a[href*="register"]:hover,
a[href*="forgot"]:hover {
  color: #0e8e84 !important;
}

/* ── Sidebar / Navigation ───────────────────────────────────────── */

/* Subtle teal accent on active nav items */
.bg-green-500,
.bg-green-600 {
  background-color: #11a99d !important;
}

/* ── Chat area ──────────────────────────────────────────────────── */

/* Send button: teal */
button[data-testid="send-button"],
.send-button {
  background-color: #11a99d !important;
}

button[data-testid="send-button"]:hover,
.send-button:hover {
  background-color: #0e8e84 !important;
}

/* Accent color overrides */
.text-green-500 { color: #11a99d !important; }
.text-green-600 { color: #0e8e84 !important; }
.bg-green-500 { background-color: #11a99d !important; }
.bg-green-600 { background-color: #0e8e84 !important; }
.border-green-500 { border-color: #11a99d !important; }
.ring-green-500 { --tw-ring-color: #11a99d !important; }
.focus\:ring-green-500:focus { --tw-ring-color: #11a99d !important; }

/* ── Footer ─────────────────────────────────────────────────────── */

.custom-footer,
footer {
  color: #6b7280;
  font-size: 0.75rem;
}