/* Arbeidsflater: kompakte personrader, givertjeneste-demo og samlet oppsett.
   Farger og typografi arves fra Churchlabs eksisterende tokens. */
.kpk-personrad { display:flex; align-items:center; gap:12px; min-height:64px; padding:12px 14px; border:0; border-bottom:1px solid var(--border); background:transparent; color:var(--text); font:inherit; text-align:left; width:100%; box-sizing:border-box; }
button.kpk-personrad { cursor:pointer; }
button.kpk-personrad:hover, button.kpk-personrad[aria-pressed=true] { background:var(--primary-pill); }
.kpk-personnavn { flex:1; min-width:0; display:grid; gap:4px; }
.kpk-personnavn strong { font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.kpk-personnavn small { font-size:12px; color:var(--text-muted); }
.kpk-personrad .kof-avatar { width:34px; height:34px; flex:0 0 34px; font-size:11px; }
.kpk-personrad:focus-visible, .kgv-perioder button:focus-visible, .kio-kort:focus-visible { outline:2px solid var(--primary-dark-adaptiv); outline-offset:2px; }
.kgv-innhold { padding-block:24px; }
.kgv-eyebrow { font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--text-muted); margin:0 0 8px; }
.kgv-demo { display:inline-flex; width:fit-content; padding:7px 11px; border:1px dashed var(--border); border-radius:6px; font-size:11px; color:var(--text-muted); background:var(--surface); }
.kgv-kpi { display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:16px; }
.kgv-kpi article { padding:24px; border:1px solid var(--border); border-radius:16px; display:flex; flex-direction:column; gap:12px; background:var(--surface); }
.kgv-kpi article.kgv-hovedtall { background:var(--primary-dark); color:var(--kirke-paa-primar); border-color:var(--primary-dark); }
.kgv-kpi strong { font:500 clamp(28px,2.8vw,40px)/1.1 var(--kirke-tittelskrift); font-variant-numeric:tabular-nums; white-space:nowrap; }
.kgv-kpi article>span { font-size:12px; }
.kgv-kpi small { font-size:12px; line-height:1.5; }
.kgv-nokkeltall>small { color:var(--text-muted); }
.kgv-kpi .kgv-oppmerksomhet { background:var(--primary-pill); }
.kgv-fremdrift { height:5px; border-radius:6px; background:color-mix(in srgb,var(--kirke-paa-primar) 25%,transparent); overflow:hidden; margin-top:4px; }
.kgv-fremdrift span { display:block; height:100%; background:var(--kirke-paa-primar); }
.kgv-grafer { display:grid; grid-template-columns:1.8fr 1fr; gap:24px; margin-block:24px; }
.kgv-graf, .kgv-formal, .kgv-givere { border:1px solid var(--border); background:var(--surface); padding:24px; border-radius:16px; min-width:0; }
.kgv-graf>header, .kgv-givere>header { display:flex; justify-content:space-between; align-items:start; gap:16px; flex-wrap:wrap; }
.kgv-flate h3 { font:500 24px/1.2 var(--kirke-tittelskrift); margin:0 0 12px; }
.kgv-perioder { display:flex; gap:4px; flex-wrap:wrap; padding:4px; border:1px solid var(--border); border-radius:10px; }
.kgv-perioder button { border:0; background:transparent; color:var(--text); font:600 12px var(--kirke-skrift); padding:9px 12px; border-radius:7px; cursor:pointer; }
.kgv-perioder button[aria-pressed=true] { background:var(--primary-pill); color:var(--primary-dark-adaptiv); }
.kgv-perioder button:hover { background:var(--bg2); }
.kgv-soyler { display:flex; align-items:end; gap:12px; height:210px; border-bottom:1px solid var(--border); padding-top:20px; }
.kgv-soyle { display:flex; flex-direction:column; align-items:center; justify-content:end; flex:1; height:100%; gap:8px; min-width:0; font-size:11px; color:var(--text-muted); }
.kgv-soyle>div { height:var(--hoyde); width:100%; max-width:44px; min-height:2px; border-radius:5px 5px 0 0; background:color-mix(in srgb,var(--primary) 32%,var(--surface)); }
.kgv-soyle:last-child>div { background:var(--primary-dark-adaptiv); }
.kgv-soyle:hover>div { background:var(--primary); }
.kgv-grafverdi { position:absolute; opacity:0; pointer-events:none; background:var(--surface); border:1px solid var(--border); padding:5px; color:var(--text); border-radius:5px; transform:translateY(-90px); }
.kgv-soyle:hover .kgv-grafverdi { opacity:1; }
.kgv-grafdata { font-size:12px; margin-top:18px; }
.kgv-grafdata summary { cursor:pointer; color:var(--primary-dark-adaptiv); }
.kgv-grafdata table { width:100%; text-align:left; margin-top:12px; border-collapse:collapse; }
.kgv-grafdata td,.kgv-grafdata th { padding:6px; border-bottom:1px solid var(--border); }
.kgv-formalrad { margin-top:28px; }
.kgv-formalrad>div { display:flex; justify-content:space-between; gap:12px; font-size:12px; }
.kgv-formalrad small { font-size:11px; color:var(--text-muted); }
.kgv-formalrad meter { width:100%; height:12px; margin:8px 0; accent-color:var(--primary); }
.kgv-formalrad meter::-webkit-meter-bar { background:var(--bg2); border:0; }
.kgv-formalrad meter::-webkit-meter-optimum-value { background:var(--primary); }
.kgv-formalrad.kgv-serie-1 meter::-webkit-meter-optimum-value { background:var(--accent); }
.kgv-formalrad.kgv-serie-2 meter::-webkit-meter-optimum-value { background:var(--text-muted); }
.kgv-sok { max-width:380px; margin:18px 0; }
.kgv-personflate { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr); gap:24px; }
.kgv-belop { text-align:right; font-size:13px; font-variant-numeric:tabular-nums; }
.kgv-belop small { display:block; font-size:11px; color:var(--text-muted); margin-top:4px; }
.kgv-detalj { background:var(--bg); padding:24px; border-radius:12px; display:flex; flex-direction:column; gap:14px; align-items:start; }
.kgv-detalj h4 { font:500 26px/1.2 var(--kirke-tittelskrift); margin:0; }
.kgv-detalj p { font-size:13px; line-height:1.7; margin:0; }
.kgv-detalj dl { margin:0; font-size:12px; width:100%; }
.kgv-detalj dt { color:var(--text-muted); margin-top:12px; }
.kgv-detalj dd { margin:4px 0 0; }
.kgv-detalj .kgv-detaljbelop { font-size:24px; }
.kgv-detaljbelop small { font-size:12px; }
.kgv-velgperson { margin:auto 0; }
.kgv-velgperson>span { display:block; font-size:32px; color:var(--primary-dark-adaptiv); margin-bottom:16px; }
.kgv-fotnote { font-size:11px; color:var(--text-muted); line-height:1.6; margin:18px 0; }
.kio-seksjoner { padding-block:8px 28px; }
.kio-seksjon { display:grid; grid-template-columns:240px minmax(0,1fr); gap:32px; padding:32px 0; border-bottom:1px solid var(--border); }
.kio-seksjon h3 { font:500 24px var(--kirke-tittelskrift); margin:0 0 8px; }
.kio-seksjon p { font-size:13px; color:var(--text-muted); line-height:1.7; }
.kio-kortliste { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.kio-kort { display:flex; justify-content:space-between; gap:16px; text-align:left; border:1px solid var(--border); border-radius:12px; padding:22px; background:var(--surface); color:var(--text); font:inherit; cursor:pointer; }
.kio-kort strong { display:block; font-size:14px; margin-bottom:8px; }
.kio-kort small { display:block; font-size:12px; line-height:1.6; color:var(--text-muted); }
.kio-kort:hover { border-color:var(--primary); background:var(--primary-pill); }
@media(max-width:1100px) { .kgv-kpi { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .kgv-grafer,.kgv-personflate,.kio-seksjon { grid-template-columns:1fr; } .kgv-graf,.kgv-formal,.kgv-givere { padding:18px; } .kgv-soyler { gap:5px; } .kgv-kpi article { padding:16px; } .kgv-kpi strong { font-size:25px; } .kio-kortliste { grid-template-columns:1fr; } .kio-seksjon { gap:12px; } .kgv-sok input { font-size:16px; } }