/* LaserCare Pro - Glass Login */
#lc-auth-gate {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  min-height: 100vh !important;
  padding: 16px !important;
  background-color: #052b40 !important;
  background-image:
    
    url("./assets/clinic-laser.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

#lc-auth-gate .lc-login-layout {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100vh - 32px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#lc-auth-gate .lc-login-visual {
  display: none !important;
}

#lc-auth-gate .lc-login-side {
  min-height: calc(100vh - 32px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  background: transparent !important;
}

#lc-auth-gate #lc-auth-form {
  width: min(460px, 100%) !important;
  margin: auto !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 26px !important;
  box-shadow: 0 24px 75px rgba(0,25,45,.35) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

@media (max-width: 600px) {
  #lc-auth-gate {
    padding: 8px !important;
  }

  #lc-auth-gate .lc-login-side {
    min-height: calc(100vh - 16px) !important;
    padding: 8px !important;
  }
}






/* FINAL FIX: remove frosted rectangle from login card */
#lc-auth-gate #lc-auth-form {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
#lc-auth-gate .lc-login-side {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* FINAL FIX: remove frosted rectangle from login card */
#lc-auth-gate #lc-auth-form {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
#lc-auth-gate .lc-login-side {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* LOGIN CARD - readable, sharp background */
#lc-auth-gate #lc-auth-form {
  background: rgba(245, 250, 255, 0.94) !important;
  background-color: rgba(245, 250, 255, 0.94) !important;
  background-image: none !important;
  border: 1px solid #ffffff !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 45px rgba(0, 25, 45, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #153b63 !important;
  padding: 28px !important;
}
#lc-auth-gate #lc-auth-form h1 {
  color: #123f68 !important;
}
#lc-auth-gate #lc-auth-form .lc-login-subtitle {
  color: #526f8b !important;
}
#lc-auth-gate #lc-auth-form .lc-field-label {
  color: #214a70 !important;
}
#lc-auth-gate .lc-input-wrap {
  background: #ffffff !important;
  border: 1px solid #b8d5e9 !important;
}
#lc-auth-gate .lc-input-wrap input {
  color: #173d63 !important;
}

/* Compact translucent login card */
#lc-auth-gate #lc-auth-form {
  width: min(360px, 100%) !important;
  padding: 18px !important;
  margin: auto !important;
  background: rgba(245, 250, 255, 0.22) !important;
  background-color: rgba(245, 250, 255, 0.22) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 32px rgba(0, 25, 45, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #123451 !important;
}

#lc-auth-gate #lc-auth-form .lc-brandline {
  margin-bottom: 16px !important;
}

#lc-auth-gate #lc-auth-form h1 {
  font-size: 26px !important;
  margin-bottom: 6px !important;
  color: #103653 !important;
  text-shadow: 0 1px 3px rgba(255,255,255,0.75) !important;
}

#lc-auth-gate #lc-auth-form .lc-login-subtitle,
#lc-auth-gate #lc-auth-form .lc-field-label,
#lc-auth-gate #lc-auth-form .lc-login-options {
  color: #123451 !important;
  text-shadow: 0 1px 3px rgba(255,255,255,0.75) !important;
}

#lc-auth-gate #lc-auth-form .lc-login-subtitle {
  margin-bottom: 14px !important;
}

#lc-auth-gate #lc-auth-form .lc-field-label {
  margin-top: 10px !important;
  margin-bottom: 5px !important;
}

#lc-auth-gate #lc-auth-form .lc-input-wrap {
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(255,255,255,0.8) !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#lc-auth-gate #lc-auth-form .lc-input-wrap input {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  color: #173d63 !important;
}

#lc-auth-gate #lc-auth-form .lc-login-options {
  margin: 12px 0 16px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-footer {
  margin-top: 14px !important;
}


/* Show the complete doctor background image */
#lc-auth-gate {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #eaf3f8 !important;
}

/* Reduce login frame height */
#lc-auth-gate #lc-auth-form {
  padding: 12px 18px !important;
  margin: 8px auto !important;
  border-radius: 14px !important;
  max-height: 92vh !important;
  overflow-y: auto !important;
}

/* Reduce vertical spacing */
#lc-auth-gate #lc-auth-form .lc-brandline {
  margin-bottom: 8px !important;
}

#lc-auth-gate #lc-auth-form h1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  font-size: 23px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-subtitle {
  margin-bottom: 8px !important;
}

#lc-auth-gate #lc-auth-form .lc-field-label {
  margin-top: 6px !important;
  margin-bottom: 3px !important;
}

#lc-auth-gate #lc-auth-form .lc-input-wrap input {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-options {
  margin: 8px 0 10px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-footer {
  margin-top: 8px !important;
}


