/* Product assets are the supplied PNGs, displayed in a shallow crop viewport. */
.fc-wordmark {width: 240px; aspect-ratio: 6.4 / 1; overflow: hidden; flex: none;}
.fc-wordmark img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.fc-engineer-brand {display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px max(20px,calc((100vw - 1140px)/2)); background:#102f46; color:#c7e0ed;}
.fc-engineer-brand span {font-size:14px;}
.fsmcp-product {padding:0 0 20px; border-bottom:1px solid #ffffff26; margin-bottom:18px;}
.fsmcp-product .fc-wordmark {width:100%; max-width:240px;}
.fsmcp-login .fc-wordmark {margin:0 auto 24px; background:#102f46; border-radius:6px;}

/* Inherit the installed login forms and scripts. Only their layout is replaced.
   Scope deliberately outranks the saved site's legacy login theme rules. */
body[data-path="login"]:has(.fc-login-layout) {overflow:auto !important;}
#page-login .fc-login-layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;min-height:100dvh;gap:48px;padding:50px 24px;max-width:1100px;margin:auto;}
#page-login .fc-login-welcome {text-align:center;color:#fff;padding:20px;}
#page-login .fc-login-product {width:min(100%,360px);margin:0 auto 52px;}
#page-login .fc-company-logo {max-width:220px;max-height:100px;object-fit:contain;background:white;border-radius:8px;padding:12px;margin:0 auto 24px;}
#page-login .fc-login-welcome h1 {font-size:32px;line-height:1.25;color:#fff;margin:0 0 18px;font-weight:700;overflow-wrap:anywhere;}
#page-login .fc-login-welcome p {font-size:16px;color:#d4e6f4;line-height:1.5;margin:0;}
#page-login .fc-login-form section {display:block !important;min-height:0 !important;height:auto !important;padding:0 !important;overflow:visible !important;}
#page-login .fc-login-form section[style*="display: none"],
#page-login .fc-login-form section[style*="display:none"] {display:none !important;}
#page-login .fc-login-form section > .login-content.page-card {display:block !important;max-width:420px !important;min-height:0 !important;height:auto !important;padding:32px !important;margin:auto !important;border:1px solid #ffffff30 !important;border-radius:20px !important;background:#ffffff12 !important;box-shadow:0 18px 48px #0003 !important;}
#page-login .fc-login-form section > .login-content.page-card > form.form-signin {min-height:0 !important;height:auto !important;width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;}
#page-login .fc-login-form section > .login-content.page-card > .page-card-head {display:block !important;padding:0 0 24px !important;max-width:none !important;text-align:left !important;}
#page-login .fc-login-form .page-card-head .app-logo {display:none !important;}
#page-login .fc-login-form .page-card-head h4 {font-size:24px !important;color:white !important;line-height:1.3 !important;}
#page-login .fc-login-form .page-card-head h4::before,
#page-login .fc-login-form .page-card-head::after {content:none !important;}
#page-login .fc-login-form .page-card-head .page-card-subtitle {display:block !important;color:#d4e6f4 !important;font-size:14px !important;line-height:1.45 !important;margin-top:8px !important;}
#page-login .fc-login-form .form-signin .form-label {display:block !important;color:#d4e6f4 !important;}
@media (max-width:900px) {
  #page-login .fc-login-layout {grid-template-columns:minmax(0,1fr);min-height:100dvh;gap:28px;padding:30px 12px;}
  #page-login .fc-login-welcome {padding:0 8px;}
  #page-login .fc-login-product {width:min(100%,280px);margin-bottom:26px;}
  #page-login .fc-company-logo {max-height:80px;margin-bottom:16px;}
  #page-login .fc-login-welcome h1 {font-size:26px;}
  #page-login .fc-login-form section > .login-content.page-card {padding:26px 22px !important;}
  .fc-engineer-brand {padding:16px;flex-wrap:wrap;}
  .fc-engineer-brand .fc-wordmark {width:210px;}
}