/* Det backoffice trenger i tillegg til Twain OS-komponentene: oppsett og noen få detaljer. Bare tokens. */
.t-avatar img { width: 100%; height: 100%; object-fit: cover; }
a.t-row, a.t-avatar-pill { color: inherit; text-decoration: none; }
a.t-row:focus-visible, a.t-avatar-pill:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }

.inngang { display: grid; place-items: center; min-height: 100vh; padding: var(--sp-4); }
.inngang .t-card { width: min(420px, 100%); }

.kommer { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; color: var(--muted); font-size: var(--fs-sm); }
.kommer li { display: flex; align-items: center; gap: 10px; height: 34px; padding: 0 14px; }

.rutenett { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: var(--sp-5); align-items: start; }
.bred { grid-column: 1 / -1; }
.stabel { display: grid; gap: var(--sp-4); }
.linje { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); }
.tekst { margin: 0; font-size: var(--fs-sm); line-height: 1.55; white-space: pre-line; }
.liste { display: grid; gap: var(--sp-3); margin: 0; padding: 0; list-style: none; }
.liste > li { display: grid; gap: 2px; }
.hvile { width: 112px; border-radius: var(--r-card); background: var(--surface-2); }

/* Klippene i modulredigeringen: native <details>, ett klipp per flate. */
.klipp { border-radius: var(--r-tile); background: var(--surface-2); }
.klipp > summary { display: flex; align-items: center; gap: var(--sp-3); min-height: 52px; padding: 0 var(--sp-4); cursor: pointer; }
.klipp > .stabel { padding: 0 var(--sp-4) var(--sp-4); }
.klipp .t-field__control { background: var(--surface); }
.t-avatar.stor { width: 72px; height: 72px; font-size: var(--fs-h3); }