/* Folk: personliste og ett vedvarende detaljpanel, samme personrad som Team. */
.kfl-intro { margin: 8px 0 0; color: var(--text-muted); font-size: 14px; }
body:not(.eventlab-modus) #mdl-overlay .kfl-register { grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr); gap: 0; align-items: stretch; border-top: 1px solid var(--border); }
.kfl-personliste { min-width: 0; padding: 24px 24px 24px 0; }
.kfl-listehode h3 { display:flex; align-items:center; gap:10px; font-size:17px; margin:0 0 20px; }
.kfl-listehode h3 span { border-radius:var(--radius-pill, 999px); background:var(--bg2); font-size:12px; padding:4px 8px; }
.kfl-listeteller { color:var(--text-muted); font-size:12px; padding:12px 10px; }
body:not(.eventlab-modus) #mdl-overlay.kfl-flate .kof-detalj { border:0; border-left:1px solid var(--border); border-radius:0; padding:24px 0 24px 28px; background:transparent; min-width:0; }
.kfl-flate .kof-detalj-hode { color:var(--text-muted); font-size:12px; margin-bottom:26px; }
.kfl-flate .kof-person > .kpk-personrad { min-height:74px; padding:12px 10px; border-radius:10px; }
.kfl-flate .kpk-personnavn { display:block; font-size:14px; font-weight:600; margin-bottom:4px; }
.kfl-personhode { padding-bottom:24px; }
.kfl-personhode .kirke-personavatar { width:56px; height:56px; font-size:19px; }
.kfl-kortfaner { display:flex; flex-wrap:wrap; gap:6px; padding-bottom:20px; border-bottom:1px solid var(--border); }
.kfl-kortfaner [aria-pressed=true] { background:var(--primary-pill); color:var(--primary-dark-adaptiv); border-color:var(--primary); }
.kfl-kortbolk { padding-top:24px; }
.kfl-persondata { display:flex; flex-direction:column; gap:20px; }
.kfl-tjenestetall { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:20px 0; background:var(--primary-pill); border-radius:14px; margin-bottom:28px; }
.kfl-tjenestetall > div { display:flex; flex-direction:column; gap:7px; padding:0 15px; border-right:1px solid var(--border); }
.kfl-tjenestetall > div:last-child { border:0; }
.kfl-tjenestetall strong { font:500 30px/1 var(--kirke-tittelskrift); color:var(--primary-dark-adaptiv); }
.kfl-tjenestetall span { font-size:12px; color:var(--text-muted); }
.kfl-bolk { margin:0 0 26px; }
.kfl-bolk h4 { font-size:14px; margin:0 0 10px; }
.kfl-team { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; padding:15px 0; border-bottom:1px solid var(--border); }
.kfl-team strong { font-size:14px; }
.kfl-team small { display:block; color:var(--text-muted); margin-top:5px; font-size:12px; }
.kfl-rollepiller { display:flex; flex-wrap:wrap; gap:5px; }
.kfl-rollepiller span { padding:5px 9px; border-radius:var(--radius-pill,999px); background:var(--bg2); font-size:12px; }
.kfl-vakt { display:grid; grid-template-columns:85px minmax(0,1fr); gap:14px; padding:15px 0; border-bottom:1px solid var(--border); font-size:13px; }
.kfl-vakt small,.kfl-vakt > div > span { display:block; color:var(--text-muted); margin-top:5px; }
.kfl-vaktdato { font-size:12px; font-variant-numeric:tabular-nums; }
.kfl-vaktstatus { grid-column:2; color:var(--primary-dark-adaptiv); font-size:12px; }
.kfl-hjelp { color:var(--text-muted); font-size:13px; line-height:1.6; }
.kfl-forvaltning { padding:18px 0; border-top:1px solid var(--border); }
.kfl-forvaltning > summary { font-size:14px; font-weight:600; cursor:pointer; margin-bottom:16px; }
.kfl-forvaltning > summary:hover { color:var(--primary-dark-adaptiv); }
.kfl-flate button:focus-visible,.kfl-forvaltning > summary:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.kfl-kortfeil { min-height:200px; padding:20px 0; }
@media(max-width:760px) {
  body:not(.eventlab-modus) #mdl-overlay .kfl-register { grid-template-columns:minmax(0,1fr); }
  .kfl-personliste { padding:20px 0; }
  body:not(.eventlab-modus) #mdl-overlay.kfl-flate .kof-detalj { border-left:0; border-top:1px solid var(--border); padding:20px 0; }
  .kfl-register:has(.kof-detalj[data-apent=true]) .kfl-personliste { display:none; }
  .kfl-tjenestetall > div { padding:0 10px; }
  .kfl-kortfaner { gap:5px; }
  .kfl-kortfaner .btn { padding-inline:10px; }
}

/* Filtrene endrer utvalget, aldri personlistens layout. */
.kfl-hovedfiltre { display:flex; gap:6px; flex-wrap:wrap; margin:12px 0; }
.kfl-hovedfiltre .btn[aria-pressed=true] { background:var(--primary-pill); color:var(--primary-dark-adaptiv); border-color:var(--primary); }
.kfl-husfilter { display:grid; gap:6px; margin:12px 0; font-size:12px; color:var(--text-muted); }

/* Arbeidsregister: gi plassen til personer, ikke gjentatte overskrifter. */
#org-tab-content #mdl-overlay.kfl-flate>.kof-hode {display:none;}
.kfl-flate>.kof-faner {padding:0 0 8px;gap:2px;}
.kfl-flate .kof-fane {padding:6px 10px;font-size:12px;}
.kfl-flate>.kof-innhold {padding-top:0;}
.kfl-personliste {padding-top:14px;padding-right:18px;}
body:not(.eventlab-modus) #mdl-overlay.kfl-flate .kof-detalj {padding-top:14px;padding-left:22px;}
.kfl-hovedfiltre {margin:8px 0;gap:4px;}
.kfl-hovedfiltre .btn {padding:5px 10px;font-size:12px;min-height:30px;}
.kfl-husfilter {margin:0;gap:4px;}
.kfl-flate .kof-detalj-hode {margin-bottom:12px;}
.kfl-flate .kof-person>.kpk-personrad {min-height:54px;padding:8px;}
.kfl-flate .kpk-personnavn {font-size:13px;margin-bottom:2px;}
.kfl-personhode {padding-bottom:14px;}
.kfl-personhode .kirke-personavatar {width:44px;height:44px;font-size:16px;}
.kfl-kortfaner {gap:3px;padding-bottom:12px;}
.kfl-kortfaner .btn {padding:6px 10px;min-height:32px;font-size:12px;}
.kfl-kortbolk {padding-top:16px;}
.kfl-tjenestetall {padding:12px 0;margin-bottom:18px;border-radius:8px;}
.kfl-tjenestetall strong {font-size:23px;}