/*!
 * EjendomsRadar · fælles designlag v1.4 · MOM Consult ApS
 * Leverance 1: forside + fælles topnavigation (forsidens .er-top-nav/.module-nav og app-sidernes .er-app-nav).
 * Leverance 2: "Vælg ejendom"-boksen (er_ejendomsvaelger.js) på Bank, X-Ray, DD, Advokat m.fl. og app'ens primærknapper.
 * Leverance 3: forsidens læsbarhedsregler afgrænset til forsiden (body.er-home-vision / .er-home-reference36),
 *             deaktiverede og travle knapper, lange navne og udskrift.
 * Leverance 4 (v1.3): sammen med navigationsrettelserne A (360-menuen) og B (Forsidens "Mere"):
 *             360 får samme menuskrift som de øvrige moduler, Forsidens menu læsbar ved 901-1180 px,
 *             CRM-fanerne ved 320 px, Revisors/Energis lagmenu, Revisors "Skift selskab / periode" og Energis
 *             deaktiverede omfangsknapper.
 * Leverance 5 (v1.4, D1): læsbarhed i Bank, Revisor og 360 med valgt selskab og ejendom (afsnit 8): RADAR 10D's tomme
 *             model og kildelinje, Revisors dokumentliste og nøgletalsændringer, Banks selskabsrapport-formular og
 *             kildechips, kontekstbjælken, "Tilpas rum" på mobil og kortknappen "Street View" på Find.
 *
 * Princip: kun udseende. Ingen elementer skjules, flyttes eller fjernes, og ingen links ændres. Eksisterende
 * layout (display/position/grid) overskrives kun to afgrænsede steder i afsnit 7, hvor teksten ellers løb ud
 * over sin knap eller stod skævt (CRM-fanerne under 360 px og 360-menuens punkter), samt i afsnit 8 for "Tilpas rum" og
 * "Street View" (kun størrelse/afstand, ingen ny placering). Filen lægges SIDST i <head>, efter sidens egne
 * stylesheets, så den kan rulles tilbage ved at fjerne én linje:
 *   <link rel="stylesheet" href="/er_faelles_design.css?v=5">
 */

/* ------------------------------------------------------------------ 0. Fælles værdier (tokens) */
/* Egne navne (--erf-*): siderne definerer selv --er-flade, --er-tekst m.fl. på <body> (fx mørke sider,
   body.er-moerk-side), og så slog deres værdier igennem i dette lag – målt 25.10.2026: mærket "Ejerlejlighed"
   blev mørkeblåt, fordi --er-flade var #0C2233 på Bank-siden. */
:root {
  --erf-font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --erf-font-display: "Manrope", "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --erf-tekst: #141414;      /* brødtekst og overskrifter */
  --erf-tekst-2: #374151;    /* menupunkter, sekundær tekst */
  --erf-tekst-3: #5B6472;    /* hjælpetekst, brødkrummer (min. 4.5:1 på hvid) */
  --erf-groen: #075E52;      /* primær farve: aktive punkter og primære knapper */
  --erf-groen-hover: #054A41;
  --erf-groen-lys: #E8F3F1;
  --erf-guld: #806020;       /* accent (forsidens "Opdag potentialet"), ikke knapper */
  --erf-linje: #E5E7EB;
  --erf-flade: #F5F7F6;
  --erf-nav-h: 60px;
  --erf-radius: 10px;
  --erf-fokus: 0 0 0 3px rgba(7, 94, 82, .30);
}

