/* Bilagsbroen — "regnskabspapir".
   Varmt papir, sort blæk, serif-overskrifter, én dyb grøn accent. Tynde streger i
   stedet for skygger, og tal der flugter i kolonner. Ingen webfonte: siden skal
   åbne øjeblikkeligt, og sikkerhedspolitikken tillader kun filer fra os selv. */

:root{
  --papir:#f7f5f0;            /* sidens bund */
  --ark:#fffdf8;              /* kort, tabeller, felter */
  --ark-2:#f2efe7;            /* stribe, hover */
  --blaek:#1c1b18;
  --blaek-2:#3b3931;
  --daemp:#6d6857;
  --linje:#e4dfd2;
  --linje-2:#cfc8b6;

  --groen:#1f4b3a;            /* accent: knapper, links, aktiv menu */
  --groen-2:#2a6650;
  --groen-bg:#e9f0ec;

  --ok:#1f6b45;      --ok-bg:#e8f1ea;      --ok-linje:#bcd6c6;
  --fejl:#8c2f22;    --fejl-bg:#f8eae7;    --fejl-linje:#e2c1ba;
  --advarsel:#8a5a12;--advarsel-bg:#f9f0dd;--advarsel-linje:#e6d2a6;
  --info:#1e4f6b;    --info-bg:#e8eff3;    --info-linje:#c2d5df;
  --neutral:#6d6857; --neutral-bg:#edeae1; --neutral-linje:#ddd7c8;

  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,
          "Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --radius:7px;
  color-scheme:light;
}

/* En rolig indgang til bilagsarbejdet, også uden regnskabskendskab. */
.bilag-start{border-left:4px solid var(--groen);max-width:850px}
.bilag-start h2{margin-top:0}
.bilagsguide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.bilagsguide p{font-size:.9rem;color:var(--blaek-2);margin-bottom:0}
@media(max-width:700px){.bilagsguide{grid-template-columns:1fr;gap:1rem}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papir);color:var(--blaek);
  font:15px/1.55 var(--sans);font-feature-settings:"kern" 1}
a{color:var(--groen);text-underline-offset:2px}
a:hover{color:var(--groen-2)}
:focus-visible{outline:2px solid var(--groen-2);outline-offset:2px;border-radius:3px}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;color:var(--blaek)}
h1{font-size:1.7rem;margin:0 0 .2rem;line-height:1.2}
h2{font-size:1.22rem;margin:2rem 0 .7rem}
h3{font-size:1.05rem;margin:1.3rem 0 .4rem}
p.hjaelp{color:var(--daemp);margin:.35rem 0 1.4rem;max-width:68ch}

/* --- rammen om det hele --------------------------------------------------- */

.demobjaelke{background:#241d13;color:#f0d6a0;padding:.45rem 1rem;text-align:center;
  font-size:.82rem;letter-spacing:.02em}
.demobjaelke::before{content:"●";color:#c8963c;margin-right:.45rem;font-size:.7em;
  vertical-align:.15em}

