/* CoversVilla login (/login, incl. forgot-password and email-link forms).
 * Loaded on every website page via web_include_css but scoped to the login
 * path, so nothing else changes. Same tokens as cv_brand.css / desk_theme.css. */
body[data-path="login"] {
  min-height: 100vh;
  background:
    radial-gradient(900px 520px at 85% 110%, rgba(255,62,108,.55), transparent 60%),
    radial-gradient(700px 420px at 0% -10%, rgba(30,43,120,.9), transparent 65%),
    linear-gradient(135deg, #060C3B 0%, #0E1757 55%, #3A1450 100%) fixed;
}
/* The generic website bar only says "Home" here; the card carries the logo. */
body[data-path="login"] > .navbar, body[data-path="login"] nav.navbar { display: none !important; }
body[data-path="login"] .web-footer, body[data-path="login"] footer { background: transparent !important; border: 0 !important; }
body[data-path="login"] .web-footer *, body[data-path="login"] footer * { color: rgba(255,255,255,.55) !important; }
body[data-path="login"] .web-footer img, body[data-path="login"] footer img { filter: brightness(0) invert(1); opacity: .55; }
body[data-path="login"] .page-content-wrapper, body[data-path="login"] main { background: transparent !important; }
body[data-path="login"] .page-card-head { color: #fff; }
body[data-path="login"] .page-card-head h4 { color: #fff; font-weight: 700; letter-spacing: -.01em; text-shadow: 0 1px 2px rgba(0,0,0,.3); }
body[data-path="login"] .page-card-head img.app-logo {
  content: url("/assets/coversvilla_crm_pro/images/cv-logo-white-nav.png"); max-height: 44px; width: auto;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.35));
}
body[data-path="login"] .login-content.page-card, body[data-path="login"] .page-card {
  border: 1px solid rgba(255,255,255,.6); border-radius: 22px; background: linear-gradient(180deg, #FFFFFF 0%, #F8F9FD 100%);
  box-shadow: 0 2px 0 rgba(255,255,255,.7) inset, 0 10px 24px rgba(0,0,0,.18), 0 40px 80px rgba(6,12,59,.45);
  position: relative; overflow: hidden;
}
body[data-path="login"] .login-content.page-card::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
  background: linear-gradient(90deg, #060C3B, #FF3E6C 50%, #060C3B);
}
body[data-path="login"] .form-control {
  border-radius: 12px; border: 1px solid #E6E8F0; background: #F6F7FB;
  box-shadow: inset 0 1px 2px rgba(6,12,59,.06);
}
body[data-path="login"] .form-control:focus { border-color: #FF3E6C; background: #fff; box-shadow: 0 0 0 4px rgba(255,62,108,.14); }
body[data-path="login"] .btn-primary {
  height: 42px; border-radius: 12px; border: 1px solid #D92A56 !important; font-weight: 600; letter-spacing: .01em;
  background: linear-gradient(180deg, #FF5A82 0%, #FF3E6C 45%, #E62E5C 100%) !important;
  box-shadow: 0 6px 16px rgba(255,62,108,.42), inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(0,0,0,.12) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.15);
}
body[data-path="login"] .btn-primary:hover { filter: brightness(1.05); transform: translateY(-1px); }
body[data-path="login"] .btn-primary:active { transform: translateY(1px); }
body[data-path="login"] .btn.btn-login-option, body[data-path="login"] .btn.btn-default {
  display: flex; align-items: center; justify-content: center; min-height: 40px; border-radius: 12px !important;
  border: 1px solid #E6E8F0 !important; background: linear-gradient(180deg, #fff, #F1F2F7) !important;
  box-shadow: 0 1px 2px rgba(6,12,59,.08), 0 3px 8px rgba(6,12,59,.05), inset 0 1px 0 #fff !important; font-weight: 600; color: #14205E !important;
}
body[data-path="login"] .btn.btn-login-option:hover, body[data-path="login"] .btn.btn-default:hover { border-color: rgba(255,62,108,.45) !important; color: #E62E5C !important; transform: translateY(-1px); }
body[data-path="login"] .forgot-password-message a, body[data-path="login"] .page-card a { color: #E62E5C; }