/* ------------------------------------------------------------------ 1. Typografi */
html body { font-family: var(--erf-font); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:where(button, input, select, textarea) { font-family: inherit; }
:where(a, button, summary, input, select, textarea):focus-visible { outline: none; box-shadow: var(--erf-fokus); border-radius: 8px; }

/* ------------------------------------------------------------------ 2. Fælles topnavigation */
/* Samme flade, linje, højde og skrift på forsiden og i app'en. */
html body nav.er-top-nav,
html body nav.er-app-nav {
  background: #fff;
  border-bottom: 1px solid var(--erf-linje);
  font-family: var(--erf-font);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
html body nav.er-top-nav .er-top-inder,
html body nav.er-app-nav .er-app-nav-inder { min-height: var(--erf-nav-h); }

/* Logo og navn: ens på alle sider */
html body nav.er-top-nav .er-top-navn,
html body nav.er-app-nav .er-app-navn {
  font-family: var(--erf-font-display) !important;
  font-weight: 800; letter-spacing: .02em; color: var(--erf-tekst);
}
html body nav.er-top-nav .er-top-slogan { font-size: 11px !important; letter-spacing: .02em; color: var(--erf-tekst-3); }

/* Menupunkter: 14 px, mellemvægt, rolig grå; aktiv = grøn med lys baggrund */
html body nav.er-top-nav .er-top-links a,
html body nav.er-top-nav .er-top-prod summary,
html body nav.er-app-nav .er-app-links > li > a,
html body nav.er-app-nav .er-app-mere {
  font-weight: 500;
  line-height: 1.2;
  color: var(--erf-tekst-2);
  border-radius: 8px;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease;
}
/* App-menuen flytter selv overskydende punkter ind under "Mere" (er-menu-styret), så 14 px passer.
   v1.3: 360 (body.rw10) er ikke længere undtaget. Undtagelsen fandtes, fordi menuens overløb regnede forkert;
   det er rettet i er_appskal_r5.js (del A, rettelse A1). KRÆVER del A - uden den ligger "Mere" under søgeikonet. */
html body nav.er-app-nav .er-app-links > li > a,
html body nav.er-app-nav .er-app-mere { font-size: 14px !important; padding: 8px 10px; }
/* "Mere ▾" stod lysegrå (#A9B4BC-agtig, 1,9:1) og lignede en deaktiveret knap. */
html:not(#erv1):not(#erv2):not(#erv3) body nav.er-app-nav .er-app-mere,
html:not(#erv1):not(#erv2):not(#erv3) body nav.er-app-nav .er-app-mere > :is(button, summary, a) { color: var(--erf-tekst-2) !important; }
/* Forsidens topmenu: målt 25.10.2026 (logget ind som administrator, fire knapper til højre) er originalen 11 px
   og ombrydes ved 1024–1180 px. Fra 1181 px: større skrift, hvor den stadig står på én linje. 901–1180 px: se afsnit 7
   (kun når "Mere" fra del B er aktiv, klassen .er-top-styret). */
@media (min-width: 1440px) {
  html body nav.er-top-nav .er-top-links a, html body nav.er-top-nav .er-top-prod summary { font-size: 14px !important; padding: 8px 10px; }
}
@media (min-width: 1281px) and (max-width: 1439.98px) {
  html body nav.er-top-nav .er-top-links a, html body nav.er-top-nav .er-top-prod summary { font-size: 13px !important; padding: 8px 6px; }
}
@media (min-width: 1181px) and (max-width: 1280.98px) {
  html body nav.er-top-nav .er-top-links a, html body nav.er-top-nav .er-top-prod summary { font-size: 12.5px !important; padding: 8px 6px; }
}
html body nav.er-top-nav .er-top-links a:hover,
html body nav.er-top-nav .er-top-prod summary:hover,
html body nav.er-app-nav .er-app-links > li > a:hover,
html body nav.er-app-nav .er-app-mere:hover { background: var(--erf-flade); color: var(--erf-tekst); }
html body nav.er-top-nav .er-top-links a.er-akt,
html body nav.er-app-nav .er-app-links > li > a.er-akt {
  color: var(--erf-groen) !important; background: var(--erf-groen-lys) !important; font-weight: 600;
}
/* Produkter-menuens punkter */
html body nav.er-top-nav .er-top-prod-menu a { font-size: 14px !important; line-height: 1.3; }

/* Knapperne til højre i menuen (Min side, Indstillinger, Administration, Log ud) */
html body nav.er-top-nav .er-knap-tom,
html body nav.er-top-nav .er-knap-fyldt {
  font-weight: 600; border-radius: var(--erf-radius);
}
/* Størrelsen kun hvor der er plads; under 1181 px ombrydes menuen ellers (målt: 39 → 72 px ved 1180 px). */
@media (min-width: 1181px) {
  html body nav.er-top-nav .er-knap-tom,
  html body nav.er-top-nav .er-knap-fyldt {
    font-size: 13.5px !important; line-height: 1;
    min-height: 36px; padding: 0 14px; display: inline-flex; align-items: center;
  }
}
html body nav.er-top-nav .er-knap-tom { background: #fff; color: var(--erf-tekst); border: 1px solid var(--erf-linje); }
html body nav.er-top-nav .er-knap-tom:hover { background: var(--erf-flade); }
html body nav.er-top-nav .er-knap-fyldt { background: var(--erf-groen); color: #fff; border: 1px solid var(--erf-groen); }
html body nav.er-top-nav .er-knap-fyldt:hover { background: var(--erf-groen-hover); border-color: var(--erf-groen-hover); }

/* Forsidens modulrække (Find ejendom … Revisor): fra 10 px til læsbar 13,5 px, rulles vandret på smalle skærme */
html body nav.module-nav {
  background: #fff;
  border-bottom: 1px solid var(--erf-linje);
  overflow-x: auto; scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
html body nav.module-nav a {
  font-size: 13.5px !important; font-weight: 500; color: var(--erf-tekst-2);
  padding: 10px 10px; border-radius: 8px; white-space: nowrap; text-decoration: none;
}
html body nav.module-nav a:hover { background: var(--erf-flade); color: var(--erf-tekst); }

/* Brødkrummer under menuen (app-siderne): fra 10 px til 12 px */
html body .er-sti-led-liste,
html body .er-sti-led-liste a { font-size: 12px !important; color: var(--erf-tekst-3); }
html body .er-sti-led-liste a:hover { color: var(--erf-groen); }

/* ------------------------------------------------------------------ 3. Forsiden: læsbarhed (min. 11–12 px) */
/* Kun på forsiden. Uden afgrænsning ramte fx .er-tabel th, .card-body p og .filter button også tabeller,
   rapporter og filtre i andre moduler. Forsidens <body> har klasserne er-home-vision og er-home-reference36. */
html body:is(.er-home-vision, .er-home-reference36) .card-body small { font-size: 12px !important; letter-spacing: .06em; }
html body:is(.er-home-vision, .er-home-reference36) .card-body p { font-size: 14px !important; line-height: 1.5; }
html body:is(.er-home-vision, .er-home-reference36) .eyebrow { font-size: 12px !important; letter-spacing: .08em; }
html body:is(.er-home-vision, .er-home-reference36) .micro-proof span { font-size: 12px !important; }
html body:is(.er-home-vision, .er-home-reference36) .hotspot div { font-size: 11px !important; }
html body:is(.er-home-vision, .er-home-reference36) .scene-caption { font-size: 11px !important; }
html body:is(.er-home-vision, .er-home-reference36) .er-play-settings label,
html body:is(.er-home-vision, .er-home-reference36) .er-play-hint { font-size: 12px !important; }
html body:is(.er-home-vision, .er-home-reference36) .layer-tabs a,
html body:is(.er-home-vision, .er-home-reference36) .filter button { font-size: 13px !important; }
html body:is(.er-home-vision, .er-home-reference36) .perspectives span { font-size: 12px !important; }
html body:is(.er-home-vision, .er-home-reference36) .perspectives small { font-size: 13px !important; line-height: 1.45; }
html body:is(.er-home-vision, .er-home-reference36) .role-grid span { font-size: 12px !important; }
html body:is(.er-home-vision, .er-home-reference36) .er-tabel th { font-size: 12px !important; }
html body:is(.er-home-vision, .er-home-reference36) .er-fod-inder a { font-size: 13px !important; color: var(--erf-tekst-2); }

/* ------------------------------------------------------------------ 5. "Vælg ejendom" (er_ejendomsvaelger.js) */
/* Før: mørkeblå boks (#0C2233) med næsten sort tekst (#141414) – kontrast ca. 1,2:1, ulæselig.
   Mærket "Ejerlejlighed" lå absolut oven i adressen. Efter: lys kortflade som resten af app'en,
   mærket står under BFE-linjen, og kortene fylder rækken jævnt. Intet skjules, ingen knapper ændres.
   :is(#erEjendomsvaelger, .er-ejv) giver id-vægt: er_ejendomsvaelger.css bruger #erEjendomsvaelger-selektorer
   (målt live 25.10.2026 – uden id-vægt vandt sidens mørke baggrund og hvide "Hele porteføljen").
   Desuden bruger temafilerne er_workspace_theme/er_professional_10d regler med to id'er og !important.
   Derfor vægtes dette afsnit med html:not(#erv1):not(#erv2):not(#erv3) (tre id-vægte, matcher altid)
   og !important. Vægten bruges KUN i afsnit 5 og 6 – komponenter, hvor temaerne ellers gør teksten ulæselig. */
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) {
  background: #fff !important; color: var(--erf-tekst) !important;
  border: 1px solid var(--erf-linje) !important; border-radius: 12px !important;
  padding: 20px !important; box-shadow: 0 1px 2px rgba(16, 24, 40, .04) !important;
}
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) h2 { color: var(--erf-tekst) !important; font-family: var(--erf-font-display) !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.25 !important; margin: 0 0 4px !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-tal { color: var(--erf-tekst-2) !important; font-size: 13px !important; font-weight: 600 !important; margin: 0 0 6px !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-hvorfor,
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-fod { color: var(--erf-tekst-3) !important; font-size: 13px !important; line-height: 1.5 !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-eller { color: var(--erf-tekst-3) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .06em !important; text-transform: uppercase !important; margin: 18px 0 8px !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-hele {
  background: var(--erf-groen) !important; color: #fff !important; border: 1px solid var(--erf-groen) !important;
  border-radius: var(--erf-radius) !important; min-height: 44px !important; padding: 10px 16px !important;
  font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important;
}
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-hele:hover { background: var(--erf-groen-hover) !important; border-color: var(--erf-groen-hover) !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-hele .er-ejv-hele-navn { white-space: nowrap !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-hele .er-ejv-hele-tal { color: rgba(255, 255, 255, .85) !important; font-weight: 500 !important; text-align: left !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-liste { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 10px !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-valg {
  width: 100% !important; min-height: 76px !important; box-sizing: border-box !important;
  flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 4px !important;
  text-align: left !important; background: #fff !important; color: var(--erf-tekst) !important;
  border: 1px solid var(--erf-linje) !important; border-radius: var(--erf-radius) !important; padding: 12px 14px !important; cursor: pointer !important;
  transition: border-color .15s ease, background-color .15s ease !important;
}
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-valg:hover { border-color: var(--erf-groen) !important; background: var(--erf-groen-lys) !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-adr { font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; color: var(--erf-tekst) !important; padding-right: 0 !important; overflow-wrap: anywhere !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) h2 { overflow-wrap: anywhere !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-meta { font-size: 12px !important; color: var(--erf-tekst-3) !important; }
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-mrk {
  position: static !important; display: inline-block !important; align-self: flex-start !important; margin-top: 2px !important;
  background: var(--erf-flade) !important; color: var(--erf-tekst-2) !important; border: 1px solid var(--erf-linje) !important;
  border-radius: 999px !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.5 !important; padding: 0 8px !important;
}
@media (max-width: 760px) {
  html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) { padding: 16px !important; }
  html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-liste { grid-template-columns: 1fr !important; }
  html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-hele { width: 100% !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 2px 12px !important; text-align: left !important; }
}

/* ------------------------------------------------------------------ 6. Primærknapper i app'en */
/* Før: tre grønne nuancer (#075E52, #17663F), hjørner 7–10 px og skrift 11–15 px. "Lav købercase" (.er-kc-knap)
   havde grøn tekst (#075E52) på grøn baggrund (#17663F) – kontrast ca. 1,1:1, teksten var usynlig.
   Efter: én primærknap – grøn flade, hvid tekst, 10 px hjørner, mindst 13 px skrift og 40 px højde.
   Vægtet som afsnit 5 (temaernes !important vandt ellers – målt: "Lav købercase" stadig grøn på grøn).
   Forsidens guld-søgeknap (#forsideSoeg) er undtaget og beholder sin flade. */
html:not(#erv1):not(#erv2):not(#erv3) body .er-knap-fyldt:not(#forsideSoeg *),
html:not(#erv1):not(#erv2):not(#erv3) body .er-360-knap,
html:not(#erv1):not(#erv2):not(#erv3) body .er-kc-knap:not(.er-kc-knap-2) {
  background: var(--erf-groen) !important; color: #fff !important; border: 1px solid var(--erf-groen) !important;
  border-radius: var(--erf-radius) !important; font-weight: 600 !important; min-height: 40px !important; text-decoration: none !important;
  align-items: center !important; justify-content: center !important; /* virker kun, hvor knappen allerede er flex – ændrer ikke display */
  transition: background-color .15s ease, border-color .15s ease !important;
}
html:not(#erv1):not(#erv2):not(#erv3) body .er-knap-fyldt { font-size: 13.5px !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .er-knap-fyldt:not(#forsideSoeg *):not(:disabled):not([aria-disabled="true"]):hover,
html:not(#erv1):not(#erv2):not(#erv3) body .er-360-knap:not([aria-disabled="true"]):hover,
html:not(#erv1):not(#erv2):not(#erv3) body .er-kc-knap:not(.er-kc-knap-2):not([aria-disabled="true"]):hover { background: var(--erf-groen-hover) !important; border-color: var(--erf-groen-hover) !important; }
/* Deaktiveret og travl: tydeligt, men stadig læsbar (hvid på #075E52 ved 55 % er over 3:1 mod hvid baggrund). */
html:not(#erv1):not(#erv2):not(#erv3) body .er-knap-fyldt:disabled,
html:not(#erv1):not(#erv2):not(#erv3) body .er-knap-fyldt[aria-disabled="true"],
html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-hele:disabled { opacity: .55 !important; cursor: not-allowed !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .er-knap-fyldt[aria-busy="true"] { cursor: progress !important; opacity: .8 !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .er-kc-knap.er-kc-knap-2 { color: var(--erf-groen) !important; border-radius: var(--erf-radius) !important; }
/* Forsidens søgeknap beholder sin guldflade (accent), men får mørk tekst: hvid på guld (#CC9A45–#F5DDA6)
   var 1,6–2,5:1. Mørkebrun giver over 7:1 på hele fladen. */
html:not(#erv1):not(#erv2):not(#erv3) body #forsideSoeg.er-hero-soeg .er-knap-fyldt { color: #2B1D05 !important; }

/* ------------------------------------------------------------------ 7. v1.3: efter navigationsrettelserne */
/* 7a. Forsidens topmenu ved 901–1180 px. Originalen står i 10 px (målt ved 1024 px), og kontoknapperne i 11 px.
   Med "Mere" fra del B (er_mobilmenu.js, rettelse B1 sætter .er-top-styret) ombrydes menuen ikke længere, så
   teksten kan gøres læsbar: 12,5 px som ved 1181–1280 px. Uden del B rammer reglen intet. */
@media (min-width: 901px) and (max-width: 1180.98px) {
  html:not(#erv1):not(#erv2):not(#erv3) body:is(.er-home-vision, .er-home-reference36) nav.er-top-nav .er-top-links.er-top-styret > li > a,
  html:not(#erv1):not(#erv2):not(#erv3) body:is(.er-home-vision, .er-home-reference36) nav.er-top-nav .er-top-links.er-top-styret > li > details > summary { font-size: 12.5px !important; }
  html:not(#erv1):not(#erv2):not(#erv3) body:is(.er-home-vision, .er-home-reference36) nav.er-top-nav .er-top-links.er-top-styret ~ .er-top-handling .er-hero-log > a:not(.er-top-soeg) { font-size: 12px !important; }
}
/* 7b. 360-menuen: punkterne stod øverst i en 44 px høj række, mens "Mere" var centreret (målt: tekstmidte 15 px mod 27 px). */
html body.rw10 nav.er-app-nav .er-app-links > li:not(.er-app-mere) { display: flex; align-items: center; }
/* 7c. CRM-fanerne (Pipeline … Rapporter) står i fire kolonner. Ved 320 px er hver 63,5 px, og "Virksomheder" (69 px)
   og "Ejendomme" løb ud over knappen. Under 360 px: tre kolonner (3-3-2). Ingen tekst gøres mindre. */
@media (max-width: 359.98px) {
  html:not(#erv1):not(#erv2):not(#erv3) body.cr-side .er-app-chips { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
/* 7d. Lagmenuen (RADAR 10D) på Revisor og Energi: 10 px tekst, og "Ejendomsoverblik →" stod mørkegrøn (#075E52) på
   mørkeblå (#0A2C42) – ca. 1,9:1. Nu hvid tekst (ca. 14:1) og 12 px for alle fire. */
html:not(#erv1):not(#erv2):not(#erv3) body .ad10-layer-nav > :is(a, button) { font-size: 12px !important; line-height: 1.25 !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .ad10-layer-nav > a { color: #fff !important; font-weight: 600 !important; text-decoration: none !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .ad10-layer-nav > a:hover { text-decoration: underline !important; text-underline-offset: 3px; }
/* 7e. Energis omfangsknapper (Ejendom / Dette CVR / Hele koncernen) er deaktiverede, indtil data er hentet, men stod med
   fuld styrke og almindelig markør. Nu samme deaktiverede tilstand som primærknapperne; det valgte omfang (aria-pressed)
   dæmpes mindre, så man stadig kan se, hvad der er valgt. */
html:not(#erv1):not(#erv2):not(#erv3) body button[data-en-scope]:disabled { opacity: .55 !important; cursor: not-allowed !important; }
html:not(#erv1):not(#erv2):not(#erv3) body button[data-en-scope][aria-pressed="true"]:disabled { opacity: .8 !important; }
/* 7f. Revisor: "Skift selskab / periode" (details.ad10-lookup) stod med næsten sort tekst (#141414) på mørkeblå (#102D41)
   – ca. 1,3:1, ulæseligt. Nu hvid tekst (ca. 13:1). Kun dette element; findes kun på Revisor (målt på alle syv sider). */
html:not(#erv1):not(#erv2):not(#erv3) body details.ad10-lookup > summary { color: #fff !important; }

/* ------------------------------------------------------------------ 8. v1.4 (D1): Bank, Revisor og 360 med indhold */
/* Målt 25.10.2026 på live med VITO Esbjerg ApS (CVR 38393987) og Englandsgade 34 (BFE 5733493). Kun de nævnte elementer. */
/* 8a. Kontekstbjælken "Du ser nu": uden selskab stod skillepunktet alene ("Du ser nu · · Englandsgade 34"), og mærket var 9 px.
   Punktet er dekorativt (aria-hidden) og skjules kun, når det står lige efter mærket, dvs. når der ikke er noget selskab. */
html body .er-kbj-hvad > .er-kbj-mrk + .er-kbj-skil { display: none; }
html:not(#erv1):not(#erv2):not(#erv3) body .er-kbj-hvad > .er-kbj-mrk { font-size: 11px !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .er-kbj-hvad > .er-kbj-bfe { font-size: 12px !important; }
/* 8b. RADAR 10D (Revisor m.fl.): tom ejendomsmodel stod i lyseblå/turkis på hvid – "Vælg en ejendom" 1,1:1,
   forklaringen 1,9:1 og "Find ejendom →" 1,7:1. Teksten var tegnet til en mørk flade, men modellens flade er hvid. */
html:not(#erv1):not(#erv2):not(#erv3) body .ad10-model-host .ad10-empty > b { color: var(--erf-tekst) !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .ad10-model-host .ad10-empty > p { color: #4B5563 !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .ad10-model-host .ad10-empty > a { color: var(--erf-groen) !important; border-color: var(--erf-groen) !important; }
/* 8c. Kildelinjen under modellen ("GeoDanmark · Danmarks Højdemodel · BBR …"): 9 px og 1,7:1. Nu 12 px og 6,0:1. */
html:not(#erv1):not(#erv2):not(#erv3) body .ad10-model-caption { font-size: 12px !important; color: var(--erf-tekst-3) !important; }
/* 8d. Revisors dokumentliste i 10D-siden: "Ingen stærke regnskabsadvarsler …" 1,4:1 på hvid, kildelinjerne (periode,
   kilde, Åbn PDF) 10 px. Nu mørk tekst og 12 px. */
html:not(#erv1):not(#erv2):not(#erv3) body .ad10-document-list > li { color: var(--erf-tekst-2) !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .ad10-document-list > li > small { font-size: 12px !important; color: var(--erf-tekst-3) !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .ad10-document-list > li > b { font-size: 12px !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .ad10-note { font-size: 12px !important; }
/* 8e. Revisors nøgletalskort: ændringen ("▼ -19,7 %") og statusmærket ("Aktiv") stod i 10,5–11 px. */
html:not(#erv1):not(#erv2):not(#erv3) body .rv-aendring,
html:not(#erv1):not(#erv2):not(#erv3) body .rv-badge { font-size: 12px !important; }
/* 8f. Bank, "Selskabsrapport til kundemødet": formularen har mørkeblå flade (#08273D) og lys tekstfarve, men label og
   forklaringer blev tvunget til #141414 – 1,2:1. Nu den lyse farve, formularen selv angiver (ca. 14:1). */
html:not(#erv1):not(#erv2):not(#erv3) body form.bk-selskabsrapport > :is(label, p) { color: #E5F5FF !important; }
/* 8g. Banks kilde- og dækningschips (fx "Først ved salg", "Automatisk kildekontrol", "Kendt tinglyst subtotal"):
   11 px, og "Først ved salg" 2,6:1. Nu 12 px og mørkere grå (ca. 7:1 på chipfladen). */
html:not(#erv1):not(#erv2):not(#erv3) body :is(.bdr-chip, .brg-chip, .bpv-t, .brg-dom-t) { font-size: 12px !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .bdr-chip { color: #475569 !important; }
html:not(#erv1):not(#erv2):not(#erv3) body .brg-meta { font-size: 12px !important; }
/* 8h. "Tilpas rum" (.rdo-layout-toggle) på mobil: fast 44 × 44 px, 13 px tekst på to linjer → 4 px skåret af forneden
   (sidens egen overflow:hidden). Kun skrift, linjehøjde og indre afstand ændres; knappen bliver 44 × 44 px. */
@media (max-width: 760px) {
  html:not(#erv1):not(#erv2):not(#erv3) body .er-10d-intro > .rdo-layout-toggle { font-size: 12px !important; line-height: 1.15 !important; padding: 6px 2px !important; }
}
/* 8i. Find, kortknapperne (Kort / Satellit / Hybrid / Street View / Matrikel): fast 56 px, "Street View" 4 px for bred.
   Fra 761 px må knappen blive bredere end 56 px. Under 761 px er der ingen fejl og intet ændres (målt). */
@media (min-width: 761px) {
  html:not(#erv1):not(#erv2):not(#erv3) body .sg-stil > button { width: auto !important; min-width: 56px !important; }
}

/* ------------------------------------------------------------------ 4. Smalle skærme */
@media (max-width: 760px) {
  html body nav.er-top-nav .er-top-inder,
  html body nav.er-app-nav .er-app-nav-inder { min-height: 56px; }
  html body nav.module-nav a { padding: 12px 10px; }          /* trykflade mindst 40 px */
  html body:is(.er-home-vision, .er-home-reference36) .card-body p { font-size: 15px !important; }
}
@media print {
  html body nav.er-top-nav, html body nav.er-app-nav, html body nav.module-nav { box-shadow: none; }
  /* :not(#erv4) giver én id-vægt mere end skærmreglerne, så udskriften altid vinder. */
  html:not(#erv1):not(#erv2):not(#erv3):not(#erv4) body :is(.er-knap-fyldt:not(#forsideSoeg *), .er-360-knap, .er-kc-knap:not(.er-kc-knap-2)),
  html:not(#erv1):not(#erv2):not(#erv3):not(#erv4) body :is(#erEjendomsvaelger, .er-ejv) .er-ejv-hele { background: #fff !important; color: var(--erf-tekst) !important; border: 1px solid var(--erf-tekst) !important; transition: none !important; }
  html:not(#erv1):not(#erv2):not(#erv3) body :is(#erEjendomsvaelger, .er-ejv) { box-shadow: none !important; break-inside: avoid; }
  /* v1.3 (7d): hvid tekst på mørkeblå forsvinder, hvis printeren udelader baggrunde – på papir mørk tekst på hvidt. */
  html:not(#erv1):not(#erv2):not(#erv3):not(#erv4) body .ad10-layer-nav > a { background: #fff !important; color: var(--erf-tekst) !important; border: 1px solid var(--erf-tekst) !important; }
  html:not(#erv1):not(#erv2):not(#erv3):not(#erv4) body details.ad10-lookup > summary { background: #fff !important; color: var(--erf-tekst) !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body nav.er-top-nav *, html body nav.er-app-nav *, html body nav.module-nav * { transition: none !important; }
}

/* Root v1.4: observed native dark workbench heading and compressed More links.
   Only presentation on named header/navigation components. No source/status,
   monetary fields, routing, auth or native control handlers change. */
html:not(#erv1):not(#erv2):not(#erv3) body.er-moerk-side.rw10 .ra-top {
  background: linear-gradient(105deg, #061321, #0b2034 58%, #091725) !important;
}
html:not(#erv1):not(#erv2):not(#erv3) body.er-moerk-side.rw10 .ra-top h1 {
  color: #fff !important;
}
html:not(#erv1):not(#erv2):not(#erv3) body nav.er-app-nav .er-app-mere > button {
  font-size: 14px !important;
  line-height: 1.25 !important;
}
html:not(#erv1):not(#erv2):not(#erv3) body nav.er-app-nav .er-app-mere-panel a {
  display: block !important;
  box-sizing: border-box !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
@media print {
  html:not(#erv1):not(#erv2):not(#erv3):not(#erv4) body.er-moerk-side.rw10 .ra-top {
    background: #fff !important;
    box-shadow: none !important;
  }
  html:not(#erv1):not(#erv2):not(#erv3):not(#erv4) body.er-moerk-side.rw10 .ra-top h1 {
    color: var(--erf-tekst) !important;
  }
}

/* Current native workbench reproduction: preserve its original dark robot card,
   restore the heading foreground overridden by the received generic heading rule. */
html:not(#erv1):not(#erv2):not(#erv3) body.er-moerk-side.rw10 .ra-robot h3 {
  color: #fff !important;
}
@media print {
  html:not(#erv1):not(#erv2):not(#erv3):not(#erv4) body.er-moerk-side.rw10 .ra-robot h3 {
    color: var(--erf-tekst) !important;
  }
}

/* Current native CRM CSS has light KPI text on the native light cards.
   Scope to the existing CRM workspace/card markers; values and handlers remain native. */
@media screen {
 html:not(#erv1):not(#erv2):not(#erv3)[data-er-workspace="crm_ny.html"] body.er-moerk-side.er-module-dashboard #er-app-indhold .sk-kpi-tal {color:var(--ws-ink,#141414)!important}
 html:not(#erv1):not(#erv2):not(#erv3)[data-er-workspace="crm_ny.html"] body.er-moerk-side.er-module-dashboard #er-app-indhold :is(.sk-kpi-navn,.sk-kpi-note) {color:var(--ws-muted,#4b5563)!important;font-size:12px!important;line-height:1.4}
}