/* ══ PULSEN ═════════════════════════════════════════════════════════════════
   Det appene sier trenger deg (js/puls/). Rød = haster, gul = bør, dempet = info.
   Fargene er de samme som ringene i himmelen (himmel.js).                     */
.puls-rad, .puls-linje{--pc:var(--tekst-3)}
.haster{--pc:#FF8A6B}
.bor{--pc:#FFD98A}

.puls-prikk{flex:none;width:8px;height:8px;border-radius:50%;background:var(--pc);box-shadow:0 0 10px var(--pc)}
.info .puls-prikk{box-shadow:none;opacity:.7}

/* Øverst i «Neste steg»: én linje med det viktigste */
.puls-linje{
  display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin:0 0 14px;padding:9px 12px;border-radius:14px;
  background:color-mix(in srgb,var(--pc) 9%,transparent);border:1px solid color-mix(in srgb,var(--pc) 30%,transparent);
  transition:background .2s,transform .14s var(--fjaer)
}
.puls-linje:hover{background:color-mix(in srgb,var(--pc) 14%,transparent)}
.puls-linje:active{transform:scale(.985)}
.puls-linje .t{flex:1;font-size:14px;line-height:1.35;color:var(--tekst)}
.puls-linje .mer{flex:none;font:500 12px var(--mono);color:var(--tekst-2)}
.puls-linje.haster .puls-prikk{animation:pulsPust 1.4s ease-in-out infinite}
@keyframes pulsPust{0%,100%{opacity:1}50%{opacity:.45}}

/* Linjene i «Trenger deg» og i prosjektet */
.puls-rad{display:flex;align-items:baseline;gap:11px;width:100%;text-align:left;padding:8px 0;font-size:14px;line-height:1.45;color:var(--tekst-2)}
.puls-rad .puls-prikk{transform:translateY(-1px)}
.puls-rad.haster .t, .puls-rad.bor .t{color:var(--tekst)}
.puls-rad .t{flex:1}
.puls-rad .hvem{flex:none;font-size:12.5px;color:var(--tekst-3)}
button.puls-rad{border-radius:10px;transition:background .2s}
button.puls-rad:hover{background:rgba(170,185,255,.06)}

@media (prefers-reduced-motion:reduce){ .puls-linje.haster .puls-prikk{animation:none} }

/* ══ FREMGANG ═══════════════════════════════════════════════════════════════
   «Uka di» i arket og commitene i «Gjort» (js/fremgang.js).                   */
.uke-rad{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:7px 0;border-radius:10px;transition:background .2s}
.uke-rad:hover{background:rgba(170,185,255,.06)}
.uke-rad .navn{flex:0 0 38%;font-size:14px;color:var(--tekst);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uke-rad .strek{flex:1;height:6px;border-radius:3px;background:rgba(170,185,255,.08);overflow:hidden}
.uke-rad .strek i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--s0),var(--aksent))}
.uke-rad .tall{flex:none;min-width:22px;text-align:right;color:var(--tekst-2)}

.logg.commit span{color:var(--tekst-3)}
.logg.commit time{opacity:.75}
.alle-commits{display:inline-flex;margin-top:10px}

/* ══ TENKETANKEN ════════════════════════════════════════════════════════════
   «Tenk med Claude» og forslag fra Claude i innboksen (js/tenk.js).          */
.knapp.tenk svg{color:var(--aksent);margin-right:2px}
.tri-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tri-meta .knapp.tenk{margin-right:-10px}
.fra-claude{display:inline-flex;align-items:center;gap:6px;color:var(--aksent)}