/* Dagur — appið. Hönnunartákn úr handoffi. */
:root{
  --bla:#1f7fbe; --bla-dokk:#1a6ea8; --ljosbla:#eaf4fd; --ljosbla-rammi:#cae0f4;
  --bak:#e8f1fa; --kort:#fcfeff; --rammi:#d2e3f2; --skil:#e3eef9;
  --blek:#13212e; --texti:#35485a; --grar:#6d879b; --grar-ljos:#93a9bd; --grar-ljosari:#a3b8ca;
  --keyrsla:#b06a4f; --raudur:#e05b4a;
  --skuggi-kort:0 18px 40px -24px rgba(19,33,46,.35);
  --skuggi-drag:0 8px 18px -10px rgba(19,33,46,.45);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bak); color:var(--texti);
  font:15px/1.5 "Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.serif{font-family:"Instrument Serif",Georgia,"Times New Roman",serif;font-weight:400;color:var(--blek);margin:0}
a{color:var(--bla-dokk);text-decoration:none}
button,input,select,textarea{font-family:inherit}

/* ---- skel ---- */
.skel{max-width:390px;margin:0 auto;min-height:100vh;background:var(--bak);
      display:flex;flex-direction:column;position:relative}
.efni{flex:1;padding:0 16px 96px}
@media(min-width:430px){ .skel{box-shadow:var(--skuggi-kort)} }