/* Restore full-screen doctor background */
#lc-auth-gate {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Reduce the login frame height only */
#lc-auth-gate #lc-auth-form {
  width: min(340px, 92vw) !important;
  padding: 10px 16px !important;
  margin: auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: 88vh !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

/* Tighten spacing inside the frame */
#lc-auth-gate #lc-auth-form .lc-brandline {
  margin-bottom: 6px !important;
}

#lc-auth-gate #lc-auth-form h1 {
  margin-top: 2px !important;
  margin-bottom: 4px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-subtitle {
  margin-bottom: 6px !important;
}

#lc-auth-gate #lc-auth-form .lc-field-label {
  margin-top: 5px !important;
  margin-bottom: 3px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-options {
  margin: 7px 0 9px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-footer {
  margin-top: 7px !important;
}


/* Professional login frame — preserve background image */
#lc-auth-gate {
  background-image: url("./assets/clinic-laser.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Center the login card without changing the background */
#lc-auth-gate .lc-login-layout {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Elegant, compact, translucent frame */
#lc-auth-gate #lc-auth-form {
  width: min(350px, 92vw) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 88vh !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  padding: 20px 22px !important;
  margin: auto !important;

  background: rgba(245, 250, 255, 0.78) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 35px rgba(10, 35, 60, 0.22) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Clear, readable typography */
#lc-auth-gate #lc-auth-form h1,
#lc-auth-gate #lc-auth-form .lc-login-subtitle,
#lc-auth-gate #lc-auth-form .lc-field-label,
#lc-auth-gate #lc-auth-form .lc-login-options {
  color: #123653 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.65) !important;
}

#lc-auth-gate #lc-auth-form .lc-input-wrap {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid #d2e0ec !important;
  border-radius: 10px !important;
}

#lc-auth-gate #lc-auth-form .lc-input-wrap input {
  color: #173d5b !important;
}


/* Smaller, more transparent login frame */
#lc-auth-gate #lc-auth-form {
  width: min(310px, 88vw) !important;
  padding: 14px 16px !important;
  margin: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 88vh !important;
  box-sizing: border-box !important;

  background: rgba(245, 250, 255, 0.48) !important;
  background-color: rgba(245, 250, 255, 0.48) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.68) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(10, 35, 60, 0.16) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Keep login text readable */
#lc-auth-gate #lc-auth-form h1,
#lc-auth-gate #lc-auth-form label,
#lc-auth-gate #lc-auth-form .lc-login-subtitle,
#lc-auth-gate #lc-auth-form .lc-login-options,
#lc-auth-gate #lc-auth-form .lc-login-footer {
  color: #102f49 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9) !important;
}

/* Compact spacing */
#lc-auth-gate #lc-auth-form .lc-brandline {
  margin-bottom: 8px !important;
}

#lc-auth-gate #lc-auth-form h1 {
  font-size: 23px !important;
  margin: 3px 0 5px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-subtitle {
  margin-bottom: 8px !important;
}

#lc-auth-gate #lc-auth-form .lc-field-label {
  margin-top: 6px !important;
  margin-bottom: 4px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-options {
  margin: 8px 0 10px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-footer {
  margin-top: 8px !important;
}

/* Keep input fields clear */
#lc-auth-gate #lc-auth-form .lc-input-wrap {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(210, 225, 238, 0.9) !important;
}

/* Hide decorative side arrows on the login screen only */
#lc-auth-gate .lc-login-visual button,
#lc-auth-gate .lc-login-visual .arrow,
#lc-auth-gate .lc-login-visual [class*="arrow"],
#lc-auth-gate .lc-login-visual [class*="chevron"] {
  display: none !important;
}


/* Reduce login card height */
#lc-auth-gate #lc-auth-form {
  padding: 10px 16px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 85vh !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  gap: 6px !important;
}

/* Reduce vertical spacing inside login */
#lc-auth-gate #lc-auth-form .lc-brandline {
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}

#lc-auth-gate #lc-auth-form h1 {
  margin-top: 2px !important;
  margin-bottom: 4px !important;
  line-height: 1.2 !important;
}

#lc-auth-gate #lc-auth-form .lc-login-subtitle {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

#lc-auth-gate #lc-auth-form .lc-field-label {
  margin-top: 4px !important;
  margin-bottom: 3px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-options {
  margin-top: 6px !important;
  margin-bottom: 7px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-footer {
  margin-top: 5px !important;
}

/* Hide left-side decorative arrows, not login buttons */
#lc-auth-gate .lc-login-layout > button,
#lc-auth-gate .lc-login-layout > .lc-arrow,
#lc-auth-gate .lc-login-layout > [class*="arrow"],
#lc-auth-gate .lc-login-layout > [class*="chevron"],
#lc-auth-gate .lc-login-visual button,
#lc-auth-gate .lc-login-visual [class*="arrow"],
#lc-auth-gate .lc-login-visual [class*="chevron"] {
  display: none !important;
}


