:root { color-scheme: light dark; --ok: #1a7f37; --feil: #b42318; --ramme: #8884; }
body { margin: 0 auto; font: 16px/1.5 system-ui, sans-serif; max-width: 56rem; padding: 0 1rem; }
header h1 { font-size: 1.4rem; margin: 1.5rem 0 0.5rem; }
footer { color: #888; font-size: 0.85rem; margin-top: 3rem; }
dl.status { display: grid; grid-template-columns: max-content 1fr; gap: 0.25rem 1rem; border: 1px solid var(--ramme); border-radius: 6px; padding: 0.75rem 1rem; }
dl.status dt { font-weight: 600; }
dl.status dd { margin: 0; }
dl.status dd.ok { color: var(--ok); }
dl.status dd.feil { color: var(--feil); font-weight: 600; }
dl.profil { display: flex; gap: 0.5rem 1rem; flex-wrap: wrap; margin: 0.5rem 0; font-size: 0.9rem; }
dl.profil dt { font-weight: 600; }
dl.profil dd { margin: 0 1rem 0 0; }
nav.admin-meny { margin: 0.75rem 0 1.5rem; }
p.ok { color: var(--ok); }
p.feil { color: var(--feil); font-weight: 600; }
table { border-collapse: collapse; width: 100%; font-size: 0.95rem; }
th, td { text-align: left; padding: 0.35rem 0.5rem; border-bottom: 1px solid var(--ramme); vertical-align: top; }
tr.inaktiv { opacity: 0.55; }
.felt { display: grid; grid-template-columns: minmax(12rem, 18rem) 1fr; gap: 0.5rem; align-items: center; margin: 0.35rem 0; }
input, select { font: inherit; padding: 0.3rem 0.45rem; border: 1px solid var(--ramme); border-radius: 4px; background: transparent; color: inherit; max-width: 28rem; }
button { font: inherit; padding: 0.35rem 0.9rem; border: 1px solid var(--ramme); border-radius: 4px; background: transparent; color: inherit; cursor: pointer; margin: 0.5rem 0; }
button:disabled, input:disabled, select:disabled { opacity: 0.5; cursor: default; }
td form { display: flex; gap: 0.35rem; flex-wrap: wrap; align-items: center; }
td form button, td form select { margin: 0; }