/* Geometri; typografi, knapper, fokus og farger eies av kirkedrakten. */
.kha-spor { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; padding:0; border:0; border-radius:50%; background:var(--primary); color:var(--surface); cursor:pointer; transition:background .18s,transform .18s; }
.kha-spor svg { width:23px; height:23px; }
.kha-spor:hover:not(:disabled) { background:var(--primary-dark); transform:translateY(-1px); }
.kha-spor:active:not(:disabled) { transform:translateY(0); }
.kha-spor:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.kha-spor:disabled { background:var(--bg2); color:var(--text-muted); cursor:default; }
.kha-samtale { margin-top:28px; border-top:1px solid var(--border); padding-top:24px; }
.kha-logg { display:grid; gap:16px; }
.kha-logg p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; margin:0; font-size:14px; }
.kha-logg .kha-bruker { justify-self:end; max-width:85%; padding:12px 18px; background:var(--primary-pill); border:1px solid var(--border); border-radius:20px 20px 5px 20px; color:var(--text); }
.kha-svar { color:var(--ink-soft); padding:4px 2px; }
.kha-utkast { border:1px solid var(--border); border-radius:18px; padding:22px; background:var(--surface); min-width:0; }
.kha-logg .kha-utkastetikett { color:var(--primary-dark-adaptiv); font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; }
.kha-utkast h3 { margin:0 0 8px; font:500 23px/1.2 var(--kirke-tittelskrift); }
.kha-utkast>p:not(.kha-utkastetikett) { color:var(--text-muted); margin-bottom:16px; }
.kha-samtale>[role=status] { color:var(--text-muted); font-size:13px; line-height:1.6; }
.kha-rader { max-height: 340px; overflow: auto; margin-block: 12px; }
.kha-rader li { padding-block: 6px; overflow-wrap: anywhere; }
.kha-utkast [role=status]:empty { display: none; }
@media(max-width:760px) { .kha-utkast {padding:18px;} .kha-logg .kha-bruker {max-width:92%;} }
@media(prefers-reduced-motion:reduce) { .kha-spor {transition:none;} .kha-spor:hover:not(:disabled) {transform:none;} }