/* Leverandørprofilene (/leverandor/*, /leverandorer), /svar og /leverandorkonto i ny stil (T-007 steg 7). Kun utseende.
   Lastes etter sidens egen <style>. Lys eller mørk følger valget i Mine leverandører (data-flate på <html>, satt av public/tema.js, standard mørk).
   Mørk: sidenes variabler peker på tokenene i felles.css. Lys: sidenes egne lyse farger, alltid lyse (uavhengig av systemets mørk/lys).
   Kort, tabeller og knapper bruker sidens variabler, så de virker i begge. */
:root:not(#_){--s-hode:color-mix(in srgb,var(--ink) 6%,var(--surface));--s-felt:var(--bg);--s-act:var(--ink);--s-act-tx:var(--surface)}
:root:not([data-flate="lys"]):not(#_){--bg:var(--a-bg);--surface:var(--a-s1);--ink:var(--a-tx);--muted:var(--a-mu);--line:var(--a-div);--rule:var(--a-rule);--warn:var(--a-ut);--ok:var(--a-eu);--bad:var(--a-krit);color-scheme:dark;
  --s-hode:var(--a-s2);--s-felt:var(--a-s2);--s-act:var(--a-act);--s-act-tx:var(--a-act-tx)}
:root[data-flate="lys"]:not(#_){--bg:#f4f4f1;--surface:#fff;--ink:#15161a;--muted:#62656c;--line:#dcddd8;--rule:#b9bbb5;--warn:#8a5a00;--ok:#1f7a48;--bad:#c23b2b;color-scheme:light}
body{font-family:var(--a-font)}
h1{letter-spacing:-.02em}
h2{color:var(--ink)}
.kick{color:var(--warn)}
:root:not([data-flate="lys"]) .kick{color:var(--a-tag)}
a{text-decoration-color:var(--rule)}
table{border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--a-r-l);box-shadow:0 0 0 1px var(--line)}
th,td{padding:12px 14px;border-bottom-color:var(--line)}
th{color:var(--muted)}
thead th{background:var(--s-hode);font-size:11px;font-weight:600;letter-spacing:.13em;border-bottom:0}
thead th:first-child{border-radius:var(--a-r-l) 0 0 0}thead th:last-child{border-radius:0 var(--a-r-l) 0 0}
@media (max-width:640px){th,td{padding:8px 9px}}
tr:last-child td,tr:last-child th{border-bottom:0}
.cta{background:var(--s-act);color:var(--s-act-tx);border-radius:var(--a-r-m);text-transform:none;letter-spacing:0;font-size:14px;padding:12px 22px}
.cta:hover{filter:brightness(1.08)}
.q,.pub,.ai,.tile,.box{background:var(--surface);border:0;border-radius:var(--a-r-l);box-shadow:0 0 0 1px var(--line)}
.drop,.pre{border-radius:var(--a-r-m)}
.found,.aif{border-radius:0 var(--a-r-s) var(--a-r-s) 0}
input[type=text],input[type=url],input[type=email],textarea{background:var(--s-felt);border:0;border-radius:var(--a-r-s);box-shadow:0 0 0 1px var(--line);color:var(--ink)}
input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--s-act);outline-offset:2px}
button.b,.aif button{border:0;border-radius:var(--a-r-m);box-shadow:0 0 0 1px var(--line);background:var(--s-felt);color:var(--ink);text-transform:none;letter-spacing:0;font-size:13.5px}
button.p{background:var(--s-act);color:var(--s-act-tx);box-shadow:none;font-weight:600}
.btns{background:var(--bg);border-top-color:var(--line)}
.meta{border-color:var(--line)}
.chip,.eks{border-radius:6px}
.opts input{accent-color:var(--s-act)}
footer.w{border-top-color:var(--line)}
/* Lys/Mørk i toppen (samme knapper som språkvalget i felles.css) */
.flatevalg{display:inline-flex;gap:0}
.flatevalg button{all:unset;cursor:pointer;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px}
.flatevalg button:focus-visible{outline:2px solid var(--a-act);outline-offset:2px}
.topvalg{display:flex;gap:14px;align-items:center;flex-wrap:wrap}