/* :has()-FALLBACK (02.09.2026): på skjermer uten :has()-støtte (eldre Firefox/Chrome) forsvant Hver :has(X) står nå som :is(:has(X), .h-) — :is() er tilgivende, og vit-shell.js setter .h-klassene når nettleseren mangler :has(). Målt av Kenneth 02.09 («fargebuggen»). */ /* FOUC-fix: skjul body inntil vit-shell.js har bygget skallet og lagt .vsh-ready på . Hindrer at innholdet rendres usentrert/bredt først, og så hopper når sidemenyen settes inn ved DOMContentLoaded. visibility (ikke display) bevarer layout-beregningen — bare malingen utsettes med noen ms. */ /* .vsh-venter staar i SELVE -TAGGEN paa hver side som laster skallet (blink-vakt.mjs), ikke bare oeverst i vit-shell.js: et utsatt skript kjoerer etter at nettleseren kan ha malt sida, og da blinket flata fram FOER lastevisningen (maalt 02.09.2026: 4 av 5 sider). Sider som bare laster stilarket har ikke klassen og skjules ikke. Sikringen: kommer skallet aldri (skriptet feiler), slipper animasjonen body fram etter 8 s — ren CSS, ingen side kan staa usynlig for alltid. */ /* INFORMASJONSBOKSEN (Kenneth 02.09.2026): forklaringer TIL en graf eller ei liste («september er ikke ferdig bokført», «dette er fakturaer du har sendt …») står i denne — aldri som fritekst midt i visningen. Én klasse, samme flate som Sammenhengen, brukes over hele appen. */ .infoboks{background:var(--infoboks-flate);border:1px solid var(--infoboks-ramme);border-radius:var(--boks-radius);padding:12px 16px;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.55;margin:12px 0} /* grå familie (NYE VITIN 03.09) */ .infoboks b{color:var(--ink)} .infoboks .i-eye{display:block;font:600 var(--fs-2xs) var(--font-display);letter-spacing:.08em;color:var(--brand-2);margin-bottom:4px} html.vsh-venter:not(.vsh-ready) body { visibility: hidden; animation: vsh-slipp 0s 8s forwards; } @keyframes vsh-slipp { to { visibility: visible; } } button,a,[role="button"]{-webkit-tap-highlight-color:transparent} /* flyttet fra saker.html (04.09) */ /* ============ SKRIFTEN ARVES (29.08.2026) ============ MAALT innlogget: 25 av 201 synlige kontroller i appen tegnet i Arial — .vsh-search paa hver eneste side, .bu-met og .rad-x i budsjettet, .kortmeny-btn, og de fem fanene paa min side. Grunnen er at nettleseren IKKE lar button/input/select/textarea arve font-family fra body; de faar sin egen systemskrift med mindre noen sier noe annet. Hver av dem som var riktig, var riktig fordi noen tilfeldigvis skrev font-family i sin egen regel — altsaa 176 tilfeldige treff og 25 bom. Fonten er Poppins (Kenneth). Regelen hoerer i arket, ikke i den enkelte knappen: da kan ingen ny knapp havne i Arial ved aa la vaere aa nevne skrift. Bare familien arves — stoerrelse og vekt bestemmes fortsatt der komponenten bor. */ button, input, select, textarea{ font-family: inherit; } /* Brand-tokenene (--brand-2, --brand-line, --brand-warm) eies av vit-tokens.css — den gamle «garantien» med !important her er borte (04.09). */ /* ============ AKTIV TAB/PILL — ÉN VALGT-MARKØR ============ Denne blokka tvang ALT med .on og «-btn»/«-pill»/«-tab» i klassenavnet til hvit flate + skygge, med !important. Den var skrevet før M3- vedtaket og slo derfor alt som er bestemt siden: menyvelgeren, periodevelgeren, spørsmålsfanene. Det var den som gjorde «valgt» til solid farge noen steder og bare ramme andre steder (Kenneth 07.08) — selektoren treffer bredt, så resultatet avhang av hvilket klassenavn den enkelte komponenten tilfeldigvis hadde. Nå peker den på de samme tokenene som resten av kategorien: FYLT flate i valg-fargen, ingen skygge (dybde av tone, ikke skygge). Målt 04.09.2026 på alle sidene: ingen lokal regel slår denne lenger, så !important er tatt bort. ============================================================ */ [class*="-pill"].on, [class*="-pill"].is-active, [class*="-tab"].on, [class*="-tab"].is-active, [class*="-btn"].on, .brief-pill.on, .hr-btn.on, .fane-btn.on, .fane-pill.on, .cat-tab.on, .tnav.on, .tnav.is-active { background: var(--valg-valgt-flate); color: var(--valg-valgt-farge); box-shadow: none; border-color: var(--valg-valgt-ramme); } /* ============ INNHOLDS-KORT — demp surface-2/brand-soft ============ Ekte content-cards (slutter pa "-card", "-tile" eller "-row") med brand-tinted bakgrunn dempes til hvit surface for kontrast mot warm cream canvas. KPI-tiles og kvittering-piller unntatt. .chart-card UNNTATT (Kenneth 04.08, «alle tokens feil på oversikt»): den er SEKSJONSBOKSEN i flate-hierarkiet (lerret → boks → hvitt innhold, M3-V2-vedtaket 03.08) — denne cream-æra-sweepen tvang den hvit med !important og nullet boks-tintingen på hele appen i det stille. */ /* SLETTET 07.08 (Kenneth: «alt betyr alt»): cream-æra-sweepen som tvang alle *-card/-tile hvite med !important. Den overkjørte nivåsystemet i det stille (id-card, rg-card m.fl. — funnet av lag-vakta). Nivåene eies nå av flate-tokenene og komponentkartet lenger ned. */ /* ============ RAPPORT-SIDE-AVDIMP ============ Rapport-sidene (rapport-bank-2026, rapport-eier-2026, rapport-regnskap-2026, rapport-styrerapport-2025) har egne trafikklys-paletter med hardkodete RGB-verdier (gronn #2d8c5c, gul #b45309, rod #c53030, bla #1e40af) som ikke fanges av --pos/--warn-overriden. Force alle til brand-only-tokens. */ /* Skjul gamle navigasjons-knapper — vit-shell-menyen gir navigasjon */ .back-link, a.back-link { display: none !important; } /* Skriv ut / PDF-knappen (brukeravtale). Hele knappen eies her — sida hadde sin egen regel med plassering, skallet sin med farger og !important; ÉN regel siden 04.09.2026. */ .print-btn { position: fixed; top: 20px; right: 20px; padding: 8px 14px; background: var(--surface); color: var(--brand-2); border: 1px solid var(--line); border-radius: var(--knapp-radius); box-shadow: var(--sh-2); font: 600 var(--fs-13) var(--font-body); cursor: pointer; } .print-btn:hover { border-color: var(--brand-line); } /* Type-tagger (DATA / BENCHMARK / TOLKNING / HYPOTESE) — brand-only */ .type-tag.data, .type-tag.tolkning, .tag.data, .tag.tolkning { background: none; border: 1px solid var(--line-mid); color: var(--brand-2); } .type-tag.benchmark, .tag.benchmark, .tag.kilde { background: var(--surface-2); color: var(--ink-3); } /* Pill-varianter med trafikklys */ .pill.neg { background: var(--neg-soft); color: var(--neg); } .pill.info { background: var(--surface-2); color: var(--ink-3); } /* Covenant-cards — fjern good/warn/neg-borderfarger */ .covenant-card.good, .covenant-card.warn, .covenant-card.neg { border-color: var(--line); } /* Stress-table row tints — neutraliser */ .stress-table tr.danger td { background: var(--surface-2); } .stress-table tr.warn td { background: var(--surface-2); } .stress-table tr.safe td { background: var(--surface); } /* Syntese-box — dempes fra heavy brand-pink til surface med brand-stripe */ .synth { background: color-mix(in srgb, var(--brand) 5%, transparent); border: 1px solid var(--brand-line); } /* Explainer-info-variant (blue) — dempes */ .explainer.info { background: var(--surface-2); border-left-color: var(--ink-4); } /* Placeholder-tagger med yellow */ .placeholder { background: none; border: 1px solid var(--line-mid); color: var(--brand-2); } /* Verdict-tekst (under KPI-kort) skal være dempet status, ikke aksent. Forrige globale --warn-override gjorde dem brand-orange. */ .verdict.good, .verdict.warn, .verdict.neg, .kpi-card .verdict { color: var(--ink-3); } /* ============ FAGORD-MARKERING (.ord) — globalt O2-mønster ============ Per Kenneth (forslag-laer-mer.html O2): brand-2 tekst + 2px brand-line dotted underline. Hover gjør underline solid brand. Hopper ut av ink-2-brødtekst uten å bli en "pille i tekst". Skal brukes KUN på fagord og uttrykk (Driftsmargin, bransjesnitt, lønnskostnad osv) — ALDRI på tall eller prosentverdier. */ button.ord, .ord { color: var(--brand-2); background: transparent; border: 0; /* 1.5px — NØYAKTIG samme strek som [data-term]-regelen (Kenneth 04.08: én enkel, lik understrek på alle fagord — aldri to varianter). */ border-bottom: 1.5px dotted var(--brand-line); padding: 0 1px 1px !important; font: inherit; font-weight: 600; /* «help», ikke «pointer». Ordet er et OPPSLAG: hold musa over det og forklaringen kommer, klikk og den åpner i margen. Bare padding-linja over trenger !important (målt 04.09: én side slår den ellers). */ cursor: help; transition: border-color 140ms, border-bottom-style 140ms; } button.ord:hover, .ord:hover { color: var(--brand-2); border-bottom-color: var(--brand); border-bottom-style: solid; } /* Tastaturring. Lå bare på intervju, lovgrunnlag og sykefravær — de fire andre sidene med fagord ga ingen synlig markering ved tabbing. .ord ER klikkbar, så den skal kunne brukes uten mus overalt. */ button.ord:focus-visible, .ord:focus-visible { outline: 2px solid var(--brand); outline-offset: 1px; border-radius: var(--felt-radius); } /* Trafikklys-tokenene (--pos, --warn, --neg …) eies av vit-tokens.css. Skallet hadde en :root-blokk som overstyrte dem i det stille (målt 04.09.2026: --warn var i praksis brand-lilla, mens tokenfila sa oransjebrun). Verdiene som faktisk ble tegnet står nå i tokenfila; aliasene ingen brukte er borte. */ /* ============ RAPPORT-SIDE: hardkodede rgba(...) trafikklys ============= Lokale