/* Filnavn: login.css — supplerer den godkendte fælles typografi. */
.login-nav{display:flex;gap:24px;font-size:14px;flex-wrap:wrap}.login-main{padding-bottom:70px}.login-options input{width:auto!important;margin:0 7px 0 0!important;min-height:0!important;accent-color:var(--accent)}.login-options a{text-decoration:underline}.login-error{color:#843b36;margin:15px 0!important}.login-success{background:var(--sage);padding:16px;margin-top:25px}.products-main{padding-block:55px 75px}.products-main h1{font-family:var(--serif);font-size:54px;line-height:1.15;margin:14px 0 22px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0}.product-card{padding:30px;border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--white)}.product-card h2{font-family:var(--serif);font-size:30px}.product-card p{margin:18px 0 25px}.product-SM{--accent:#35566b;--accent-dark:#243e50}.product-EN{--accent:#355b46;--accent-dark:#234332}.global-logout{margin-top:35px}.login-form .btn{margin-top:18px}.login-main>p{margin-top:16px}.login-main>h1{font-family:var(--serif)}@media(max-width:800px){.product-grid{grid-template-columns:1fr}.header-inner{flex-wrap:wrap;padding-block:22px;gap:20px}.brand-name{font-size:30px}.login-nav{gap:18px}.products-main h1{font-size:42px}}

/* Same field appearance while its type temporarily changes to text. */
.password-field{position:relative;width:100%}
.login-form .password-field input{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);padding:13px 58px 13px 15px;background:var(--white);border-radius:0;color:var(--muted);font-size:14px;opacity:1;-webkit-text-fill-color:var(--muted)}
.password-field .password-reveal{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:40px;min-height:0;margin:0;padding:10px;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.password-reveal svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.password-field .password-reveal[aria-pressed=true]{color:var(--accent)}
.password-field .password-reveal:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.password-field input::-ms-reveal{display:none}