/* =============================================================
   KUNDER - se kontakter.js og segmentregler.js
   Al farve kommer fra skallens variabler (app.css), så lys og mørk
   følger med. Lister, faner, bokse og knapper er skallens egne klasser;
   her står kun det, de ikke dækker. Alt ligger under .kt-rum.
   ============================================================= */
.kt-rum .faner{ margin-bottom:.8rem; border-bottom:1px solid var(--kant); padding-bottom:.6rem; flex-wrap:wrap; }
.kt-rum > .besked:empty{ display:none; }
.kt-rum > .besked{ margin:0 0 .8rem; }
.kt-rum .hint{ color:var(--daempet); font-size:.85rem; }
.kt-rum h2{ font-size:1.15rem; }
.kt-rum h3{ font-size:1rem; margin:1.2rem 0 .5rem; }
.kt-rum a.knap{ text-decoration:none; display:inline-block; }
.kt-rum input[type=checkbox]{ width:auto; padding:0; }
.kt-rum .afkryds{ display:flex; align-items:center; gap:.5rem; margin:.6rem 0; }
.kt-rum .afkryds label{ cursor:pointer; }

/* Listen */
.kt-valg{ flex-wrap:wrap; }
.kt-valg input[type=search]{ flex:1 1 16rem; }
.kt-valg select{ flex:0 1 auto; max-width:100%; }
.kt-tabel small{ margin-top:.15rem; }
.kt-mail{ font-weight:600; text-decoration:none; overflow-wrap:anywhere; }
.kt-mail:hover{ text-decoration:underline; }
.kt-tag{ display:inline-block; font-size:.75rem; padding:.05rem .5rem; margin:0 .25rem .15rem 0; border-radius:1rem; border:1px solid var(--kant); color:var(--daempet); text-decoration:none; }
a.kt-tag:hover{ border-color:var(--farve); color:var(--farve); }
.kt-afmeldt{ margin-left:.5rem; border-color:var(--fejl); color:var(--fejl); }
.kt-aktiv{ margin-left:.5rem; border-color:var(--god); color:var(--god); }
.kt-blad{ display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-top:.8rem; }
.kt-blad:empty{ display:none; }

/* Kortet */
.kt-navn{ margin:.2rem 0 .8rem; font-size:1.35rem; display:flex; align-items:center; flex-wrap:wrap; overflow-wrap:anywhere; }
.kt-kort{ margin:0 0 1.2rem; }
.kt-kort > h3:first-child, .kt-kort > h2:first-child{ margin-top:0; }
.kt-kort > .felt{ margin-bottom:.8rem; }
.kt-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(14rem, 1fr)); gap:.8rem 1rem; margin:0 0 .8rem; align-items:start; }
.kt-felter{ display:flex; flex-direction:column; gap:.5rem; align-items:flex-start; margin-bottom:.8rem; }
.kt-egen{ display:grid; grid-template-columns:minmax(8rem, 14rem) minmax(10rem, 1fr) auto; gap:.5rem; align-items:center; width:100%; }
.kt-handlinger{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem; }
.kt-isegment{ margin:0 0 .4rem; }
.kt-samtykke{ margin:0 0 .8rem; font-weight:600; }
.kt-ny{ margin-top:0; }

/* Afkrydsning og massestart, spærring og kortet Forløb */
.kt-kryds{ width:2.2rem; }
.kt-masse{ display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin:0 0 .8rem; padding:.6rem .8rem; }
.kt-masse[hidden]{ display:none; }
.kt-masse select{ flex:0 1 18rem; width:auto; max-width:100%; }
.kt-spaerret{ border-color:var(--fejl); }
.kt-forloeb h4{ font-size:.9rem; margin:.8rem 0 .3rem; color:var(--daempet); }
.kt-koersler{ list-style:none; margin:0; padding:0; }
.kt-koersler li{ padding:.45rem 0; border-bottom:1px solid var(--kant); overflow-wrap:anywhere; }
.kt-koersler li:last-child{ border-bottom:0; }
.kt-koersler .knap{ margin-top:.3rem; padding:.2rem .6rem; font-size:.85rem; }
.kt-sendte{ font-size:.9rem; color:var(--daempet); }
.kt-forloeb-start{ margin-top:.8rem; }
.kt-forloeb-start select{ flex:1 1 14rem; }
.kt-post.kt-h-spaerring::before{ background:var(--fejl); }

/* Tidslinjen */
.kt-tidslinje{ list-style:none; margin:1rem 0 0; padding:0; border-left:2px solid var(--kant); }
.kt-tidslinje > .hint, .kt-tidslinje > .besked{ padding-left:1rem; }
.kt-post{ position:relative; padding:.25rem 0 .9rem 1rem; overflow-wrap:anywhere; }
.kt-post::before{ content:''; position:absolute; left:-6px; top:.55rem; width:10px; height:10px; border-radius:50%; background:var(--daempet); }
.kt-post.kt-h-formular::before{ background:var(--farve); }
.kt-post.kt-h-samtykke::before, .kt-post.kt-h-tilmeldt::before{ background:var(--god); }
.kt-post.kt-h-afmeldt::before{ background:var(--fejl); }
.kt-post.kt-h-ordre::before{ background:var(--god); }
.kt-ordrelink{ display:inline-block; margin-top:.2rem; }
.kt-tid{ display:block; font-size:.75rem; color:var(--daempet); }
.kt-notetekst{ white-space:pre-wrap; }
.kt-post .knap{ margin-top:.4rem; padding:.2rem .6rem; font-size:.85rem; display:block; }

/* Segmenter */
.kt-seg-alle select{ width:auto; margin-left:.4rem; }
.kt-seg-rækker{ display:flex; flex-direction:column; gap:.5rem; margin:0 0 .6rem; }
.kt-seg-række{ display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; padding:.5rem .6rem; border:1px solid var(--kant); border-radius:.4rem; background:var(--bund); }
.kt-seg-række select, .kt-seg-række input{ flex:0 1 auto; width:auto; min-width:7rem; max-width:100%; }
.kt-seg-række > .knap{ margin-left:auto; }
.kt-seg-viser{ margin:.4rem 0 .2rem; padding:.6rem .8rem; border-left:3px solid var(--kant); min-height:1.5rem; }
.kt-seg-liste{ margin:.4rem 0 0; padding-left:1.1rem; font-size:.9rem; overflow-wrap:anywhere; }

/* Formularer */
.kt-forklaring{ max-width:46rem; margin:0 0 1rem; }
.kt-formular-kort h2{ display:flex; align-items:center; flex-wrap:wrap; overflow-wrap:anywhere; }

@media (max-width:760px){
  .kt-tabel td.kt-kryds{ float:right; padding:.2rem .8rem 0; }
  .kt-egen{ grid-template-columns:1fr; padding-bottom:.5rem; border-bottom:1px solid var(--kant); }
  .kt-seg-række select, .kt-seg-række input{ flex:1 1 100%; }
  .kt-seg-række > .knap{ margin-left:0; }
}