/* Compact login frame and remove side lines */
#lc-auth-gate #lc-auth-form {
  width: min(290px, 86vw) !important;
  padding: 9px 14px !important;
  margin: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 82vh !important;
  box-sizing: border-box !important;

  border: none !important;
  border-left: none !important;
  border-right: none !important;
  outline: none !important;
  box-shadow: 0 6px 18px rgba(10, 35, 60, 0.12) !important;
  border-radius: 12px !important;

  background: rgba(245, 250, 255, 0.48) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Tighten vertical spacing */
#lc-auth-gate #lc-auth-form .lc-brandline {
  margin: 0 0 4px !important;
}

#lc-auth-gate #lc-auth-form h1 {
  font-size: 21px !important;
  line-height: 1.2 !important;
  margin: 2px 0 4px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-subtitle {
  margin: 0 0 5px !important;
}

#lc-auth-gate #lc-auth-form .lc-field-label {
  margin: 4px 0 2px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-options {
  margin: 5px 0 6px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-footer {
  margin-top: 5px !important;
}

/* Keep text readable */
#lc-auth-gate #lc-auth-form h1,
#lc-auth-gate #lc-auth-form label,
#lc-auth-gate #lc-auth-form .lc-login-subtitle,
#lc-auth-gate #lc-auth-form .lc-login-options,
#lc-auth-gate #lc-auth-form .lc-login-footer {
  color: #102f49 !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.9) !important;
}


/* Compact login form and remove its vertical scrollbar */
#lc-auth-gate #lc-auth-form {
  width: min(290px, 86vw) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 8px 14px !important;
  margin: auto !important;
  box-sizing: border-box !important;
  border: none !important;
  outline: none !important;
}

/* Reduce vertical spacing */
#lc-auth-gate #lc-auth-form .lc-brandline {
  margin: 0 0 3px !important;
}

#lc-auth-gate #lc-auth-form h1 {
  font-size: 20px !important;
  line-height: 1.15 !important;
  margin: 2px 0 3px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-subtitle {
  margin: 0 0 4px !important;
  line-height: 1.25 !important;
}

#lc-auth-gate #lc-auth-form .lc-field-label {
  margin: 3px 0 2px !important;
}

#lc-auth-gate #lc-auth-form .lc-input-wrap input {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-options {
  margin: 4px 0 5px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-footer {
  margin-top: 4px !important;
}

/* Preserve readable text */
#lc-auth-gate #lc-auth-form h1,
#lc-auth-gate #lc-auth-form label,
#lc-auth-gate #lc-auth-form .lc-login-subtitle,
#lc-auth-gate #lc-auth-form .lc-login-options,
#lc-auth-gate #lc-auth-form .lc-login-footer {
  color: #102f49 !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.9) !important;
}


/* Improve login text readability without changing background image */
#lc-auth-gate #lc-auth-form h1,
#lc-auth-gate #lc-auth-form .lc-brandline,
#lc-auth-gate #lc-auth-form .lc-login-subtitle,
#lc-auth-gate #lc-auth-form .lc-field-label,
#lc-auth-gate #lc-auth-form .lc-login-options,
#lc-auth-gate #lc-auth-form .lc-login-footer,
#lc-auth-gate #lc-auth-form label {
  color: #092b46 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
  text-shadow:
    0 1px 2px rgba(255,255,255,0.98),
    0 0 5px rgba(255,255,255,0.75) !important;
}

/* Keep the card translucent, but give text a clearer surface */
#lc-auth-gate #lc-auth-form {
  background: rgba(245,250,255,0.62) !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  box-shadow: 0 5px 18px rgba(0,25,45,0.14) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Make the brand line readable */
#lc-auth-gate #lc-auth-form .lc-brandline {
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

/* Keep input text clear */
#lc-auth-gate #lc-auth-form .lc-input-wrap,
#lc-auth-gate #lc-auth-form input {
  color: #102f49 !important;
  opacity: 1 !important;
}


/* LaserCare Pro — Modern compact login */
#lc-auth-gate #lc-auth-form {
  width: min(320px, 90vw) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  padding: 12px 18px !important;
  margin: auto !important;

  background: rgba(248, 252, 255, 0.76) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.8) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(12, 43, 67, 0.18) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Keep the existing background image unchanged */
#lc-auth-gate {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Clear brand line and heading */
#lc-auth-gate #lc-auth-form .lc-brandline {
  color: #174d70 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  margin: 0 0 5px !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.95) !important;
}

#lc-auth-gate #lc-auth-form h1 {
  color: #103653 !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 3px 0 5px !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.95) !important;
}

#lc-auth-gate #lc-auth-form .lc-login-subtitle {
  color: #24465f !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  margin: 0 0 8px !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.95) !important;
}

