/* Innloggingens valg: «Jeg jobber i Bama» / «Jeg er leverandør», og så glir skjemaet fram. */
.innvalg [data-innvalg-del] { display: none; }
.innvalg--valg [data-innvalg-del="valg"],
.innvalg--bama [data-innvalg-del="bama"],
.innvalg--leverandor [data-innvalg-del="leverandor"],
.innvalg--skp [data-innvalg-del="skp"] { display: flex; flex-direction: column; gap: 22px; animation: innvalg-inn 0.42s cubic-bezier(0.2, 0.8, 0.2, 1) both; }

.innvalg__knapper { display: flex; flex-direction: column; gap: 12px; }
.innvalg__knapp {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px;
  padding: 18px 18px; border: 1.5px solid var(--neutral-400); border-radius: 16px; background: var(--neutral-100);
  color: var(--bama-blue); text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.innvalg--valg .innvalg__knapp { animation: innvalg-inn 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
.innvalg--valg .innvalg__knapp + .innvalg__knapp { animation-delay: 0.08s; }
.innvalg--valg .innvalg__knapp + .innvalg__knapp + .innvalg__knapp { animation-delay: 0.16s; }
.innvalg__knapp:hover { border-color: var(--bama-blue); box-shadow: 0 10px 24px rgba(12, 31, 95, 0.12); transform: translateY(-2px); }
.innvalg__knapp:hover .innvalg__pil { transform: translateX(4px); }
.innvalg__knapp:active { transform: translateY(0) scale(0.99); }
.innvalg__knapp:focus-visible { outline: 2px solid var(--blue-600); outline-offset: 2px; }
.innvalg__ikon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; }
.innvalg__ikon--bama { background: var(--blue-200); color: var(--bama-blue); }
.innvalg__ikon--lev { background: #E7F6EC; color: var(--green-600); }
.innvalg__ikon--skp { background: #FFF4D6; color: #8A5A00; }
.innvalg__tekst { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.innvalg__tekst strong { font-family: "Apfel Grotezk", Arial, sans-serif; font-size: 17px; }
/* Én linje, også på smal skjerm (Anders 30.09.2026): heller «…» enn et brudd. */
.innvalg__tekst span { font-size: 13px; color: var(--neutral-700); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.innvalg__pil { font-size: 20px; transition: transform 0.18s ease; }
.innvalg__tilbake { align-self: flex-start; margin-bottom: -10px; font-size: 13px; font-weight: 700; color: var(--blue-600); text-decoration: none; }
.innvalg__tilbake:hover { text-decoration: underline; }
.innvalg__hjelp { color: var(--neutral-700); margin-top: -12px; }

@keyframes innvalg-inn {
  from { opacity: 0; transform: translateY(14px) scale(0.985); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .innvalg [data-innvalg-del], .innvalg__knapp { animation: none !important; transition: none; }
  .innvalg__knapp:hover { transform: none; }
}