:root {
  --bg:#f3f4f1; --flotur:#ffffff; --flotur-2:#f7f8f5; --flotur-3:#eceee9; --hlid:#eaece8;
  --texti:#16201c; --daufur:#4d5a55; --lina:#dfe3dc; --lina-st:#c9cfc6; --jadar:#7b8580;
  --litur:#0f6b5c; --litur-st:#0b5649; --litur-a:#ffffff; --litur-daufur:#e2efe9;
  --rautt:#a83226; --rautt-daufur:#f9e9e6; --graent:#0f6b5c;
  --side:#0e2b25; --side-2:#163a32; --side-txt:#cfe2db; --side-txt-2:#9bbdb2; --side-act:#1f4a40; --side-merki:#5fc6b1;
  --s-drog-bg:#eceeeb; --s-drog:#55605b; --s-sent-bg:#e3edfb; --s-sent:#1f5fb8; --s-greitt-bg:#dff3e7; --s-greitt:#18794a;
  --s-gjald-bg:#fde6e3; --s-gjald:#b4271a; --s-pantad-bg:#fbf1cc; --s-pantad:#8a6300; --s-bidur-bg:#fde9d6; --s-bidur:#9a4700;
  --fokus:#e08a00;
  --skuggi:0 1px 2px rgb(16 40 34 / .06), 0 4px 14px rgb(16 40 34 / .05);
  --letur:"Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, sans-serif;
  --radius:10px; --radius-l:12px; --bil-1:8px; --bil-2:16px; --bil-3:24px;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-utlit="ljost"]) {
  --bg:#101413; --flotur:#161c1a; --flotur-2:#1a211f; --flotur-3:#212a27; --hlid:#0c0f0e;
  --texti:#e5ece9; --daufur:#a9b8b2; --lina:#27312e; --lina-st:#34403c; --jadar:#6f7b76;
  --litur:#5fc6b1; --litur-st:#7fd6c3; --litur-a:#06231d; --litur-daufur:#173a33;
  --rautt:#ff9a8c; --rautt-daufur:#3a1714; --graent:#5fc6b1;
  --side:#0a1412; --side-2:#12201d; --side-txt:#cfe2db; --side-txt-2:#80a096; --side-act:#183530; --side-merki:#5fc6b1;
  --s-drog-bg:#262d2b; --s-drog:#b2bdb8; --s-sent-bg:#16263d; --s-sent:#8cb8f5; --s-greitt-bg:#14301f; --s-greitt:#74d39c;
  --s-gjald-bg:#3a1714; --s-gjald:#ff9a8c; --s-pantad-bg:#342a0c; --s-pantad:#ecc65a; --s-bidur-bg:#3a230e; --s-bidur:#ffad66;
  --fokus:#ffb84d;
  --skuggi:none;
  }
}
:root[data-utlit="dokkt"] {
  --bg:#101413; --flotur:#161c1a; --flotur-2:#1a211f; --flotur-3:#212a27; --hlid:#0c0f0e;
  --texti:#e5ece9; --daufur:#a9b8b2; --lina:#27312e; --lina-st:#34403c; --jadar:#6f7b76;
  --litur:#5fc6b1; --litur-st:#7fd6c3; --litur-a:#06231d; --litur-daufur:#173a33;
  --rautt:#ff9a8c; --rautt-daufur:#3a1714; --graent:#5fc6b1;
  --side:#0a1412; --side-2:#12201d; --side-txt:#cfe2db; --side-txt-2:#80a096; --side-act:#183530; --side-merki:#5fc6b1;
  --s-drog-bg:#262d2b; --s-drog:#b2bdb8; --s-sent-bg:#16263d; --s-sent:#8cb8f5; --s-greitt-bg:#14301f; --s-greitt:#74d39c;
  --s-gjald-bg:#3a1714; --s-gjald:#ff9a8c; --s-pantad-bg:#342a0c; --s-pantad:#ecc65a; --s-bidur-bg:#3a230e; --s-bidur:#ffad66;
  --fokus:#ffb84d;
  --skuggi:none;
  color-scheme: dark;
}
:root[data-utlit="ljost"] { color-scheme: light; }

*, *::before, *::after { box-sizing:border-box; }
html { scrollbar-color:var(--lina) transparent; -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg); color:var(--texti); font:1rem/1.55 var(--letur); caret-color:var(--litur); }
::selection { background:color-mix(in oklab, var(--litur) 28%, transparent); }
:focus-visible { outline:3px solid var(--fokus); outline-offset:2px; border-radius:6px; }
a { color:var(--litur); text-underline-offset:3px; text-decoration-thickness:1px; }
a:hover { text-decoration-thickness:2px; }
b, strong { font-weight:650; }
.tala { font-variant-numeric:tabular-nums; }
.takn { vertical-align:-1px; }
.svg { flex:none; display:inline-block; vertical-align:middle; }

.hoppa { position:absolute; left:8px; top:-60px; padding:10px 14px; background:var(--flotur); border-radius:8px; z-index:20; }
.hoppa:focus { top:8px; }

