/* ==========================================================
   Traniva Helpdesk Login Background + Login Panel Styling
   ========================================================== */

body {
  background: url("/assets/traniva_desk_ui/images/login-bg.jpg") no-repeat center center fixed;
  background-size: cover;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.25);
  pointer-events: none;
}

/* Push whole login area down */
body[data-path="login"] section {
  padding-top: 260px !important;
}

/* Hide OUTSIDE header (contains "Anmelden bei Frappe") */
.page-card-head {
  display: none !important;
}

/* Optional: remove navbar brand image top-left */
.navbar-brand img {
  display: none !important;
}

/* The actual login panel */
.login-content.page-card {
  position: relative;
  z-index: 1;

  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18) !important;
  overflow: hidden !important;

  margin-top: 0 !important;
  transform: translateY(60px) !important;
}

/* Title INSIDE the panel (less "air") */
.login-content.page-card::before {
  content: "Login: Ticket + Support (AMS)" !important;
  display: block !important;

  /* weniger Luft */
  padding: 8px 16px 6px 16px !important;

  text-align: center !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0B5ED7 !important;
  line-height: 1.15 !important;

  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Bring form closer to the header */
.login-content.page-card .page-card-body {
  padding-top: 8px !important;
}

.login-content.page-card .form-control {
  background: rgba(255, 255, 255, 0.95) !important;
}