/* Solarinfo login UI 20261013.1. Önálló, csak a belépőoldalon betöltött CSS. */
html {
    min-height: 100%;
    background: #caf6ff;
}
body.sa-login,
.sa-login *,
.sa-login *::before,
.sa-login *::after {
    box-sizing: border-box;
}
body.sa-login {
    margin: 0;
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    min-height: 100svh;
    padding: 32px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #203b45;
    background: linear-gradient(156deg, #caf6ff 0%, #159fb2 100%);
    font: 14px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
}
.sa-login .sa-login-shell {
    flex: 0 1 430px;
    width: 100%;
    max-width: 430px;
    min-width: 0;
}
.sa-login .sa-login-brand {
    padding: 0 20px 26px;
    text-align: center;
}
.sa-login .sa-login-logo {
    display: block;
    width: 290px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}
.sa-login .sa-login-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 36px 38px 38px;
    background: #fff;
    border: 1px solid #e4eff1;
    border-radius: 20px;
    box-shadow: 0 20px 80px #18556920;
    overflow-wrap: anywhere;
}
.sa-login .sa-login-eyebrow {
    color: #07857f;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 1.6px;
}
.sa-login h1 {
    margin: 8px 0 10px;
    color: #193c46;
    font-size: 29px;
    font-weight: 750;
    letter-spacing: -.8px;
    line-height: 1.2;
}
.sa-login .sa-muted {
    margin: 0 0 24px;
    color: #617980;
}
.sa-login form {
    margin: 0;
    min-width: 0;
}
.sa-login label {
    display: block;
    margin: 18px 0 7px;
    color: #4b6872;
    font-size: 12px;
    font-weight: 600;
}
.sa-login label:first-of-type {
    margin-top: 0;
}
.sa-login input[type="email"],
.sa-login input[type="password"] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 46px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #d9e4e8;
    border-radius: 8px;
    background: #fcfefe;
    color: #274953;
    font: inherit;
    font-size: 16px;
    line-height: 1.5;
}
.sa-login .sa-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    margin: 24px 0 0;
    padding: 11px 14px;
    border: 1px solid #137c73;
    border-radius: 8px;
    background: #137c73;
    color: #fff;
    font: inherit;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
}
.sa-login .sa-btn:hover {
    background: #09665f;
    border-color: #09665f;
}
.sa-login :focus-visible {
    outline: 3px solid #54b7c1;
    outline-offset: 3px;
}
.sa-login .sa-message {
    margin: 18px 0;
    padding: 12px 14px;
    border: 1px solid #f1cece;
    border-radius: 10px;
    background: #fff0f0;
    color: #a92c39;
    overflow-wrap: anywhere;
}
.sa-login .sa-login-footer {
    padding: 20px 0 0;
    text-align: center;
}
.sa-login .sa-login-footer img {
    display: block;
    width: 88px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}
.sa-login [hidden],
.sa-login input[type="hidden"] {
    display: none !important;
}
@media (max-width: 480px) {
    body.sa-login { padding: 24px 16px; }
    .sa-login .sa-login-brand { padding: 0 16px 22px; }
    .sa-login .sa-login-logo { width: 250px; }
    .sa-login .sa-login-card { padding: 28px 24px; border-radius: 18px; }
    .sa-login h1 { font-size: 26px; letter-spacing: -.6px; }
}
@media (max-height: 600px) {
    body.sa-login { padding-top: 20px; padding-bottom: 20px; }
    .sa-login .sa-login-brand { padding-bottom: 18px; }
}