.skal{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh;
  background:linear-gradient(to right,#1b2a24 0 236px,var(--papir) 236px)}

.side{background:#1b2a24;color:#c8d3cd;display:flex;flex-direction:column;
  padding:.85rem .7rem;gap:.1rem;position:sticky;top:0;align-self:start;
  max-height:100vh;overflow-y:auto;scrollbar-width:thin}
.side .logo{display:flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none;
  font-family:var(--serif);font-size:1.12rem;padding:.05rem .4rem .5rem}
.side .logo svg{flex:none}
.side .gruppe{font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;
  color:rgba(255,255,255,.42);padding:.6rem .55rem .2rem}
.side nav{display:flex;flex-direction:column;gap:1px}
.side nav a{display:flex;align-items:center;gap:.6rem;padding:.3rem .55rem;border-radius:6px;
  color:#c8d3cd;text-decoration:none;font-size:.88rem;position:relative;line-height:1.35}
.side nav a svg{flex:none;opacity:.75}
.side nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.side nav a[aria-current=page]{background:rgba(255,255,255,.1);color:#fff;font-weight:600}
.side nav a[aria-current=page]::before{content:"";position:absolute;left:-.75rem;top:.35rem;
  bottom:.35rem;width:3px;border-radius:0 3px 3px 0;background:#7fb79c}
.side nav a[aria-current=page] svg{opacity:1}
.side .bund{margin-top:.8rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.12)}
.udlog{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  padding:.2rem .55rem}
.hvem{color:rgba(255,255,255,.6);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.side button.lille{background:transparent;border:1px solid rgba(255,255,255,.22);
  color:#c8d3cd;padding:.22rem .5rem;font-size:.78rem}
.side button.lille:hover{background:rgba(255,255,255,.1);color:#fff}

main{padding:1.8rem 2rem 4rem;max-width:1260px}

/* Log ind-siden: ingen menu at vise endnu - så står navnet i stedet øverst. */
.skal.enkelt{grid-template-columns:minmax(0,1fr);background:var(--papir)}
.skal.enkelt main{max-width:480px;margin:0 auto;padding-top:3.5rem}
.skal.enkelt footer{max-width:480px;margin:0 auto;text-align:center}
.logo-stor{display:flex;align-items:center;justify-content:center;gap:.6rem;
  font-family:var(--serif);font-size:1.55rem;color:var(--blaek);margin-bottom:1.6rem}
.logo-stor svg{width:22px;height:22px;color:var(--groen)}
footer{padding:0 2rem 2.5rem;color:var(--daemp);font-size:.82rem;max-width:1260px}
footer a{color:var(--daemp)}

@media(max-width:900px){
  /* På telefon bliver menuen til én række, man kan skubbe til siden. */
  /* minmax(0,1fr): en bred tabel må rulle i sin egen ramme - ikke gøre hele siden bredere. */
  .skal{grid-template-columns:minmax(0,1fr);background:var(--papir)}
  .side{position:static;max-height:none;flex-direction:row;flex-wrap:nowrap;align-items:center;
    gap:.35rem;padding:.55rem .8rem;overflow-x:auto;scrollbar-width:none}
  .side::-webkit-scrollbar{display:none}
  .side .logo{padding:0 .7rem 0 .2rem;font-size:1.05rem;flex:none}
  .side .gruppe{display:none}
  .side nav{flex-direction:row;flex-wrap:nowrap;gap:.15rem}
  .side nav a{white-space:nowrap;font-size:.85rem;padding:.35rem .5rem}
  .side nav a[aria-current=page]::before{display:none}
  .side .bund{margin:0 0 0 auto;padding:0 0 0 .6rem;border:0;border-left:1px solid
    rgba(255,255,255,.12);flex:none}
  main{padding:1.2rem 1rem 3rem}
  footer{padding:0 1rem 2rem}
}

/* --- flader --------------------------------------------------------------- */

.kort{background:var(--ark);border:1px solid var(--linje);border-radius:var(--radius);
  padding:1.1rem 1.15rem;margin-bottom:1rem}
.gitter{display:grid;gap:1rem}
.gitter.tre{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.gitter.to{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.2rem}
@media(max-width:900px){.split{grid-template-columns:1fr}}

.tal{font-family:var(--serif);font-size:2.3rem;font-weight:600;line-height:1;
  font-variant-numeric:tabular-nums lining-nums}
.tal.nul{color:var(--daemp)}
.etiket{color:var(--daemp);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;
  margin-top:.45rem}

/* --- tabeller ------------------------------------------------------------- */

table{width:100%;border-collapse:collapse;background:var(--ark);font-size:.9rem}
th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--linje);
  vertical-align:top}
thead th,tr:first-child th{background:var(--ark-2);font-size:.7rem;text-transform:uppercase;
  letter-spacing:.09em;color:var(--daemp);font-weight:600;border-bottom:1px solid var(--linje-2);
  white-space:nowrap}
tbody tr:last-child td,tr:last-child td{border-bottom:0}
tr:hover td{background:#faf8f2}
td.tal-h,th.tal-h{text-align:right;font-variant-numeric:tabular-nums lining-nums}
td.tal-h{font-feature-settings:"tnum" 1;white-space:nowrap}
.tabelramme{overflow-x:auto;border:1px solid var(--linje);border-radius:var(--radius);
  background:var(--ark)}
.tabelramme table{border-radius:var(--radius)}

/* Bilaget der hører til en postering, vist i selve rækken. Den venstre kant gør det
   muligt at skelne et bekræftet match fra et forslag uden at læse teksten. */
.par{border-left:2px solid var(--linje-2);padding-left:.5rem;margin-bottom:.45rem}
.par:last-child{margin-bottom:0}
.par-bekraeftet{border-left-color:var(--ok)}
.par .smaa{display:block}

/* Én postering og dens bilagsforslag som én overskuelig opgave. */
.afstemningsliste{display:grid;gap:1rem}
.afstemningskort{min-width:0;border:1px solid var(--linje);border-radius:var(--radius);
  background:var(--ark);overflow:hidden}
.afstemningshoved{display:flex;justify-content:space-between;align-items:flex-start;
  gap:1.25rem;padding:1rem 1.15rem;border-bottom:1px solid var(--linje);
  background:var(--ark-2)}
.afstemningshoved h3{margin:.45rem 0 .2rem}
.afstemningshoved p{margin:.2rem 0 0}
.afstemningsbeloeb{display:grid;gap:.2rem;min-width:9rem;text-align:right}
.afstemningsbeloeb strong{font-variant-numeric:tabular-nums}
.afstemningsindhold{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(15rem,1fr)}
.afstemningsindhold>section{min-width:0;padding:1rem 1.15rem}
.afstemningsindhold>section+section{border-left:1px solid var(--linje)}
.afstemningsindhold h4{margin:0 0 .6rem}
.afstemningsbilag p,.afstemningshandling p{margin:.45rem 0 .7rem}
.afstemningsbilag form,.afstemningsalternativ form{display:inline-block;margin:0 .35rem .35rem 0}
.afstemningsbilag>.knap,.afstemningshandling>.knap{margin:0 .35rem .35rem 0}
.afstemningsandre{margin-top:.75rem;border-top:1px solid var(--linje);padding-top:.6rem}
.afstemningsandre summary{cursor:pointer;font-weight:600}
.afstemningsalternativ{padding:.6rem 0;border-bottom:1px solid var(--linje)}
.afstemningsalternativ:last-child{border-bottom:0}
.afstemningsalternativ .smaa{display:block;margin:.2rem 0}
@media(max-width:700px){
  .afstemningshoved{display:block}
  .afstemningsbeloeb{text-align:left;margin-top:.65rem}
  .afstemningsindhold{grid-template-columns:1fr}
  .afstemningsindhold>section+section{border-left:0;border-top:1px solid var(--linje)}
}

/* --- mærker og beskeder ---------------------------------------------------- */

.maerke{display:inline-flex;align-items:center;gap:.35rem;padding:.1rem .45rem;
  border-radius:4px;font-size:.76rem;font-weight:600;white-space:nowrap;
  border:1px solid transparent;line-height:1.5}
.maerke::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;
  flex:none}
.maerke.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-linje)}
.maerke.fejl{background:var(--fejl-bg);color:var(--fejl);border-color:var(--fejl-linje)}
.maerke.advarsel{background:var(--advarsel-bg);color:var(--advarsel);
  border-color:var(--advarsel-linje)}
.maerke.info{background:var(--info-bg);color:var(--info);border-color:var(--info-linje)}
/* Neutral = "ingen nyhed". Den skal ikke larme lige så meget som en advarsel. */
.maerke.neutral{background:transparent;color:var(--daemp);border-color:transparent;
  padding-left:0}
.maerke.neutral::before{background:var(--linje-2)}

.besked{padding:.7rem .9rem .7rem 1rem;border-radius:var(--radius);margin-bottom:.7rem;
  border:1px solid var(--linje);border-left:3px solid var(--daemp);background:var(--ark)}
.besked.ok{background:var(--ok-bg);border-color:var(--ok-linje);border-left-color:var(--ok);
  color:#14513a}
.besked.fejl{background:var(--fejl-bg);border-color:var(--fejl-linje);
  border-left-color:var(--fejl);color:#71271d}
.besked.info{background:var(--info-bg);border-color:var(--info-linje);
  border-left-color:var(--info)}
.besked.advarsel{background:var(--advarsel-bg);border-color:var(--advarsel-linje);
  border-left-color:var(--advarsel);color:#6b460e}

.advarselsboks,.fejlboks,.infoboks{border-radius:var(--radius);padding:.85rem 1rem;
  margin:.7rem 0;border:1px solid var(--linje);border-left:3px solid var(--daemp)}
.advarselsboks{background:var(--advarsel-bg);border-color:var(--advarsel-linje);
  border-left-color:var(--advarsel)}
.fejlboks{background:var(--fejl-bg);border-color:var(--fejl-linje);border-left-color:var(--fejl)}
.infoboks{background:var(--info-bg);border-color:var(--info-linje);border-left-color:var(--info)}

/* --- knapper og felter ----------------------------------------------------- */

button,.knap{font:inherit;font-size:.9rem;font-weight:600;background:var(--groen);color:#fff;
  border:1px solid var(--groen);border-radius:var(--radius);padding:.48rem .95rem;
  cursor:pointer;text-decoration:none;display:inline-block;line-height:1.4}
button:hover,.knap:hover{background:var(--groen-2);border-color:var(--groen-2);color:#fff}
button.sekundaer,.knap.sekundaer{background:var(--ark);color:var(--blaek);
  border-color:var(--linje-2)}
button.sekundaer:hover,.knap.sekundaer:hover{background:var(--ark-2);color:var(--blaek);
  border-color:var(--daemp)}
button.fare{background:var(--fejl);border-color:var(--fejl)}
button.fare:hover{background:#72261b;border-color:#72261b}
button.lille,.knap.lille{padding:.26rem .6rem;font-size:.82rem}
button:disabled{background:var(--neutral-bg);border-color:var(--linje-2);color:var(--daemp);
  cursor:not-allowed}

label{display:block;font-size:.82rem;color:var(--daemp);margin:.7rem 0 .2rem;font-weight:500}
input:not([type]),input[type=text],input[type=search],input[type=email],input[type=password],
input[type=date],input[type=number],select,textarea{width:100%;padding:.45rem .6rem;
  border:1px solid var(--linje-2);border-radius:6px;font:inherit;font-size:.9rem;
  background:var(--ark);color:var(--blaek)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--groen-2);
  box-shadow:0 0 0 3px rgba(42,102,80,.13)}
input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--groen)}
textarea{min-height:78px}
.raekke{display:flex;gap:.7rem;flex-wrap:wrap;align-items:flex-end}
.raekke>*{flex:1;min-width:145px}
.knapraekke{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.9rem;align-items:center}

/* Filterrækken med mange felter. Et grid frem for en flexrække: felterne får samme
   bredde og står i kolonner under hinanden, når de ombrydes. Som flexrække blev den
   sidste linje strakt skævt, så snart der kom ét filter til. */
.filterraekke{display:grid;gap:.75rem .9rem;align-items:end;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.filterraekke>*{min-width:0}
.filterraekke label{display:block}
.filterraekke select,.filterraekke input{width:100%}
/* Et langt valg må gerne fylde to kolonner frem for at blive klippet af. */
.filterraekke>.bred{grid-column:span 2}
@media(max-width:560px){.filterraekke>.bred{grid-column:span 1}}
/* Knappen følger feltets højde, så den står på linje med selectene ved siden af. */
.filterraekke .knapfelt button{width:100%}
/* "Viser 12 af 12" hænger under sit felt i stedet for at gøre cellen højere. Ellers
   skubbede den sit eget select opad og stod skævt i forhold til de øvrige. */
.filterraekke .antalvaelger{position:relative}
.filterraekke .antalvaelger .smaa{position:absolute;top:100%;left:0;margin-top:.2rem}
.filterraekke>details{grid-column:1/-1;margin-top:.5rem}

/* --- småting -------------------------------------------------------------- */

.dok-visning{width:100%;height:72vh;border:1px solid var(--linje);border-radius:var(--radius);
  background:var(--ark)}
.dok-visning img{max-width:100%}
.tilbage{display:inline-flex;align-items:center;gap:.3rem;color:var(--daemp);
  text-decoration:none;font-size:.88rem;margin-bottom:.6rem}
.tilbage::before{content:"‹";font-size:1.2em;line-height:1}
.tilbage:hover{color:var(--groen)}

.statuslinje{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:.3rem 0 1.4rem}

/* Foldede afsnit: "Flere felter", "Om filen", "Flere filtre". */
details>summary{cursor:pointer;color:var(--daemp);font-size:.85rem;padding:.25rem 0;
  list-style:none;display:inline-flex;align-items:center;gap:.35rem}
details>summary::-webkit-details-marker{display:none}
details>summary::before{content:"›";display:inline-block;transition:transform .12s;
  font-size:1.1em;line-height:1}
details[open]>summary::before{transform:rotate(90deg)}
details>summary:hover{color:var(--groen-2)}
.flere-filtre{flex-basis:100%;min-width:100%;margin-top:.2rem;border-top:1px solid var(--linje);
  padding-top:.4rem}
.flere-filtre .raekke{margin-top:.4rem}
.hjaelp-boks summary::before{content:none}

/* Forklaringer: et lille "i" der folder en forklaring ud. Ingen JavaScript. */
.hjaelp-boks{display:inline-block;position:relative;vertical-align:middle;margin-left:.3rem;
  cursor:help;width:16px;height:16px;border-radius:50%;border:1px solid var(--linje-2);
  color:var(--daemp);font-size:11px;font-weight:700;line-height:14px;text-align:center;
  font-family:var(--serif);background:var(--ark);user-select:none}
.hjaelp-boks:hover,.hjaelp-boks:focus{border-color:var(--groen);background:var(--groen);
  color:#fff;outline:none}
.hjaelp-tekst{display:none;position:absolute;left:0;top:22px;z-index:30;width:max-content;
  max-width:330px;
  background:var(--ark);border:1px solid var(--linje-2);border-left:3px solid var(--groen);
  border-radius:6px;padding:.6rem .75rem;font-size:.83rem;font-weight:400;line-height:1.5;
  color:var(--blaek);text-transform:none;letter-spacing:normal;
  box-shadow:0 6px 18px rgba(28,27,24,.14);white-space:normal;text-align:left;
  font-family:var(--sans);cursor:auto}
.hjaelp-boks:hover .hjaelp-tekst,.hjaelp-boks:focus .hjaelp-tekst{display:block}
h1 .hjaelp-boks,h2 .hjaelp-boks,h3 .hjaelp-boks{vertical-align:.15em}
/* I en tabelcelle skal forklaringen skubbe indholdet, ikke lægge sig oven på det. */
/* Tæt på højre kant ville boksen ryge ud over skærmen. */
.hjaelp-boks.venstre .hjaelp-tekst{left:auto;right:0}

.google-knap{display:inline-flex;align-items:center;gap:.55rem;width:100%;
  justify-content:center;padding:.55rem .95rem}
.skillelinje{display:flex;align-items:center;gap:.7rem;margin:1.2rem 0 .2rem;
  color:var(--daemp);font-size:.8rem}
.skillelinje::before,.skillelinje::after{content:"";flex:1;height:1px;background:var(--linje)}

/* Fliser: et hurtigt overblik øverst, der hopper ned til afsnittet. */
.fliser{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.8rem;
  margin:1.2rem 0 2rem}
.flise{display:flex;gap:.7rem;align-items:flex-start;background:var(--ark);
  border:1px solid var(--linje);border-radius:var(--radius);padding:.85rem .95rem;
  text-decoration:none;color:var(--blaek)}
.flise:hover{border-color:var(--groen);color:var(--blaek)}
.flise svg{color:var(--groen);margin-top:.15rem;flex:none}
.flise .navn{font-weight:600;font-size:.95rem}
.flise .status{font-size:.82rem;color:var(--daemp);margin-top:.1rem}

/* Integrationskort: navn og status til venstre, knapper til højre. */
.konto-hoved{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;
  align-items:flex-start}
.konto-hoved>div:first-child{flex:1;min-width:240px}
.konto-hoved .knapraekke{margin-top:0}
.kort>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.4rem;
  font-size:1rem;color:var(--blaek)}
.kort>summary::-webkit-details-marker{display:none}
.kort>summary::before{content:"›";display:inline-block;transition:transform .12s;
  font-size:1.2em;line-height:1;color:var(--daemp)}
.kort[open]>summary::before{transform:rotate(90deg)}

.egenmodel{margin-top:.35rem}

.webshopfaner{display:flex;gap:.4rem;flex-wrap:wrap;margin:.3rem 0 1rem}
.webshopfaner a{padding:.3rem .8rem;border:1px solid var(--linje);border-radius:999px;background:var(--ark);color:var(--blaek);text-decoration:none;font-size:.85rem}
.webshopfaner a[aria-current="page"]{background:var(--groen);border-color:var(--groen);color:#fff}
.sundhedstal{font-size:2.6rem;line-height:1.1;margin:.2rem 0}
.sundhed{display:grid;gap:.5rem;margin-top:.6rem}
.sundhed .maal{display:grid;grid-template-columns:10.5rem 1fr 3.2rem;gap:.6rem;align-items:center;color:inherit;text-decoration:none}
.sundhed .bar{height:.5rem;border-radius:999px;background:var(--ark-2);overflow:hidden}
.sundhed .bar span{display:block;height:100%;background:var(--groen)}
.tekstvisning{max-height:30rem;overflow:auto}
.tekstvisning h2{font-size:1.15rem}
.tekstvisning h3{font-size:1rem}

.tjekboks{margin-top:1rem;padding:.9rem 1rem .6rem;background:var(--ark-2);
  border:1px solid var(--linje);border-left:3px solid var(--groen);
  border-radius:var(--radius)}
.tjekboks h3{margin:0 0 .6rem}
.tjekboks .besked{margin-bottom:.5rem}
.tjekboks details{margin-top:.3rem}

.ai-trin{margin:1.1rem 0 .5rem;font-size:1rem}
.noegler{display:grid;gap:.5rem;margin:.2rem 0 .5rem}
.noeglerad{border:1px solid var(--linje);border-radius:var(--radius);background:var(--ark);
  padding:.6rem .8rem}
.noeglerad-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.noegleformular{margin-top:.4rem}
.noegleformular summary{cursor:pointer;color:var(--groen);font-size:.85rem;width:max-content}
.noegleformular form{margin-top:.4rem;max-width:560px}
.noeglefjern{margin-top:.45rem}

.antalvaelger{display:flex;flex-direction:column;gap:.15rem;min-width:140px}
.antalvaelger label{margin:0}
.antalvaelger .smaa{white-space:nowrap}

.citat{border-left:3px solid var(--groen);background:var(--ark);padding:.7rem .95rem;
  border-radius:0 var(--radius) var(--radius) 0;margin:.6rem 0 1rem}
.citat p{margin:.2rem 0 0}
pre.trae,pre.udkast{background:var(--ark-2);border:1px solid var(--linje);border-radius:6px;
  padding:.7rem .85rem;overflow-x:auto;font-size:.83rem;line-height:1.45;margin:.3rem 0}
pre.trae{border-left:3px solid var(--linje-2)}
pre.udkast{white-space:pre-wrap}
textarea.kode{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.84rem;line-height:1.45}

/* --- Arne i hjørnet -------------------------------------------------------- */

.arne-knap{position:fixed;right:1.2rem;bottom:1.2rem;z-index:60;display:flex;
  align-items:center;gap:.45rem;border-radius:999px;padding:.6rem 1.05rem;
  box-shadow:0 6px 20px rgba(28,27,24,.22)}
.arne-knap svg{color:#fff}
.arne-vindue{position:fixed;z-index:61;width:min(380px,calc(100vw - 2rem));
  height:min(520px,calc(100vh - 3rem));display:flex;flex-direction:column;
  background:var(--ark);border:1px solid var(--linje-2);border-radius:10px;
  box-shadow:0 12px 40px rgba(28,27,24,.25);overflow:hidden;resize:both}
.arne-vindue.traekker{opacity:.92}
.arne-hoved{display:flex;gap:.6rem;justify-content:space-between;align-items:flex-start;
  padding:.7rem .85rem;border-bottom:1px solid var(--linje);background:var(--ark-2);
  cursor:move;user-select:none;flex:none}
.arne-knapper{display:flex;gap:.3rem;flex:none}
.arne-knapper button{padding:.15rem .45rem;font-size:.95rem;line-height:1.2}
.arne-samtale{flex:1;overflow-y:auto;padding:.8rem .85rem;display:flex;
  flex-direction:column;gap:.5rem}
.arne-besked{border-radius:8px;padding:.55rem .7rem;font-size:.88rem;line-height:1.5;
  white-space:pre-wrap;max-width:92%}
.arne-besked.arne{background:var(--ark-2);border:1px solid var(--linje)}
.arne-besked.mig{background:var(--groen);color:#fff;align-self:flex-end}
.arne-besked.venter{color:var(--daemp);font-style:italic}
.arne-besked.gjort{background:var(--ok-bg);border:1px solid var(--ok-linje);color:var(--ok);
  font-size:.83rem}
.arne-skriv{display:flex;gap:.4rem;padding:.6rem .8rem .3rem;border-top:1px solid var(--linje);
  flex:none}
.arne-skriv input{flex:1}
.arne-maxlinje{display:flex;align-items:center;gap:.4rem;margin:0;padding:0 .85rem .6rem;
  font-size:.8rem;color:var(--daemp);cursor:pointer;flex:none}
@media print{.arne-knap,.arne-vindue{display:none!important}}

/* --- statussiden ---------------------------------------------------------- */
.tidskort{background:var(--groen);border-color:var(--groen);color:#fff}
.tidskort .etiket{color:rgba(255,255,255,.7);margin:0 0 .5rem}
.tidskort .tal.stor{font-size:3.2rem;color:#fff}
.tidskort .enhed{font-family:var(--sans);font-size:1rem;font-weight:600;
  letter-spacing:.02em;margin-left:.2rem}
.tidskort .smaa{color:rgba(255,255,255,.8);margin:.6rem 0 0}
.noegletal{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.noegletal strong{font-family:var(--serif);font-size:1.15rem;font-variant-numeric:tabular-nums}
.soejler{display:flex;gap:.5rem;align-items:flex-end;height:130px;margin-top:.5rem}
.soejle{flex:1;display:flex;flex-direction:column;justify-content:flex-end;
  align-items:center;height:100%;gap:.25rem;text-align:center}
.soejle .stang{width:100%;background:var(--groen-bg);border:1px solid var(--groen);
  border-bottom:0;border-radius:4px 4px 0 0;min-height:3px}
.soejletal{font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--blaek)}

.evidens{font-size:.8rem;color:var(--daemp);margin-top:.15rem;font-style:italic}
.felt{margin-bottom:.55rem}
.tom{padding:3rem 1.5rem;text-align:center;color:var(--daemp);background:var(--ark);
  border:1px solid var(--linje);border-radius:var(--radius)}
.tom strong{color:var(--blaek);font-family:var(--serif);font-size:1.1rem;font-weight:600}
.liste-ren{list-style:none;padding:0;margin:.35rem 0}
.liste-ren li{padding:.4rem 0;border-bottom:1px solid var(--linje)}
.liste-ren li:last-child{border-bottom:0}
.smaa{font-size:.83rem;color:var(--daemp)}
.trin{display:flex;gap:.9rem;align-items:flex-start;padding:.9rem 0;
  border-bottom:1px solid var(--linje)}
.trin:last-child{border-bottom:0}
.trin .nr{width:29px;height:29px;border-radius:5px;background:var(--neutral-bg);
  border:1px solid var(--linje-2);display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-weight:600;flex:none;color:var(--daemp)}
.trin.klar .nr{background:var(--ok-bg);border-color:var(--ok-linje);color:var(--ok)}
code{background:var(--neutral-bg);border:1px solid var(--linje);padding:.05rem .3rem;
  border-radius:4px;font-size:.85em}

/* --- Webshop ---------------------------------------------------------------- */
.side nav a .antal{margin-left:auto;background:#c8963c;color:#1b2a24;border-radius:999px;
  font-size:.7rem;font-weight:700;padding:0 .42rem;line-height:1.45}
.ws-hoved{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;
  align-items:flex-start;margin-bottom:1rem}
.ws-hoved .knapraekke{margin-top:0}
.noegletal-raekke{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:.8rem;margin-bottom:1rem}
.noegletal-flise{background:var(--ark);border:1px solid var(--linje);border-radius:var(--radius);
  padding:.85rem 1rem}
.noegletal-flise .etiket{margin:0 0 .35rem}
.noegletal-flise .tal{font-size:1.9rem}
.noegletal-flise .smaa{margin-top:.3rem}
.maaler{display:block;margin:.3rem auto 0;max-width:230px}
.maaler .bue{stroke:var(--ark-2)}
.maaler .fyld{stroke:var(--groen)}
.maaler text{font-family:var(--serif);font-weight:600;fill:var(--blaek)}
.opdeling{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem .4rem;
  border-top:1px solid var(--linje);margin-top:.8rem;padding-top:.7rem;text-align:center}
.opdeling strong{display:block;font-family:var(--serif);font-size:1.05rem}
.typebar{display:grid;gap:.2rem;margin-bottom:.75rem;color:inherit;text-decoration:none}
.typebar .top{display:flex;justify-content:space-between;gap:.5rem;font-size:.88rem}
.typebar .top span:last-child{font-variant-numeric:tabular-nums;color:var(--daemp)}
.typebar .bar{height:.5rem;border-radius:999px;background:var(--ark-2);overflow:hidden}
.typebar .bar span{display:block;height:100%;background:var(--groen)}
.typebar:hover .top span:first-child{color:var(--groen)}
.donut{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap}
.donut svg{flex:none}
.forklaring{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;font-size:.88rem}
.forklaring li{display:flex;align-items:center;gap:.45rem}
.forklaring .prik{width:.6rem;height:.6rem;border-radius:50%;flex:none}
.opgave{display:flex;align-items:center;gap:.8rem;padding:.65rem 0;border-top:1px solid var(--linje)}
.opgave:first-of-type{border-top:0}
.opgave .ikon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;
  justify-content:center;background:var(--groen-bg);color:var(--groen);flex:none}
.opgave .ikon.fare{background:var(--fejl-bg);color:var(--fejl)}
.opgave .hvad{flex:1;min-width:0}
.opgave form{margin:0}
.tjekliste{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.tjekliste li{display:flex;gap:.5rem;align-items:baseline}
.tjekliste .flueben{color:var(--ok);font-weight:700}
.tjekliste .mangler{color:var(--advarsel);font-weight:700}
.minibillede{width:44px;height:44px;border-radius:6px;object-fit:cover;background:var(--ark-2);
  border:1px solid var(--linje);display:flex;align-items:center;justify-content:center;
  color:var(--linje-2);flex:none}
.minibillede.stor{width:72px;height:72px}
.produktcelle{display:flex;gap:.7rem;align-items:center;min-width:220px}
.handlingsbjaelke{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;
  justify-content:space-between;padding:.6rem .8rem;background:var(--groen-bg);
  border:1px solid var(--linje);border-radius:var(--radius);margin-bottom:.6rem}
.google{border:1px solid var(--linje);border-radius:var(--radius);padding:.8rem 1rem;
  background:#fff;font-family:Arial,sans-serif;max-width:640px}
.google .url{color:#202124;font-size:.8rem}
.google .titel{color:#1a0dab;font-size:1.15rem;line-height:1.3;margin:.15rem 0}
.google .beskrivelse{color:#4d5156;font-size:.86rem;line-height:1.45}
.stor-knap{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:.95rem}
.produktfaner{display:flex;gap:.2rem;flex-wrap:wrap;border-bottom:1px solid var(--linje);
  margin:.6rem 0 1rem}
.produktfaner a{padding:.5rem .85rem;text-decoration:none;color:var(--daemp);
  border-bottom:2px solid transparent;margin-bottom:-1px;font-size:.9rem}
.produktfaner a[aria-current="page"]{color:var(--blaek);border-bottom-color:var(--groen);
  font-weight:600}
.produktfaner .antal{font-size:.75rem;color:var(--daemp);margin-left:.25rem}
.produktkort{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:1.2rem;align-items:start}
@media(max-width:1100px){.produktkort{grid-template-columns:minmax(0,1fr)}}
.feltgitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.2rem 1rem}
.feltgitter>div{min-width:0}
.aendret-maerke{font-size:.72rem;color:var(--advarsel);font-weight:600;margin-left:.35rem}
.billedgitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.8rem}
.billedgitter figure{margin:0;border:1px solid var(--linje);border-radius:var(--radius);
  padding:.6rem;background:var(--ark)}
.billedgitter img,.billedgitter .tomt-billede{width:100%;aspect-ratio:1/1;object-fit:cover;
  border-radius:6px;background:var(--ark-2);display:flex;align-items:center;justify-content:center}
.pile{display:flex;gap:.3rem}
.editor [hidden]{display:none!important}
.editor-vaerktoej{display:flex;flex-wrap:wrap;gap:.3rem;padding:.4rem;background:var(--ark-2);
  border:1px solid var(--linje-2);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0}
.editor-vaerktoej button[aria-pressed="true"]{background:var(--groen);border-color:var(--groen);color:#fff}
.editor-flade{min-height:16rem;max-height:34rem;overflow:auto;padding:.7rem .9rem;background:#fff;
  border:1px solid var(--linje-2);border-radius:0 0 var(--radius) var(--radius)}
.editor-flade:focus{outline:2px solid var(--groen-2);outline-offset:-2px}
.editor-vaerktoej:not([hidden])~textarea{border-top-left-radius:0;border-top-right-radius:0}
.optimer{position:relative}
.optimer>summary{list-style:none}
.optimer>summary::before{content:none}
.optimer-panel{position:absolute;right:0;top:calc(100% + .4rem);z-index:30;width:min(25rem,86vw);
  background:var(--ark);border:1px solid var(--linje-2);border-radius:var(--radius);
  padding:.9rem 1rem;box-shadow:0 8px 24px rgba(28,27,24,.16);display:grid;gap:.45rem}
.optimer-panel>label{margin:.3rem 0 0}
.optimer-panel .valgboks{display:flex;gap:.55rem;align-items:flex-start;margin:0;color:var(--blaek);
  font-size:.9rem;font-weight:500}
.optimer-panel .valgboks input{margin-top:.25rem}
.optimer-panel .valgboks .smaa{display:block;font-weight:400}
.optimer-panel button{justify-self:start}
.niveauer{border:0;padding:0;margin:.2rem 0 0;display:grid;gap:.3rem}
.niveauer legend{padding:0;margin-bottom:.1rem}
.opgave details.optimer>summary{white-space:nowrap}
.optimer-panel.mod-hoejre{left:0;right:auto}
.valgraekke{border:0;padding:0;margin:0 0 .4rem;display:flex;flex-wrap:wrap;gap:.2rem 1rem}
.valgraekke legend{padding:0;margin-bottom:.2rem}
.valgraekke label{display:flex;gap:.35rem;align-items:center;margin:0;color:var(--blaek);
  font-size:.86rem}
.valgboks{display:flex;gap:.5rem;align-items:center;margin:.6rem 0 .2rem;color:var(--blaek)}
/* .kolonnevalg-panel står længere nede i filen - derfor to klasser, så disse regler vinder. */
.masse-panel.kolonnevalg-panel{min-width:19rem}
.masse-panel.kolonnevalg-panel label{display:block;margin:.35rem 0 0}
.masse-panel.kolonnevalg-panel button{justify-self:start;margin-top:.5rem}
.kolonnevalg{position:relative}
.kolonnevalg>summary{list-style:none}
.kolonnevalg>summary::before{content:none}
.kolonnevalg-panel{position:absolute;right:0;top:calc(100% + .3rem);z-index:20;
  background:var(--ark);border:1px solid var(--linje-2);border-radius:var(--radius);
  padding:.6rem .8rem;box-shadow:0 6px 18px rgba(28,27,24,.14);display:grid;gap:.3rem;
  min-width:13rem}
.kolonnevalg-panel label{display:flex;align-items:center;gap:.45rem;margin:0;
  color:var(--blaek);font-size:.86rem;font-weight:400}
.sidenavigation{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center;margin:.8rem 0}
.sidenavigation a{padding:.25rem .6rem;border:1px solid var(--linje);border-radius:6px;
  background:var(--ark);text-decoration:none;color:var(--blaek);font-size:.86rem}
.sidenavigation a[aria-current="page"]{background:var(--groen);border-color:var(--groen);
  color:#fff}
.sektion-titel{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;
  margin:1.6rem 0 .6rem}
.sektion-titel h2{margin:0}
.aendring{font-weight:600;white-space:nowrap}
.aendring.godt{color:var(--ok)}
.aendring.skidt{color:var(--fejl)}
.graf{width:100%;height:auto;display:block}
.graf text{fill:var(--daemp);font-family:var(--sans)}
.graf .akse{stroke:var(--linje);stroke-width:1}
.graf polyline{fill:none;stroke-linejoin:round;stroke-linecap:round}
.graf polyline.klik{stroke:var(--groen);stroke-width:2.5}
.graf polyline.visninger{stroke:#7a9cc6;stroke-width:1.5}
.forklaring-linje .l-klik::before{background:var(--groen)}
.forklaring-linje .l-visninger::before{background:#7a9cc6}
.seo-score{display:flex;align-items:baseline;gap:.4rem;margin:.1rem 0 .5rem}
.seo-score .tal{font-size:2.3rem}
.seo-score.god .tal{color:var(--ok)}
.seo-score.middel .tal{color:var(--advarsel)}
.seo-score.lav .tal{color:var(--fejl)}
.graf .omsaetning{stroke:var(--groen);stroke-width:2.2}
.graf .forrige{stroke:var(--linje-2);stroke-width:1.6;stroke-dasharray:5 4}
.graf .forbrug{stroke:#c8963c;stroke-width:1.8}
.forklaring-linje{display:flex;gap:1rem;flex-wrap:wrap;font-size:.83rem;color:var(--daemp);
  margin-top:.4rem}
.forklaring-linje span::before{content:"";display:inline-block;width:14px;height:3px;
  margin-right:.35rem;vertical-align:middle;border-radius:2px}
.forklaring-linje .l-omsaetning::before{background:var(--groen)}
.forklaring-linje .l-forrige::before{background:var(--linje-2)}
.forklaring-linje .l-forbrug::before{background:#c8963c}
.tragt{display:grid;gap:.5rem}
.tragt .trin-raekke{display:grid;grid-template-columns:8.5rem 1fr 4.5rem;gap:.6rem;
  align-items:center;font-size:.88rem}
.tragt .trin-raekke .smaa{text-align:right}
.tragt .bar{height:.7rem;border-radius:999px;background:var(--ark-2);overflow:hidden}
.tragt .bar span{display:block;height:100%;background:var(--groen)}

/* --- Webshop: moderne udtryk --------------------------------------------------
   Webshopsiderne (body.ws, sat i base.html) er et værktøj til en butik og har et mere
   grafisk udtryk end bogholderiet: hvide kort med blød skygge, sans-serif, ikoner,
   farvede mærker, målere og grafer. Farverne er de samme, så det stadig er ét program.
   Reglerne starter med ".ws main", så menuen og Arne ikke ændrer sig. */
.ws{--ws-kort:#fff;--ws-flade:#faf8f4;--ws-linje:#e8e3d8;--ws-linje-2:#d5cebf;--ws-spor:#ece8df;
  --ws-guld:#c8963c;--ws-blaa:#5b84b8;--ws-radius:12px;--ws-pad:1.3rem;
  --ws-skygge:0 1px 2px rgba(28,27,24,.05),0 2px 10px rgba(28,27,24,.035);
  --ws-skygge-hoej:0 18px 44px rgba(28,27,24,.16),0 3px 10px rgba(28,27,24,.07)}
@media(max-width:700px){.ws{--ws-pad:1rem}}
.ws main{max-width:1440px}
.ws main h1,.ws main h2,.ws main h3{font-family:var(--sans);letter-spacing:-.018em}
.ws main h1{font-size:1.7rem;font-weight:700}
.ws main h2{font-size:1.08rem;font-weight:650}
.ws main h3{font-size:.98rem;font-weight:650}
.ws main .tal{font-family:var(--sans);font-weight:700;letter-spacing:-.03em}
.ws main .etiket{font-weight:600;letter-spacing:.07em}

.ws main .kort,.ws main .noegletal-flise{background:var(--ws-kort);border-color:var(--ws-linje);
  border-radius:var(--ws-radius);box-shadow:var(--ws-skygge)}
.ws main .kort{padding:1.2rem var(--ws-pad)}
.ws main .noegletal-flise{padding:.95rem 1.1rem}
.ws main .noegletal-flise .tal{font-size:1.75rem}
.ws main a.noegletal-flise{transition:box-shadow .15s,transform .15s,border-color .15s}
.ws main a.noegletal-flise:hover{border-color:var(--ws-linje-2);box-shadow:var(--ws-skygge-hoej);
  transform:translateY(-1px)}
.ws main .tom{background:var(--ws-kort);border:1px dashed var(--ws-linje-2);border-radius:var(--ws-radius)}
.ws main .tom strong{display:block;font-family:var(--sans);font-size:1.05rem;margin-bottom:.25rem}
.ws main .tom p{margin:0 auto;max-width:52ch}
.tom-ikon{width:48px;height:48px;border-radius:50%;margin:0 auto .8rem;display:flex;align-items:center;
  justify-content:center;background:var(--groen-bg);color:var(--groen)}
.tom-ikon svg{width:22px;height:22px}

.ws main .maerke{border-radius:999px;padding:.12rem .6rem}
.ws main .maerke.neutral{padding-left:0}
.ws main .besked,.ws main .advarselsboks,.ws main .infoboks,.ws main .fejlboks{border-radius:10px}
.chips{display:inline-flex;flex-wrap:wrap;gap:.35rem;margin:.35rem 0}
.chip{display:inline-flex;align-items:center;padding:.12rem .6rem;border-radius:999px;font-size:.78rem;
  background:var(--ws-flade,#faf8f4);border:1px solid var(--ws-linje,#e8e3d8);color:var(--blaek-2);
  white-space:nowrap;line-height:1.5}

.ws main button,.ws main .knap{border-radius:9px;display:inline-flex;align-items:center;
  justify-content:center;gap:.45rem;box-shadow:0 1px 2px rgba(20,45,35,.22);
  transition:background .15s,border-color .15s}
.ws main button.sekundaer,.ws main .knap.sekundaer{background:#fff;box-shadow:0 1px 2px rgba(28,27,24,.07)}
.ws main button.sekundaer:hover,.ws main .knap.sekundaer:hover{background:var(--ws-flade)}
.ws main button:disabled{box-shadow:none}
.ws main button svg,.ws main .knap svg{flex:none}
.ws main input:not([type]),.ws main input[type=text],.ws main input[type=search],
.ws main input[type=number],.ws main input[type=email],.ws main input[type=date],.ws main select,
.ws main textarea{border-color:var(--ws-linje-2);border-radius:9px;background:#fff;padding:.55rem .7rem}
.ws main input[readonly],.ws main textarea[readonly]{background:var(--ws-flade);color:var(--blaek-2)}

.ws main table{background:transparent}
.ws main th,.ws main td{border-bottom-color:var(--ws-linje)}
.ws main thead th,.ws main tr:first-child th{background:var(--ws-flade);border-bottom-color:var(--ws-linje);
  font-size:.68rem}
.ws main tr:hover td{background:#fcfbf7}
.ws main .minibillede{border-radius:9px;border-color:var(--ws-linje)}
.ws main .handlingsbjaelke{background:#fff;border-color:var(--ws-linje);border-radius:var(--ws-radius);
  box-shadow:var(--ws-skygge);padding:.65rem .9rem}
.ws main .sidenavigation a{border-radius:8px;border-color:var(--ws-linje);background:#fff}
.ws main .sidenavigation a[aria-current="page"]{background:var(--groen);border-color:var(--groen)}
.ws main .kolonnevalg-panel,.ws main .optimer-panel{border-color:var(--ws-linje-2);border-radius:14px;
  box-shadow:var(--ws-skygge-hoej)}

/* Perioder og andre korte valg: en segmenteret knap i stedet for løse piller. */
.ws main .webshopfaner{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;margin:.2rem 0 1rem;
  background:#edeae2;border-radius:10px}
.ws main .webshopfaner a{border:0;background:transparent;border-radius:8px;padding:.32rem .85rem;
  font-size:.82rem;font-weight:600;color:var(--blaek-2)}
.ws main .webshopfaner a:hover{background:rgba(255,255,255,.65);color:var(--blaek)}
.ws main .webshopfaner a[aria-current="page"]{background:#fff;color:var(--blaek);
  box-shadow:0 1px 3px rgba(28,27,24,.14)}

.sektion-hoved{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem 1rem;
  flex-wrap:wrap;margin:0 0 1rem}
.ws main .sektion-hoved h2{margin:0;display:flex;align-items:center;gap:.5rem}
.sektion-hoved h2 svg{color:var(--groen)}
.sektion-hoved p{margin:.15rem 0 0}
.ws main .sektion-hoved .webshopfaner{margin:0}

/* Bjælker: hvor langt noget er nået - grøn er i orden, guld halvvejs og rød langt fra. */
.bjaelke{display:block;height:6px;border-radius:999px;background:var(--ws-spor,#ece8df);overflow:hidden}
.bjaelke>span{display:block;height:100%;border-radius:inherit;background:var(--ok)}
.bjaelke.middel>span{background:var(--ws-guld,#c8963c)}
.bjaelke.lav>span{background:var(--fejl)}
.bjaelke.bred{width:min(13rem,100%);margin-top:.55rem}
.tegnmaaler{display:flex;align-items:center;gap:.65rem;margin:.4rem 0 .1rem}
.tegnmaaler .bjaelke{flex:1;height:5px}
.tegnmaaler .smaa{white-space:nowrap;font-size:.76rem;font-variant-numeric:tabular-nums}
.tegnmaaler.t-kort .bjaelke>span{background:var(--ws-guld,#c8963c)}
.tegnmaaler.t-lang .bjaelke>span{background:var(--fejl)}
.tegnmaaler.t-lang strong{color:var(--fejl)}

/* --- produktkortet --- */
.pk-top{background:var(--ws-kort);border:1px solid var(--ws-linje);border-radius:var(--ws-radius);
  box-shadow:var(--ws-skygge);margin-bottom:1rem}
.pk-hoved{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.2rem;padding:1.2rem var(--ws-pad)}
.pk-billede{width:96px;height:96px;border-radius:12px;object-fit:cover;flex:none;background:var(--ark-2);
  border:1px solid var(--ws-linje);display:flex;align-items:center;justify-content:center;color:var(--linje-2)}
.pk-billede svg{width:36px;height:36px}
.pk-titel{flex:1;min-width:14rem}
.ws main .pk-titel h1{margin:.35rem 0 .3rem;line-height:1.15}
.pk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .65rem;font-size:.84rem;color:var(--daemp)}
.pk-links{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1.1rem;font-size:.85rem}
.pk-links a{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;text-decoration:none}
.pk-links a:hover{text-decoration:underline}
.pk-links svg{width:13px;height:13px}
.pk-handlinger{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto}
.pile-gruppe{display:inline-flex;background:#fff;border:1px solid var(--ws-linje-2);border-radius:9px;
  box-shadow:0 1px 2px rgba(28,27,24,.07);overflow:hidden}
.pile-gruppe>*{display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;
  color:var(--blaek)}
.pile-gruppe>*+*{border-left:1px solid var(--ws-linje-2)}
.pile-gruppe a:hover{background:var(--ws-flade);color:var(--groen)}
.pile-gruppe .slukket{color:var(--linje-2)}
.ws main .ai-knap{background:linear-gradient(135deg,#1f4b3a,#2e7658);border-color:#1f4b3a;padding:.5rem 1.15rem}
.ws main .ai-knap:hover{background:linear-gradient(135deg,#245744,#358866);border-color:#245744}
.ai-knap svg{color:#f2d58c}

/* Indholdets tilstand: én række tal under toppen. Stregerne mellem tallene er skygger, så de
   også passer, når rækken brydes på en smal skærm. */
.pk-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));
  border-top:1px solid var(--ws-linje);border-radius:0 0 var(--ws-radius) var(--ws-radius);overflow:hidden}
.pk-tal{display:flex;flex-direction:column;gap:.15rem;min-width:0;padding:.85rem var(--ws-pad) .95rem;
  color:inherit;text-decoration:none;box-shadow:-1px 0 0 var(--ws-linje),0 -1px 0 var(--ws-linje)}
a.pk-tal:hover{background:var(--ws-flade);color:inherit}
a.pk-tal:hover .etiket{color:var(--groen)}
.ws main .pk-tal .etiket{margin:0;display:flex;align-items:center;gap:.35rem;font-size:.66rem}
.pk-tal .etiket svg{width:13px;height:13px}
.pk-tal .vaerdi{display:flex;align-items:baseline;gap:.35rem;font-size:1.35rem;font-weight:700;
  letter-spacing:-.02em;line-height:1.25;font-variant-numeric:tabular-nums}
.pk-tal .vaerdi small{font-size:.78rem;font-weight:500;letter-spacing:0;color:var(--daemp)}
.pk-tal .under{font-size:.78rem;color:var(--daemp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-tal .bjaelke{margin-top:.4rem}

.pk-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;margin:0 0 1rem;padding:.75rem .9rem;
  border-radius:var(--ws-radius);border:1px solid var(--advarsel-linje);background:var(--advarsel-bg)}
.pk-banner.info{border-color:var(--info-linje);background:var(--info-bg)}
.pk-banner.fejl{border-color:var(--fejl-linje);background:var(--fejl-bg)}
.pk-banner-ikon{width:36px;height:36px;border-radius:10px;flex:none;display:flex;align-items:center;
  justify-content:center;background:#fff;color:var(--advarsel);box-shadow:0 1px 2px rgba(28,27,24,.1)}
.pk-banner.info .pk-banner-ikon{color:var(--info)}
.pk-banner.fejl .pk-banner-ikon{color:var(--fejl)}
.pk-banner-tekst{flex:1;min-width:14rem}
.pk-banner-tekst .smaa{display:block}

.ws main .produktfaner{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:.1rem;
  border-bottom:1px solid var(--ws-linje-2);margin:1.3rem 0 1rem}
.ws main .produktfaner::-webkit-scrollbar{display:none}
.ws main .produktfaner a{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem .95rem;
  white-space:nowrap;font-weight:600;color:var(--daemp);border-bottom-width:2.5px}
.ws main .produktfaner a:hover{color:var(--blaek)}
.ws main .produktfaner a svg{opacity:.85}
.ws main .produktfaner a[aria-current="page"]{color:var(--groen);border-bottom-color:var(--groen)}
.ws main .produktfaner .antal{margin:0;padding:0 .45rem;border-radius:999px;background:#ece8df;
  color:var(--blaek-2);font-size:.7rem;font-weight:700;line-height:1.6}
.ws main .produktfaner a[aria-current="page"] .antal{background:var(--groen-bg);color:var(--groen)}

.ws main .produktkort{grid-template-columns:minmax(0,1fr) 21.5rem;gap:1.1rem}
@media(max-width:1100px){.ws main .produktkort{grid-template-columns:minmax(0,1fr)}}
.pk-formular label:not(.valgboks){font-weight:600;color:var(--blaek-2)}
.pk-formular .sektion-hoved+label{margin-top:0}
.ws main input.stort-felt{font-size:1.05rem;font-weight:600;padding:.65rem .8rem}

.ws main .editor-vaerktoej{background:var(--ws-flade);border-color:var(--ws-linje-2);
  border-radius:10px 10px 0 0;padding:.35rem;gap:.2rem;align-items:center}
.ws main .editor-vaerktoej button{background:transparent;border-color:transparent;box-shadow:none;
  color:var(--blaek-2);padding:.28rem .6rem}
.ws main .editor-vaerktoej button:hover{background:#fff;border-color:var(--ws-linje-2);color:var(--blaek)}
.ws main .editor-vaerktoej button[aria-pressed="true"]{background:var(--groen);border-color:var(--groen);color:#fff}
.ws main .editor-vaerktoej button:disabled{background:transparent;border-color:transparent;opacity:.4}
.editor-vaerktoej .skillestreg{width:1px;height:1.2rem;background:var(--ws-linje-2);margin:0 .25rem}
.editor-vaerktoej .html-knap{margin-left:auto}
.ws main .editor-flade{border-color:var(--ws-linje-2);border-radius:0 0 10px 10px;padding:.9rem 1.1rem;
  line-height:1.65}
.ws main .editor-vaerktoej:not([hidden])~textarea{border-radius:0 0 10px 10px}

.seo-gitter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem 1.6rem;align-items:start}
@media(max-width:1300px){.seo-gitter{grid-template-columns:minmax(0,1fr)}}
.ws main .google-etiket{margin:.1rem 0 .45rem;font-size:.66rem}
.ws main .google{max-width:none;border-color:var(--ws-linje);border-radius:12px;padding:1rem 1.1rem;
  box-shadow:0 1px 2px rgba(28,27,24,.04)}
.google .g-kilde{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}
.google .g-ikon{width:28px;height:28px;border-radius:50%;flex:none;display:flex;align-items:center;
  justify-content:center;background:#f1f3f4;border:1px solid #e1e3e6;color:#1f4b3a;font-weight:700;font-size:.8rem}
.google .g-navn{display:block;color:#202124;font-size:.86rem;line-height:1.25}
.ws main .google .url{color:#4d5156;font-size:.76rem;line-height:1.3}
.ws main .google .titel{font-size:1.2rem;margin:.1rem 0 .25rem}
.ws main .google .beskrivelse{line-height:1.5}

.gembar{position:sticky;bottom:.9rem;z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;
  margin:0 0 1rem;padding:.65rem .85rem;background:rgba(255,255,255,.94);border:1px solid var(--ws-linje);
  border-radius:var(--ws-radius);box-shadow:var(--ws-skygge-hoej);backdrop-filter:blur(8px)}
@media(max-width:1100px){.gembar{margin-right:7rem}}

.mf-liste{margin:0 calc(-1 * var(--ws-pad));border-top:1px solid var(--ws-linje)}
.mf-raekke{display:grid;grid-template-columns:minmax(11rem,17rem) minmax(0,1fr);gap:.5rem 1.5rem;
  padding:.85rem var(--ws-pad);border-bottom:1px solid var(--ws-linje)}
.mf-raekke:last-child{border-bottom:0}
.mf-raekke:hover{background:#fcfbf8}
.mf-navn{display:flex;align-items:flex-start;gap:.65rem;min-width:0}
.mf-navn>div{min-width:0}
.ws main .mf-navn label{margin:0;color:var(--blaek);font-size:.9rem}
.mf-navn code{background:transparent;border:0;padding:0;font-size:.72rem;color:var(--daemp);word-break:break-all}
.mf-navn .smaa{margin-top:.2rem;font-size:.78rem}
.status-prik{width:9px;height:9px;border-radius:50%;flex:none;margin-top:.42rem;background:#d9d3c5;
  box-shadow:0 0 0 3px #f1eee7}
.status-prik.fyldt{background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}
.mf-vaerdi{min-width:0}
.mf-laest{padding:.5rem 0;font-size:.9rem;white-space:pre-line}
@media(max-width:760px){.mf-raekke{grid-template-columns:minmax(0,1fr)}}

.ws main .billedgitter{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem}
.ws main .billedgitter figure{padding:0;border-color:var(--ws-linje);border-radius:12px;overflow:hidden;
  box-shadow:var(--ws-skygge)}
.billedramme{position:relative;background:var(--ark-2)}
.ws main .billedgitter img,.ws main .billedgitter .tomt-billede{border-radius:0}
.ws main .billedgitter img{display:block}
.billedgitter .tomt-billede{color:var(--linje-2)}
.billedgitter .tomt-billede svg{width:40px;height:40px}
.billedmaerke{position:absolute;left:.55rem;top:.55rem;padding:.1rem .55rem;border-radius:999px;
  background:rgba(28,27,24,.72);color:#fff;font-size:.7rem;font-weight:600}
.billedstatus{position:absolute;right:.55rem;top:.55rem;width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22)}
.billedstatus.ok{background:var(--ok)}
.billedstatus.mangler{background:var(--ws-guld)}
.billedstatus svg{width:14px;height:14px;stroke-width:2}
.billedgitter figcaption{padding:.1rem .85rem .85rem}
.ws main .billedgitter figcaption label{margin-top:.6rem}

.tabel-rul{overflow-x:auto;margin:0 calc(-1 * var(--ws-pad));border-top:1px solid var(--ws-linje)}
.tabel-rul:last-child{margin-bottom:-1.2rem;border-radius:0 0 var(--ws-radius) var(--ws-radius)}
.tabel-rul th:first-child,.tabel-rul td:first-child{padding-left:var(--ws-pad)}
.tabel-rul th:last-child,.tabel-rul td:last-child{padding-right:var(--ws-pad)}
.ws main .tabel-rul td{vertical-align:middle}

.kpi-raekke{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.7rem;margin:0 0 1.2rem}
.kpi{display:flex;align-items:center;gap:.75rem;padding:.8rem .9rem;border:1px solid var(--ws-linje);
  border-radius:11px;background:var(--ws-flade)}
.ws main .kpi .etiket{margin:0 0 .1rem;font-size:.66rem}
.ws main .kpi .tal{font-size:1.45rem}
.kpi-ikon{width:38px;height:38px;border-radius:10px;flex:none;display:flex;align-items:center;
  justify-content:center;background:#fff;border:1px solid var(--ws-linje);color:var(--blaek-2)}
.kpi-ikon.groen{background:var(--ok-bg);border-color:var(--ok-linje);color:var(--ok)}
.kpi-ikon.blaa{background:#eaf0f7;border-color:#cfdcec;color:#46699a}
.kpi-ikon.guld{background:var(--advarsel-bg);border-color:var(--advarsel-linje);color:var(--advarsel)}
.ws main .graf .gitterlinje{stroke:var(--ws-linje);stroke-width:1;stroke-dasharray:3 4}
.ws main .graf polyline.klik{stroke:var(--ok);stroke-width:2.5}
.ws main .graf polyline.visninger{stroke:var(--ws-blaa);stroke-width:1.8}
.ws main .forklaring-linje .l-klik::before{background:var(--ok)}
.ws main .forklaring-linje .l-visninger::before{background:var(--ws-blaa)}
.placering{display:inline-block;min-width:2.7rem;padding:.06rem .45rem;border-radius:6px;text-align:center;
  font-weight:700;font-size:.8rem;font-variant-numeric:tabular-nums}
.placering.top3{background:var(--ok-bg);color:var(--ok)}
.placering.top10{background:#e5efec;color:#23675a}
.placering.top20{background:var(--advarsel-bg);color:var(--advarsel)}
.placering.langt{background:var(--neutral-bg);color:var(--daemp)}
.pk-tip{display:flex;align-items:flex-start;gap:.85rem;margin-top:2.2rem;padding:.9rem 1rem;border-radius:11px;
  background:linear-gradient(135deg,#f1f6f2,#faf5e8);border:1px solid #dde6dd}
.pk-tip .pk-banner-ikon{color:var(--groen)}
.pk-tip .chips{margin:.45rem 0 .35rem}

.tidslinje{list-style:none;margin:0;padding:0 0 0 1.3rem;position:relative}
.tidslinje::before{content:"";position:absolute;left:.35rem;top:.45rem;bottom:.45rem;width:2px;
  background:var(--ws-linje)}
.tidslinje li{position:relative;padding:0 0 1.2rem .6rem}
.tidslinje li:last-child{padding-bottom:0}
.tidslinje li::before{content:"";position:absolute;left:-1.25rem;top:.3rem;width:13px;height:13px;
  border-radius:50%;background:#fff;border:3px solid var(--linje-2)}
.tidslinje li.ok::before{border-color:var(--ok)}
.tidslinje li.advarsel::before{border-color:var(--ws-guld)}
.tidslinje li.fejl::before{border-color:var(--fejl)}
.tl-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.tl-top a{font-weight:650;color:var(--blaek);text-decoration:none}
.tl-top a:hover{color:var(--groen);text-decoration:underline}
.tidslinje .chips{margin:.35rem 0 .2rem}

.ws main .pk-side .sektion-hoved{margin-bottom:.8rem}
.ws main .pk-side h2{font-size:.95rem}
.score{display:flex;align-items:center;gap:1rem}
.score p{margin:.2rem 0 0}
.ring{flex:none}
.ring circle{fill:none;stroke-width:7}
.ring .spor{stroke:var(--ws-spor)}
.ring .fyld{stroke:var(--ok);stroke-linecap:round}
.ring.middel .fyld{stroke:var(--ws-guld)}
.ring.lav .fyld{stroke:var(--fejl)}
.ring text{font:700 21px var(--sans);fill:var(--blaek);letter-spacing:-.03em}
.fundliste{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.45rem}
.fundliste li{padding:.5rem .7rem .55rem;border:1px solid var(--ws-linje);border-left:3px solid var(--linje-2);
  border-radius:9px;background:var(--ws-flade);font-size:.85rem;line-height:1.45}
.fundliste li.hoej{border-left-color:var(--fejl)}
.fundliste li.middel{border-left-color:var(--ws-guld)}
.fund-alvor{display:block;margin-bottom:.1rem;font-size:.66rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.07em;color:var(--daemp)}
.fundliste li.hoej .fund-alvor{color:var(--fejl)}
.fundliste li.middel .fund-alvor{color:var(--advarsel)}
.fund-ingen{display:flex;align-items:center;gap:.45rem;margin:1rem 0 0;color:var(--ok);font-weight:600}
.egenskaber{margin:0}
.egenskaber>div{display:grid;grid-template-columns:6.3rem minmax(0,1fr);gap:.6rem;padding:.55rem 0;
  border-top:1px solid var(--ws-linje)}
.egenskaber>div:first-child{border-top:0;padding-top:0}
.egenskaber>div:last-child{padding-bottom:0}
.egenskaber dt{color:var(--daemp);font-size:.8rem;padding-top:.1rem}
.egenskaber dd{margin:0;font-size:.88rem;min-width:0}
.egenskaber .chips{margin:0}

/* Optimér og Duplikér: valgene er små kort, der lyser op, når de er valgt. */
.ws main .optimer-panel{width:min(27rem,90vw);padding:1rem 1.1rem;gap:.5rem}
.ws main .optimer-panel .valgboks{padding:.55rem .65rem;border:1px solid var(--ws-linje);border-radius:10px;
  background:#fff;cursor:pointer;transition:border-color .12s,background .12s}
.ws main .optimer-panel .valgboks:hover{border-color:var(--ws-linje-2)}
.ws main .optimer-panel .valgboks:has(input:checked){border-color:var(--groen-2);background:var(--groen-bg)}
.ws main .optimer-panel .valgboks:has(input:disabled){opacity:.55;cursor:not-allowed}
.ws main .niveauer{grid-template-columns:1fr 1fr}
.ws main .optimer-panel [data-tokens-i-alt]{color:var(--groen)}

/* Et kort starter med sin overskrift - uden ekstra luft over den. */
.ws main .kort>h2:first-child,.ws main .kort>h3:first-child,
.ws main .kort>input[type=hidden]:first-child+h2,.ws main .kort>input[type=hidden]:first-child+h3{margin-top:0}
.ws main .knapraekke+form .valgraekke,.ws main .knapraekke+.valgraekke{margin-top:1rem}

/* Google-visningen: en lang adresse skæres af med … ligesom i Google. */
.google .g-kilde>span:last-child{min-width:0}
.ws main .google .url{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Forsiden: tallene i samme skrift som resten af webshoppen. */
.ws main .maaler text,.ws main .opdeling strong{font-family:var(--sans);font-weight:700}
.donut-tal{font-family:var(--sans);font-weight:700;fill:var(--blaek)}
.ws main a.maerke{text-decoration:none}

/* Produktlisten: tættere kolonner, så hele rækken kan ses på en almindelig skærm. */
.produkttabel th,.produkttabel td{padding:.6rem .45rem;vertical-align:middle}
.produkttabel th:first-child,.produkttabel td:first-child{padding-left:1rem}
.produkttabel th:last-child,.produkttabel td:last-child{padding-right:1rem;white-space:nowrap}
.produkttabel .produktcelle{min-width:12rem}
.produkttabel .produktcelle a{font-weight:600;color:var(--blaek);text-decoration:none}
.produkttabel .produktcelle a:hover{color:var(--groen);text-decoration:underline}
.produkttabel td[data-kolonne="fund"]{min-width:9rem;max-width:13rem}
.produkttabel td[data-kolonne="fund"] .smaa{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;margin-top:.2rem}
.produkttabel td[data-kolonne="pris"],.produkttabel td[data-kolonne="lager"]{white-space:nowrap}

/* --- Arbejdsrummet: webshoppens egen lyse menu og topbjælke ------------------------ */
/* Menuens hvide flade og stregen ved siden af den går hele vejen ned - også under menuen. */
.ws .skal{background:linear-gradient(to right,#fff 0 235px,var(--ws-linje) 235px 236px,var(--papir) 236px)}
.side.ws-side{background:#fff;color:var(--blaek-2)}
.ws-side .logo{min-width:0;color:var(--blaek);font-family:var(--sans);font-size:1.05rem;font-weight:700}
.ws-side .logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-side .logo svg{width:18px;height:18px;color:var(--groen)}
.ws-side .gruppe{color:var(--daemp)}
.ws-side nav a{color:var(--blaek-2)}
.ws-side nav a:hover{background:var(--ws-flade);color:var(--blaek)}
.ws-side nav a[aria-current=page]{background:var(--groen-bg);color:var(--groen)}
.ws-side nav a[aria-current=page]::before{background:var(--groen)}
.ws-side .bund{border-top-color:var(--ws-linje)}
.ws-side .hvem{color:var(--daemp)}
.ws-side button.lille{border-color:var(--ws-linje-2);color:var(--blaek-2)}
.ws-side button.lille:hover{background:var(--ws-flade);color:var(--blaek)}
.tilbage-app{display:flex;align-items:center;gap:.55rem;margin:0 0 .45rem;padding:.4rem .55rem;
  border-radius:8px;color:var(--daemp);font-size:.84rem;text-decoration:none}
.tilbage-app:hover{background:var(--ws-flade);color:var(--groen)}
.ws-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding:.6rem 2rem;background:rgba(247,245,240,.9);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--ws-linje)}
.ws-soeg{position:relative;flex:1;max-width:30rem}
.ws-soeg svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--daemp);
  pointer-events:none}
.ws-soeg input[type=search]{padding:.5rem .75rem .5rem 2.2rem;border-color:var(--ws-linje-2);
  border-radius:10px;background:#fff}
.ws-topbar-hoejre{display:flex;align-items:center;gap:.5rem}
.ws-topbar .knap{display:inline-flex;align-items:center;gap:.4rem;border-radius:9px}
.ws-drift{position:relative}
.ws-drift>summary{list-style:none}
.ws-drift>summary::before{content:none}
.ws-drift-panel{position:absolute;right:0;top:calc(100% + .45rem);z-index:50;width:19rem;
  padding:.8rem .95rem;background:#fff;border:1px solid var(--ws-linje-2);border-radius:12px;
  box-shadow:var(--ws-skygge-hoej);font-size:.9rem}
.drift-raekke{display:flex;justify-content:space-between;gap:.8rem;padding:.45rem 0;
  border-bottom:1px solid var(--ws-linje);font-size:.86rem}
.drift-raekke:last-of-type{border-bottom:0;margin-bottom:.3rem}
.puls{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:puls 1.6s ease-out infinite}
@keyframes puls{0%{box-shadow:0 0 0 0 rgba(31,107,69,.45)}70%{box-shadow:0 0 0 7px rgba(31,107,69,0)}
  100%{box-shadow:0 0 0 0 rgba(31,107,69,0)}}
@media(prefers-reduced-motion:reduce){.puls{animation:none}}
.ws-bruger{width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;
  justify-content:center;background:var(--groen);color:#fff;font-size:.88rem;font-weight:700}
.ws main{padding-top:1.5rem}
@media(max-width:900px){
  .ws .skal{background:var(--papir)}
  .side.ws-side{border-right:0;border-bottom:1px solid var(--ws-linje)}
  .ws-side .bund{display:flex;align-items:center;gap:.3rem}
  .ws-side .tilbage-app{margin:0;white-space:nowrap}
  .ws-topbar{padding:.55rem 1rem}
  .ws-topbar .knap-tekst{display:none}
}

/* --- Produktlisten: søgelinje, valgte filtre og filterpanelet -------------------------- */
.filterlinje-top{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.soegefelt{position:relative;flex:1;min-width:14rem}
.soegefelt svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--daemp);
  pointer-events:none}
.ws main .soegefelt input{padding-left:2.2rem}
.filterlinje-top>select{width:auto;min-width:11rem}
.filterlinje-antal .antalvaelger{flex-direction:row;align-items:center;gap:.5rem;min-width:0}
.filterlinje-antal .antalvaelger label{margin:0}
.filterlinje-antal select{width:auto}
.antal-pille{display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;
  padding:0 .35rem;border-radius:999px;background:var(--groen);color:#fff;font-size:.72rem;font-weight:700}
.aktive-filtre{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.85rem}
a.chip.fjern-filter{gap:.3rem;background:var(--groen-bg);border-color:#cfe0d6;color:var(--groen);
  text-decoration:none}
a.chip.fjern-filter:hover{border-color:var(--groen-2)}
dialog.skuffe{position:fixed;inset:0 0 0 auto;width:min(27rem,100vw);max-width:100vw;height:100dvh;
  max-height:100dvh;margin:0;padding:0;border:0;border-left:1px solid var(--ws-linje-2);
  background:#fff;color:var(--blaek);box-shadow:var(--ws-skygge-hoej)}
dialog.skuffe[open]{display:flex;flex-direction:column;animation:skuffe-ind .18s ease-out}
dialog.skuffe::backdrop{background:rgba(28,27,24,.32)}
@keyframes skuffe-ind{from{transform:translateX(24px);opacity:.6}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){dialog.skuffe[open]{animation:none}}
.skuffe-hoved{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;
  border-bottom:1px solid var(--ws-linje)}
.ws main .skuffe-hoved h2{margin:0;font-size:1.05rem}
.ws main .ikonknap{padding:.15rem .55rem;background:transparent;border-color:transparent;box-shadow:none;
  color:var(--daemp);font-size:1.4rem;line-height:1}
.ws main .ikonknap:hover{background:var(--ws-flade);color:var(--blaek)}
.skuffe-krop{flex:1;overflow-y:auto}
.filtergruppe{border-bottom:1px solid var(--ws-linje)}
.ws main .filtergruppe>summary{display:flex;align-items:center;width:100%;padding:.85rem 1.2rem;
  color:var(--blaek);font-size:.9rem;font-weight:600}
.ws main .filtergruppe>summary::before{content:none}
.filtergruppe>summary::after{content:"";width:.45rem;height:.45rem;margin-left:auto;
  border-right:1.5px solid var(--daemp);border-bottom:1.5px solid var(--daemp);transform:rotate(45deg);
  transition:transform .15s}
.filtergruppe[open]>summary::after{transform:rotate(225deg)}
.filtergruppe>summary:hover{background:var(--ws-flade)}
.valgt-prik{width:7px;height:7px;margin-left:.5rem;border-radius:50%;background:var(--groen)}
.filtervalg{display:grid;gap:.35rem;padding:0 1.2rem 1rem}
.ws main .filtervalg label{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--blaek-2);
  font-size:.88rem;font-weight:500}
.ws main .filtervalg label[for]{display:block;margin-top:.35rem;color:var(--daemp);font-size:.78rem}
.filtervalg.to-felter{grid-template-columns:1fr 1fr;gap:.6rem}
.skuffe-fod{display:flex;gap:.6rem;padding:.9rem 1.2rem;border-top:1px solid var(--ws-linje);
  background:var(--ws-flade)}
.skuffe-fod>*{flex:1}
.ws main .skuffe-fod button{flex:2}
.butikslink{display:inline-flex;vertical-align:-2px;color:var(--daemp)}
.produkttabel .produktcelle a.butikslink{color:var(--daemp)}
.butikslink:hover,.produkttabel .produktcelle a.butikslink:hover{color:var(--groen)}
.butikslink svg{width:13px;height:13px}

@media(max-width:700px){
  .pk-hoved{align-items:flex-start}
  .pk-billede{width:72px;height:72px}
  .pk-handlinger{margin-left:0;width:100%}
  .ws main .niveauer{grid-template-columns:1fr}
}

/* Webshop 2026: én rolig arbejdsflade med tydelig butik, handling og status. */
.ws{--papir:#f7f9fd;--ark:#fff;--ark-2:#f4f7fc;--blaek:#182641;
  --blaek-2:#34425c;--daemp:#71809a;--linje:#dfe6f2;--linje-2:#cbd5e5;
  --groen:#1047bd;--groen-2:#0d3da6;--groen-bg:#e9f0ff;
  --ws-flade:#f7f9fd;--ws-linje:#e0e7f2;--ws-linje-2:#cdd7e8;
  --ws-radius:14px;--ws-pad:1.5rem;
  --ws-skygge:0 1px 3px rgba(26,45,80,.045);
  --ws-skygge-hoej:0 18px 48px rgba(29,49,87,.14)}
.ws .skal{grid-template-columns:264px minmax(0,1fr);background:#f7f9fd}
.ws .side.ws-side{border-right:1px solid var(--ws-linje);padding:1.2rem .95rem;
  gap:.2rem;min-height:100vh}
.ws-side .logo{gap:.8rem;margin:0 0 1.15rem;padding:.3rem .5rem .9rem;
  font-size:1.22rem;letter-spacing:-.035em}
.ws-side .logo span:last-child{display:flex;flex-direction:column;line-height:1.08}
.ws-side .logo small{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--daemp);font-weight:600;margin-top:.26rem}
.ws-maerke{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;
  background:#1047bd;color:white;box-shadow:0 5px 12px rgba(16,71,189,.18)}
.ws-side .logo .ws-maerke svg{width:21px;height:21px;color:#fff}
.ws-side .gruppe{padding:.95rem .7rem .35rem;font-size:.67rem;letter-spacing:.11em}
.ws-side nav{gap:.2rem}
.ws-side nav a{padding:.65rem .7rem;border-radius:10px;font-size:.92rem;font-weight:560}
.ws-side nav a svg{width:18px;height:18px}
.ws-side nav a[aria-current=page]{background:#e7efff;color:#1047bd;font-weight:700}
.ws-side nav a[aria-current=page]::before{display:none}
.ws-side .bund{margin-top:auto}
.ws-topbar{min-height:72px;padding:.75rem 2rem;background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--ws-linje);backdrop-filter:blur(12px)}
.ws main{max-width:none;padding:2rem 2rem 4rem}
.ws main h1{font-size:1.65rem;letter-spacing:-.035em}
.ws main h2{letter-spacing:-.025em}
.ws main .kort{box-shadow:var(--ws-skygge);border:1px solid var(--ws-linje)}
.ws main input:focus,.ws main select:focus,.ws main textarea:focus{
  border-color:#4d81ed;box-shadow:0 0 0 3px rgba(50,111,235,.12);outline:none}
.ws main button,.ws main .knap{font-weight:650;letter-spacing:-.01em}
.ws main button:not(.sekundaer):not(.ikonknap):not(.lille),.ws main .knap:not(.sekundaer){box-shadow:0 2px 5px rgba(16,71,189,.13)}
.ws main .ai-knap{background:#1047bd;border-color:#1047bd}
.ws main .ai-knap:hover{background:#0d3da6;border-color:#0d3da6}
.ws main .ai-knap svg{color:#fff}
.ws main .maerke.ok{background:#e7f8ef;color:#13754a;border-color:#c8efd9}
.ws main .maerke.neutral{background:#f0f3f8;color:#66758e;padding:.15rem .6rem}
.ws main .maerke.advarsel{background:#fff5dd;color:#9b660f}
.ws main .maerke.fejl{background:#fff0ee;color:#bb4032}
.ws-kicker{margin:0 0 .3rem;color:#1047bd;font-size:.72rem;font-weight:750;
  letter-spacing:.12em;text-transform:uppercase}

/* Webshopindstillinger: samme rolige arbejdsflade som produktkortet. */
.ws-indstillinger-hoved{align-items:end}
.ws-indstillinger-vaelger{min-width:230px}
.ws-indstillinger-vaelger label{display:block;margin-bottom:.3rem;color:#63718a;font-size:.75rem}
.ws-indstillinger-vaelger select{width:100%}
.ws-indstillinger-status{display:flex;align-items:center;gap:.8rem;margin:1.2rem 0 1.4rem;
  padding:.85rem 1.15rem;background:#fff;border:1px solid var(--ws-linje);border-radius:13px}
.ws-indstillinger-status>div{display:grid;gap:.08rem}
.ws-indstillinger-status small{color:#6b7890;font-size:.76rem}
.ws-indstillinger-status-tekst{margin-left:auto;color:#60708a;font-size:.8rem}
.ws-statusprik{width:9px;height:9px;flex:none;border-radius:50%;background:#f2b741;
  box-shadow:0 0 0 4px #fff5de}
.ws-statusprik.ok{background:#18a467;box-shadow:0 0 0 4px #e7f8ef}
.ws-indstillinger-gitter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ws-indstilling-kort{display:flex;flex-direction:column;min-height:260px;padding:1.3rem 1.35rem;
  background:#fff;border:1px solid var(--ws-linje);border-radius:16px;box-shadow:var(--ws-skygge)}
.ws-indstilling-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.ws-indstilling-ikon{display:grid;place-items:center;width:40px;height:40px;color:#1047bd;
  background:#eaf1ff;border-radius:11px}
.ws-indstilling-ikon svg{width:20px;height:20px}
.ws-indstilling-nr{color:#9da9ba;font-size:.67rem;font-weight:700;letter-spacing:.09em}
.ws main .ws-indstilling-kort h2{margin:0 0 .5rem;font-size:1.08rem;letter-spacing:-.02em}
.ws-indstilling-kort p{margin:0 0 1.15rem;color:#68778f;font-size:.83rem;line-height:1.55}
.ws-indstilling-fakta{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;
  padding:.75rem 0;border-top:1px solid #edf1f7;font-size:.76rem}
.ws-indstilling-fakta+ .ws-indstilling-fakta{margin-top:0}
.ws-indstilling-fakta span{color:#7a879b}
.ws-indstilling-fakta strong{text-align:right;font-weight:650}
.ws-sku-fund{margin:0;padding-left:1.1rem}
.ws-sku-fund li+li{margin-top:.3rem}
.ws-kildeliste .tabel-rul{margin-top:.65rem;margin-bottom:1.2rem}
.ws-kildeliste a.ws-admin-link{margin-left:.6rem;font-size:.76rem;white-space:nowrap}
.ws-indstilling-kort>a,.ws-indstilling-links>a{color:#1047bd;font-size:.8rem;font-weight:700;text-decoration:none}
.ws-indstilling-kort>a:hover,.ws-indstilling-links>a:hover{text-decoration:underline}
.ws-indstilling-kort>a,.ws-indstilling-links{margin-top:.9rem}
.ws-indstilling-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem}
@media(max-width:1100px){.ws-indstillinger-gitter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ws-indstillinger-gitter{grid-template-columns:1fr}
  .ws-indstillinger-hoved{align-items:stretch}.ws-indstillinger-vaelger{min-width:0}}

.ws-butikvaelger{position:relative;flex:none}
.ws-butikvaelger>summary{display:flex;align-items:center;gap:.55rem;min-width:12rem;
  max-width:20rem;padding:.48rem .7rem;list-style:none;border:1px solid var(--ws-linje-2);
  border-radius:10px;background:white;color:var(--blaek);font-weight:650;cursor:pointer}
.ws-butikvaelger>summary::-webkit-details-marker{display:none}
.ws-butikvaelger>summary svg{width:17px;height:17px;color:#1047bd}
.ws-butikvaelger>summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-butikvaelger>summary::after{content:"⌄";margin-left:auto;color:var(--daemp)}
.ws-butikmenu{position:absolute;top:calc(100% + .5rem);left:0;z-index:60;width:18rem;
  padding:.55rem;background:#fff;border:1px solid var(--ws-linje);
  border-radius:12px;box-shadow:var(--ws-skygge-hoej)}
.ws-butikmenu>strong{display:block;padding:.45rem .55rem;color:var(--daemp);
  font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}
.ws-butikmenu>a{display:flex;align-items:center;gap:.6rem;padding:.6rem .55rem;
  border-radius:8px;text-decoration:none;color:var(--blaek-2);font-size:.88rem}
.ws-butikmenu>a:hover,.ws-butikmenu>a[aria-current=page]{background:var(--groen-bg);color:#1047bd}
.ws-landemarke{display:inline-grid;place-items:center;flex:none;min-width:2.2rem;height:2rem;
  padding:0 .35rem;border-radius:8px;background:#e7efff;color:#1047bd;font-size:.68rem;
  font-weight:800;letter-spacing:.04em}
.ws-soeg{max-width:34rem}
.ws-soeg input[type=search]{height:39px}

.ws main .filterlinje{margin-top:1.3rem;margin-bottom:.65rem;padding:1rem 1.15rem}
.ws main .filterlinje-top{gap:.65rem}
.ws main .filterlinje-top .soegefelt{max-width:29rem}
.ws main .handlingsbjaelke{margin:.6rem 0;padding:.65rem 1rem;background:#edf3ff;
  border-color:#dbe6ff;box-shadow:none}
.ws main .produkttabel tr:first-child th{background:#f8faff;color:#60708a;
  font-size:.7rem;letter-spacing:.07em;text-transform:uppercase}
.ws main .produkttabel td{height:72px}
.ws main .produkttabel tr:hover td{background:#f7faff}
.ws main .produkttabel .minibillede{width:48px;height:48px;background:#fff}
.ws main .produkttabel .produktcelle{min-width:18rem}
.ws main .produkttabel .produktcelle a{color:#1d2e4d;font-size:.9rem}
.ws main .produkttabel .produktcelle .smaa{font-size:.74rem;color:#8090a8}

.ws-produktbutikker,.ws-butikfaner{display:flex;gap:.35rem;padding:.3rem;margin:.9rem 0 1.15rem;
  border:1px solid var(--ws-linje);border-radius:13px;background:#f7f9fd;overflow-x:auto}
.ws-produktbutikker a,.ws-butikfaner a{display:flex;align-items:center;gap:.6rem;min-width:0;
  padding:.55rem .85rem;border-radius:9px;text-decoration:none;color:var(--blaek-2);
  font-size:.86rem;font-weight:650;white-space:nowrap}
.ws-produktbutikker a:hover,.ws-butikfaner a:hover{background:#eef3ff;color:#1047bd}
.ws-produktbutikker a[aria-current=page],.ws-butikfaner a[aria-current=page]{background:#fff;
  box-shadow:0 1px 5px rgba(29,49,87,.1);color:#1047bd}
.ws-produktbutikker .smaa{color:#8996a9;font-size:.7rem}
.ws-landefane-mangler{display:flex;align-items:center;gap:.55rem;min-width:0;
  padding:.55rem .85rem;border-radius:9px;color:var(--daemp);font-size:.83rem;white-space:nowrap}
.ws-landefane-mangler small{font-size:.68rem;color:var(--daemp)}
.ws-landefane-mangler details{position:relative}
.ws-landefane-mangler details a{display:block;padding:.35rem .5rem;white-space:normal}
.ws-landevalg{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin:.6rem 0 .8rem;padding:.8rem 1rem;
  border:1px solid var(--ws-linje);border-radius:10px}
.ws-landevalg legend{padding:0 .25rem;font-weight:700}
.ws-landevalg label{display:inline-flex;align-items:center;gap:.45rem;margin:0}
.ws-landevalg .smaa{flex-basis:100%;margin:0}
.ws main .pk-top{border-radius:15px}
.ws main .pk-hoved{padding:1.05rem 1.4rem}
.ws main .pk-billede{width:72px;height:72px}
.ws main .pk-titel h1{font-size:1.35rem}
.ws main .pk-status{grid-template-columns:repeat(5,minmax(0,1fr))}
.ws main .pk-tal{padding:.75rem 1rem}
.ws main .pk-tal .vaerdi{font-size:1.1rem}
.ws main .produktfaner{display:inline-flex;max-width:100%;padding:.25rem;gap:.2rem;
  background:#f1f5fb;border:1px solid var(--ws-linje);border-radius:11px}
.ws main .produktfaner a{border:0;margin:0;padding:.5rem .75rem;border-radius:8px}
.ws main .produktfaner a[aria-current=page]{background:#fff;box-shadow:0 1px 4px rgba(29,49,87,.1)}
.ws main .produktkort{grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:1.15rem}
.ws main .produktkort>.pk-side{grid-column:1;grid-row:1}
.ws main .produktkort>div:first-child{grid-column:2;grid-row:1;min-width:0}
.ws main .pk-side .kort{margin-bottom:.85rem}
.ws main .pk-side .kort h2{margin:0 0 .7rem}
.ws main .editor-flade{min-height:280px;line-height:1.65}
.ws main .gembar{background:#fff;border-color:var(--ws-linje);box-shadow:var(--ws-skygge)}

.ws-butiksgitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:.85rem;margin:1.2rem 0}
.ws main .ws-butikskort{padding:1.05rem 1.15rem}
.ws main .ws-butikskort.valgt{border-color:#8eaff4;box-shadow:0 0 0 2px #e2ecff}
.ws-butikskort-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem}
.ws-butikhandlinger{display:flex;gap:.4rem 1rem;flex-wrap:wrap;margin-top:.8rem}
.ws-profilgitter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.ws-profilgitter .kort{padding:1.4rem}
.ws-profilgitter textarea{width:100%;margin:.4rem 0 .2rem}
.ws-valgliste{display:grid;gap:.45rem;margin:1rem 0 1.4rem}
.ws-valgraekke{display:flex;align-items:flex-start;gap:.75rem;padding:.8rem .9rem;border:1px solid var(--kant,#dfe5ef);border-radius:.7rem;cursor:pointer}
.ws-valgraekke input{margin-top:.2rem;flex:none}
.ws-valgraekke span{display:grid;gap:.15rem}
.ws-valgraekke small{font-size:.76rem;color:#66758e}
@media(max-width:850px){.ws-profilgitter{grid-template-columns:1fr}}
.ws main .ws-butikskort h2{margin:0;font-size:1rem}
.ws-butikskort .raekke{display:flex;gap:.5rem;align-items:center}
.ws-butikskort .raekke select{min-width:0;flex:1}
.ws-butik-link{display:inline-block;margin-top:.85rem;text-decoration:none;font-weight:650;font-size:.84rem}
.ws main .ws-kildeliste{margin-top:1rem}
.ws-masseoversaet{display:flex;align-items:center;gap:.75rem;margin:1rem 0;padding:.85rem 1rem;
  border:1px solid #dbe6ff;border-radius:11px;background:#f2f6ff}
.ws-masseoversaet>div{flex:1;min-width:0}
.ws-masseoversaet p{margin:.2rem 0 0}
.ws-masseoversaet select{max-width:15rem}
.ws-masseoversaet button{white-space:nowrap}
.ws-soegelinje{display:flex;gap:.6rem;max-width:37rem;margin:1rem 0}
.ws-soegelinje input{flex:1;min-width:0}
.ws-oversaet-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,310px);gap:1rem}
.ws-matchkort{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.85rem 0;border-top:1px solid var(--ws-linje)}
.ws-matchkort:first-of-type{border-top:0}
.ws-matchkort form{flex:none}
.ws-kildekort{align-self:start}
.ws-preview-label{margin-top:1rem;color:var(--daemp);font-size:.69rem;
  font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.ws-kildekort p{margin:.25rem 0;line-height:1.55}
.ws-oversaet-oprindelse{display:flex;align-items:center;gap:.8rem;margin:.8rem 0 1rem;
  padding:.8rem 1rem;border:1px solid #d8e5ff;border-radius:12px;background:#f0f5ff}
.ws main .ws-kanalvalg{max-width:48rem;margin-top:1.2rem}
.ws-kanalraekke{display:flex;align-items:center;gap:.85rem;margin:0;padding:.85rem .2rem;
  border-bottom:1px solid var(--ws-linje);cursor:pointer}
.ws-kanalraekke:last-of-type{border-bottom:0}
.ws-kanalraekke input{flex:none;width:18px;height:18px;accent-color:#1047bd}
.ws-kanalraekke span{display:flex;flex-direction:column;gap:.15rem}
.ws-kanalraekke small{color:var(--daemp);font-size:.76rem}

@media(max-width:1050px){
  .ws main .produktkort{grid-template-columns:minmax(0,1fr)}
  .ws main .produktkort>.pk-side,.ws main .produktkort>div:first-child{grid-column:1;grid-row:auto}
  .ws main .produktkort>.pk-side{grid-row:1}
  .ws-oversaet-layout{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:681px) and (max-width:1500px){.ws-butiksgitter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .ws .skal{grid-template-columns:minmax(0,1fr)}
  .ws .side.ws-side{min-height:0;border-right:0;border-bottom:1px solid var(--ws-linje);
    padding:.55rem 1rem}
  .ws-side .logo{margin:0;padding:.2rem .4rem}
  .ws-side .gruppe,.ws-side .bund{display:none}
  .ws-topbar{padding:.6rem 1rem}
  .ws main{padding:1.25rem 1rem 3rem}
  .ws main .pk-status{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .ws-butiksgitter{grid-template-columns:minmax(0,1fr)}
  .ws-masseoversaet{align-items:stretch;flex-direction:column}
  .ws-masseoversaet select{max-width:none}
  .ws-butikvaelger>summary{min-width:0;max-width:8rem}
  .ws-topbar .ws-soeg{display:none}
  .ws main .pk-hoved{align-items:flex-start}
  .ws main .pk-handlinger{width:100%}
  .ws main .pk-status{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ws-matchkort{align-items:stretch;flex-direction:column}
  .ws-matchkort form button{width:100%}
}
/* --- Produkteditoren: pris, lager, varianter, status og organisering ------------------- */
.ws main .feltgitter.tre{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}
.feltgitter .avance{grid-column:1/-1;margin:.35rem 0 0}
.enhedsfelt{display:flex;align-items:stretch}
.ws main .enhedsfelt input{min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}
.enhedsfelt>span,.ws main .enhedsfelt select{flex:none;width:auto;display:flex;align-items:center;padding:0 .7rem;
  border:1px solid var(--ws-linje-2);border-left:0;border-radius:0 9px 9px 0;background:var(--ws-flade);
  color:var(--blaek-2);font-size:.85rem}
.ws main .lagertabel .talfelt{width:5.5rem;padding:.35rem .5rem;text-align:right;font-variant-numeric:tabular-nums}
.lagernote{margin:.9rem 0 0}
.statusvaelger{display:flex;align-items:center;gap:.6rem}
.statusvaelger select{flex:1}
.statusprik{width:10px;height:10px;border-radius:50%;flex:none;background:var(--linje-2)}
.statusprik.active{background:var(--ok)}
.statusprik.draft{background:var(--info)}
.statusprik.unlisted{background:var(--ws-guld)}
.chip svg{width:12px;height:12px;margin-right:.3rem;flex:none}
.ws main .chip.laast{color:var(--daemp)}
.chip.kanal.synlig{background:var(--ok-bg);border-color:var(--ok-linje);color:var(--ok)}
.chip.kanal.skjult{color:var(--daemp)}
.feltetiket{display:flex;align-items:center;margin:.75rem 0 .3rem;font-size:.82rem;font-weight:600;color:var(--blaek-2)}
.valgte-kollektioner{margin:0}
.kollektionsvaelger{margin-top:.35rem}
.ws main .kollektionsvaelger>summary{color:var(--groen);font-size:.84rem;font-weight:600}
.kollektionsliste{display:grid;gap:.1rem;max-height:14rem;overflow-y:auto;margin:.45rem 0;padding:.35rem .6rem;
  border:1px solid var(--ws-linje);border-radius:9px;background:#fff}
.ws main .kollektionsliste label{display:flex;align-items:center;gap:.5rem;margin:0;padding:.22rem 0;
  color:var(--blaek-2);font-size:.86rem;font-weight:500}
.ws main .liste-soeg{margin-top:.45rem;padding:.4rem .6rem}
.variantkort{margin-bottom:1rem;background:var(--ws-kort);border:1px solid var(--ws-linje);
  border-radius:var(--ws-radius);box-shadow:var(--ws-skygge)}
.ws main .variantkort>summary{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;width:100%;
  padding:.85rem var(--ws-pad);color:var(--blaek);font-size:.95rem}
.ws main .variantkort>summary code{font-size:.78rem}
.variantnavn{font-weight:650}
.variantpris{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}
.variantindhold{padding:0 var(--ws-pad);border-top:1px solid var(--ws-linje)}
.ws main .variantindhold>.kort{margin:0;padding-left:0;padding-right:0;border:0;border-bottom:1px solid var(--ws-linje);
  border-radius:0;box-shadow:none}
.ws main .variantindhold>.kort:last-child{border-bottom:0}
.variantindhold .tabel-rul,.variantindhold .tabel-rul:last-child{margin:0;border-radius:0}

@media print{.gembar,.pk-handlinger,.produktfaner{display:none!important}}

/* Produktfeeds: én arbejdsflade med en fane pr. samarbejdspartner. */
.ws-feed-gitter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}
.ws-feed-gitter .kort{min-width:0}
.ws-feed-gitter .sektion-hoved{align-items:center}
.ws-feed-link{width:100%;font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ws-feed-valg{display:flex;align-items:center;gap:.6rem;margin:.9rem 0;font-size:.9rem}
.ws-feed-valg input{width:auto;margin:0}
.ws-feed-opret{margin-top:1rem}
.ws-feed-opret summary{cursor:pointer;font-weight:700;color:#143c80}
.ws-feed-opret form{margin-top:1.1rem}
@media(max-width:800px){.ws-feed-gitter{grid-template-columns:1fr}}

@media print{
  .side,.demobjaelke,.knapraekke,footer{display:none!important}
  .skal{display:block}
  body{background:#fff}
  main{padding:0;max-width:none}
  .kort,.tabelramme,table{border-color:#bbb;background:#fff}
}

/* Enrichment: opgaver og AI-forslag læses som arbejde med klare handlinger. */
.ws-sektionshoved{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem 1rem;
  margin-bottom:1rem}
.ws main .ws-sektionshoved h3{margin:0}
.ws-sektionshoved p{margin:.3rem 0 0;line-height:1.45}
.ws-opgaveliste{display:grid;gap:.55rem}
.ws-opgave{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:center;
  gap:.7rem .85rem;padding:.75rem .8rem;border:1px solid var(--ws-linje);border-radius:11px;
  background:var(--ws-flade)}
.ws-opgave-fare{background:#fdf8f6;border-color:#e8d7d1}
.ws-opgave-antal{width:3.2rem;height:3.2rem;border-radius:10px;display:flex;align-items:center;
  justify-content:center;background:#fff;border:1px solid var(--ws-linje);font-size:1.12rem;
  font-weight:700;font-variant-numeric:tabular-nums;color:var(--groen)}
.ws-opgave-fare .ws-opgave-antal{color:var(--fejl);border-color:#e8d7d1}
.ws-opgave-indhold{min-width:0;line-height:1.35}
.ws-opgave-indhold strong{display:block;font-size:.9rem;font-weight:600;overflow-wrap:anywhere}
.ws-opgave-type{display:block;margin-bottom:.22rem;color:var(--daemp);font-size:.7rem;
  font-weight:700;letter-spacing:.055em;text-transform:uppercase}
.ws-opgave-handlinger{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.4rem}
.ws-opgave-handlinger .knap{white-space:nowrap;text-decoration:none}
.ws main .ws-opgave-handlinger .knap.sekundaer,
.ws main .ws-aktivitetsliste .knap.sekundaer{box-shadow:none}
.ws-aktivitet-hoved{align-items:center;margin:1.4rem 0 .65rem}
.ws-aktivitet-hoved .knap{flex:none}
.ws-aktivitetsliste{list-style:none;padding:0;margin:0;display:grid}
.ws-aktivitetsliste li{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto auto;
  align-items:center;gap:.45rem .7rem;padding:.65rem 0;border-top:1px solid var(--ws-linje)}
.ws-aktivitet-ikon{width:2.2rem;height:2.2rem;border-radius:9px;display:grid;place-items:center;
  background:var(--groen-bg);color:var(--groen)}
.ws-aktivitet-ikon svg{width:17px;height:17px}
.ws-aktivitet-indhold{display:grid;gap:.12rem;min-width:0}
.ws-aktivitet-indhold strong{font-size:.9rem;font-weight:600;overflow-wrap:anywhere}
.ws-aktivitet-indhold .smaa{font-size:.76rem}
.ws-aktivitetsliste .maerke{white-space:nowrap}
.ws-aktivitetsliste .knap{white-space:nowrap;text-decoration:none}
.ws-tabelnavn{font-weight:600;color:var(--blaek);overflow-wrap:anywhere}
.ws-handling-kolonne{min-width:7rem}
.ws-tabelhandlinger{display:flex;flex-wrap:wrap;gap:.35rem}
@media(max-width:900px){
  .ws-opgave{grid-template-columns:3.2rem minmax(0,1fr)}
  .ws-opgave-handlinger{grid-column:2;justify-content:flex-start}
  .ws-aktivitetsliste li{grid-template-columns:2.2rem minmax(0,1fr) auto}
  .ws-aktivitetsliste li>.knap{grid-column:2 / -1;justify-self:start}
}
@media(max-width:540px){
  .ws-opgave{grid-template-columns:2.7rem minmax(0,1fr);padding:.65rem}
  .ws-opgave-antal{width:2.7rem;height:2.7rem}
  .ws-aktivitetsliste li{grid-template-columns:2.2rem minmax(0,1fr)}
  .ws-aktivitetsliste li>.maerke{grid-column:2;justify-self:start}
  .ws-aktivitetsliste li>.knap{grid-column:2}
}

/* Fast opsætning er samlet under Indstillinger. */
.ws-settings-nav{flex-wrap:wrap}
.ws-settings-controls{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.ws-settings-controls form{margin:0}
.ws-settings-controls .raekke{flex-wrap:nowrap}
.ws main .ws-indstilling-kort{min-height:180px}
@media(max-width:650px){.ws-settings-controls{grid-template-columns:1fr}}

/* AI-opgaver: fremdrift kan følges uden at miste valgte forslag. */
.ws-fremdrift{margin:1rem 0 1.5rem}
.ws-fremdrift[hidden],.ws-fremdrift [hidden]{display:none!important}
.ws-fremdrift-hoved{display:flex;align-items:baseline;justify-content:space-between;
  flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:.65rem}
.ws main .ws-fremdrift-hoved h2{font-size:1.1rem;margin:0}
.ws-fremdrift-liste{display:grid;gap:.75rem}
.ws-fremdrift-kort{min-width:0;padding:1rem 1.2rem;border:1px solid var(--ws-linje);
  border-radius:var(--ws-radius);background:var(--ws-kort);box-shadow:var(--ws-skygge)}
.ws-fremdrift-korthoved{display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.8rem}
.ws main .ws-fremdrift-korthoved h3{margin:0;font-size:1rem;overflow-wrap:anywhere}
.ws-fremdrift-maaling{display:flex;justify-content:space-between;align-items:baseline;
  gap:1rem;font-size:.88rem;font-variant-numeric:tabular-nums}
.ws main .ws-fremdrift-maaling label{margin:0;font-size:inherit;font-weight:500}
.ws-fremdrift-maaling>span{white-space:nowrap;color:var(--daemp)}
.ws-fremdrift progress{display:block;appearance:none;width:100%;height:.65rem;
  margin:.5rem 0 .85rem;overflow:hidden;border:0;border-radius:999px;background:var(--ws-linje);
  accent-color:var(--groen)}
.ws-fremdrift progress::-webkit-progress-bar{background:var(--ws-linje);border-radius:999px}
.ws-fremdrift progress::-webkit-progress-value{background:var(--groen);border-radius:999px;
  transition:width .25s ease}
.ws-fremdrift progress::-moz-progress-bar{background:var(--groen);border-radius:999px}
.ws-fremdrift-tal{display:flex;flex-wrap:wrap;gap:.35rem 1.2rem;margin:0;font-size:.82rem}
.ws-fremdrift-tal>div{display:flex;gap:.35rem}
.ws-fremdrift-tal dt{color:var(--daemp)}
.ws-fremdrift-tal dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}
.ws-fremdrift-fejl{margin-top:.8rem;color:var(--fejl)}
.ws-fremdrift-fejl summary{cursor:pointer;font-size:.86rem;font-weight:600}
.ws-fremdrift-fejl ul{padding-left:1.25rem;margin:.5rem 0 0;font-size:.85rem;overflow-wrap:anywhere}
.ws-fremdrift-fejl li+li{margin-top:.4rem}
.ws main .ws-fremdrift-stop{margin:.9rem 0 0}
.ws-fremdrift-stop button{box-shadow:none;font-size:.84rem}
.ws-fremdrift-stopnote{margin:.65rem 0 0;line-height:1.45}
@media(max-width:540px){.ws-fremdrift-kort{padding:.9rem}.ws-fremdrift-tal{gap:.4rem .85rem}}
@media(prefers-reduced-motion:reduce){.ws-fremdrift progress::-webkit-progress-value{transition:none}}

/* Fælles faner mellem indholdssiderne; landebutikker vælges i deres egen række. */
.ws-indholdsfaner{display:flex;gap:.35rem;border-bottom:1px solid var(--ws-linje);
  margin:0 0 1.25rem;padding:0 .1rem;overflow-x:auto}
.ws-indholdsfaner a{display:block;flex-shrink:0;padding:.7rem 1rem;
  border-bottom:3px solid transparent;color:var(--blaek-2);text-decoration:none;
  white-space:nowrap;font-size:.9rem;font-weight:650}
.ws-indholdsfaner a:hover{color:var(--groen);background:#eef3ff;border-radius:8px 8px 0 0}
.ws-indholdsfaner a[aria-current=page]{color:var(--groen);border-bottom-color:var(--groen)}
.ws-indholdsfaner a:focus-visible{outline:2px solid var(--groen);outline-offset:-3px;
  border-radius:8px 8px 0 0}
@media(max-width:540px){.ws-indholdsfaner{gap:0}.ws-indholdsfaner a{padding:.65rem .8rem}}