/* ==========================================================================
   Innboksen (Drift, fanen Innboks, 1. oktober 2026). Søk på tvers av
   bedrift@ og kundeservice@, les en tråd, og lag et utkast som legges i
   Utkast i riktig postkasse. Ingen nye farger: brikkene bruker de svake
   fyllene, og ulest er amber fordi det venter på et menneske.
   ========================================================================== */

#innboks .ibx-sok { display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: center; margin: 0 0 var(--s-5); }
#innboks .ibx-sok input[type=search] { flex: 1 1 240px; }

/* Velgeren er én fylt flate uten kant, som i Innstillinger. */
#innboks .ibx-seg {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--s-1);
  padding: var(--s-1);
  border: 0;
  border-radius: var(--r-2);
  background: var(--flate-3);
}
#innboks .ibx-seg button {
  font: inherit;
  font-size: var(--t-3);
  font-weight: 500;
  min-height: 44px;
  min-width: 44px;
  padding: 0 var(--s-4);
  border: 0;
  border-radius: var(--r-2);
  background: none;
  color: var(--ink-3);
  cursor: pointer;
  touch-action: manipulation;
}
#innboks .ibx-seg button[aria-pressed="true"] { background: var(--flate); color: var(--ink); }

#innboks .ibx-liste { padding: 0; overflow: hidden; }
#innboks .ibx-rad {
  display: flex;
  gap: var(--s-4);
  align-items: flex-start;
  width: 100%;
  min-height: 44px;
  padding: var(--s-4) var(--s-5);
  border: 0;
  border-top: 1px solid var(--line);
  background: none;
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
#innboks .ibx-rad:first-child { border-top: 0; }
#innboks .ibx-rad .vokser { flex: 1 1 auto; min-width: 0; }
#innboks .ibx-rad .tittel { display: block; font-weight: 500; overflow-wrap: anywhere; }
#innboks .ibx-rad.er-ulest .tittel { font-weight: 600; }
#innboks .ibx-rad .under { display: block; color: var(--ink-3); font-size: var(--t-3); line-height: var(--t-3-h); overflow-wrap: anywhere; }
#innboks .ibx-rad .utdrag { display: block; color: var(--ink-2); font-size: var(--t-3); line-height: var(--t-3-h); margin-top: var(--s-1); overflow-wrap: anywhere; }
#innboks .ibx-tid { flex: 0 0 auto; color: var(--ink-3); font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-size: var(--t-2); line-height: var(--t-3-h); }

#innboks .ibx-brikke {
  display: inline-block;
  margin-right: var(--s-2);
  padding: 0 var(--s-2);
  border-radius: var(--r-1);
  background: var(--flate-3);
  color: var(--ink-2);
  font-size: var(--t-2);
  line-height: var(--t-3-h);
  font-weight: 500;
}
#innboks .ibx-brikke[data-slag="venter"] { background: var(--amber-svak); color: var(--amber); }

#innboks .ibx-hode { display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: center; margin: 0 0 var(--s-4); }
#innboks .ibx-hode h2 { flex: 1 1 240px; margin: 0; font-size: var(--t-6); line-height: var(--t-6-h); overflow-wrap: anywhere; }
#innboks .ibx-melding { padding: var(--s-4) var(--s-5); margin: 0 0 var(--s-4); }
#innboks .ibx-melding .under { display: block; color: var(--ink-3); font-size: var(--t-3); line-height: var(--t-3-h); overflow-wrap: anywhere; }
#innboks .ibx-tekst { margin: var(--s-4) 0 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--t-4); line-height: var(--t-5-h); }
#innboks .ibx-skriv { padding: var(--s-2); margin: 0 0 var(--s-6); }
#innboks .ibx-skriv .skrivefelt { min-height: calc(var(--t-5-h) * 5); max-height: none; overflow-y: auto; }
#innboks .ibx-skriv .knapperad { padding: var(--s-2) var(--s-3) var(--s-3); align-items: center; }
#innboks .ibx-kvittering { margin: 0; color: var(--gronn); font-size: var(--t-3); line-height: var(--t-3-h); }
#innboks .ibx-kvittering:empty { display: none; }