@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=EB+Garamond:wght@400;500;600&display=swap');

body:has(#login.panel) {
  background: #f6f1ea !important;
  color: #7f171f !important;
  font-family: "EB Garamond", serif !important;
}

body:has(#login.panel) #login.panel {
  background: #f6f1ea !important;
  border: 1px solid #7f171f !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body:has(#login.panel) #login.panel > .panel-heading {
  background: #7f171f !important;
  color: #f6f1ea !important;
  border-bottom: 0 !important;
}

body:has(#login.panel) #login .panel-body {
  background: #f6f1ea !important;
  color: #7f171f !important;
}

body:has(#login.panel) #login label {
  color: #7f171f !important;
  font-family: "Playfair Display", serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

body:has(#login.panel) #login .form-control {
  background: #fffdf9 !important;
  border: 1px solid #c9b8ab !important;
  color: #7f171f !important;
  font-family: "EB Garamond", serif !important;
  font-size: 18px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body:has(#login.panel) #login .form-control:focus {
  border-color: #7f171f !important;
  box-shadow: 0 0 0 2px rgba(127, 23, 31, 0.08) !important;
}

body:has(#login.panel) #btn-login {
  background: #7f171f !important;
  border-color: #7f171f !important;
  color: #f6f1ea !important;
  font-family: "Playfair Display", serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
}

body:has(#login.panel) #btn-login:hover,
body:has(#login.panel) #btn-login:focus {
  background: #651219 !important;
  border-color: #651219 !important;
  color: #f6f1ea !important;
}

body:has(#login.panel) #login a,
body:has(#login.panel) #login .btn-link {
  color: #7f171f !important;
}

body:has(#login.panel) #login a:hover,
body:has(#login.panel) #login .btn-link:hover {
  color: #651219 !important;
}

body:has(#login.panel) #login .logo-container {
  padding: 24px 16px !important;
  text-align: center !important;
}

body:has(#login.panel) #login .logo-container .logo {
  max-height: 72px !important;
  width: auto !important;
}

body:has(#login.panel) footer {
  color: #7f171f !important;
  font-family: "EB Garamond", serif !important;
}

body:has(#login.panel) #login.panel {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10) !important;
}

body:has(#login.panel) #login.panel > .panel-heading {
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
}

body:has(#login.panel) #login .panel-body {
  border-bottom-left-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
}

body:has(#login.panel) #login .logo-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  padding: 24px 20px 16px !important;
  margin: 0 auto !important;
}

body:has(#login.panel) #login .logo-container .logo,
body:has(#login.panel) #login .logo-container img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 220px !important;
  width: auto !important;
  max-height: 65px !important;
  height: auto !important;
  object-fit: contain !important;
}

body:has(#login.panel) #login.panel .panel-heading,
body:has(#login.panel) #login.panel .panel-body {
  background-clip: padding-box !important;
}
/* --- May 2026 CSS fixes --- */
body:has(#login.panel) #btn-login {
  font-family: "EB Garamond", serif !important;
  border-radius: 999px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}