/* ====== Grunnstillingar ====== */
* { box-sizing: border-box; }
:root { --line:#e7e7ef; --ink:#111; --muted:#666; --bg:#f6f7fb; --card:#fff; }

body {
  font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  background: var(--bg);
  color: var(--ink);
}

.wrap { max-width: 1000px; margin: 24px auto; padding: 0 16px; }

.card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 16px;
}

label { display: block; font-size: 13px; color: #555; margin: 8px 0 6px; }

input[type=text],
input[type=number],
select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font-size: 15px;
  height: 44px;
}

input[readonly] { background: #fafafa; color: var(--muted); }

.btn {
  height: 44px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: #111;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

/* ====== Raðanir / layout ====== */
.grid { display: grid; gap: 16px; }
@media (min-width: 900px) { .grid { grid-template-columns: 1fr 1fr; } }

.row  { display: grid; grid-template-columns: 1fr 110px; gap: 12px; }    /* [input][eining] */
.row2 { display: grid; grid-template-columns: 1fr auto; gap: 12px; }      /* [input][takkar] */
.row3 { display: grid; grid-template-columns: 1.2fr 1.2fr auto; gap: 12px; } /* admin add form */

.row2 .btn, .row3 .btn { align-self: end; }

.seg {
  display: inline-flex;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
}
.seg input { display: none; }
.seg label { margin: 0; padding: 8px 12px; cursor: pointer; color: var(--ink); }
.seg input:checked + label { background: #111; color: #fff; }

.num   { font-size: 40px; font-weight: 800; margin: 6px 0; }
.muted { color: var(--muted); }
.details {
  background: #fafafe;
  border: 1px dashed var(--line);
  border-radius: 10px;
  padding: 10px;
  font-size: 14px;
}

.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
a.link {
  color: var(--ink);
  text-decoration: none;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 6px 10px;
}

/* Tafla (admin) */
table { width: 100%; border-collapse: collapse; margin-top: 8px; }
th, td { border-bottom: 1px solid #eee; padding: 8px; text-align: left; }

.msg { background:#ecfdf5; border:1px solid #bbf7d0; color:#065f46; padding:10px; border-radius:10px; margin-bottom:8px; }
.err { background:#fef2f2; border:1px solid #fecaca; color:#991b1b; padding:10px; border-radius:10px; margin-bottom:8px; }

/* ====== Smærri skjáir ====== */
@media (max-width: 720px) {
  .row, .row2, .row3 { grid-template-columns: 1fr; }
}