/*! TailwindCSS Build for DedixCRM - dp-master.css */
body {
  font-family: "Segoe UI", sans-serif;
  background-color: #f3f4f6;
}
.text-white {
  color: white;
}
.text-gray-900 {
  color: #111827;
}
.text-blue-100 {
  color: #dbeafe;
}
.bg-blue-600 {
  background-color: #2563eb;
}
.bg-blue-700 {
  background-color: #1d4ed8;
}
.bg-white {
  background-color: white;
}
.bg-gray-100 {
  background-color: #f3f4f6;
}
.bg-gray-800 {
  background-color: #1f2937;
}
.rounded-xl {
  border-radius: 1rem;
}
.rounded-2xl {
  border-radius: 1.5rem;
}
.shadow-xl {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.p-8 {
  padding: 2rem;
}
.max-w-md {
  max-width: 28rem;
}
.w-full {
  width: 100%;
}
.flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.min-h-screen {
  min-height: 100vh;
}

/* ===== Dedix Form Styles ===== */
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
  width: 100%;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #d1d5db;
  background-color: white;
  color: #111827;
  font-size: 1rem;
  transition: all 0.2s;
}
body.dark input[type="text"],
body.dark input[type="email"],
body.dark input[type="password"],
body.dark select,
body.dark textarea {
  background-color: #374151;
  color: white;
  border-color: #4b5563;
}
input::placeholder,
textarea::placeholder {
  color: #9ca3af;
}

button,
input[type="submit"] {
  background-color: #2563eb;
  color: white;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s;
}
button:hover,
input[type="submit"]:hover {
  background-color: #1d4ed8;
}

/* Dark mode form elements */
html.dark input,
html.dark select,
html.dark textarea {
  background-color: #1e1e1e; /* Dark background */
  color: #f1f1f1; /* Light text */
  border: 1px solid #444; /* Subtle border */
}

html.dark input:focus,
html.dark select:focus,
html.dark textarea:focus {
  outline: none;
  border-color: #4f9cff; /* Accent color when focused */
  box-shadow: 0 0 0 2px rgba(79, 156, 255, 0.3);
}

/* Placeholder color in dark mode */
html.dark input::placeholder,
html.dark textarea::placeholder {
  color: #999;
}