/* Kundeplattform shell: module menu and logo in the top bar, and the page for a module without its own place yet.
   The company's colours are variables so theming per customer can come later without touching the rules. */
:root {
  --kunde-flate: var(--grafitt);
  --kunde-tekst: var(--tekst-lys);
  --kunde-aksent: var(--signal);
}
.plattform { display: inline-flex; align-items: center; gap: 2px; margin-left: var(--sp-4); }
.plattform-lenke { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--sp-3); border-radius: var(--r-1);
                   color: var(--kunde-tekst); text-decoration: none; font-size: var(--fs-sm); opacity: .8; }
.plattform-lenke:hover { background: var(--grafitt-2); opacity: 1; }
.plattform-lenke.pa { opacity: 1; font-weight: var(--w-tung); box-shadow: inset 0 -3px 0 var(--kunde-aksent); }
.plattform-lenke:focus-visible { outline: var(--strek) solid var(--kunde-aksent); outline-offset: 2px; }
.firma-logo { height: 28px; max-width: 120px; object-fit: contain; vertical-align: middle; margin-right: var(--sp-2); }

/* modul.html */
.modulside { margin: 0; min-height: 100vh; background: var(--betong); color: var(--tekst); font-family: var(--font); }
.modulside-topp { display: flex; align-items: center; gap: var(--sp-4); min-height: 56px; padding: 0 var(--sp-4);
                  background: var(--kunde-flate); color: var(--kunde-tekst); }
.modulside-topp b { font-size: var(--fs-md); }
.modulside-tom { max-width: 560px; margin: 14vh auto 0; padding: 0 var(--sp-4); }
.modulside-tom h1 { font-size: var(--fs-xl); margin: 0 0 var(--sp-4); }
.modulside-tom p { font-size: var(--fs-base); color: var(--tekst-2); margin: 0 0 var(--sp-6); }
.modulside-tom a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 var(--sp-5); background: var(--grafitt);
                   color: var(--tekst-lys); text-decoration: none; font-weight: var(--w-tung); border-radius: var(--r-1); }