/* Ro i boet: appens sider. Bygger på /style.css. */
.logud { display: inline; margin: 0; }
.logud[hidden], [hidden] { display: none !important; }
.link-knap { background: none; color: var(--groen); border: 0; padding: .25rem 0; min-height: 0; font-weight: 400; font-size: .95rem; text-decoration: underline; text-underline-offset: 3px; }
.link-knap:hover { background: none; color: var(--groen-moerk); }
.bund .knap.fortryd-knap { background: #fff; color: var(--groen-moerk); border: 2px solid #fff; }
.bund .knap.fortryd-knap:hover { background: var(--sand); color: var(--groen-moerk); }

/* Beskeder og små knapper */
.besked { font-size: .92rem; color: var(--blid); margin: .4rem 0 0; }
.besked:empty { display: none; }
.besked.fejl { color: #9b2c1f; font-weight: 600; }
.handling { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .3rem .6rem; }
.handling .besked { margin: 0; }
.lille-knap, button.lille-knap { padding: .45rem .85rem; min-height: 40px; font-size: .92rem; border-radius: 10px; }
.ok { color: var(--groen) !important; font-weight: 600; }
.mangler { color: #8a5a00 !important; }
.proeve { background: #eef3ef; border: 1px solid #d3e2d8; border-radius: 10px; padding: .7rem 1rem; font-size: .95rem; }

/* Formularer */
.formular .felt label { margin-top: .8rem; }
.formular textarea { resize: vertical; }
.lille-form { margin-top: .6rem; }
.lille-form button { padding: .5rem 1rem; min-height: 42px; font-size: .95rem; }
.raekke { display: grid; gap: 0 1rem; }
@media (min-width: 40rem) { .raekke { grid-template-columns: 1fr 1fr; } }
.arving-liste { margin-bottom: .6rem; }
details > summary { cursor: pointer; font-weight: 600; color: var(--groen); padding: .3rem 0; min-height: 40px; }
details.boks > summary { color: var(--groen-moerk); }
details.ny { border-style: dashed; border-color: var(--groen); }
details.ret { margin-top: .6rem; border-top: 1px solid var(--linje); padding-top: .4rem; }

/* Oversigt */
.liste { list-style: none; padding: 0; display: grid; gap: .8rem; }
.liste li { margin: 0; }

/* Faner */
.faner { display: flex; gap: .4rem; overflow-x: auto; padding: .2rem 0 .6rem; margin: 1rem 0 .4rem; border-bottom: 2px solid var(--linje); -webkit-overflow-scrolling: touch; }
.faner a { flex: none; text-decoration: none; padding: .55rem .9rem; border-radius: 10px; background: var(--kort); border: 1px solid var(--linje); font-size: .95rem; white-space: nowrap; }
.faner a[aria-current] { background: var(--groen); color: #fff; border-color: var(--groen); font-weight: 600; }
.fane { padding-top: .6rem; }
.fod-note { margin-top: 2.4rem; border-top: 1px solid var(--linje); padding-top: 1rem; }

/* Tjekliste */
.tjek-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .3rem 1rem; align-items: flex-start; }
.tjek li.gjort { opacity: .75; }
.tjek li p { margin: .4rem 0 0; }
.frist-dato { font-weight: 700; color: var(--groen-moerk); font-size: .95rem; white-space: nowrap; }
.frist-dato.overskredet { color: #9b2c1f; }

/* Poster */
.post { background: var(--kort); border: 1px solid var(--linje); border-radius: var(--radius); padding: 1rem 1.15rem; margin: .8rem 0; }
.post.annulleret { opacity: .6; }
.post.annulleret h4 { text-decoration: line-through; }
.post h4 { margin: 0; font-size: 1.08rem; }
.post-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .2rem 1rem; align-items: baseline; margin-bottom: .3rem; }
.post-beloeb { font-weight: 700; margin: 0; white-space: nowrap; }
.post .lille { margin-bottom: .3rem; }
.summer { display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); margin-bottom: 1rem; }
.summer > div { background: var(--kort); border: 1px solid var(--linje); border-radius: var(--radius); padding: .9rem 1rem; }
.summer p { margin: 0; }
.godkend { background: var(--bg); border-radius: 10px; padding: .6rem .8rem; margin: .6rem 0; }
.godkend p { margin: 0 0 .3rem; }
.godkend p:last-child { margin: .3rem 0 0; }

/* Spørgsmål og svar */
.beskeder { margin-top: .5rem; }
.besked-linje { border-left: 3px solid var(--linje); padding-left: .7rem; margin: .5rem 0; }
.besked-linje p { margin: 0; }
.besked-tekst { white-space: pre-wrap; }

/* Bilag */
.bilag { margin: .5rem 0; }
.bilag-liste { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 0 .5rem; }
.bilag-liste li { margin: 0; display: flex; flex-direction: column; gap: .3rem; max-width: 10rem; }
.bilag-liste a { display: flex; flex-direction: column; gap: .2rem; font-size: .85rem; word-break: break-word; }
.bilag-liste img { width: 10rem; height: 7rem; object-fit: cover; border-radius: 8px; border: 1px solid var(--linje); background: var(--sand); }
.pdf { display: flex; align-items: center; justify-content: center; width: 10rem; height: 7rem; border-radius: 8px; border: 1px solid var(--linje); background: var(--sand); font-weight: 700; color: var(--groen-moerk); }

/* Beslutninger */
.beslutning-tekst { white-space: pre-wrap; }
.svar-liste { list-style: none; padding: 0; margin: .4rem 0 .8rem; font-size: .95rem; }
.svar-liste li { margin: .2rem 0; padding-left: 1.4rem; position: relative; }
.svar-liste li::before { content: "○"; position: absolute; left: 0; color: var(--blid); }
.svar-liste li.svar-ja::before { content: "✓"; color: var(--groen); font-weight: 700; }
.svar-liste li.svar-nej::before { content: "✕"; color: #9b2c1f; font-weight: 700; }

/* Indbo */
.ting-gitter { display: grid; gap: .9rem; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); margin-top: 1rem; }
.ting { background: var(--kort); border: 1px solid var(--linje); border-radius: var(--radius); padding: .9rem 1rem; }
.ting h4 { margin: .4rem 0 .2rem; font-size: 1.05rem; }
.ting.tildelt, .ting.solgt, .ting.givet_vaek { background: var(--bg); }
.ting .bilag-liste img, .ting .pdf { width: 100%; height: 10rem; }
.ting .bilag-liste li { max-width: none; width: 100%; }

/* Skifteportalen */
.kopi { margin-left: .4rem; }
td .kopi { margin: 0; }
.link { word-break: break-all; font-family: ui-monospace, Menlo, monospace; font-size: .85rem; background: #fff; padding: .5rem; border-radius: 8px; }

/* Arvinger */
.arvinger { list-style: none; padding: 0; }
.arvinger li { background: var(--kort); border: 1px solid var(--linje); border-radius: var(--radius); padding: .9rem 1rem; margin-bottom: .7rem; }
.arvinger li p { margin: .2rem 0 .4rem; }
.pris-boks h2 { margin-top: 0; }

/* Log */
.log { list-style: none; padding: 0; font-size: .95rem; }
.log li { border-bottom: 1px solid var(--linje); padding: .45rem 0; margin: 0; }

/* Lag til overstregning af bilag */
.lag { position: fixed; inset: 0; background: rgba(20, 30, 26, .6); z-index: 50; overflow-y: auto; padding: 1rem; }
.lag-indre { background: var(--kort); border-radius: var(--radius); max-width: 52rem; margin: 0 auto; padding: 1.2rem 1.25rem; }
.lag-indre h2 { margin-top: 0; }
body.lag-aaben { overflow: hidden; }
.lærred { margin: 1rem 0; }
.overstreg { width: 100%; height: auto; display: block; border: 1px solid var(--linje); border-radius: 8px; touch-action: none; cursor: crosshair; }

@media print {
  .faner, .fod-note, details, .godkend, .bilag, .proeve, .obs { display: none !important; }
}

/* ---- Ny opbygning 28/10 2026: overblik først, menu i bunden på telefonen, poster som linjer ---- */
#app { padding-bottom: 6rem; }
.etiket { font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; color: var(--blid); margin: 0 0 .2rem; font-weight: 600; }
.under { display: block; font-size: .9rem; color: var(--blid); font-weight: 400; margin-top: .1rem; }
.roligt { color: var(--blid); background: var(--kort); border-radius: var(--radius); padding: .9rem 1.1rem; }
.knap.stor { font-size: 1.1rem; padding: 1rem 1.6rem; }
.tilbage { text-decoration: none; font-size: .95rem; }

/* Toppen af boet */
.bo-top { margin: .2rem 0 .9rem; }
.bo-top h1 { margin: .1rem 0 0; font-size: 1.75rem; line-height: 1.15; }
.bo-linje { color: var(--blid); font-size: .9rem; margin: .15rem 0 0; }
.fane-titel { margin-top: .2rem; }
.tilbage-linje { margin: 0; }

/* Menuen: faner foroven på en computer, fast i bunden på en telefon */
.menu { display: flex; gap: .3rem; margin: 0 0 1.4rem; border-bottom: 1px solid var(--linje); }
.menu a { display: flex; align-items: center; gap: .45rem; text-decoration: none; color: var(--blid); padding: .7rem .9rem; border-bottom: 3px solid transparent; margin-bottom: -1px; font-weight: 600; font-size: .98rem; }
.menu a:hover { color: var(--groen-moerk); }
.menu a[aria-current] { color: var(--groen-moerk); border-bottom-color: var(--groen); }
@media (max-width: 46rem) {
  .menu { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; margin: 0; background: rgba(255, 255, 255, .97); border-top: 1px solid var(--linje); border-bottom: 0; justify-content: space-around; gap: 0; padding: .25rem .2rem calc(.25rem + env(safe-area-inset-bottom)); box-shadow: 0 -4px 16px rgba(30, 40, 35, .06); }
  .menu a { flex: 1; flex-direction: column; gap: .1rem; padding: .45rem 0 .35rem; font-size: .74rem; border: 0; margin: 0; border-radius: 10px; min-height: 52px; justify-content: center; }
  .menu a[aria-current] { color: var(--groen-moerk); background: var(--sand); }
  .bund { padding-bottom: 4.5rem; }
}

/* Eksemplet */
.eksempel-baand { display: flex; align-items: center; justify-content: space-between; gap: .4rem .8rem; background: var(--groen-moerk); color: #e9f1ec; border-radius: 12px; padding: .5rem .6rem .5rem .9rem; margin: 0 0 .9rem; font-size: .9rem; }
.eksempel-baand p { margin: 0; line-height: 1.35; }
.eksempel-baand a { color: #fff; font-weight: 700; white-space: nowrap; }

/* Overblik */
.frist-kort { display: block; text-decoration: none; color: inherit; background: var(--groen-moerk); color: #fff; border-radius: 18px; padding: 1.2rem 1.3rem; margin-bottom: .6rem; }
.frist-kort:hover { color: #fff; background: #1c3a2f; }
.frist-kort .etiket { color: #c9d8d0; }
.frist-titel { font-family: var(--serif); font-size: 1.45rem; line-height: 1.25; margin: 0 0 .4rem; }
.frist-naar { margin: 0 0 .5rem; font-size: 1.05rem; }
.frist-kort .lille { color: #c9d8d0; margin: 0; }
.frist-kort.snart { background: #7a4e12; }
.frist-kort.over { background: #8c2a1d; }
.opgaver { list-style: none; padding: 0; margin: 0 0 1rem; background: var(--kort); border: 1px solid var(--linje); border-radius: var(--radius); overflow: hidden; }
.opgaver li { margin: 0; border-bottom: 1px solid var(--linje); }
.opgaver li:last-child { border-bottom: 0; }
.opgaver a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1.1rem; text-decoration: none; color: var(--tekst); min-height: 56px; }
.opgaver a:hover { background: var(--bg); }
.opgaver strong { color: var(--groen-moerk); }
.pil { font-size: 1.6rem; color: var(--groen); line-height: 1; }
.tal-kort { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--linje); border: 1px solid var(--linje); border-radius: var(--radius); overflow: hidden; text-decoration: none; color: inherit; margin-bottom: .6rem; }
.tal-kort > div { background: var(--kort); padding: .9rem 1.1rem; }
.tal-kort > .netto { grid-column: 1 / -1; background: #eef3ef; }
.tal-kort p { margin: 0; }
.tal-stort { font-size: 1.35rem; font-weight: 700; color: var(--groen-moerk); white-space: nowrap; }
.netto .tal-stort { font-size: 1.7rem; }
a.tal-kort:hover > div { background: #fbfaf6; }
.personer { list-style: none; padding: 0; display: grid; gap: .5rem; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); }
.personer li { margin: 0; display: flex; align-items: center; gap: .7rem; background: var(--kort); border: 1px solid var(--linje); border-radius: var(--radius); padding: .6rem .8rem; }
.initial { flex: none; width: 2.4rem; height: 2.4rem; border-radius: 50%; display: grid; place-items: center; background: var(--sand); color: var(--blid); font-weight: 700; font-family: var(--serif); }
.personer li.med .initial { background: var(--groen); color: #fff; }
.kort-log li { display: flex; flex-direction: column; }

/* Frister */
.tjek li { padding: .75rem 1rem; }
.tjek .flueben span { font-weight: 600; color: var(--tekst); }
.tjek .flueben input { width: 1.7rem; height: 1.7rem; min-height: 1.7rem; accent-color: var(--groen); }
.mere-tekst { margin: .3rem 0 0 2.4rem; }
.mere-tekst > summary { font-size: .9rem; font-weight: 600; min-height: 32px; padding: .2rem 0; }
.mere-tekst p { font-size: .95rem; }
.klaret { margin-bottom: .8rem; }
.klaret > summary { color: var(--groen); background: #eef3ef; border-radius: 12px; padding: .7rem 1rem; }
.klaret .tjek { margin-top: .6rem; }

/* Penge: poster som linjer */
.poster { background: var(--kort); border: 1px solid var(--linje); border-radius: var(--radius); overflow: hidden; }
details.post { background: none; border: 0; border-bottom: 1px solid var(--linje); border-radius: 0; padding: 0; margin: 0; }
details.post:last-child { border-bottom: 0; }
details.post > summary { list-style: none; display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: .85rem 1.1rem; color: var(--tekst); font-weight: 600; min-height: 56px; }
details.post > summary::-webkit-details-marker { display: none; }
details.post > summary:hover { background: var(--bg); }
details.post[open] > summary { background: #eef3ef; }
.post-navn { display: flex; flex-direction: column; gap: .3rem; }
.post-beloeb { font-variant-numeric: tabular-nums; white-space: nowrap; }
.maerker { display: flex; flex-wrap: wrap; gap: .3rem; }
.maerke { font-size: .78rem; font-weight: 600; padding: .12rem .5rem; border-radius: 99px; background: var(--bg); color: var(--blid); border: 1px solid var(--linje); }
.maerke.ok { background: #e3eee7; color: var(--groen-moerk); border-color: #c4dacb; }
.maerke.vent { background: var(--advarsel); color: #7a4e12; border-color: #ecd59c; }
.maerke.mangel { background: #fff; color: #8a5a00; border-style: dashed; }
.post-indhold { padding: .4rem 1.1rem 1rem; }
.fakta { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1rem; font-size: .92rem; margin: .4rem 0 .8rem; }
.fakta dt { color: var(--blid); }
.fakta dd { margin: 0; }
.tilfoej { margin: 1rem 0 .4rem; }
.tilfoej > summary { list-style: none; display: inline-block; }
.tilfoej > summary::-webkit-details-marker { display: none; }
.tilfoej[open] > summary { background: var(--groen-moerk); }
.fjernede { margin-top: 1rem; }

/* Kvittering */
.kvittering { position: fixed; left: 50%; bottom: 5.5rem; transform: translateX(-50%); background: var(--tekst); color: #fff; padding: .55rem 1.1rem; border-radius: 99px; font-weight: 600; font-size: .92rem; line-height: 1.35; z-index: 60; box-shadow: 0 6px 20px rgba(0, 0, 0, .2); transition: opacity .5s; width: max-content; max-width: calc(100% - 2rem); text-align: center; }
.kvittering.vaek { opacity: 0; }

/* Log ind */
.velkommen { max-width: 34rem; margin: 2rem auto; }
.eller { background: var(--kort); border: 1px solid var(--linje); border-radius: var(--radius); padding: 1.1rem 1.2rem; margin: 2rem 0 1rem; }
.eller p { margin: 0 0 .6rem; }
.eller p:last-child { margin: 0; }

@media print { .menu, .eksempel-baand, .kvittering { display: none !important; } }

/* Indbo som kort med billede */
.ting { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.ting-billede { height: 8rem; display: grid; place-items: center; background: var(--sand); color: #b3a888; }
.ting-billede svg { width: 3rem; height: 3rem; }
.ting > .bilag { margin: 0; }
.ting > .bilag .bilag-liste { margin: 0; }
.ting > .bilag img { border-radius: 0; border: 0; height: 10rem; }
.ting-tekst { padding: .8rem 1rem 1rem; }
.ting-tekst h4 { margin: 0 0 .2rem; font-size: 1.1rem; }
.ting-tekst > .lille { margin: 0 0 .6rem; }
.ting-knapper { margin: 0 0 .2rem; }
button.valgt { background: #e3eee7; color: var(--groen-moerk); border: 2px solid var(--groen); }
button.valgt:hover { background: var(--sand); color: var(--groen-moerk); }
.ting .ret > summary { font-size: .9rem; }

/* Mindre bund i appen: firmaoplysningerne står der stadig */
.app-side .bund { font-size: .85rem; }
.app-side .bund-indre { padding: 1.2rem 1.1rem; gap: .4rem; }
.app-side .bund .knap.fortryd-knap { padding: .45rem .9rem; min-height: 40px; font-size: .9rem; }
details.post > summary::before, .tilfoej > summary::before, .faq > summary::before, .klaret > summary::before { content: none; }
.ikon { flex: none; }

/* ---- Opret et bo i trin ---- */
.opret { max-width: 36rem; margin: 0 auto; }
.opret h1 { font-size: 2rem; margin: .6rem 0 .3rem; }
.opret .ingress { font-size: 1.08rem; }
.trinlinje { list-style: none; padding: 0; margin: .6rem 0 1.2rem; display: flex; gap: .3rem; }
.trinlinje li { flex: 1; margin: 0; display: flex; flex-direction: column; align-items: flex-start; gap: .3rem; font-size: .78rem; color: var(--blid); font-weight: 600; }
.trinlinje li::before { content: ""; display: block; width: 100%; height: 4px; border-radius: 99px; background: var(--linje); }
.trinlinje li.klaret::before, .trinlinje li.nu::before { background: var(--groen); }
.trinlinje .prik { display: none; }
.trinlinje li.nu { color: var(--groen-moerk); }
.opret-form .felt { margin-bottom: 1.1rem; }
.opret-form label, .opret-form legend { font-weight: 700; font-size: 1.02rem; color: var(--tekst); margin: 0 0 .4rem; }
.valggruppe { border: 0; padding: 0; margin: 0 0 1.1rem; }
.valgkort { display: flex; gap: .8rem; align-items: flex-start; background: #fff; border: 1.5px solid var(--linje); border-radius: 14px; padding: .85rem 1rem; margin: 0 0 .5rem; font-weight: 400 !important; cursor: pointer; }
.valgkort input { width: 1.35rem; height: 1.35rem; min-height: 1.35rem; margin-top: .15rem; flex: none; accent-color: var(--groen); }
.valgkort strong { display: block; font-size: 1.02rem; }
.valgkort:has(input:checked) { border-color: var(--groen); background: #f3f8f4; }
.valgkort:has(input:focus-visible) { outline: 3px solid var(--advarsel-kant); outline-offset: 2px; }
.andre { margin: .2rem 0 .6rem; }
.andre > summary { font-size: .95rem; }
.under-valg { margin: -.1rem 0 1rem 2.3rem; }
.genveje { display: flex; flex-wrap: wrap; gap: .4rem; margin: .5rem 0 0; }
button.genvej { background: #fff; color: var(--groen-moerk); border: 1.5px solid var(--linje); border-radius: 99px; padding: .3rem .85rem; min-height: 36px; font-size: .92rem; font-weight: 600; }
button.genvej:hover { background: #f3f8f4; color: var(--groen-moerk); border-color: var(--groen); }
.opret-knapper { margin: 1.2rem 0 .8rem; }
.opret-knapper button { width: 100%; }
@media (min-width: 40rem) { .opret-knapper button { width: auto; min-width: 12rem; } }
button.stor, .knap.stor { font-size: 1.08rem; padding: .95rem 1.5rem; }
.kladde-kort { background: #fff; border: 1px solid var(--linje); border-radius: 14px; padding: .9rem 1.1rem; margin: 0 0 1.2rem; }
.kladde-kort p { margin: 0; }
.kladde-navn { font-family: var(--serif); font-size: 1.4rem; font-weight: 600; color: var(--groen-moerk); }
.arving-navne .felt { margin-bottom: .5rem; }
.del-knapper { display: flex; flex-wrap: wrap; gap: .6rem; margin: .4rem 0 .6rem; }
.tom { background: #fff; border: 1px dashed var(--linje); border-radius: var(--radius); padding: 1rem 1.2rem; }
.tom p { margin: 0 0 .3rem; }
.bo-kort { display: flex !important; align-items: center; justify-content: space-between; gap: 1rem; }
.bo-kort-navn { display: block; font-family: var(--serif); font-size: 1.35rem; color: var(--groen-moerk); }

/* ---- Login i eget design ---- */
.login-boks { background: #fff; border: 1px solid var(--linje); border-radius: 18px; padding: 1.1rem 1.2rem; margin: 1rem 0; box-shadow: 0 12px 30px -20px rgba(35, 70, 57, .35); }
.login-boks label { font-weight: 700; display: block; margin: 0 0 .45rem; }
.login-kendt { margin-top: .4rem; }
.login-kendt p { margin: .4rem 0; }
.login-kendt button.stor { width: 100%; }
.login-skille { display: flex; align-items: center; gap: .8rem; color: var(--blid); font-size: .9rem; margin: 1rem 0; }
.login-skille::before, .login-skille::after { content: ""; flex: 1; height: 1px; background: var(--linje); }
.tjek-mail h2 { margin: .1rem 0 .5rem; font-size: 1.6rem; }
.naeste-trin { padding-left: 1.3rem; margin: .8rem 0 1rem; }
.naeste-trin li { margin-bottom: .55rem; }

/* ---- Kom godt i gang og ikoner i lister ---- */
.kom-i-gang { background: #fff; border: 1px solid var(--linje); border-radius: 18px; padding: .3rem 1.1rem .6rem; margin: 0 0 1rem; }
.kom-i-gang h2 { margin: .8rem 0 .4rem; font-size: 1.35rem; }
.skridt { list-style: none; padding: 0; margin: 0; }
.skridt li { display: flex; align-items: center; gap: .8rem; padding: .55rem 0; border-top: 1px solid #efe9dc; margin: 0; }
.skridt li:first-child { border-top: 0; }
.skridt li > a { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: .8rem; text-decoration: none; color: var(--tekst); min-height: 48px; }
.skridt li > a strong { color: var(--groen-moerk); }
.skridt li.gjort strong { color: var(--blid); font-weight: 600; }
.skridt-tegn { flex: none; width: 1.7rem; height: 1.7rem; display: grid; place-items: center; color: var(--groen); }
.skridt-tegn .ikon { width: 1.7rem; height: 1.7rem; }
.tom-ring { border: 2px solid var(--linje); border-radius: 50%; width: 1.45rem; height: 1.45rem; margin: 0 .12rem; }
.opgaver a .ikon:last-child { color: var(--groen); flex: none; }
.opgaver.med-ikon a { justify-content: flex-start; }
.vokser { flex: 1; min-width: 0; }
.rund-ikon { flex: none; width: 2.6rem; height: 2.6rem; border-radius: 50%; display: grid; place-items: center; background: #eef3ef; color: var(--groen-moerk); }
.frist-kort .lille { display: flex; align-items: center; gap: .2rem; }
.frist-dato.forbi { color: #7a4e12; font-weight: 600; white-space: normal; }
.med-ikon-knap { display: inline-flex; align-items: center; gap: .5rem; }

/* ---- Ny post ---- */
.ny-post { max-width: 40rem; }
.segmenter { display: flex; background: #ebe5d6; border-radius: 12px; padding: 4px; gap: 4px; margin: .4rem 0 1rem; }
button.segment { flex: 1; background: transparent; color: var(--blid); border: 0; border-radius: 9px; padding: .6rem .5rem; min-height: 44px; font-size: .95rem; }
button.segment:hover { background: rgba(255, 255, 255, .5); color: var(--groen-moerk); }
button.segment.valgt { background: #fff; color: var(--groen-moerk); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
.type-gitter { display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem; }
@media (min-width: 40rem) { .type-gitter { grid-template-columns: repeat(3, 1fr); } }
button.type-kort { display: flex; flex-direction: column; align-items: flex-start; gap: .55rem; text-align: left; background: #fff; color: var(--tekst); border: 1.5px solid var(--linje); border-radius: 14px; padding: .85rem .9rem; min-height: 6.2rem; font-weight: 600; font-size: .98rem; line-height: 1.3; }
button.type-kort:hover { border-color: var(--groen); background: #f3f8f4; color: var(--groen-moerk); }
button.type-kort .rund-ikon { width: 2.4rem; height: 2.4rem; }
.valgt-type { display: flex; align-items: center; gap: .8rem; background: #fff; border: 1px solid var(--linje); border-radius: 14px; padding: .7rem .9rem; margin-bottom: 1.1rem; }
.valgt-type strong { display: block; font-size: 1.05rem; }
.valgt-type .etiket { display: block; margin: 0; }
.med-enhed { position: relative; }
.med-enhed input { padding-right: 3rem; font-variant-numeric: tabular-nums; }
.med-enhed span { position: absolute; right: .9rem; top: 50%; transform: translateY(-50%); color: var(--blid); font-weight: 600; }
.flere-valg { margin: .2rem 0 1rem; }
.flere-valg > summary { font-size: .95rem; margin-bottom: .4rem; }
details.post.ny > summary { background: #e6f0e9; }

/* ---- Eksempelbåndet med "Se som" ---- */
.eksempel-baand { align-items: flex-start; padding: .65rem .8rem .7rem .95rem; }
.eks-tekst { flex: 1; min-width: 0; }
.eks-som { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin-top: .45rem; }
.eks-som > span { font-size: .8rem; color: #c9d8d0; margin-right: .15rem; }
.eks-som button { background: transparent; color: #e9f1ec; border: 1px solid rgba(233, 241, 236, .45); border-radius: 99px; padding: .2rem .7rem; min-height: 32px; font-size: .82rem; font-weight: 600; }
.eks-som button:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.eks-som button.valgt { background: #fff; color: var(--groen-moerk); border-color: #fff; }
.eks-opret { flex: none; padding-top: .1rem; font-size: .9rem; }
@media (max-width: 30rem) { .eksempel-baand { flex-direction: column; gap: .3rem; } .eks-opret { align-self: flex-start; } }

/* ---- Beslutninger ---- */
.beslutning { background: #fff; border: 1px solid var(--linje); border-radius: var(--radius); padding: 1rem 1.15rem; margin: .8rem 0; }
.beslutning h3 { font-family: inherit; font-size: 1.1rem; color: var(--tekst); margin: 0 0 .2rem; line-height: 1.4; }
.svar-chips { list-style: none; padding: 0; margin: .6rem 0; display: flex; flex-wrap: wrap; gap: .35rem; }
.svar-chips li { margin: 0; display: inline-flex; align-items: center; gap: .35rem; font-size: .88rem; font-weight: 600; padding: .2rem .65rem; border-radius: 99px; border: 1px solid var(--linje); background: var(--bg); color: var(--blid); }
.svar-chips li.svar-ja { background: #e3eee7; color: var(--groen-moerk); border-color: #c4dacb; }
.svar-chips li.svar-nej { background: #fbeee2; color: #7a4e12; border-color: #ecd0ae; }
.svar-knapper { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; margin: .6rem 0; }
.nej-panel { background: var(--bg); border-radius: 12px; padding: .8rem .9rem; margin: .6rem 0; }
.nej-panel label { font-weight: 700; display: block; margin-bottom: .35rem; }
.mit-svar { font-size: .95rem; color: var(--groen-moerk); font-weight: 600; }
.tilfoej > summary.knap { display: inline-flex; }

/* ---- Fordeling: kort pr. arving ---- */
.arv-liste { display: grid; gap: .7rem; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); margin: .6rem 0 .8rem; }
.arv-kort { background: #fff; border: 1px solid var(--linje); border-radius: var(--radius); padding: .9rem 1rem; }
.arv-top { display: flex; align-items: center; gap: .6rem; margin-bottom: .5rem; }
.arv-top strong { flex: 1; font-size: 1.05rem; }
.arv-andel { font-weight: 700; color: var(--groen-moerk); background: #eef3ef; border-radius: 99px; padding: .1rem .6rem; font-size: .9rem; }
.arv-tal { display: grid; grid-template-columns: 1fr auto; gap: .25rem .8rem; margin: 0; font-variant-numeric: tabular-nums; }
.arv-tal dt { color: var(--blid); }
.arv-tal dd { margin: 0; text-align: right; }
.arv-tal .i-alt { border-top: 1px solid var(--linje); padding-top: .35rem; margin-top: .2rem; font-weight: 700; color: var(--groen-moerk); }
.andel-felt { display: flex; align-items: center; gap: .8rem; }
.andel-felt label { flex: 1; margin: 0; }
.andel-felt input { width: 7rem; flex: none; }

/* ---- Tal til Skifteportalen ---- */
.tal-liste { list-style: none; padding: 0; margin: .4rem 0 1rem; background: #fff; border: 1px solid var(--linje); border-radius: var(--radius); overflow: hidden; }
.tal-liste li { display: grid; grid-template-columns: 2.4rem 1fr auto; align-items: center; gap: .3rem .6rem; padding: .6rem .8rem; border-bottom: 1px solid #efe9dc; margin: 0; }
.tal-liste li:last-child { border-bottom: 0; }
.tal-liste li.i-alt { background: #f6f3ea; font-weight: 700; }
.tal-nr { color: var(--blid); font-weight: 700; font-size: .9rem; }
.tal-navn { font-size: .95rem; line-height: 1.35; }
.tal-et { display: flex; align-items: center; gap: .3rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tal-liste.to li { grid-template-columns: 2.4rem 1fr; }
.tal-to { grid-column: 2; display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }
.tal-to > span { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .3rem; font-variant-numeric: tabular-nums; }
.tal-to small { flex-basis: 100%; color: var(--blid); font-size: .75rem; font-weight: 600; }
button.kopi-knap { background: transparent; color: var(--groen); border: 0; padding: .3rem; min-height: 36px; min-width: 36px; border-radius: 8px; display: inline-grid; place-items: center; }
button.kopi-knap:hover { background: #eef3ef; color: var(--groen-moerk); }
button.kopi-knap.kopieret { color: var(--groen-moerk); background: #e3eee7; }
.andel-liste { list-style: none; padding: 0; margin: 0 0 1rem; }
.andel-liste li { display: flex; gap: .6rem; padding: .3rem .8rem; }

/* ---- Invitationen ---- */
.invitation-side { max-width: 34rem; }
.invitation-ikon { display: grid; place-items: center; width: 3.6rem; height: 3.6rem; border-radius: 50%; background: #e3eee7; color: var(--groen-moerk); margin: .6rem 0 .8rem; }
.invitation-side h1 { font-size: 2rem; margin: 0 0 .2rem; }
.invitation-punkter { list-style: none; padding: 0; margin: 1rem 0; }
.invitation-punkter li { display: flex; align-items: center; gap: .8rem; margin: 0 0 .6rem; font-weight: 600; }
.roligt-kort { background: #eef3ef; border-radius: 12px; padding: .7rem .9rem; font-size: .98rem; }
.oplysninger { margin: 2rem 0 1rem; border-top: 1px solid var(--linje); padding-top: .6rem; }
.oplysninger > summary { color: var(--groen-moerk); font-weight: 600; min-height: 44px; padding: .4rem 0; }
.oplysninger p { font-size: .95rem; }
.ting > .bilag .bilag-liste a > span { position: absolute; left: -9999px; }