/* ================================================================
   at — caddy-security portal theme (go-authcrunch v1.1.39)
   Targets the exact Tailwind + custom classes from login.template.
   ================================================================ */

/* ── Page background (html has class="h-full bg-blue-100") ── */
html {
  background-color: #0d0d0d !important;
}

body {
  background-color: #0d0d0d !important;
}

/* ── Login card (white box with shadow) ── */
.app-container {
  background-color: #161616 !important;
  box-shadow: none !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 6px !important;
}

/* ── Logo / title text ── */
.logo-txt {
  color: #e8e8e8 !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
}

/* ── Input wrapper ── */
.app-inp-box {
  box-shadow: none !important;
}

/* ── Input prefix icon ── */
.app-inp-prf-img {
  color: #555 !important;
}

/* ── Text input ── */
.app-inp-txt {
  background-color: #0a0a0a !important;
  border-color: #2a2a2a !important;
  color: #e8e8e8 !important;
}
.app-inp-txt:focus {
  border-color: #4f8ef7 !important;
  --tw-ring-color: #4f8ef7 !important;
  box-shadow: 0 0 0 2px rgba(79,142,247,.2) !important;
}
.app-inp-txt::placeholder {
  color: #555 !important;
}

/* ── Select input ── */
.app-inp-sel {
  background-color: #0a0a0a !important;
  border-color: #2a2a2a !important;
  color: #e8e8e8 !important;
}

/* ── Primary button (submit / proceed) ── */
.app-btn-pri {
  background-color: #4f8ef7 !important;
  border-color: #4f8ef7 !important;
  color: #fff !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}
.app-btn-pri:hover {
  background-color: #6ba3ff !important;
}

/* ── Secondary button (back) ── */
.app-btn-sec {
  background-color: transparent !important;
  border: 1px solid #2a2a2a !important;
  color: #888 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}
.app-btn-sec:hover {
  background-color: #1c1c1c !important;
  color: #e8e8e8 !important;
}

/* ── OAuth provider button (Google etc.) ── */
/* .app-login-btn-box is the full-width row; left side = colored icon, right = .app-login-btn-txt */
.app-login-btn-box {
  border-color: #2a2a2a !important;
  border-radius: 6px !important;
  overflow: hidden;
}
.app-login-btn-txt {
  background-color: #161616 !important;
  color: #e8e8e8 !important;
  box-shadow: none !important;
  font-size: 1rem !important;
}
.app-login-btn-txt:hover {
  background-color: #1c1c1c !important;
}

/* ── Body text / labels (Tailwind text-primary-* classes) ── */
.text-primary-700 {
  color: #888 !important;
}
.text-primary-600 {
  color: #888 !important;
}

/* ── Links ── */
a.text-primary-600,
a.text-primary-700 {
  color: #4f8ef7 !important;
}
a.text-primary-600:hover,
a.text-primary-700:hover {
  color: #6ba3ff !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0d0d0d; }
::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #555; }