/*
 * Tillegg for FLP 2.0. Alt annet arves uendret fra app.css (designsystemet,
 * docs/FLP-DESIGNSYSTEM.md). Bare variabler, ingen nye farger.
 */
.ui-modern .flp-hopp { position: absolute; left: -9999px; top: 0; }
.ui-modern .flp-hopp:focus { left: var(--flp-rom-3); top: var(--flp-rom-3); z-index: 100; background: var(--flp-card); padding: var(--flp-rom-2) var(--flp-rom-3); border-radius: var(--flp-radius-s); }
.ui-modern .flp-paginering { display: flex; gap: var(--flp-rom-4); align-items: center; justify-content: center; margin-top: var(--flp-rom-4); }
.ui-modern .flp-paginering [aria-disabled="true"] { color: var(--flp-muted); }
.ui-modern .flp-account-menu form { margin: 0; }
.ui-modern .flp-account-menu .flp-btn-link { width: 100%; text-align: left; }
.ui-modern .flp-qr svg { width: 200px; height: 200px; background: #fff; padding: var(--flp-rom-2); border-radius: var(--flp-radius-s); }
.ui-modern .flp-kodeliste { columns: 2; font-family: ui-monospace, monospace; }
.ui-modern .flp-arbeidsliste li { padding: var(--flp-rom-3) 0; border-bottom: 1px solid var(--flp-border); display: flex; gap: var(--flp-rom-3); justify-content: space-between; align-items: baseline; flex-wrap: wrap; }
.ui-modern .flp-arbeidsliste li:last-child { border-bottom: 0; }
.ui-modern .flp-arbeidsliste__meta { color: var(--flp-text-secondary); font-size: var(--flp-tekst-s); }

/* Varsel før automatisk utlogging (okt.js). Ligger fast nederst, så det
   synes uansett hvor på siden brukeren er. */
.ui-modern .flp-oktvarsel { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 60; max-width: 560px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; box-shadow: 0 6px 24px rgba(0, 0, 0, .18); }
.ui-modern .flp-oktvarsel__tekst { margin: 0; flex: 1 1 260px; }

/* «Vis passord» (vis-passord.js): øyeknapp inne i passordfeltet. Viser
   passordet bare mens knappen holdes inne. Knappen er 44 px høy, så den er
   lett å treffe med tommelen. */
.ui-modern .flp-passordfelt { position: relative; display: block; width: 100%; max-width: 420px; }
.ui-modern .flp-passordfelt input { max-width: none; padding-right: 52px; }
.ui-modern .flp-passordfelt__vis { position: absolute; top: 50%; right: 2px; transform: translateY(-50%); width: 44px; height: 44px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--flp-muted); touch-action: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.ui-modern .flp-passordfelt__vis:hover,
.ui-modern .flp-passordfelt__vis[aria-pressed="true"] { background: var(--flp-surface-secondary); color: var(--flp-primary-action); }
.ui-modern .flp-passordfelt__vis:focus-visible { outline-offset: -3px; }