/* Compact labels and fields */
#lc-auth-gate #lc-auth-form .lc-field-label {
  display: block !important;
  color: #123b58 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 6px 0 3px !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.95) !important;
}

#lc-auth-gate #lc-auth-form .lc-input-wrap {
  min-height: 40px !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,0.96) !important;
  border: 1px solid #c8dce9 !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 2px rgba(20,60,85,0.04) !important;
}

#lc-auth-gate #lc-auth-form .lc-input-wrap:focus-within {
  border-color: #2586b8 !important;
  box-shadow: 0 0 0 3px rgba(37,134,184,0.13) !important;
}

#lc-auth-gate #lc-auth-form .lc-input-wrap input {
  min-width: 0 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  color: #173d59 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* Tighten the lower part of the form */
#lc-auth-gate #lc-auth-form .lc-login-options {
  margin: 7px 0 9px !important;
  color: #173d59 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

#lc-auth-gate #lc-auth-form .lc-login-footer {
  margin-top: 7px !important;
  color: #24465f !important;
  font-size: 12px !important;
}

/* Modern login buttons, without changing their actions */
#lc-auth-gate #lc-auth-form button[type="submit"],
#lc-auth-gate #lc-auth-form input[type="submit"] {
  min-height: 40px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}

/* Keep all login text readable */
#lc-auth-gate #lc-auth-form h1,
#lc-auth-gate #lc-auth-form .lc-brandline,
#lc-auth-gate #lc-auth-form .lc-login-subtitle,
#lc-auth-gate #lc-auth-form .lc-field-label,
#lc-auth-gate #lc-auth-form .lc-login-options,
#lc-auth-gate #lc-auth-form .lc-login-footer {
  opacity: 1 !important;
}


/* Modern typography and compact login layout */
#lc-auth-gate #lc-auth-form {
  width: min(320px, 90vw) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 94vh !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
}

#lc-auth-gate #lc-auth-form::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}

/* Keep brand name on one line */
#lc-auth-gate #lc-auth-form .lc-brandline {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size: clamp(9px, 2.6vw, 11px) !important;
  letter-spacing: 0.8px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  margin: 0 0 4px !important;
}

/* Compress heading and subtitle */
#lc-auth-gate #lc-auth-form h1 {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size: 21px !important;
  line-height: 1.2 !important;
  margin: 2px 0 3px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-subtitle {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  margin: 0 0 6px !important;
}

/* Reduce spacing around labels */
#lc-auth-gate #lc-auth-form .lc-field-label {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  margin: 4px 0 2px !important;
}

/* Shorter input fields */
#lc-auth-gate #lc-auth-form .lc-input-wrap {
  min-height: 36px !important;
}

#lc-auth-gate #lc-auth-form .lc-input-wrap input {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size: 13px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Tighten links and footer */
#lc-auth-gate #lc-auth-form .lc-login-options {
  font-size: 11px !important;
  margin: 5px 0 6px !important;
}

#lc-auth-gate #lc-auth-form .lc-login-footer {
  font-size: 11px !important;
  margin-top: 5px !important;
}

/* Consistent font and readable text */
#lc-auth-gate #lc-auth-form,
#lc-auth-gate #lc-auth-form label,
#lc-auth-gate #lc-auth-form button,
#lc-auth-gate #lc-auth-form input {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
}


/* Zoom out the doctor background without fading it */
#lc-auth-gate {
  background-image: url("./assets/clinic-laser.jpg") !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #eaf0f4 !important;
  filter: none !important;
}

/* Remove fading overlays on the login background */
#lc-auth-gate::before,
#lc-auth-gate::after {
  background: transparent !important;
  opacity: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Keep the doctor image sharp */
#lc-auth-gate .lc-login-visual {
  filter: none !important;
  opacity: 1 !important;
}


/* Full-screen doctor background */
#lc-auth-gate {
  background-image: url("./assets/clinic-laser.jpg") !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  filter: none !important;
}

/* Prevent overlays from fading the background */
#lc-auth-gate::before,
#lc-auth-gate::after {
  background: none !important;
  opacity: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}


/* Move login card to the left */
#lc-auth-gate .lc-login-layout {
  justify-content: flex-start !important;
  padding-left: 5vw !important;
  padding-right: 0 !important;
}

#lc-auth-gate #lc-auth-form,
#lc-auth-gate .lc-login-side {
  margin-left: 0 !important;
  margin-right: auto !important;
}

@media (max-width: 600px) {
  #lc-auth-gate .lc-login-layout {
    justify-content: center !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}


/* Selicare Pharma logo */
.selicare-logo {
  display: block;
  width: 76px;
  height: 42px;
  object-fit: contain;
  flex-shrink: 0;
}

.lc-brandline .selicare-logo {
  width: 64px;
  height: 42px;
}