/* login.css — login-siden og revisor-siden ("kommer snart"). Mørkt glas-kort midt på den dybe navy flade. */

.login-side { display: grid; min-height: 100dvh; }
.login {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--trin-4);
    padding: calc(var(--trin-5) + env(safe-area-inset-top)) 16px calc(var(--trin-5) + env(safe-area-inset-bottom));
}
.login__kort {
    width: 100%; max-width: 26rem;
    display: flex; flex-direction: column; gap: var(--trin-5);
    padding: var(--trin-6) var(--trin-5);
    border: 1px solid var(--farve-linje); border-radius: 20px;
    background: var(--glas); box-shadow: var(--skygge-staerk);
    -webkit-backdrop-filter: blur(20px) saturate(1.4);
    backdrop-filter: blur(20px) saturate(1.4);
}
.login__maerke { display: flex; align-items: center; gap: var(--trin-3); }
.login__maerke img { flex: none; filter: drop-shadow(0 0 16px rgba(47, 128, 201, .35)); }
.login__titel { font-size: var(--tekst-2xl); font-weight: 600; }
.login__under { font-size: var(--tekst-sm); color: var(--farve-tekst-daempet); }
.login__form { display: flex; flex-direction: column; gap: var(--trin-4); }
.login__password { position: relative; }
.login__password .felt__input { width: 100%; padding-right: calc(var(--touch-min) + 4px); }
.login__vis { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); }
.login__vis[aria-pressed="true"] { color: var(--farve-blaa-lys); }
.login__eller { display: flex; align-items: center; gap: var(--trin-3); color: var(--farve-tekst-svag); font-size: var(--tekst-xs); }
.login__eller::before, .login__eller::after { content: ''; flex: 1; height: 1px; background: var(--farve-linje); }
.login__revisor {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; align-self: center;
    min-height: var(--touch-min); padding: 0 var(--trin-3);
    color: var(--farve-link); font-size: var(--tekst-sm); font-weight: 600; text-decoration: none; border-radius: var(--radius-knap);
}
.login__revisor:hover { text-decoration: underline; }
.login__fod { max-width: 26rem; text-align: center; font-size: var(--tekst-xs); color: var(--farve-tekst-svag); }

.snart { display: flex; flex-direction: column; gap: var(--trin-3); align-items: flex-start; }
.snart p { color: var(--farve-tekst-daempet); }