/* public/portal/navngivning.css — Navngivningskontrol-siden (public/portal/navngivning.js). Genbruger
   Modelstatus' klasser (modelstatus.css); her står kun det, der er særligt for navngivningen. */
.ng-maaler { flex-shrink: 0; width: 96px; height: 8px; border-radius: 99px; background: var(--gt-flade2); border: 1px solid var(--gt-kant); position: relative; overflow: hidden; }
.ng-maaler::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--pct, 0%); }
.ng-maaler-groen::after { background: #1b7a3a; }
.ng-maaler-gul::after { background: #e3a92a; }
.ng-maaler-roed::after { background: var(--gt-fejl); }
.ng-fejl { background: rgba(192, 57, 43, .12); color: #c0392b; }
.ng-liste { flex-shrink: 0; display: flex; flex-direction: column; border: 1px solid var(--gt-kant); border-radius: 8px; overflow: hidden; }
.ng-liste .ms-fn { overflow-wrap: anywhere; }
#ng-claude-tekst p { font-size: 16px; line-height: 1.55; max-width: 860px; }
#ng-claude-tekst p + p { margin-top: 8px; }
@media (max-width: 720px) { #ng-claude-tekst p { font-size: 15px; } }