/* Rammi: vinstri dálkur (.hlid) og aðalsvæði (.adal) með efstu stiku (.efsta) og efni (main). */
.skel { display:grid; grid-template-columns:240px minmax(0, 1fr); min-height:100dvh; }
.hlid { position:sticky; top:0; height:100dvh; overflow-y:auto; display:flex; flex-direction:column; background:var(--side); color:var(--side-txt); }
.ordmerki { padding:0 12px; font-size:1.25rem; font-weight:700; letter-spacing:-.02em; color:var(--texti); text-decoration:none; }
.hlid .ordmerki { display:flex; align-items:center; gap:10px; padding:20px 20px 14px; color:#f2faf7; font-size:1.125rem; letter-spacing:.01em; }
.merki-d { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:var(--side-merki); color:#06231d; font-weight:800; font-size:1.0625rem; }
.ordmerki small { display:block; font-size:.75rem; font-weight:500; letter-spacing:0; color:var(--side-txt-2); line-height:1.2; }
.adalval { display:flex; flex-direction:column; gap:2px; padding:6px 12px; }
.val-fyrirsogn { margin:0; padding:16px 10px 6px; font-size:.6875rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--side-txt-2); }
.adalval a, .meira-spjald a { display:flex; align-items:center; gap:11px; padding:9px 10px; border-radius:8px; color:var(--side-txt); text-decoration:none; font-weight:550; font-size:.9375rem; }
.adalval a:hover { background:var(--side-2); }
/* Lítið merki aftan við heiti sem er ekki virkt enn: hlutlaus rammi í lit textans, ekki áberandi hnappur. */
.still-bradum { margin-left:auto; padding:1px 8px; border:1px solid currentColor; border-radius:999px; font-size:.6875rem; font-weight:600; line-height:1.5; letter-spacing:.02em; opacity:.8; }
.adalval a[aria-current] { background:var(--side-act); color:#fff; box-shadow:inset 3px 0 0 var(--side-merki); }
.hlid-nedst { margin-top:auto; display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:12px 22px 18px; border-top:1px solid var(--side-2); font-size:.9375rem; }
.hlid-nedst form { margin:0; }
.hlid-nedst a.ut { color:var(--side-txt); }
.hlid-nedst button.hljod { color:var(--side-txt); }
.nafn { color:inherit; }
.fornafn { display:none; }
.simaval { display:none; }

.adal { min-width:0; display:flex; flex-direction:column; }
.efsta { position:sticky; top:0; z-index:5; display:flex; align-items:center; gap:10px; padding:10px 40px; background:var(--flotur); border-bottom:1px solid var(--lina); }
.efsta-merki { display:none; align-items:center; gap:10px; margin-right:auto; color:var(--texti); font-weight:700; text-decoration:none; }
.efsta-leit { display:flex; flex:1; max-width:520px; margin:0 auto 0 0; }
.efsta-leit input { min-height:40px; margin:0; background:var(--flotur-2); }
.efsta .takki { min-height:40px; padding:7px 14px; white-space:nowrap; }
.efsta .takki .svg { margin-right:7px; }

main { width:100%; max-width:1200px; padding:28px 40px 72px; }
.sidhaus { margin:0 0 24px; }
h1 { margin:0; font-size:1.625rem; line-height:1.2; font-weight:750; letter-spacing:-.01em; text-wrap:balance; }
.sidhaus p { margin:4px 0 0; color:var(--daufur); }

body.uti { display:grid; place-items:center; min-height:100dvh; padding:24px 16px; }
body.uti main { max-width:380px; padding:0; }
body.uti .ordmerki { display:block; margin:0 0 28px; padding:0; font-size:1.5rem; }
body.uti h1 { margin-bottom:20px; font-size:1.25rem; }
body.uti .bod { margin-bottom:16px; }

@media (max-width: 860px) {
  .skel { grid-template-columns:minmax(0, 1fr); }
  /* Valmyndin neðst á skjánum má ekki hylja reit eða hnapp sem vafrinn skrunar að. */
  html { scroll-padding-bottom:96px; }
  /* Vinstri dálkurinn verður fótur síðunnar (Payday og útskráning); valmyndin er neðst á skjánum. */
  .hlid { position:static; z-index:3; order:2; height:auto; overflow:visible; padding:0 0 88px; }
  .hlid .ordmerki, .adalval { display:none; }
  .hlid-nedst { margin:0; flex-direction:row; align-items:center; gap:4px 18px; padding:14px 16px; border-top:0; }
  .hlid-nedst .ut, .nafn { display:none; }
  /* Tveir nota appið: fornafnið segir á hvaða aðgangi maður er, án þess að opna neitt. */
  .hlid-nedst .fornafn { display:inline; margin-left:0; color:inherit; }
  /* Útskrá er einn hnappur með einum lit og 44 px snertifleti, ekki tvö orð sem líta út eins og tveir tenglar. */
  /* inline-block, ekki flex: í flex fær hvert orð sína undirstrikun og bilið á milli brýtur hana. */
  .hlid-nedst button.hljod { display:inline-block; min-height:44px; line-height:44px; padding:0 4px; }
  .adal { order:1; }
  .efsta { padding:8px 12px; }
  .efsta-merki { display:flex; }
  .efsta-leit { display:none; }
  .efsta .takki { min-height:44px; padding:7px 12px; }
  main { padding:20px 16px 24px; }
  .simaval { position:fixed; inset:auto 0 0 0; z-index:10; display:flex; flex-direction:row; align-items:stretch; justify-content:space-around; padding:6px 4px calc(6px + env(safe-area-inset-bottom)); background:var(--flotur); border-top:1px solid var(--lina); }
  .simaval a, .simaval summary { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:52px; padding:4px 2px; border-radius:10px; color:var(--daufur); font-size:.75rem; font-weight:600; text-decoration:none; text-align:center; cursor:pointer; list-style:none; }
  .simaval summary::-webkit-details-marker { display:none; }
  .simaval a[aria-current], .simaval summary.virk { background:var(--litur-daufur); color:var(--litur); }
  .meira { flex:1; display:flex; margin:0; }
  .meira[open] > summary { margin:0; background:var(--litur-daufur); color:var(--litur); }
  .meira-spjald { position:absolute; right:8px; bottom:calc(100% + 8px); min-width:14rem; padding:8px; display:flex; flex-direction:column; gap:2px; background:var(--side); border-radius:12px; box-shadow:0 8px 28px rgb(0 0 0 / .3); }
  .simaval .meira-spjald a { flex:none; flex-direction:row; justify-content:flex-start; gap:11px; min-height:44px; padding:9px 10px; color:var(--side-txt); font-size:.9375rem; text-align:left; }
  .meira-spjald a:hover { background:var(--side-2); }
  .simaval .meira-spjald a[aria-current] { background:var(--side-act); color:#fff; box-shadow:inset 3px 0 0 var(--side-merki); }
}
@media (prefers-reduced-motion: reduce) { * { transition:none !important; } }
@media print { .hlid, .efsta, .simaval, .hoppa, .adgerdir, .ekki-prenta { display:none; } .adeins-prenta { display:block; } body, main { background:#fff; color:#000; } }

h2 { margin:36px 0 12px; font-size:1.0625rem; line-height:1.3; font-weight:650; }
section:first-child > h2, .tvidalka h2:first-child, .sidhaus + section > h2 { margin-top:0; }
.tvidalka .skra > section + section > h2 { margin-top:32px; }
h3 { margin:0; font-size:1rem; font-weight:650; }
p { margin:0 0 12px; max-width:68ch; }
.auka, .hjalp, .tomt, .undir { color:var(--daufur); font-size:.9375rem; }
.hjalp { margin:0 0 14px; }
.rod + .hjalp { margin-top:-8px; }
div.flotur form { margin:4px 0 16px; }
.undir { margin-top:12px; }
.athuga li { grid-template-columns:minmax(0, 1fr); }
.manadaval { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:8px; }
.manadaval a { display:inline-flex; align-items:center; min-height:44px; }
.listi li.samtals { font-weight:600; }
.adgerdir { margin-top:28px; }
.sidaadgerdir { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 20px; }
.sidaadgerdir form { margin:0; }
.leit { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:8px; margin:0 0 16px; }
.leit input { margin:0; }
.stor { font-size:1.5rem; }
.sia { margin-top:20px; }
.sia a[aria-current] { color:var(--texti); font-weight:650; text-decoration:none; }
.listi li.undir-lagmarki { box-shadow:inset 3px 0 0 var(--rautt); }

.flotur { background:var(--flotur); border:1px solid var(--lina); border-radius:12px; box-shadow:var(--skuggi); }
div.flotur, p.flotur, article.flotur { padding:20px; }
div.flotur > :last-child, article.flotur > :last-child { margin-bottom:0; }
.mjott { max-width:640px; }

.takki { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; border:1px solid transparent; border-radius:8px; background:var(--litur); color:var(--litur-a); font:inherit; font-weight:650; text-decoration:none; cursor:pointer; transition:background-color .15s ease-out, transform .1s ease-out; }
.takki:hover { background:color-mix(in oklab, var(--litur) 86%, var(--texti)); }
.takki:active { transform:translateY(1px); }
.takki.tonn { background:var(--litur-daufur); color:var(--litur); }
.takki.tonn:hover { background:color-mix(in oklab, var(--litur-daufur) 88%, var(--litur)); }
.takki:disabled { opacity:.5; cursor:not-allowed; }
button.hljod { padding:4px 0; border:0; background:none; color:var(--litur); font:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
button.hljod:hover { text-decoration-thickness:2px; }

.form { padding:20px; }
label { display:block; margin:0 0 6px; font-weight:600; font-size:.9375rem; }
input, select { display:block; width:100%; min-height:44px; margin:0 0 16px; padding:9px 12px; border:1px solid var(--jadar); border-radius:8px; background:var(--bg); color:inherit; font:inherit; transition:border-color .15s ease-out; }
input:hover, select:hover { border-color:var(--texti); }
input:focus-visible, select:focus-visible { outline:2px solid var(--litur); outline-offset:0; border-color:var(--litur); border-radius:8px; }
input::placeholder { color:var(--daufur); }
input[readonly] { border-style:dashed; color:var(--daufur); }
input[aria-invalid="true"] { border-color:var(--rautt); outline-color:var(--rautt); }
input[readonly]:hover { border-color:var(--jadar); }
/* minmax(0, …): dagsetningarreitur hefur innri lágmarksbreidd og ýtti annars út fyrir spjaldið. */
.rod { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; align-items:end; }
details { margin:0 0 18px; }
summary { color:var(--daufur); font-size:.9375rem; cursor:pointer; }
details[open] summary { margin-bottom:12px; }
details input { margin-bottom:0; }
input + .hjalp { margin-top:-8px; }
details input + .hjalp { margin-top:8px; }
details .takki { margin-bottom:4px; }
.form .takki { width:100%; }

.bod { padding:12px 14px; border-radius:8px; background:var(--litur-daufur); color:var(--texti); max-width:none; }
.bod.villa, .athugid { background:var(--rautt-daufur); }
.bod form.bod-adgerd { display:inline; margin-left:8px; }
.athugid { padding:12px 14px; border-radius:8px; max-width:none; margin-bottom:24px; }
.athugid b, .framyfir { color:var(--rautt); }

.ferli { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); background:var(--flotur); border:1px solid var(--lina); border-radius:12px; box-shadow:var(--skuggi); }
.ferli.eitt { grid-template-columns:minmax(0, 320px); }
.ferli li { position:relative; display:grid; gap:2px; padding:18px 20px; }
.ferli li + li { border-left:1px solid var(--lina); }
.ferli li + li::before { content:""; position:absolute; left:-6px; top:50%; width:10px; height:10px; margin-top:-5px; background:var(--flotur); border-top:1px solid var(--lina); border-right:1px solid var(--lina); transform:rotate(45deg); }
/* Örvar aðeins í ferli (ol); talnaspjöld (ul) eru ekki röð og fá bil að næsta efni. */
ul.ferli { margin-bottom:24px; }
ul.ferli li + li::before { display:none; }
.ferli .heiti { color:var(--daufur); font-size:.9375rem; }
.ferli .tala { font-size:1.375rem; line-height:1.3; letter-spacing:-.01em; }

.listi, .faerslur { list-style:none; margin:0; padding:0; }
.listi li { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:16px; padding:14px 20px; }
.listi li + li, .faerslur li + li { border-top:1px solid var(--lina); }
.listi div { display:grid; gap:1px; }
.h { text-align:right; justify-items:end; }
.faerslur li { display:grid; grid-template-columns:3.4rem minmax(0, 1fr) auto; gap:12px; padding:10px 0; align-items:baseline; overflow-wrap:anywhere; }
.faerslur.flotur li { grid-template-columns:3.4rem minmax(0, 1fr) auto 5.5rem; padding:10px 20px; }
.faerslur form { margin:0; }
.tafla td a { display:block; color:var(--litur); text-decoration:underline; text-underline-offset:3px; }
.faerslur .lysing { display:block; }
.faerslur.drog li { grid-template-columns:minmax(0, 1fr) auto auto; }
.samtala { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:4px 16px; margin:12px 0 16px; padding-top:12px; border-top:1px solid var(--lina); }
.samtala dt, .samtala dd { margin:0; }
.samtala dd { text-align:right; }
.dags { color:var(--daufur); }

.hopur { margin-bottom:16px; }
.hopur header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:4px 16px; margin-bottom:6px; }
.hopur header p { margin:0; }
.hopur form { margin-top:14px; }
.hopur.ovist { border-color:var(--rautt); }
.val { display:flex; flex-wrap:wrap; gap:10px; }

.tvidalka { display:grid; grid-template-columns:minmax(0, 340px) minmax(0, 1fr); gap:40px; align-items:start; }
.skra { position:sticky; top:84px; }

.skref { margin:0 0 16px; padding-left:1.3em; }
.skref li { padding:2px 0; }
.skref li a { display:inline-flex; align-items:center; min-height:44px; padding:0 6px; }
.varakodi-leid .form .takki { margin-top:12px; }
.adeins-prenta { display:none; }
.kodi { display:inline-block; padding:12px 16px; border-radius:8px; background:var(--bg); border:1px solid var(--lina); font:650 1.25rem/1.3 ui-monospace, "Cascadia Mono", Consolas, monospace; letter-spacing:.06em; user-select:all; }
.daemi { font-family:ui-monospace, "Cascadia Mono", Consolas, monospace; font-size:.9375rem; }
/* QR-kóðinn hefur eigin hvítan grunn og jaðar, svo hann skannast líka í dökku útliti. */
.qr { display:block; width:100%; max-width:240px; height:auto; margin:0 0 16px; border-radius:8px; }
.leynd, .varakodar { font-family:ui-monospace, "Cascadia Mono", Consolas, monospace; font-size:1.0625rem; letter-spacing:.04em; }
.leynd { padding:10px 12px; border:1px dashed var(--jadar); border-radius:8px; user-select:all; overflow-wrap:anywhere; }
/* Einn dálkur: á tölvu og á blaði er hver varakóði heil lína. */
.varakodar { margin:0 0 16px; padding-left:2.2em; overflow-x:auto; }
.varakodar li { padding:4px 0; white-space:nowrap; user-select:all; }
/* Í síma er letrið jafnstórt og leiðbeiningarnar. Kóðinn brotnar þá á milli hópa (<wbr> eftir bandstrik), aldrei inni
   í hópi, svo ekkert falli út af skjánum. */
@media (max-width: 480px) {
  .varakodar { font-size:1rem; letter-spacing:0; padding-left:32px; }
  .varakodar li { white-space:normal; padding:6px 0; }
}
input.kodareitur[inputmode="numeric"] { font-size:1.25rem; letter-spacing:.12em; }
/* Summary heldur örinni (list-item) og nær 44 px með bili, svo sjáist að hægt sé að opna. */
.tveggja summary, .varakodi-leid summary { padding-block:11px; color:var(--litur); }
.tveggja button.hljod, p.undir > a:only-child { display:inline-flex; align-items:center; min-height:44px; }
@media (min-width: 861px) { .i-sima { display:none; } }
@media (max-width: 860px) { .a-tolvu { display:none; } }

.sjonlaust { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.smatakkar { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end; gap:4px 14px; }
.smatakkar form { margin:0; }
.smatakkar .takki { min-height:36px; padding:6px 12px; }
.listi li.lokad { opacity:.65; }
/* Þjónustusaga nær yfir ár, svo dagurinn ber ártal og fær breiðari dálk en „20.10.“. */
.faerslur.flotur.saga li { grid-template-columns:auto minmax(0, 1fr) auto; }
.faerslur.flotur.fratekid li { grid-template-columns:minmax(0, 1fr) auto; }
.flotur + .tvidalka { margin-top:36px; }
.stokk { margin:-8px 0 20px; font-size:.9375rem; }
details.nyr { margin-top:20px; }
details.nyr > summary { display:inline-flex; list-style:none; color:var(--litur); }
details.nyr > summary::-webkit-details-marker { display:none; }
details.nyr[open] > summary { margin-bottom:16px; }
.faerslur.timabil li { grid-template-columns:minmax(0, 1fr) auto; }
.faerslur.timabil .smatakkar { grid-column:1 / -1; justify-content:flex-start; }
.saga .dags { white-space:nowrap; }
.hopur h4 { margin:14px 0 6px; font-size:.9375rem; font-weight:650; }
.stadur-haus { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:0 16px; }
.stadur-haus a { font-size:.9375rem; }

input[type="radio"], input[type="checkbox"] { display:inline-block; flex:none; width:1.25rem; height:1.25rem; min-height:0; margin:0 10px 0 0; accent-color:var(--litur); }
details.eyda { margin:0; }
details.eyda summary { list-style:none; color:var(--litur); font-size:inherit; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
details.eyda summary::-webkit-details-marker { display:none; }
details.eyda[open] { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; }
details.eyda[open] summary { margin:0; }
button.hljod.villa { color:var(--rautt); font-weight:650; }
fieldset { margin:0 0 16px; padding:0; border:0; min-width:0; }
legend { margin:0 0 6px; padding:0; font-weight:600; font-size:.9375rem; }
.valhnappar label, label.hak { display:flex; align-items:center; min-height:40px; font-weight:500; }
label.hak { margin:4px 0 16px; }

.merki { margin:0 0 8px; font-weight:600; font-size:.9375rem; }

/* Engin hliðarfylling: annars sést skrunað efni vinstra megin við kyrra dálkinn. */
div.tafla-rammi { overflow-x:auto; margin-bottom:8px; padding:4px 0; }
.tafla { width:100%; border-collapse:collapse; font-size:.9375rem; }
.tafla th, .tafla td { padding:10px 12px; text-align:right; border-bottom:1px solid var(--lina); white-space:nowrap; }
.tafla th:first-child { position:sticky; left:0; z-index:1; text-align:left; white-space:normal; min-width:11rem; background:var(--flotur); }
.tafla thead th { font-weight:600; color:var(--daufur); }
.tafla thead th span { display:block; font-weight:400; font-size:.8125rem; }
.tafla thead th.idag { color:var(--litur); }
.tafla tfoot th, .tafla tfoot td { border-bottom:0; font-weight:650; }


/* ---- D: takkar, merki, flipar ---- */
nav { display:flex; flex-direction:column; gap:2px; }
.takki.ljos { background:var(--flotur); color:var(--texti); border-color:var(--lina-st); }
.takki.ljos:hover { background:var(--flotur-3); }
.takki.litill { min-height:36px; padding:6px 12px; font-size:.9375rem; }
.takki .svg { margin-right:7px; }
/* Stöðumerki: litur og orð, aldrei litur einn. */
.stada { display:inline-flex; align-items:center; gap:6px; padding:2px 10px; border-radius:999px; background:var(--s-drog-bg); color:var(--s-drog); font-size:.8125rem; font-weight:650; white-space:nowrap; }
.stada::before { content:""; width:7px; height:7px; border-radius:50%; background:currentColor; }
.stada.sent { background:var(--s-sent-bg); color:var(--s-sent); }
.stada.greitt { background:var(--s-greitt-bg); color:var(--s-greitt); }
.stada.gjald { background:var(--s-gjald-bg); color:var(--s-gjald); }
.stada.pantad { background:var(--s-pantad-bg); color:var(--s-pantad); }
.stada.bidur { background:var(--s-bidur-bg); color:var(--s-bidur); }
/* Flipar eru hlekkir (síða með ?flipi=...), ekki hnappar. */
.flipar { flex-direction:row; flex-wrap:wrap; gap:6px; margin:0 0 20px; padding:0; }
.flipar a { display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:5px 13px; border:1px solid var(--lina-st); border-radius:999px; background:var(--flotur); color:var(--daufur); font-size:.875rem; font-weight:650; text-decoration:none; }
.flipar a:hover { background:var(--flotur-3); }
.flipar a[aria-current] { background:var(--litur); border-color:var(--litur); color:var(--litur-a); }
.flipar .fjoldi { font-weight:500; opacity:.85; }

/* ---- Útdraganleg lína (src/sidur-hlutar.mjs). Grid-línur í lista, aldrei <table>. ---- */
.linur { list-style:none; margin:0; padding:0; }
.linur > li + li { border-top:1px solid var(--lina); }
.lina-d { margin:0; }
.lina-s { display:grid; grid-template-columns:minmax(0, 1fr) 32px; align-items:center; gap:4px 16px; min-height:56px; padding:10px 16px 10px 20px; color:var(--texti); font-size:1rem; cursor:pointer; list-style:none; }
.lina-s::-webkit-details-marker { display:none; }
.lina-s:hover { background:color-mix(in oklab, var(--texti) 4%, transparent); }
.lina-d[open] > .lina-s { margin:0; background:var(--litur-daufur); }
.lina-nafn { display:grid; gap:1px; min-width:0; overflow-wrap:anywhere; }
.lina-nafn b { font-weight:650; }
.lina-reitur { min-width:0; color:var(--daufur); font-size:.9375rem; overflow-wrap:anywhere; }
.lina-or { display:grid; place-items:center; width:28px; height:28px; color:var(--daufur); }
.lina-or .svg { transition:transform .2s; }
.lina-d[open] .lina-or .svg { transform:rotate(180deg); }
.lina-opin { display:grid; gap:14px; padding:14px 20px 18px; border-top:1px solid var(--lina); background:var(--flotur-2); }
.lina-upplysingar { display:grid; grid-template-columns:repeat(auto-fit, minmax(11rem, 1fr)); gap:10px 20px; margin:0; }
.lina-upplysingar div { min-width:0; }
.lina-upplysingar dt { color:var(--daufur); font-size:.8125rem; font-weight:600; }
.lina-upplysingar dd { margin:0; overflow-wrap:anywhere; }
.lina-adgerdir { display:flex; flex-wrap:wrap; gap:8px; }
.lina-adgerdir form { margin:0; }
.linur-d1 .lina-s { grid-template-columns:minmax(0, 3fr) minmax(0, 4fr) 32px; }
.linur-d2 .lina-s { grid-template-columns:minmax(0, 3fr) minmax(0, 2fr) minmax(0, 2fr) 32px; }
.linur-d3 .lina-s { grid-template-columns:minmax(0, 3fr) repeat(3, minmax(0, 2fr)) 32px; }
.lina-lokad { opacity:.65; }

@media (max-width: 860px) {
  .tafla th:first-child { min-width:7.5rem; }
  .tvidalka { grid-template-columns:minmax(0, 1fr); gap:8px; }
  .tvidalka > * + * > h2:first-child { margin-top:28px; }
  .skra { position:static; }
  .ferli { grid-template-columns:minmax(0, 1fr); }
  .ferli li { grid-template-columns:minmax(0, 1fr) auto; align-items:baseline; padding:14px 16px; }
  .ferli li + li { border-left:0; border-top:1px solid var(--lina); }
  .ferli li + li::before { display:none; }
  .ferli .tala { font-size:1.125rem; text-align:right; }
  .ferli .auka { grid-column:1 / -1; }
  .listi li { padding:12px 16px; }
  .faerslur.drog li { grid-template-columns:minmax(0, 1fr) auto; gap:2px 12px; }
  .faerslur.drog li > span:first-child { grid-column:1 / -1; }
  /* Þumall: aðgerðir í listum fá hærri snertiflöt og meira bil, svo Eyða hittist ekki óvart. */
  .faerslur .smatakkar { gap:2px 18px; }
  .faerslur .smatakkar > a, .faerslur .smatakkar button.hljod, .faerslur details.eyda summary { display:inline-block; padding:10px 0; }
  /* Hnappur með löngum texta fer undir heitið, svo heitið fái alla breiddina. */
  .listi.stafla li { grid-template-columns:minmax(0, 1fr); gap:10px; }
  .listi.stafla .h { text-align:left; justify-items:start; justify-content:flex-start; }
  div.flotur, p.flotur, article.flotur, .form { padding:16px; }
  .faerslur.flotur li { grid-template-columns:3.2rem minmax(0, 1fr) auto; padding:10px 16px; }
  .faerslur.flotur .h { grid-column:2 / -1; text-align:left; justify-items:start; }
  /* Útdraganleg lína í síma: heitið og örin fyrst, reitirnir undir. */
  .lina-s, .linur-d1 .lina-s, .linur-d2 .lina-s, .linur-d3 .lina-s { grid-template-columns:minmax(0, 1fr) 32px; padding:10px 8px 10px 16px; }
  .lina-s > .lina-reitur { grid-column:1; }
  .lina-s > .lina-or { grid-column:2; grid-row:1; }
  .lina-opin { padding:12px 16px 16px; }
  .lina-adgerdir .takki { flex:1 1 9rem; }
  /* Snertifletir: allt sem er ýtt á í síma er minnst 44 px. Merkið utan um gátreit nær yfir hann. */
  .takki.litill, .smatakkar .takki { min-height:44px; }
  .adgerdir a:not(.takki), .heiti a { display:inline-flex; align-items:center; min-height:44px; }
  label.hak, .valhnappar label { min-height:44px; }
  button.hljod { min-height:44px; }
}

.vikuflakk { flex-direction:row; flex-wrap:wrap; gap:6px 20px; margin:0 0 16px; }
.vikuflakk .dauft { color:var(--daufur); }
.vikudagar { display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:8px; }
.vikudagar legend { grid-column:1 / -1; }
.vikudagar label { font-weight:500; font-size:.875rem; white-space:nowrap; }
.vikudagar input { margin:0; padding:9px 8px; text-align:center; }
.vikudagar input:disabled { opacity:.45; }

/* Í dag: Einar og Ásgeir hlið við hlið */
.yf-dalkar { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; align-items:start; }
.yf-dalkar > article.yf-dalkur { padding:0; overflow:hidden; }
.yf-dalkur header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:2px 16px; padding:16px 20px 8px; }
.yf-dalkur h3 { margin:0; font-size:1.125rem; }
.yf-dalkur header p { margin:0; }
.yf-dalkur > p { margin:0; padding:0 20px 12px; }
.yf-dalkur .klukkubordi, .yf-dalkur .yf-klukka { margin:0 20px 12px; padding:10px 14px; border:1px solid var(--litur); border-radius:10px; background:var(--litur-daufur); }
.yf-dalkur > .yf-klukka { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; }
.yf-dalkur .klukkubordi { display:flex; }
.yf-dalkur .linur.flotur { border:0; border-top:1px solid var(--lina); border-radius:0; box-shadow:none; }
.yf-dalkur .yf-tomt { padding:4px 20px 18px; }
.yf-minn { border-color:var(--litur); }
/* Spjald hins í síma er lokuð útdraganleg lína; á tölvu sést spjaldið sjálft */
.yf-annar-sima { display:none; padding:0; overflow:hidden; }
.yf-annar-sima > .yf-dalkur { border-top:1px solid var(--lina); }
.yf-annar-s { display:grid; grid-template-columns:minmax(0, 1fr) 32px; align-items:center; gap:4px 12px; min-height:56px; padding:10px 8px 10px 16px; font-weight:650; cursor:pointer; list-style:none; }
.yf-annar-s::-webkit-details-marker { display:none; }
.yf-annar-sima[open] > .yf-annar-s { background:var(--litur-daufur); }
.yf-annar-sima[open] .lina-or .svg { transform:rotate(180deg); }
.yf-undirtitill { margin:28px 0 10px; font-size:1.0625rem; }
.yf-idag + section > h2, .yf-idag + .athugid { margin-top:32px; }
.yf-flakk a { display:inline-flex; align-items:center; min-height:44px; padding:5px 14px; border:1px solid var(--lina-st); border-radius:999px; background:var(--flotur); color:var(--texti); font-size:.875rem; font-weight:650; text-decoration:none; }
.yf-flakk a:hover { background:var(--flotur-3); text-decoration:none; }
.yf-undir { margin:-4px 0 10px; }
@media (max-width: 860px) {
  .vikudagar { grid-template-columns:repeat(4, minmax(0, 1fr)); }
  /* Vika í síma: hver röð töflunnar er lítil vika (heiti verks efst, svo Mán til Fim og Fös til Sun með Alls í tveimur línum), svo allt sést án láréttrar skrunar
     og hver hlekkur er minnst 44 x 44 px (átta dálkar í einni línu gáfu um 37 px á 360 px skjá).
     Dálkaheitið kemur úr data-dagur yfir hverri tölu; haus töflunnar er falinn (skjálesari les hann áfram). */
  .tafla.yf-vika, .tafla.yf-vika tbody, .tafla.yf-vika tfoot { display:block; }
  .tafla.yf-vika thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .tafla.yf-vika tr { display:grid; grid-template-columns:repeat(4, minmax(44px, 1fr)); column-gap:2px; padding:12px 0 4px; border-bottom:1px solid var(--lina); }
  .tafla.yf-vika tfoot tr { border-bottom:0; }
  .tafla.yf-vika th:first-child { grid-column:1 / -1; position:static; min-width:0; padding:0 0 4px; border:0; background:none; text-align:left; white-space:normal; overflow-wrap:anywhere; }
  .tafla.yf-vika td { display:flex; flex-direction:column; align-items:center; min-width:0; padding:0; border:0; font-size:.875rem; }
  .tafla.yf-vika td::before { content:attr(data-dagur); font-size:.6875rem; font-weight:400; color:var(--daufur); }
  .tafla.yf-vika td.idag::before { color:var(--litur); font-weight:650; }
  .tafla.yf-vika td a, .tafla.yf-vika td.yf-vika-alls b { display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; }
  /* Í síma er spjald hins falið og kemur í staðinn sem lokuð útdraganleg lína neðan við spjald notandans */
  .yf-dalkar { grid-template-columns:minmax(0, 1fr); gap:12px; }
  .yf-manudur-hlekkur { display:inline-flex; align-items:center; min-height:44px; }
  .yf-annar { display:none; }
  .yf-annar-sima { display:block; }
  .yf-dalkur header, .yf-dalkur > p { padding-left:16px; padding-right:16px; }
  .yf-dalkur .klukkubordi, .yf-dalkur .yf-klukka { margin-left:16px; margin-right:16px; }
}

.faerslur.nylegt li { grid-template-columns:3.4rem minmax(0, 1fr) auto; }
.faerslur.nylegt .smatakkar { grid-column:2 / -1; justify-content:flex-start; font-size:.9375rem; }
.klukka { margin-bottom:16px; }
details.klukka { padding:14px 20px; }
details.klukka[open] summary { margin-bottom:14px; }
details.klukka summary { color:var(--litur); font-weight:650; }
details.klukka input { margin-bottom:16px; }
.klukka.gengur { border-color:var(--litur); }
.klukka-haus { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; }
.punktur { display:inline-block; width:10px; height:10px; border-radius:50%; background:var(--litur); align-self:center; }
.klukka form { margin:0 0 10px; }
.klukka .takki { width:100%; }
.klukkubordi { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; padding:14px 20px; }
.klukkubordi a { margin-left:auto; }
/* Síuflipar: Mínir tímar | Allir á tölvu, rofi milli notenda í síma */
.timar-sia .flipar { margin-bottom:12px; }
.timar-sia-simi { display:none; }
.timar-nidur { display:none; margin:0 0 12px; }
.timar-nidur a { display:inline-flex; align-items:center; min-height:44px; }
.timar-nylegt { margin-top:0; }
/* Fullt heiti verks undir valreit, því reiturinn klippir langt heiti í síma. Línan sést aðeins í síma (sjá símablokkina) og JS fyllir hana. */
.timar-val-heiti { display:none; margin:-8px 0 16px; font-weight:600; overflow-wrap:anywhere; }
.timar-nylegt .lina-adgerdir details.eyda { margin:0; }
.timar-nylegt .lina-adgerdir details.eyda summary { display:inline-flex; align-items:center; min-height:44px; }
@media (max-width: 860px) {
  .timar-val-heiti:not([hidden]) { display:block; }
  .timar-sia-tolva { display:none; }
  .timar-sia-simi { display:block; }
  .timar-nidur { display:block; }
  .timar-sia-simi .flipar a { flex:1 1 0; justify-content:center; min-height:44px; }
  .faerslur.nylegt li { grid-template-columns:3.2rem minmax(0, 1fr) auto; padding:10px 16px; }
}

.vid-bradmolar { margin:0 0 10px; font-size:.875rem; }
.vid-bradmolar ol { display:flex; flex-wrap:wrap; align-items:center; gap:2px 0; margin:0; padding:0; list-style:none; color:var(--daufur); }
.vid-bradmolar li { display:inline-flex; align-items:center; min-width:0; overflow-wrap:anywhere; }
.vid-bradmolar li + li::before { content:"›"; padding:0 8px; color:var(--daufur); }
.vid-bradmolar a { display:inline-flex; align-items:center; min-height:32px; color:var(--daufur); }
.vid-bradmolar a:hover { color:var(--litur); }
.vid-bradmolar li[aria-current] { color:var(--texti); font-weight:600; }
.vid-reitir { margin:0 0 26px; }
.vid-reitir h2 { margin-bottom:10px; }
.vid-reitir h3 { margin:18px 0 8px; font-size:1rem; }
.vid-reitir > .auka { margin:0 0 8px; }
.vid-stada { display:grid; grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr)); gap:1px; margin:0; overflow:hidden; border:1px solid var(--lina); border-radius:12px; background:var(--lina); }
.vid-stada > div { display:grid; gap:2px; min-width:0; padding:12px 16px; background:var(--flotur); overflow-wrap:anywhere; }
.vid-stada dt { color:var(--daufur); font-size:.8125rem; font-weight:600; }
.vid-stada dd { margin:0; }
.vid-dd-lina { display:block; }
.vid-tengsl { display:flex; flex-wrap:wrap; gap:2px 16px; overflow-wrap:anywhere; }
.vid-stada > .vid-bara-sima { display:none; }
.vid-tre .lina-upplysingar > div:has(.vid-undir) { grid-column:1 / -1; }
.vid-undir { border:1px solid var(--lina); border-radius:10px; overflow:hidden; background:var(--flotur); }
@media (max-width: 860px) {
  .vid-stada { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); }
  .vid-bradmolar a { min-height:44px; }
  .vid-tengsl a { display:inline-flex; align-items:center; min-height:44px; }
}
@media (max-width: 480px) {
  .vid-stada { grid-template-columns:minmax(0, 1fr); }
  .vid-tengsl > .vid-aukalega, .vid-stada > .vid-aukalega { display:none; }
  .vid-stada > .vid-bara-sima { display:grid; }
}

form:has(input[value="fast"]:checked) .verd-timar, form:has(input[value="timar"]:checked) .verd-fast { display:none; }
.verk-stika { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; margin:0 0 16px; }
.verk-stika .flipar { margin:0; }
.verk-rofi { display:inline-flex; flex-direction:row; flex-wrap:nowrap; gap:0; margin:0; padding:0; border:1px solid var(--lina-st); border-radius:999px; overflow:hidden; background:var(--flotur); }
.verk-rofi a { display:inline-flex; align-items:center; min-height:44px; padding:5px 16px; color:var(--daufur); font-weight:650; font-size:.875rem; white-space:nowrap; text-decoration:none; }
.verk-rofi a[aria-current] { background:var(--litur); color:var(--litur-a); }
.verk-linur .lina-nafn a { color:inherit; text-decoration:none; }
.verk-linur .lina-nafn a:hover { text-decoration:underline; }
.verk-stada-form { display:inline-flex; flex-wrap:wrap; align-items:center; gap:6px; }
.verk-stada-form label { font-size:.8125rem; color:var(--daufur); margin:0; }
.verk-stada-form select { width:auto; min-height:44px; }
.verk-bord { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; align-items:start; }
.verk-dalkur { background:var(--flotur-2, var(--flotur)); border:1px solid var(--lina); border-radius:var(--radius, 12px); padding:10px; min-width:0; }
.verk-dalkur h2 { font-size:.9375rem; margin:0 0 10px; display:flex; gap:8px; align-items:center; }
.verk-spjold { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.verk-spjald { display:grid; gap:6px; padding:12px; overflow-wrap:anywhere; }
.verk-spjald a:not(.takki) { color:inherit; }
.verk-spjald-adgerdir { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.verk-spjald-adgerdir form { display:inline-flex; margin:0; }
.verk-tomt { margin:0; padding:8px 4px; }
.verk-spjald[draggable="true"] { cursor:grab; }
.verk-spjald-dregid { opacity:.5; }
.verk-dalkur-yfir { outline:2px dashed var(--litur); outline-offset:-2px; }
.verk-meter { display:block; width:100%; max-width:240px; height:8px; margin-top:6px; }
.verk-dalkur-hjalp { margin:0 0 10px; }
.verk-bord-stada { min-height:1.4em; margin:10px 0 0; }
@media (max-width: 860px) {
  .verk-bord { grid-template-columns:minmax(0, 1fr); }
  .verk-stika { flex-direction:column; align-items:flex-start; }
}

meter.stika { display:block; width:100%; max-width:240px; height:8px; margin-top:6px; }
.lager-valstika { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin:0 0 12px; }
.lager-valstika .takki { margin:0; }
.lager-teljari { margin-left:.35em; font-weight:700; }
.lager-drag .faerslur li { display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:start; gap:2px 12px; }
.lager-drag .faerslur li > span:first-child { min-width:0; overflow-wrap:anywhere; }
.lager-drag .faerslur .auka { display:block; }
.lager-linur .lina-nafn > b { display:flex; align-items:center; gap:2px; min-width:0; }
.lager-hak { display:inline-grid; place-items:center; flex:none; width:44px; height:44px; margin:-8px 0 -8px -12px; cursor:pointer; }
.lager-hak input { width:20px; height:20px; margin:0; accent-color:var(--litur); cursor:pointer; }
.lager-heiti { min-width:0; overflow-wrap:anywhere; }
.lager-linur .lina-nafn > .auka { padding-left:34px; }
.lager-drag { margin:0 0 28px; padding:16px 20px 18px; border:1px solid var(--lina); border-radius:12px; background:var(--flotur); }
.lager-drag h2 { margin-top:0; overflow-wrap:anywhere; }
.lager-drag h3 { margin:16px 0 4px; font-size:1rem; }
.lager-magn-form { display:grid; gap:10px; }
.lager-magn-lina { display:grid; grid-template-columns:minmax(0, 1fr) 6rem; align-items:center; gap:4px 12px; }
.lager-magn-lina label { margin:0; overflow-wrap:anywhere; }
.lager-opid { display:block; margin:6px 0 0; padding:8px 12px; font-size:.875rem; }
.lager-magn-lina .lager-opid { grid-column:1 / -1; }
.lager-magn-lina input { min-height:44px; text-align:right; }
.lager-postur { margin:6px 0 12px; padding:12px 14px; border:1px solid var(--lina); border-radius:8px; background:var(--bg); color:var(--texti); font:inherit; white-space:pre-wrap; overflow-wrap:anywhere; }
.lager-adgerdir { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 8px; }
.lager-adgerdir .takki:disabled { opacity:.55; cursor:not-allowed; }
@media (max-width: 860px) {
  .lager-drag { padding:14px 14px 16px; }
  .lager-valstika .takki { flex:1 1 11rem; text-align:center; }
  .lager-adgerdir .takki { flex:1 1 9rem; text-align:center; }
}

.innkaup-linur .lina-adgerdir { align-items:flex-start; }
.innkaup-linur .lina-adgerdir .eyda { margin:0; }

.efnisform:not(:has(input[value="akstur"]:checked)) .ef-akstur, .efnisform:has(input[value="akstur"]:checked) .ef-ekki-akstur,
.efnisform:not(:has(input[value="vara"]:checked)) .ef-vara, .efnisform:not(:has(input[value="kostnadur"]:checked)) .ef-kostnadur { display:none; }
.efni-linur .lina-adgerdir details.eyda { margin:0; }
.efni-linur .lina-adgerdir details.eyda summary { display:inline-flex; align-items:center; min-height:44px; }



.utlitsval { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; }
.still-flipar .flipar { margin-bottom:24px; }
.still-flipar .flipar a { min-height:44px; }