/* ---- haus ---- */
.haus{background:var(--bla);color:#fff;padding:18px 16px 20px;border-radius:0 0 20px 20px}
.haus-topp{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.haus-merki{display:flex;align-items:center;gap:9px}
.haus-merki .ordmerki{font-family:"Instrument Serif",Georgia,serif;font-size:24px;color:#fff}
.haus .dags{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-top:12px}
.haus .kvedja{font-family:"Instrument Serif",Georgia,serif;font-size:30px;color:#fff;margin-top:2px}
.bjalla{position:relative;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.16);
        display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex:none}
.bjalla .merki{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:99px;
        background:var(--raudur);border:2px solid var(--bla);color:#fff;font-size:11px;font-weight:600;
        display:flex;align-items:center;justify-content:center;padding:0 4px}
.bordi{margin-top:14px;background:rgba(255,255,255,.14);border-radius:13px;padding:11px 13px;font-size:14px;color:#fff}

/* dagsflakk í hausnum */
.dagsflakk{display:flex;align-items:center;gap:8px;margin-top:12px}
.dagsflakk .ork{width:32px;height:32px;flex:none;border-radius:10px;background:rgba(255,255,255,.16);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;text-decoration:none}
.dagsflakk .ork:hover{background:rgba(255,255,255,.28)}
.dagsflakk .midja{flex:1;text-align:center;min-width:0}
.dagsflakk .midja .dags{margin-top:0}
.dagsflakk .idag-hnappur{display:inline-block;margin-top:3px;font-size:12px;color:#fff;opacity:.85;
  text-decoration:underline}

/* ---- kort ---- */
.kort{background:var(--kort);border:1px solid var(--rammi);border-radius:14px;padding:14px;margin-top:12px}
.kort.blatt{background:var(--ljosbla);border-color:var(--ljosbla-rammi)}
.kort-haus{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.yfirskrift{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--grar);font-weight:600}
.kort-titill{font-family:"Instrument Serif",Georgia,serif;font-size:21px;color:var(--blek)}

/* ---- listar ---- */
.lina{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--skil)}
.lina:first-of-type{border-top:0}
.timi{width:58px;flex:none;color:var(--bla);font-weight:700;font-size:14px;line-height:1.25}
.timi small{display:block;color:var(--grar-ljos);font-weight:400}
.lina .titill{font-weight:600;color:var(--blek);font-size:14px}
.lina .undir{font-size:13px;color:var(--grar);margin-top:2px}
.keyrslulina{color:var(--keyrsla);font-size:13px;margin-top:3px}

/* ---- nafnkubbar / merki ---- */
.kubbur{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;
        font-size:12px;font-weight:600;background:var(--skil);color:var(--bla-dokk)}
.kubbur.strikad{text-decoration:line-through;opacity:.55}
.merki{display:inline-block;padding:2px 8px;border-radius:7px;background:var(--ljosbla);
       color:var(--bla-dokk);font-size:12px;font-weight:600}
.hringur{width:38px;height:38px;border-radius:99px;display:flex;align-items:center;justify-content:center;
         font-weight:700;font-size:15px;flex:none}

/* ---- hnappar ---- */
.hnappur{display:block;width:100%;text-align:center;padding:13px;border:0;border-radius:12px;
         background:var(--bla);color:#fff;font-size:15px;font-weight:600;cursor:pointer}
.hnappur:hover{background:var(--bla-dokk)}
.hnappur.rammi{background:#fff;color:var(--bla-dokk);border:1px solid var(--rammi)}
.hnappur.rammi:hover{background:var(--ljosbla)}
.hnappur.litill{padding:9px 14px;font-size:14px;width:auto;display:inline-block}
.spjald-hnappur{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  background:var(--ljosbla);border:1px solid var(--ljosbla-rammi);border-radius:13px;padding:12px 14px;
  color:var(--bla-dokk);font-weight:600;font-size:14px;cursor:pointer;text-align:left}

/* ---- form ---- */
label{display:block;font-size:13px;font-weight:600;color:var(--blek);margin:14px 0 5px}
label .hint{font-weight:400;color:var(--grar);font-size:12px}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],
input[type=time],input[type=number],select,textarea{
  width:100%;padding:11px 12px;border:1px solid var(--rammi);border-radius:10px;background:#fff;
  font-size:15px;color:var(--texti)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ljosbla-rammi);border-color:var(--bla)}
.tveir{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ---- skilaboð ---- */
.bod{border-radius:12px;padding:12px 14px;margin:12px 0;font-size:14px}
.bod.villa{background:#fdecea;border:1px solid #f3c2bb;color:#8c2f21}
.bod.upplysing{background:var(--ljosbla);border:1px solid var(--ljosbla-rammi);color:var(--bla-dokk)}
.bod.ok{background:#e7f5ee;border:1px solid #bfe3d0;color:#1f6b48}

/* ---- botn-flipar ---- */
.flipar{position:fixed;bottom:0;left:0;right:0;max-width:390px;margin:0 auto;background:#fff;
        border-top:1px solid var(--rammi);display:flex;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20}
.flipar a{flex:1;text-align:center;font-size:11px;color:var(--grar);padding:5px 2px;border-radius:10px;line-height:1.35}
.flipar a .tak{display:block;font-size:17px;margin-bottom:1px}
.flipar a.virkur{color:var(--bla);font-weight:600}

/* ---- tilkynningar ---- */
.tilk{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid var(--skil);align-items:flex-start}
.tilk.olesin{background:var(--ljosbla)}
.tilk .tak{font-size:17px;flex:none}
.tilk .txt{flex:1;font-size:14px;color:var(--texti)}
.tilk .stimpill{font-size:13px;color:var(--grar);margin-top:2px}
.tilk .punktur{width:8px;height:8px;border-radius:99px;background:var(--bla);flex:none;margin-top:6px}

/* ---- rofar ---- */
.rofi{position:relative;display:inline-block;width:44px;height:26px;flex:none}
.rofi input{opacity:0;width:0;height:0;position:absolute}
.rofi span{position:absolute;inset:0;background:#dfeaff;border-radius:99px;transition:.15s;cursor:pointer}
.rofi span:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;
                  border-radius:99px;transition:.15s;box-shadow:0 1px 3px rgba(19,33,46,.25)}
.rofi input:checked + span{background:var(--bla)}
.rofi input:checked + span:before{transform:translateX(18px)}
.rofi-lina{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--skil)}
.rofi-lina:first-child{border-top:0}

/* ---- PWA vísbending ---- */
.pwa{position:fixed;left:12px;right:12px;bottom:74px;max-width:366px;margin:0 auto;background:#fff;
     border:1px solid var(--rammi);border-radius:14px;padding:14px;box-shadow:var(--skuggi-kort);z-index:30;font-size:14px}
.pwa h4{margin:0 0 6px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:19px;color:var(--blek)}
.pwa .loka{position:absolute;top:8px;right:10px;border:0;background:none;font-size:18px;color:var(--grar);cursor:pointer}

/* ---- innskráningarskjár ---- */
.auth{min-height:100vh;background:var(--bla);display:flex;flex-direction:column;justify-content:center;
      padding:32px 20px;color:#fff}
.auth-innri{max-width:358px;width:100%;margin:0 auto}
.auth h1{color:#fff;font-size:40px;margin-top:14px}
.auth .undir{opacity:.85;font-size:14px;margin-top:2px}
.auth-kort{background:var(--kort);border-radius:16px;padding:20px;margin-top:24px;color:var(--texti)}
.auth-kort label{margin-top:12px}
.auth-kort label:first-of-type{margin-top:0}
.auth-hlekkir{margin-top:16px;text-align:center;font-size:14px}
.auth-hlekkir a{color:#fff;text-decoration:underline;opacity:.92}
.tomt{text-align:center;color:var(--grar);font-size:14px;padding:26px 10px}