/* Felles for admin-sidene. .xp = Luna (knapper/felt arver fra xp.css), .klassisk = svart/hvit original */
.admin label { display: block; }
.admin input[type=text], .admin input[type=password], .admin input[type=file],
.admin textarea, .admin select { width: 100%; box-sizing: border-box; }
.knapp { display: inline-block; text-decoration: none; }
.knapperad { display: flex; flex-wrap: wrap; align-items: center; }

/* ---------- XP ---------- */
.xp .admin { max-width: 860px; margin: 0 auto; padding: 16px 16px 60px; box-sizing: border-box; }
/* Groupbox-overskrift som XP legend */
.xp .admin h2 {
    display: flex; align-items: center; gap: 6px;
    font: bold 13px var(--xp-font); color: #0046D5;
    margin: 22px 0 0;
}
.xp .admin h2::after { content: ""; flex: 1; border-top: 1px solid #D0D0BF; }
.xp .admin label { margin-top: 10px; }
.xp .admin input[type=text], .xp .admin input[type=password], .xp .admin input[type=file],
.xp .admin textarea, .xp .admin select { padding: 3px 4px; margin-top: 2px; }
.xp .admin input[type=file] { background: transparent; border: 0; padding: 0; }
.xp .admin textarea { line-height: 1.4; }
.xp .knapp { line-height: 15px; box-sizing: border-box; }
.xp .knapp, .xp .knapp:visited, .xp .knapp:hover { color: #000; }
.xp .knapp-fare { color: #A00; }
.xp .knapperad { gap: 6px; margin-top: 14px; }
.xp .hjelp { color: #5A5A5A; font-size: 11px; margin-top: 3px; }
/* XP-varselboks */
.xp .melding {
    position: relative; margin: 12px 0 0; padding: 8px 10px 8px 40px; min-height: 18px;
    background: #FFFFE1; border: 1px solid #ACA899; border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
}
.xp .melding::before {
    position: absolute; left: 10px; top: 6px; width: 22px; height: 22px; border-radius: 50%;
    display: grid; place-items: center; font: bold 14px var(--xp-font); color: #FFF;
}
.xp .ok::before { content: "i"; background: radial-gradient(circle at 35% 30%, #8FB6FF, #1F5BD6 70%); }
.xp .ikke-ok::before { content: "×"; background: radial-gradient(circle at 35% 30%, #FF9A8A, #D31A0B 70%); }

/* ---------- Klassisk ---------- */
.klassisk .admin { max-width: 800px; margin: 4vh auto 10vh; padding: 0 5vw; }
.klassisk .admin h2 { border-bottom: 1.5px solid black; padding-bottom: 6px; margin-top: 4vh; }
.klassisk .admin label { margin-top: 1em; }
.klassisk .admin input[type=text], .klassisk .admin input[type=password], .klassisk .admin input[type=file],
.klassisk .admin textarea, .klassisk .admin select {
    font-family: inherit; font-size: 1em; padding: 8px;
    border: 1.5px solid black; border-radius: 5px; background: white;
}
.klassisk .admin textarea { line-height: 1.5; }
.klassisk .knapp, .klassisk .admin button { padding: 10px 18px; }
.klassisk .knapp-fare { border-color: #a00; color: #a00; }
.klassisk .knapperad { gap: 1em; margin-top: 2em; }
.klassisk .hjelp { color: #555; font-size: 0.9em; margin-top: 0.3em; }
.klassisk .melding { padding: 10px; border-radius: 5px; margin-top: 2vh; }
.klassisk .ok { background: #dff5df; border: 1.5px solid #2a7; }
.klassisk .ikke-ok { background: #fbdcdc; border: 1.5px solid #a00; }