/* «Se som kunden» band (backoffice). Signal = «this needs you»: you are not yourself right now. */
.ser-som-band { position: sticky; top: 0; z-index: 1000; display: flex; align-items: center; gap: var(--sp-4);
                min-height: 48px; padding: 0 var(--sp-4); background: var(--signal); color: var(--signal-pa);
                font: var(--w-tung) var(--fs-sm)/1.2 var(--font); }
.ser-som-tekst { flex: 1; }
.ser-som-modus { border: var(--strek) solid var(--signal-pa); border-radius: var(--r-1); padding: 2px var(--sp-2);
                 font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .06em; }
.ser-som-ut { min-height: 44px; min-width: 88px; padding: 0 var(--sp-4); border: 0; border-radius: var(--r-1);
              background: var(--grafitt); color: var(--tekst-lys); font: inherit; cursor: pointer; }
.ser-som-ut:hover { background: var(--grafitt-2); }
.ser-som-ut:focus-visible { outline: var(--strek) solid var(--grafitt); outline-offset: 2px; }
.ser-som .arbeidsflate { height: calc(100dvh - 56px - 48px); }