/* =====================================================================
   Studio Avtrykk – stil (oktober 2026)
   Inspirert av Marketer-appen og Apples designregler: hvit flate, tynne linjer,
   grå markering, ingen mørke paneler. Svart bare på viktigste knapp.
   Én dempet blå for «jobbes med nå».
   Laget som et lag oppå avtrykk.css og abo.css. Gjelder når <html class="mono">.
   Fjern class="mono" i index.html for å gå tilbake til forrige utseende.
   ===================================================================== */


html.mono{
  /* grunnfarger */
  --m-blekk:#0B0B0C;
  --m-2:rgba(11,11,12,.62);
  --m-3:rgba(11,11,12,.42);
  --m-linje:rgba(11,11,12,.09);
  --m-linje-2:rgba(11,11,12,.16);
  --m-fyll:rgba(11,11,12,.045);
  --m-fyll-2:rgba(11,11,12,.08);
  --m-bg:#FAFAF8;
  --m-kort:#FFFFFF;
  --m-mork:#0E0E10;
  --m-mork-2:#1A1A1D;
  --m-mork-linje:rgba(255,255,255,.12);
  --m-serif:"Newsreader","New York",ui-serif,Georgia,serif;
  --m-ease:cubic-bezier(.23,1,.32,1);
  --m-fjar:cubic-bezier(.32,.72,0,1);
  --m-svev:0 1px 1px rgba(11,11,12,.04),0 12px 32px -8px rgba(11,11,12,.18);

  /* appens egne tokens, gjort grå */
  --blekk:var(--m-blekk); --blekk-2:var(--m-mork-2); --blekk-linje:rgba(255,255,255,.14);
  --grafitt:#1C1C1E; --dempet:#6E6E73; --dempet-mork:#A1A1A6;
  --linje:#E8E8E6; --papir:var(--m-bg); --stein:#F0F0EE; --hvit:#FFFFFF;
  --stempel:var(--m-blekk); --stempel-lys:#EFEFED; --stempel-mork:var(--m-blekk);
  --stempel-tekst:var(--m-blekk); --stempel-flate:var(--m-blekk);
  --kant-felt:#8E8E93;
  --ok:var(--m-blekk); --ok-lys:#EFEFED; --vent:#3A3A3C; --vent-lys:#F0F0EE;
  --rod-mid:var(--m-blekk); --gul-lys:#F0F0EE; --gul:#3A3A3C; --stempel-pa-mork:#FFFFFF; --gul-mid:#8E8E93; --gronn-mid:var(--m-blekk);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,"Segoe UI",sans-serif;
  --radius:12px; --r-liten:8px;
  --abo-fokus:2px solid var(--m-blekk);
  --abo-mork-flate:#1C1C1F;
  --abo-skygge-flate:none; --abo-skygge-kort:none; --abo-skygge-mork:none;
  --abo-skygge-loft:0 1px 1px rgba(11,11,12,.04),0 14px 28px -12px rgba(11,11,12,.28);
}
html.mono,html.mono body{background:var(--m-bg);color:var(--m-blekk)}
html.mono body{font-family:var(--font);font-size:15px;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.mono :focus-visible{outline:2px solid var(--m-blekk);outline-offset:3px}
html.mono ::selection{background:var(--m-blekk);color:#fff}

/* ---------- typografi ---------- */
html.mono h1,html.mono .profilhode h1{font-family:var(--m-serif);font-weight:400;letter-spacing:-.022em;line-height:1.02;font-optical-sizing:auto}
html.mono h2{font-weight:500;letter-spacing:-.018em}
html.mono h3{font-weight:500;letter-spacing:-.012em}
html.mono b,html.mono strong{font-weight:600}
html.mono .hint,html.mono .dempet{color:var(--m-2)}

/* versaler med sperring ut: Apple og Marketer bruker setningsstil */
html.mono .etikett{font-size:13px;font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--m-2)}
html.mono .etikett b{color:var(--m-blekk)}

/* seksjonsprikker: bort. Rekkefølge og luft gjør jobben */
html.mono .abo-dot,html.mono .ka-dot{display:none}

/* ---------- knapper: kapsler ---------- */
html.mono .knapp{border-radius:999px;font-weight:500;letter-spacing:-.01em;border:1px solid var(--m-linje-2);background:var(--m-kort);color:var(--m-blekk);min-height:38px;padding:8px 18px;box-shadow:none;
  transition:background .18s var(--m-ease),border-color .18s var(--m-ease),color .18s var(--m-ease),transform .18s var(--m-ease)}
html.mono .knapp.liten{min-height:32px;padding:5px 13px;border-radius:999px;font-size:13px}
html.mono .knapp.stor{border-radius:999px}
html.mono .knapp:is(.blekk,.stempel,.tur,.gronn,.ok,.vent,.sm-tilbakeknapp,.fare.armert){background:var(--m-blekk);border-color:var(--m-blekk);color:#fff}
html.mono .knapp.tur-lys{background:var(--m-fyll);border-color:transparent;color:var(--m-blekk)}
html.mono .knapp.spokelse{background:transparent;border-color:transparent;color:var(--m-2)}
html.mono .knapp.lys{background:#fff;color:var(--m-blekk);border-color:#fff}
html.mono .knapp.fare{color:var(--m-blekk)}
@media (hover:hover) and (pointer:fine){
  html.mono .knapp:hover{border-color:var(--m-blekk);background:var(--m-kort)}
  html.mono .knapp:is(.blekk,.stempel,.tur,.gronn,.ok,.vent,.sm-tilbakeknapp,.fare.armert):hover{background:#2C2C2E;border-color:#2C2C2E}
  html.mono .knapp.spokelse:hover{background:var(--m-fyll);border-color:transparent;color:var(--m-blekk)}
}
html.mono .knapp:active:not(:disabled){transform:scale(.97)}
@media (pointer:coarse){html.mono .knapp{min-height:44px}html.mono .knapp.liten{min-height:36px}}

/* ---------- chips og piller: grå, svart når det er viktig ---------- */
html.mono .chip,html.mono .pille{border-radius:999px;font-weight:500;padding:3px 10px;background:var(--m-fyll);color:var(--m-2);box-shadow:none}
html.mono .chip:is(.stempel,.blekk),html.mono .pille.rod{background:var(--m-blekk);color:#fff;box-shadow:none}
html.mono .chip:is(.ok,.vent),html.mono .pille:is(.gul,.gronn){background:var(--m-kort);color:var(--m-blekk);box-shadow:inset 0 0 0 1px var(--m-linje-2)}

/* ---------- flater ---------- */
html.mono .panel,html.mono .kundelenke{background:var(--m-kort);border:1px solid var(--m-linje);border-radius:14px;box-shadow:none}
html.mono .banner{background:transparent;border:1px solid var(--m-linje);border-radius:14px;color:var(--m-2)}
html.mono .side{max-width:1180px}

/* ---------- toppmeny: lyst glass, som en Apple-navigasjonslinje ---------- */
html.mono .meny{background:rgba(250,250,248,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:var(--m-blekk);border:1px solid var(--m-linje);box-shadow:0 1px 0 rgba(11,11,12,.02)}
html.mono .meny .merke{color:var(--m-blekk)}
html.mono .fane{color:var(--m-2);font-weight:500;transition:color .18s var(--m-ease),background .18s var(--m-ease)}
@media (hover:hover) and (pointer:fine){html.mono .fane:hover{color:var(--m-blekk);background:var(--m-fyll)}}
html.mono .fane[aria-current="page"]{background:var(--m-blekk);color:#fff}
html.mono .fane .n{opacity:.6}
html.mono .meny .ny{background:var(--m-blekk);color:#fff;font-weight:500}
html.mono .merke svg circle,html.mono .merke svg path{stroke:currentColor}

/* ---------- profilhodet: lyst og luftig, navnet i serif ---------- */
html.mono .profilhode{background:var(--m-kort);color:var(--m-blekk);border:1px solid var(--m-linje);border-radius:18px;box-shadow:none;padding:32px}
html.mono .profilhode .bakgrunn{display:none}
html.mono .profilhode h1{color:var(--m-blekk);font-size:clamp(34px,4.6vw,56px)}
html.mono .profilhode .etikett{color:var(--m-2)}
html.mono .profilhode .meta,html.mono .profilhode .kontakt{color:var(--m-2)}
html.mono .profilhode .kontakt a{color:var(--m-blekk)}
html.mono .profilhode .logo.stor{background:var(--m-fyll);color:var(--m-blekk);box-shadow:none;border-radius:16px;font-family:var(--m-serif);font-weight:400}
html.mono .ph-bytt{background:rgba(11,11,12,.6)}
html.mono .ph-brikke{background:var(--m-fyll);color:var(--m-blekk);border-radius:999px}
html.mono .ph-brikke svg{color:var(--m-3)}
html.mono .profilhode .knapp{background:var(--m-kort);color:var(--m-blekk);border-color:var(--m-linje-2)}
@media (hover:hover) and (pointer:fine){html.mono .profilhode .knapp:hover{border-color:var(--m-blekk)}}
html.mono .profilhode .chip{background:var(--m-fyll);color:var(--m-2)}
html.mono .profilhode .chip.stempel{background:var(--m-blekk);color:#fff}
html.mono .profilhode .chip.ok{background:var(--m-kort);color:var(--m-blekk);box-shadow:inset 0 0 0 1px var(--m-linje-2)}
html.mono .profilhode select,html.mono .profilhode .meta select{background-color:var(--m-kort);color:var(--m-blekk);border:1px solid var(--m-linje-2);border-radius:999px}
html.mono .profilhode .meta select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%230B0B0C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html.mono .lp-klar,html.mono .lp-klar.igang{background:var(--m-fyll);border:0;border-radius:12px;color:var(--m-blekk)}
html.mono .lp-klar li{background:var(--m-kort);color:var(--m-2)}
html.mono .lp-klar li.ok{color:var(--m-blekk)}
html.mono .profilhode .lp-klar .knapp.stempel{background:var(--m-blekk);border-color:var(--m-blekk);color:#fff}
html.mono .ph-abo .abo-maal dd,html.mono .abo-maal dd{color:var(--m-blekk);font-weight:500;letter-spacing:-.02em}
html.mono .abo-maal dt{color:var(--m-2)}
html.mono .abo-maal small,html.mono .abo-maal-tid dd small{color:var(--m-2)}
html.mono .ph-abo .abo-innst{background:var(--m-fyll)}
html.mono .knapp.spokelse-lys{color:var(--m-blekk);border-color:var(--m-linje-2)}
@media (hover:hover) and (pointer:fine){html.mono .knapp.spokelse-lys:hover{background:var(--m-fyll)}}

/* ---------- faner i profilen: segmentkontroll ---------- */
html.mono .pfaner{background:var(--m-fyll);border-radius:999px;padding:3px}
html.mono .pfaner button{font-weight:500;color:var(--m-2);transition:color .18s var(--m-ease),background .18s var(--m-ease)}
html.mono .pfaner button[aria-current="true"]{background:var(--m-kort);color:var(--m-blekk);box-shadow:0 1px 2px rgba(11,11,12,.08),0 0 0 .5px rgba(11,11,12,.06)}
html.mono .pfaner .pf-sjelden{border-left-color:var(--m-linje-2)}
html.mono .pf-tall,html.mono .pfaner button[aria-current="true"] .pf-tall{background:var(--m-blekk);color:#fff}

/* ---------- verktøyruter (firkantene) ---------- */
html.mono .lp-flis{border:1px solid var(--m-linje);border-radius:16px;background:var(--m-kort);box-shadow:none;transition:border-color .18s var(--m-ease),transform .18s var(--m-ease)}
html.mono .lp-flis:first-child{background:var(--m-blekk);border-color:var(--m-blekk);color:#fff}
@media (hover:hover) and (pointer:fine){html.mono .lp-flis:hover{border-color:var(--m-blekk);transform:translateY(-2px)}}
html.mono .lp-flis-ikon{background:var(--m-fyll);color:var(--m-blekk);border-radius:10px}
html.mono .lp-flis:first-child .lp-flis-ikon{background:rgba(255,255,255,.1);color:#fff}

/* ---------- abonnementets bokser ---------- */
html.mono .abo-sone-navn{font-size:15px;font-weight:600;letter-spacing:-.012em;text-transform:none;color:var(--m-blekk)}
html.mono .abo-sone-tall{background:var(--m-fyll-2);color:var(--m-blekk);border-radius:999px;font-weight:600}

/* oppgavekortene: mørke kort (som du ville ha), uten farger, med hårfin kant */
html.mono .abo-rute:not(.ny-rute){background:var(--m-mork);border:1px solid var(--m-mork);box-shadow:none;border-radius:14px}
@media (hover:hover) and (pointer:fine){html.mono .abo-rute:not(.ny-rute):hover{border-color:#3A3A3C;box-shadow:var(--abo-skygge-loft);transform:translateY(-2px)}}
html.mono .abo-rute.ny,html.mono .abo-rute.ny.ko{border-color:var(--m-mork);box-shadow:none}
html.mono .abo-rute .abo-rute-bilde{background:var(--abo-mork-flate);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);border-radius:9px}
html.mono .abo-rute-bokstav{font-family:var(--m-serif);font-weight:400}
html.mono .abo-rute:not(.ny-rute) .abo-pille{background:rgba(255,255,255,.1);color:#fff;border-radius:999px}
html.mono .abo-rute.ny .abo-pille,html.mono .abo-pille.ny{background:#fff;color:var(--m-blekk)}
html.mono .abo-rute .abo-pille.ok{background:rgba(255,255,255,.14);color:#fff}
html.mono .abo-rute .abo-pille.stempel{background:#fff;color:var(--m-blekk)}
html.mono .abo-rute.forslag .abo-pille{background:rgba(255,255,255,.1);color:#fff}
html.mono .abo-rute-forslag{color:#fff;background:rgba(255,255,255,.12)}
html.mono .abo-rute.ny-rute{border:1px dashed var(--m-linje-2);border-radius:14px;background:transparent}
@media (hover:hover) and (pointer:fine){html.mono .abo-rute.ny-rute:hover{border-style:solid;border-color:var(--m-blekk)}}
html.mono .abo-rute-pluss{background:var(--m-fyll);color:var(--m-blekk);border-radius:999px}
html.mono .abo-pille.vent{background:var(--m-fyll);color:var(--m-blekk)}
html.mono .chip.abo-chip{background:var(--m-fyll);color:var(--m-blekk)}

/* kalender-lista */
html.mono .abo-kal-dato{background:var(--m-fyll);color:var(--m-blekk);border-radius:10px}
html.mono .abo-kal-liste .knapp{background:transparent;border-color:var(--m-linje-2);color:var(--m-blekk)}

/* Merkevaren: mørkt panel med hårfine bokser, som «stack»-panelet hos Marketer */
html.mono .abo-merke{background:var(--m-mork);color:#fff;border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border-radius:14px}
html.mono .abo-merke .abo-sone-navn{color:#fff}
html.mono .abo-merke .abo-sone-tall,html.mono .abo-merke-nye{background:#fff;color:var(--m-blekk);border-radius:999px}
html.mono .abo-mk-del{border-top-color:rgba(255,255,255,.1)}
html.mono .abo-mk-del h4{font-size:13px;font-weight:600;letter-spacing:-.005em}
html.mono .abo-mk-inn{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12)}
html.mono .abo-mk-inn li{background:rgba(255,255,255,.04)}
html.mono .abo-merke .knapp{background:transparent;color:#fff;border-color:rgba(255,255,255,.24)}
html.mono .abo-merke .knapp:is(.blekk,.stempel,.lys){background:#fff;color:var(--m-blekk);border-color:#fff}
@media (hover:hover) and (pointer:fine){html.mono .abo-merke .knapp:hover{border-color:#fff;background:rgba(255,255,255,.06)}}

/* ---------- skjemafelt ---------- */


/* ---------- kundesiden ---------- */
html.mono .ka-meny{background:rgba(250,250,248,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:var(--m-blekk);border-bottom:1px solid var(--m-linje)}
html.mono .ka-meny .merke{color:var(--m-blekk)}
html.mono .ka-meny-navn{color:var(--m-blekk)}
html.mono .ka-meny-navn span,html.mono .ka-meny-navn small{color:var(--m-2)}
html.mono .ka-meny-knapp{background:var(--m-kort);color:var(--m-blekk);border:1px solid var(--m-linje-2);border-radius:999px}
@media (hover:hover) and (pointer:fine){html.mono .ka-meny-knapp:hover{border-color:var(--m-blekk);background:var(--m-kort)}}
html.mono .ka-kort{background:var(--m-kort);border:1px solid var(--m-linje);border-radius:18px;box-shadow:none}
html.mono .ka-kort-topp h2{font-size:15px;font-weight:600;letter-spacing:-.012em;text-transform:none;color:var(--m-blekk)}
html.mono .ka-tall{background:var(--m-blekk);color:#fff;border-radius:999px}
html.mono .ka-svarboks{border:1px solid var(--m-blekk);box-shadow:none}
html.mono .ka-svarkort{background:var(--m-fyll);border-radius:14px}
html.mono .ka-oppg{border-radius:14px}
html.mono .ka-forslag{background:var(--m-kort);border:1px solid var(--m-linje);box-shadow:none;border-radius:14px}
html.mono .ka-forslag-merke{color:var(--m-2);text-transform:none;letter-spacing:-.005em;font-size:13px;font-weight:500}
html.mono .ka-ny-rute{border:1px dashed var(--m-linje-2);background:transparent;border-radius:14px}
html.mono .ka-pille{border-radius:999px}
html.mono .ka-bar{background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--m-linje);box-shadow:var(--m-svev)}
html.mono .ka-bar-tall{background:var(--m-blekk);color:#fff;box-shadow:0 0 0 2px #fff}
html.mono .ka-prosjekt-tittel{font-size:15px;font-weight:600;letter-spacing:-.012em;text-transform:none}

/* ---------- bevegelse: korte, rolige overganger; trykk gir et lite «klikk» ---------- */
@media (prefers-reduced-motion:reduce){html.mono .knapp:active:not(:disabled){transform:none}html.mono .lp-flis:hover,html.mono .abo-rute:hover,html.mono .ka-oppg:hover{transform:none}}


/* generert: alle versal-etiketter blir setningsstil */
html.mono .abo-arbeid-del h4,
html.mono .abo-arbeid-topp h3,
html.mono .abo-ark-del h3,
html.mono .abo-best-baand,
html.mono .abo-forslag-tittel,
html.mono .abo-kal-dato span,
html.mono .abo-kal-piller h3,
html.mono .abo-kal-ukedager span,
html.mono .abo-maal dt,
html.mono .abo-mk-del h4,
html.mono .abo-rute-forslag,
html.mono .abo-sone-navn,
html.mono .etikett,
html.mono .fd-stempel,
html.mono .fs-valgt,
html.mono .ka-forslag-merke,
html.mono .ka-kort-topp h2,
html.mono .ka-prosjekt-tittel,
html.mono .kbunn,
html.mono .kfaktura th,
html.mono .kglem-rad,
html.mono .lp-apen-ferdig > header > h3,
html.mono .lp-lukket-navn,
html.mono .lp-start,
html.mono .minifelt span,
html.mono .ml-ub,
html.mono .nk-pris th,
html.mono .rv-bilde figcaption,
html.mono .rv-nyfelt span,
html.mono .rv-nytekst span,
html.mono .sm-forord,
html.mono .sm-hex,
html.mono .sm-konkfelt span,
html.mono .sm-paminn,
html.mono .sm-prisex small,
html.mono .sm-teller,
html.mono .tb-tab th,
html.mono :is(.profilgrid.lp-grid > .kol:first-child,.profilgrid.abo-ov > .kol) > .panel > header > h3{text-transform:none;letter-spacing:-.005em}

/* ---------- runde 2: rettelser ---------- */
html.mono [tabindex="-1"]:focus{outline:none}
html.mono .merke svg circle{stroke:currentColor}
html.mono .merke svg circle:last-child{fill:currentColor;stroke:none}

/* prikker foran overskrifter: bort */
html.mono .abo-arbeid-topp h3::before,html.mono .lp-lukket-navn::before,
html.mono :is(.profilgrid.lp-grid > .kol:first-child,.profilgrid.abo-ov > .kol) > .panel > header > h3::before,
html.mono .ka-forslag-merke::before,html.mono .ka-forslag-merke > i{display:none}
html.mono .na-o.svar .na-o-tekst b::before{background:var(--m-blekk)}

/* overskrifter i paneler: rolig setningsstil */
html.mono :is(.profilgrid.lp-grid > .kol:first-child,.profilgrid.abo-ov > .kol) > .panel > header > h3,
html.mono .abo-arbeid-topp h3,html.mono .lp-lukket-navn{font-size:15px;font-weight:600;letter-spacing:-.012em;color:var(--m-blekk)}

/* hodet: nivå og «I gang» */
html.mono .ph-abo-navn .etikett{color:var(--m-2)}
html.mono .ph-abo-navn b{color:var(--m-blekk);font-family:var(--m-serif);font-weight:400;font-size:34px;letter-spacing:-.02em}
html.mono .ph-abo-navn span:last-child{color:var(--m-2)}
html.mono .lp-tilstand b{color:var(--m-blekk)}
html.mono .lp-tilstand span{color:var(--m-2)}

/* «Nå»-kortet: svart hårlinje, ingen skygge */
html.mono .na-lukket,html.mono .na-kort{box-shadow:none}

/* pakke-panelet: lyst */
html.mono #p-pakke.panel{background:var(--m-kort);border:1px solid var(--m-linje);color:var(--m-blekk)}
html.mono #p-pakke > header > h3,html.mono #p-pakke .lp-tomkort b,html.mono #p-pakke .lp-pkpris b,html.mono #p-pakke .lp-pknavn h3{color:var(--m-blekk)}
html.mono #p-pakke .hint,html.mono #p-pakke .etikett,html.mono #p-pakke .lp-pkpris span{color:var(--m-2)}
html.mono #p-pakke .chip{background:var(--m-fyll);color:var(--m-blekk)}
html.mono #p-pakke .punkter li{background:var(--m-fyll);color:var(--m-blekk)}
html.mono #p-pakke .lp-tomkort,html.mono .lp-tomkort{background:var(--m-fyll);border:0;border-radius:12px}
html.mono .lp-lukket{background:var(--m-fyll);border-radius:14px}

/* «Foreslå» i kalenderlista: kontur, ikke fylt */
html.mono .abo-kal-liste .knapp,html.mono .abo-kal-liste .knapp:is(.stempel,.blekk){background:transparent;border-color:var(--m-linje-2);color:var(--m-blekk)}
@media (hover:hover) and (pointer:fine){html.mono .abo-kal-liste .knapp:hover{background:var(--m-blekk);border-color:var(--m-blekk);color:#fff}}
html.mono .abo-kal-dato span{text-transform:none;letter-spacing:0}

/* forslagskortet: lyst kort blant de mørke */
html.mono .abo-rute.forslag{background:var(--m-kort);color:var(--m-blekk);border:1px solid var(--m-linje-2);box-shadow:none}
html.mono .abo-rute.forslag .abo-rute-bilde{background:var(--m-fyll);box-shadow:none}
html.mono .abo-rute.forslag :is(.abo-rute-bokstav,.abo-rute-nr,.abo-rute-tekst b){color:var(--m-blekk)}
html.mono .abo-rute.forslag .abo-rute-beskr{color:var(--m-2)}
html.mono .abo-rute.forslag .abo-pille{background:var(--m-fyll);color:var(--m-blekk)}
html.mono .abo-rute.forslag .abo-rute-forslag{background:var(--m-kort);color:var(--m-blekk);box-shadow:inset 0 0 0 1px var(--m-linje-2)}
@media (hover:hover) and (pointer:fine){html.mono .abo-rute.forslag:hover{border-color:var(--m-blekk)}}


/* kundens oppgavekort: litt mindre tekst så ingenting klippes */
html.mono .ka-oppg{border-radius:14px;background:var(--m-mork);border:1px solid var(--m-mork);box-shadow:none}
@media (hover:hover) and (pointer:fine){html.mono .ka-oppg:hover{transform:translateY(-2px);box-shadow:var(--abo-skygge-loft)}}
html.mono .ka-oppg-bilde{border-radius:9px}
html.mono .ka-oppg-tekst b{font-size:14px;line-height:1.25;letter-spacing:-.01em}
html.mono .ka-oppg-beskr{-webkit-line-clamp:2;font-size:12px}
html.mono .ka-oppg .ka-pille{background:rgba(255,255,255,.1);color:#fff}
html.mono .ka-oppg .ka-pille.svar{background:#fff;color:var(--m-blekk)}
html.mono .ka-oppg .ka-pille.lages{background:rgba(255,255,255,.18);color:#fff}
html.mono .ka-nr{font-family:var(--m-serif);font-weight:400}
html.mono .ka-ny-pluss{border-radius:999px}

/* ---------- runde 3 ---------- */
html.mono .na-lukket{background:var(--m-kort)}
html.mono .ka-oppg-tom{font-family:var(--m-serif);font-weight:400}
html.mono .ka-oppg-beskr{-webkit-line-clamp:1}
html.mono .ka-svarboks,html.mono .ka-prosjekt .nk-vert > *:first-child{box-shadow:none}
html.mono .kort,html.mono .nk-oppg{box-shadow:none}

/* mobil: lys fanelinje nederst, som i iOS */
@media (max-width:720px){
  html.mono .bunnmeny{background:rgba(250,250,248,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--m-linje);box-shadow:var(--m-svev);border-radius:22px}
  html.mono .bm-knapp{color:var(--m-2);font-weight:500;border-radius:16px}
  html.mono .bm-knapp:is([aria-current="page"],.aktiv){background:var(--m-blekk);color:#fff}
  html.mono .bunnmeny .bm-knapp .n,html.mono .bunnmeny .bm-knapp:is([aria-current="page"],.aktiv) .n{color:inherit;opacity:.55}
  html.mono .bm-ny{background:var(--m-blekk);border-radius:16px}
  html.mono .bm-mer{background:rgba(250,250,248,.92);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--m-linje);box-shadow:var(--m-svev);border-radius:16px}
  html.mono .bm-mer .fane{color:var(--m-blekk)}
  html.mono .bm-mer .fane[aria-current="page"]{background:var(--m-blekk);color:#fff}
}

/* =====================================================================
   Lag 3: «som Marketer-appen»
   Helt hvit flate, flate seksjoner med tynne skillelinjer i stedet for bokser,
   grå fyll på valgt fane og ikonfelt, ingen serif, nesten ingen svarte flater.
   Én dempet blåfarge brukes bare for «jobbes med nå».
   ===================================================================== */
html.mono{
  --m-blekk:#1C1C1E; --m-2:#6B6B6F; --m-3:#9C9CA0;
  --m-linje:#ECECEC; --m-linje-2:#E0E0E0;
  --m-fyll:#F2F2F2; --m-fyll-2:#EAEAEA; --m-hover:#F7F7F7;
  --m-bg:#FFFFFF; --m-kort:#FFFFFF;
  --m-jobb:#E8F0FD; --m-jobb-tekst:#2A5BD7;
  --m-svev:0 1px 2px rgba(0,0,0,.04),0 6px 24px -6px rgba(0,0,0,.10);
  /* designverdier (fase 2, 25. okt): nye regler bruker bare disse. Seks skriftstørrelser og tre hjørner. */
  --m-t-1:12px; --m-t-2:13px; --m-t-3:15px; --m-t-4:17px; --m-t-5:22px; --m-t-6:34px;
  --m-r-1:8px; --m-r-2:14px; --m-r-pille:999px;
  --m-trykk:44px;
  --m-gronn:#E6F4EA; --m-gronn-tekst:#1E7B3C;
  --blekk:var(--m-blekk); --grafitt:var(--m-blekk); --dempet:var(--m-2);
  --linje:var(--m-linje); --papir:#FFFFFF; --stein:var(--m-fyll);
  --abo-mork-flate:var(--m-fyll);
  --font:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;
}
@supports (font: -apple-system-body){html.mono{--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif}}
html.mono,html.mono body{background:#FFFFFF}
html.mono body{font-size:15px;letter-spacing:-.011em;color:var(--m-blekk)}

/* ingen serif: alt i samme rolige sans */
html.mono h1,html.mono .profilhode h1,html.mono .ph-abo-navn b,html.mono .abo-rute-bokstav,html.mono .ka-nr,
html.mono .ka-oppg-tom,html.mono .profilhode .logo.stor{font-family:var(--font);font-weight:500;letter-spacing:-.02em}
html.mono h1{font-size:clamp(26px,3vw,32px);line-height:1.15}

/* ---------- toppmeny: flat linje, grå markering på valgt fane ---------- */
html.mono .meny-wrap{padding-top:0;background:#fff;border-bottom:1px solid var(--m-linje)}
html.mono .meny{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;border-radius:0;box-shadow:none;padding:10px 0}
html.mono .fane{font-size:15px;font-weight:500;color:var(--m-2);padding:8px 14px;border-radius:10px}
@media (hover:hover) and (pointer:fine){html.mono .fane:hover{background:var(--m-hover);color:var(--m-blekk)}}
html.mono .fane[aria-current="page"]{background:var(--m-fyll);color:var(--m-blekk)}
html.mono .meny .ny{background:transparent;color:var(--m-blekk);border:1px solid var(--m-linje-2);border-radius:10px;font-weight:500}
html.mono .banner{border:0;background:var(--m-fyll);border-radius:12px}

/* ---------- knapper: rolige, avrundede rektangler ---------- */
html.mono .knapp{border-radius:10px;border-color:var(--m-linje-2);font-weight:500}
html.mono .knapp.liten,html.mono .knapp.stor{border-radius:10px}
html.mono .knapp:is(.blekk,.stempel,.tur,.gronn,.ok,.vent,.sm-tilbakeknapp,.fare.armert){background:var(--m-blekk);border-color:var(--m-blekk);color:#fff}
@media (hover:hover) and (pointer:fine){
  html.mono .knapp:hover{background:var(--m-hover);border-color:var(--m-linje-2)}
  html.mono .knapp:is(.blekk,.stempel,.tur,.gronn,.ok,.vent,.sm-tilbakeknapp,.fare.armert):hover{background:#3A3A3C;border-color:#3A3A3C}
}
html.mono .knapp.tur-lys,html.mono .knapp.spokelse{background:var(--m-fyll);border-color:transparent;color:var(--m-blekk)}
html.mono .chip,html.mono .pille{border-radius:8px;background:var(--m-fyll);color:var(--m-2);box-shadow:none}
html.mono .chip:is(.stempel,.blekk),html.mono .pille.rod{background:var(--m-fyll);color:var(--m-blekk);box-shadow:none;font-weight:600}
html.mono .chip:is(.ok,.vent),html.mono .pille:is(.gul,.gronn){background:transparent;color:var(--m-2);box-shadow:inset 0 0 0 1px var(--m-linje-2)}

/* ---------- flater: seksjoner, ikke bokser ---------- */
html.mono .panel{background:transparent;border:0;border-top:1px solid var(--m-linje);border-radius:0}
html.mono .panel .innhold{padding-inline:0}
html.mono .panel > header{padding-inline:0}
html.mono .kundelenke{background:transparent;border:0;border-block:1px solid var(--m-linje);border-radius:0;padding-inline:0}
html.mono .kundelenke code{background:var(--m-fyll);border-radius:8px}
html.mono :is(.profilgrid.lp-grid > .kol:first-child,.profilgrid.abo-ov > .kol) > .panel > header > h3,
html.mono .abo-arbeid-topp h3,html.mono .lp-lukket-navn,html.mono .abo-sone-navn,html.mono .ka-kort-topp h2,html.mono .ka-prosjekt-tittel{
  font-size:17px;font-weight:500;letter-spacing:-.015em;color:var(--m-2)}
html.mono .abo-sone-tall,html.mono .pf-tall,html.mono .pfaner button[aria-current="true"] .pf-tall,html.mono .ka-tall{background:var(--m-fyll);color:var(--m-2);border-radius:6px}

/* ---------- profilhodet: ingen boks, bare innhold ---------- */
html.mono .profilhode{background:transparent;border:0;border-radius:0;padding:28px 0 24px}
html.mono .profilhode h1{font-size:clamp(28px,3.4vw,36px)}
html.mono .profilhode .logo.stor{background:var(--m-fyll);color:var(--m-2);border-radius:14px;width:72px;height:72px;font-size:22px}
html.mono .ph-brikke{border-radius:8px;background:transparent;box-shadow:inset 0 0 0 1px var(--m-linje-2);color:var(--m-blekk)}
html.mono .profilhode .knapp{border-radius:10px}
html.mono .profilhode .chip,html.mono .profilhode .chip.stempel,html.mono .profilhode .chip.ok{background:var(--m-fyll);color:var(--m-blekk);box-shadow:none;border-radius:8px}
html.mono .profilhode select,html.mono .profilhode .meta select{border-radius:10px;border-color:var(--m-linje-2)}
html.mono .ph-abo-navn b{font-size:22px}
html.mono .ph-abo .abo-maal dd,html.mono .abo-maal dd{font-weight:500;font-size:26px}
html.mono .lp-klar,html.mono .lp-klar:is(.igang,.rad){background:var(--m-fyll);border-radius:12px}

/* ---------- faner i profilen: tekstfaner som i toppmenyen ---------- */
html.mono .pfaner{background:#fff;border-radius:0;padding:6px 0;border-bottom:1px solid var(--m-linje);gap:2px}
html.mono .pfaner button{border-radius:10px;font-size:15px}
html.mono .pfaner button[aria-current="true"]{background:var(--m-fyll);color:var(--m-blekk);box-shadow:none}
@media (hover:hover) and (pointer:fine){html.mono .pfaner button:not([aria-current="true"]):hover{background:var(--m-hover);color:var(--m-blekk)}}

/* ---------- verktøyruter: ikon i grått felt, ingen svart rute ---------- */
html.mono .lp-flis,html.mono .lp-flis:first-child{background:#fff;color:var(--m-blekk);border:1px solid var(--m-linje);border-radius:14px}
html.mono .lp-flis:first-child > span:last-child{color:var(--m-2)}
html.mono .lp-flis-ikon,html.mono .lp-flis:first-child .lp-flis-ikon{background:var(--m-fyll);color:var(--m-2);border-radius:10px}
@media (hover:hover) and (pointer:fine){html.mono .lp-flis:hover{background:var(--m-hover);border-color:var(--m-linje-2);transform:none}}

/* ---------- oppgavekort: lyse kort med grått bildefelt ---------- */
html.mono .abo-rute:not(.ny-rute),html.mono .abo-rute.ny,html.mono .abo-rute.ny.ko,html.mono .abo-rute.forslag{background:#fff;color:var(--m-blekk);border:1px solid var(--m-linje);box-shadow:none;border-radius:14px}
@media (hover:hover) and (pointer:fine){html.mono .abo-rute:not(.ny-rute):hover{border-color:var(--m-linje-2);background:var(--m-hover);box-shadow:none;transform:none}}
html.mono .abo-rute .abo-rute-bilde,html.mono .abo-rute:not(.ny-rute) .abo-rute-bilde,html.mono .abo-rute.forslag .abo-rute-bilde{background:var(--m-fyll);box-shadow:none;border-radius:10px}
html.mono .abo-rute:not(.ny-rute) :is(.abo-rute-bokstav,.abo-rute-nr),html.mono .abo-rute.lages .abo-rute-bokstav{color:var(--m-3)}
html.mono .abo-rute-bilde:has(img) .abo-rute-nr{color:#fff}
html.mono .abo-rute:not(.ny-rute) .abo-rute-tekst b{color:var(--m-blekk)}
html.mono .abo-rute:not(.ny-rute) .abo-rute-beskr{color:var(--m-2)}
html.mono .abo-rute:not(.ny-rute) .abo-pille,html.mono .abo-rute.forslag .abo-pille,html.mono .abo-rute .abo-pille.ok{background:var(--m-fyll);color:var(--m-2);border-radius:6px}
html.mono .abo-rute.ny .abo-pille,html.mono .abo-pille.ny{background:var(--m-fyll);color:var(--m-blekk)}
html.mono .abo-rute .abo-pille.stempel,html.mono .abo-rute.lages .abo-pille{background:var(--m-jobb);color:var(--m-jobb-tekst)}
html.mono .abo-rute-timer{background:var(--m-jobb);color:var(--m-jobb-tekst)}
html.mono .abo-rute-forslag,html.mono .abo-rute.forslag .abo-rute-forslag{background:#fff;color:var(--m-2);box-shadow:inset 0 0 0 1px var(--m-linje-2);border-radius:6px}
html.mono .abo-rute.ny-rute{border:1px solid var(--m-linje);border-radius:14px}
@media (hover:hover) and (pointer:fine){html.mono .abo-rute.ny-rute:hover{background:var(--m-hover);border-color:var(--m-linje-2)}}
html.mono .abo-rute-pluss{background:var(--m-fyll);color:var(--m-2);border-radius:10px}

/* ---------- kalender-lista: rader med grå datofelt ---------- */
html.mono .abo-kal-dato{background:var(--m-fyll);color:var(--m-blekk);border-radius:12px}
html.mono .abo-kal-liste .knapp,html.mono .abo-kal-liste .knapp:is(.stempel,.blekk){background:var(--m-fyll);border-color:transparent;color:var(--m-blekk);border-radius:10px}
@media (hover:hover) and (pointer:fine){html.mono .abo-kal-liste .knapp:hover{background:var(--m-fyll-2);border-color:transparent;color:var(--m-blekk)}}

/* ---------- Merkevaren: lys seksjon ---------- */
html.mono .abo-merke{background:#fff;color:var(--m-blekk);box-shadow:none;border:0;border-top:1px solid var(--m-linje);border-radius:0}
html.mono .abo-merke .abo-sone-navn{color:var(--m-2)}
html.mono .abo-merke .abo-sone-tall,html.mono .abo-merke-nye{background:var(--m-fyll);color:var(--m-2);border-radius:6px}
html.mono .abo-merke-linje,html.mono .abo-merke-hint,html.mono .abo-merke .abo-lenke,html.mono .abo-mk-tekst small,html.mono .abo-mk-del h5{color:var(--m-2)}
html.mono .abo-merke-endre{background:var(--m-fyll);color:var(--m-blekk)}
html.mono .abo-merke-endre::before{border-color:var(--m-blekk)}
html.mono .abo-mk-del{border-top-color:var(--m-linje)}
html.mono .abo-mk-del h4{color:var(--m-blekk)}
html.mono .abo-mk-del h4 span{background:var(--m-fyll);color:var(--m-2)}
html.mono .abo-mk-tekst{color:var(--m-blekk)}
html.mono .abo-mk-inn{background:transparent;border:0;padding:0}
html.mono .abo-mk-inn li,html.mono .abo-mk-del li{background:transparent;border-bottom:1px solid var(--m-linje);border-radius:0;padding-inline:0}
html.mono .abo-mk-rad :is(select,input),html.mono .abo-merke .abo-skjema :is(input,textarea),html.mono .abo-merke :is(input,textarea,select){background:#fff;color:var(--m-blekk);border:1px solid var(--m-linje-2)}
html.mono .abo-merke .abo-skjema label{color:var(--m-2)}
html.mono .abo-merke .knapp{background:#fff;color:var(--m-blekk);border-color:var(--m-linje-2)}
html.mono .abo-merke .knapp:is(.blekk,.stempel,.lys){background:var(--m-blekk);color:#fff;border-color:var(--m-blekk)}
@media (hover:hover) and (pointer:fine){html.mono .abo-merke .knapp:hover{background:var(--m-hover);border-color:var(--m-linje-2)}}

/* ---------- «Nå», løpet og pakke ---------- */
html.mono .na-lukket{background:#fff;border:1px solid var(--m-linje);border-radius:14px}
html.mono .lp-lukket{background:transparent;border-top:1px solid var(--m-linje);border-radius:0}
html.mono #p-pakke.panel{background:transparent;border:0;border-top:1px solid var(--m-linje)}
html.mono #p-pakke .lp-tomkort,html.mono .lp-tomkort{background:var(--m-fyll);border-radius:12px}

/* ---------- kundesiden ---------- */
html.mono .ka-meny{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--m-linje)}
html.mono .ka-meny-knapp{border-radius:10px;border-color:var(--m-linje-2)}
html.mono .ka-kort{background:transparent;border:0;border-top:1px solid var(--m-linje);border-radius:0;padding-inline:0}
html.mono .ka-svarboks{background:#fff;border:1px solid var(--m-linje);border-radius:16px;padding-inline:20px;box-shadow:var(--m-svev)}
html.mono .ka-svarkort{background:transparent;padding:0}
html.mono .ka-forslag{border:1px solid var(--m-linje);border-radius:14px}
html.mono .ka-ny-rute{border:1px solid var(--m-linje);border-radius:14px}
html.mono .ka-ny-pluss{background:var(--m-fyll);color:var(--m-2);border-radius:10px}
html.mono .ka-oppg{background:#fff;border:1px solid var(--m-linje);color:var(--m-blekk)}
@media (hover:hover) and (pointer:fine){html.mono .ka-oppg:hover{background:var(--m-hover);box-shadow:none;transform:none}}
html.mono .ka-oppg .ka-oppg-bilde,html.mono .ka-oppg.lages .ka-oppg-bilde,html.mono .ka-oppg.ko .ka-oppg-bilde{background:var(--m-fyll);box-shadow:none;border-radius:10px}
html.mono .ka-oppg .ka-oppg-tom,html.mono .ka-oppg.lages .ka-oppg-tom,html.mono .ka-oppg .ka-oppg-bilde .ka-nr{color:var(--m-3)}
html.mono .ka-oppg-bilde:has(img) .ka-nr{color:#fff}
html.mono .ka-oppg-tekst b{color:var(--m-blekk)}
html.mono .ka-oppg .ka-oppg-beskr{color:var(--m-2)}
html.mono .ka-oppg .ka-pille{background:var(--m-fyll);color:var(--m-2);border-radius:6px}
html.mono .ka-oppg .ka-pille.lages{background:var(--m-jobb);color:var(--m-jobb-tekst)}
html.mono .ka-oppg .ka-pille.svar{background:var(--m-blekk);color:#fff}
html.mono .ka-pille{border-radius:6px}
html.mono .ka-bar{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--m-linje);box-shadow:var(--m-svev);border-radius:18px}
html.mono .ka-bar-tall{background:var(--m-jobb-tekst);color:#fff;box-shadow:0 0 0 2px #fff}
html.mono .fremdrift .på,html.mono .fremdrift .gjort{background:var(--m-blekk)}
html.mono .ka-oppg .fremdrift > i{background:var(--m-fyll-2)}
html.mono .ka-oppg .fremdrift .på,html.mono .ka-oppg .fremdrift .gjort,html.mono .ka-oppg .fremdrift .fyll{background:var(--m-blekk)}

/* mobil: hvit fanelinje */
@media (max-width:720px){
  html.mono .bunnmeny{background:rgba(255,255,255,.92);border-radius:18px}
  html.mono .bm-knapp:is([aria-current="page"],.aktiv){background:var(--m-fyll);color:var(--m-blekk)}
  html.mono .bm-ny{background:var(--m-blekk);border-radius:14px}
}

/* ---------- runde 2: flatere seksjoner ---------- */
html.mono :is(.profilgrid.lp-grid > .kol:first-child,.profilgrid.abo-ov > .kol) > .panel{border:0;border-top:1px solid var(--m-linje);border-radius:0;background:transparent;box-shadow:none}
html.mono #p-lev.panel{background:transparent}
html.mono .abo-arbeid,html.mono .abo-kal{background:transparent;border:0;border-top:1px solid var(--m-linje);border-radius:0;box-shadow:none}
html.mono .abo-arbeid-topp{padding-inline:0}
html.mono .abo-arbeid-del{padding-inline:0}
html.mono .abo-arbeid-del.venter{background:transparent}
html.mono .abo-arbeid-del.venter .abo-rute-bilde{box-shadow:none}
html.mono .abo-kal{padding-inline:0}
html.mono .abo-kal-liste li{border-color:var(--m-linje)}
html.mono .klevkort.kort,html.mono .kort.rod,html.mono .nk-oppg{border-color:var(--m-linje);box-shadow:none}
html.mono .ka-oppg .ka-strek i{background:var(--m-fyll-2)}
html.mono .ka-oppg .ka-strek i.gjort{background:var(--m-blekk)}
html.mono .ka-oppg .ka-strek i.na{background:var(--m-jobb-tekst)}
html.mono .tilbake{background:transparent;padding-inline:0}

/* ---------- runde 3: ark og kalender lyse ---------- */
html.mono .abo-ark-topp{background:#fff;color:var(--m-blekk);border-bottom:1px solid var(--m-linje)}
html.mono .abo-ark-navn h2{color:var(--m-blekk);font-weight:500}
html.mono .abo-ark-navn .etikett,html.mono .abo-ark-meta{color:var(--m-2)}
html.mono .abo-ark-topp .knapp,html.mono .abo-ark-topp button{color:var(--m-blekk)}
html.mono .abo-ark-topp :is(.abo-pille,.chip){background:var(--m-fyll);color:var(--m-2)}
html.mono .abo-ark-del h3{font-size:13px;font-weight:500;color:var(--m-2)}
html.mono .abo-ark-logg li.deg{background:var(--m-fyll);color:var(--m-blekk)}
html.mono .ka-ny-legg.tom{background:var(--m-fyll);color:var(--m-blekk)}
html.mono .ka-ny-legg.tom :is(small,span){color:var(--m-2)}
html.mono .ka-ny-forslag button[aria-pressed="true"]{background:var(--m-fyll-2);border-color:var(--m-fyll-2);color:var(--m-blekk)}
html.mono .abo-kc.hoytid{background:var(--m-fyll-2);color:var(--m-blekk)}
html.mono .abo-kc.egen{background:#fff;color:var(--m-blekk);box-shadow:inset 0 0 0 1px var(--m-linje-2)}
html.mono .abo-kc.sendt{background:var(--m-jobb);color:var(--m-jobb-tekst)}
html.mono .abo-kd-prikker i.hoytid,html.mono .abo-kal-forklaring i.hoytid{background:var(--m-3)}
html.mono .abo-kh-farge{background:var(--m-fyll-2)}
html.mono .abo-kal-apne{background:var(--m-fyll);color:var(--m-blekk);border-radius:10px}
html.mono .abo-kal-verkknapp.mork{background:var(--m-blekk);border-color:var(--m-blekk)}
html.mono .ka-bar-knapp.mork{background:var(--m-blekk)}
html.mono .ka-bar-knapp.lys[aria-expanded="true"]{background:var(--m-fyll-2);color:var(--m-blekk)}

/* ---------- runde 4: hele appen ---------- */
/* kundekortene (Kunder og Forside) */
html.mono .kk-bilde{background:var(--m-fyll);border-radius:10px}
html.mono .kk-bilde::after{display:none}
html.mono .kk.kkp .kk-bilde .logo{background:#fff;color:var(--m-blekk);box-shadow:0 0 0 1px var(--m-linje)}
html.mono .kk-hjorne{color:var(--m-2)}
html.mono .kk-hjorne i,html.mono body.admin .kk.kkp.gul .kk-hjorne i,html.mono body.admin .kk.kkp.rod .kk-hjorne i{background:var(--m-3)}
html.mono body.admin .kk.kkp.gul .kk-hjorne i{background:var(--m-jobb-tekst)}
html.mono .kk,html.mono .kk.kkp{border-color:var(--m-linje);box-shadow:none}
/* hjørnetall på kortene: lesbare */
html.mono .abo-rute:not(.ny-rute) .abo-rute-nr,html.mono .ka-oppg .ka-oppg-bilde .ka-nr{color:var(--m-2)}
html.mono .abo-rute-bilde:has(img) .abo-rute-nr,html.mono .ka-oppg-bilde:has(img) .ka-nr{color:#fff}
/* innstillinger-knappen i hodet */
html.mono .abo-innst-knapp{background:#fff;border:1px solid var(--m-linje-2);color:var(--m-blekk);border-radius:10px}
/* «Neste steg»-boksen: hårfin kant, ingen svart stripe */
html.mono .nestesteg,html.mono .na-neste{border-left:1px solid var(--m-linje)!important;box-shadow:none}
/* Gjør nå: grupper uten svart stripe */
html.mono .gn-kunde.mintur{border-left:1px solid var(--m-linje)}
/* chat: egne bobler i mørk grå, kundens i lys grå */
html.mono .tr-meg .tr-boble{background:var(--m-blekk)}

/* ---------- runde 5: robusthet (lange ord, rare data) ---------- */
html.mono body{overflow-wrap:break-word}
html.mono .tr-hendelse > *{min-width:0;max-width:100%;overflow-wrap:anywhere}
html.mono :is(.ka-svar-tekst,.ka-svar-tekst b,.tr-emne,.tr-notat,.ka-svar-tekst span,.tr-boble,.tr-tekst,.ka-oppg-tekst b,.abo-rute-tekst b,.abo-mk-tekst,.abo-ark-navn h2,.kk-navn,.ph-brikke,.ka-forslag-tekst){min-width:0;overflow-wrap:anywhere}
/* trykkflater på touch: minst 40 px (Apple anbefaler 44) */
@media (pointer:coarse){
  html.mono :is(.abo-pil,.abo-kal-apne,.abo-lenke,.kl-ferdig,.gn-navn,.lapp-knapp,.abo-pille.vent){min-height:40px;display:inline-flex;align-items:center}
  html.mono .abo-pil{min-width:40px;justify-content:center}
}
/* Safari før versjon 18 trenger -webkit- for uskarp bakgrunn */
html.mono .chat-hode{-webkit-backdrop-filter:blur(8px)}

/* ---------- runde 6: statuslinja i profilhodet (I gang / Ferdig / Sendt) som én rolig rad ---------- */
html.mono .lp-klar:is(.igang,.rad){background:transparent;border:0;border-block:1px solid var(--m-linje);border-radius:0;padding:10px 0;gap:12px;flex-wrap:nowrap;align-items:center}
html.mono .lp-klar:is(.igang,.rad) .lp-tilstand{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1 auto}
html.mono .lp-klar:is(.igang,.rad) .lp-tilstand b{font-size:13px;font-weight:600;color:var(--m-blekk);background:var(--m-fyll);padding:3px 9px;border-radius:6px;line-height:1.4}
html.mono .lp-klar:is(.igang,.rad) .lp-tilstand span{font-size:14px;color:var(--m-2)}
html.mono .lp-klar:is(.igang,.rad) .lp-send:not(.tur){background:transparent;border-color:transparent;color:var(--m-blekk);flex:none}
@media (hover:hover) and (pointer:fine){html.mono .lp-klar.igang .lp-send:hover{background:var(--m-fyll);border-color:transparent}}
@media (max-width:600px){html.mono .lp-klar:is(.igang,.rad){flex-wrap:wrap}html.mono .lp-klar:is(.igang,.rad) .lp-send:not(.tur){padding-inline:0}}

/* ---------- runde 7: profilhodet i en egen boks ---------- */
html.mono .profilhode{background:#fff;border:1px solid var(--m-linje);border-radius:16px;padding:28px}
html.mono .lp-klar:is(.igang,.rad){border-bottom:0;padding-bottom:0}
@media (max-width:640px){html.mono .profilhode{padding:18px}}
/* tilbake: bare en pil, 40 px rund trykkflate */
html.mono .knapp.tilbake{width:40px;height:40px;min-height:40px;padding:0;border-radius:999px;background:transparent;border-color:transparent;color:var(--m-blekk);margin-left:-10px}
@media (hover:hover) and (pointer:fine){html.mono .knapp.tilbake:hover{background:var(--m-fyll);border-color:transparent}}

/* ---------- runde 8: «Neste steg» som en smal rad ---------- */
html.mono .nestesteg,html.mono body.admin :is(#hoved,#skuff) .nestesteg{padding:8px 8px 8px 14px;gap:2px 12px;border-radius:12px;border:1px solid var(--m-linje)!important;margin-top:10px;grid-template-columns:auto minmax(0,1fr) auto;box-shadow:none}
html.mono .nestesteg .etikett{font-size:12px;color:var(--m-2)}
html.mono .ns-tekst{display:flex;align-items:baseline;gap:8px;min-width:0}
html.mono .ns-tekst b{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;max-width:60%}
html.mono .ns-tekst span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html.mono .ns-knapp{display:flex;gap:6px}
html.mono .ns-knapp .knapp{min-height:30px;padding:4px 12px;font-size:13px}
html.mono .ns-flere{font-size:12px}
@media (max-width:640px){
  html.mono .nestesteg,html.mono body.admin :is(#hoved,#skuff) .nestesteg{grid-template-columns:minmax(0,1fr) auto}
  html.mono .nestesteg .etikett{display:none}
  html.mono .ns-tekst span{display:none}
  html.mono .ns-tekst b{max-width:100%}
}

/* ---------- runde 9: Avtrykk Måned-tallene i egen boks inne i hodet ---------- */
html.mono .profilhode .ph-abo{border:1px solid var(--m-linje);border-radius:12px;padding:16px 18px;background:#fff}
@media (max-width:640px){html.mono .profilhode .ph-abo{padding:14px}}

/* ---------- runde 10: tallene i Avtrykk Måned bak en liten «Tall»-knapp ---------- */
html.mono .ph-abo-knapper{display:flex;gap:8px;align-items:center;justify-self:end;align-self:center;grid-column:-2/-1}
html.mono .ph-abo .abo-tall-knapp[aria-expanded="true"]{background:var(--m-fyll);border-color:transparent}
html.mono .profilhode .ph-abo{align-items:center}
@media (max-width:640px){
  html.mono .profilhode .ph-abo{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  html.mono .ph-abo-knapper{align-self:flex-start;order:1}
  html.mono .ph-abo .abo-maal{order:2}
  html.mono .ph-abo .abo-innst{order:3}
}

/* ---------- runde 11: mindre kundekort i «Kunder» ---------- */
html.mono .kkgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
@media (max-width:1100px){html.mono .kkgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:900px){html.mono .kkgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:680px){html.mono .kkgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media (max-width:520px){html.mono .kkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
html.mono .kk.kkp{padding:6px;border-radius:12px}
html.mono .kk.kkp .kk-bilde .logo{width:46px;height:46px;font-size:15px;border-radius:10px}
html.mono .kk.kkp .kk-navn h3{font-size:14px;line-height:1.25}
html.mono .kk.kkp .kk-navn .hint{font-size:11.5px}
html.mono .kk.kkp .kk-neste{font-size:12px;-webkit-line-clamp:2;margin-top:6px!important;padding-top:6px}
html.mono .kk.kkp .kk-innhold .pille,html.mono .kk.kkp .kk-innhold .chip{font-size:11px}
html.mono .kk-hjorne{font-size:11px;top:7px;left:8px}
html.mono .kk.kkp{aspect-ratio:auto}
html.mono .kk.kkp .kk-bilde{flex:0 0 auto;height:92px}
html.mono .kk.kkp .kk-innhold{overflow:visible;padding:10px 6px 4px;gap:5px}
html.mono .kk.kkp .kk-innhold > .pille{flex:none;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.mono .kkgrid{align-items:stretch}
/* kundekortene: ingen kortstokk-hjørner (initialer og prikk) */
html.mono .kk-hjorne{display:none}

/* ---------- runde 12: Kunder delt i Kreativ og Bedrift ---------- */
html.mono .kk-gruppe{display:flex;flex-direction:column;gap:12px;margin-top:20px}
html.mono .kk-gruppe + .kk-gruppe{margin-top:32px;padding-top:20px;border-top:1px solid var(--m-linje)}
html.mono .kk-gruppe-tittel{font-size:17px;font-weight:500;letter-spacing:-.015em;color:var(--m-2);margin:0;display:flex;align-items:center;gap:8px}
html.mono .kk-gruppe-tall{font-size:12px;font-weight:600;color:var(--m-2);background:var(--m-fyll);border-radius:6px;padding:1px 7px}
html.mono .kk-gruppe-tom{margin:0;padding:18px;border:1px dashed var(--m-linje-2);border-radius:12px;text-align:center}
/* «+»-kort som legger til ny kunde i gruppen */
html.mono .kk-ny{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:240px;border:1px solid var(--m-linje);border-radius:12px;background:#fff;color:var(--m-blekk);font:inherit;cursor:pointer;padding:12px;transition:background .18s var(--m-ease),border-color .18s var(--m-ease)}
html.mono .kk-ny b{font-size:14px;font-weight:500}
html.mono .kk-ny-pluss{width:40px;height:40px;border-radius:10px;background:var(--m-fyll);color:var(--m-2);display:grid;place-items:center;font-size:22px;line-height:1}
@media (hover:hover) and (pointer:fine){html.mono .kk-ny:hover{background:var(--m-hover);border-color:var(--m-linje-2)}}
html.mono .kk-ny:focus-visible{outline:2px solid var(--m-blekk);outline-offset:2px}

/* runde 13: «Send til kunden» – boksen der du velger fil eller nettside */
.lev-velg-vert{position:fixed;inset:0;z-index:60;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px}
.lev-velg-skygge{position:absolute;inset:0;background:rgba(0,0,0,.28);animation:levInn .18s ease-out}
.lev-velg{position:relative;width:min(100%,420px);background:#fff;color:var(--m-blekk);border-radius:20px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:18px;animation:levOpp .22s cubic-bezier(.23,1,.32,1)}
.lev-velg header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.lev-velg h2{margin:2px 0 4px;font-size:22px;font-weight:600;letter-spacing:-.02em}
.lev-velg .hint{margin:0;color:var(--m-2);font-size:14px}
.lev-velg .lp-lagny{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lev-velg .lp-flis{width:auto;min-width:0;padding:14px;border-radius:14px;background:#fff;color:var(--m-blekk);border:1px solid var(--m-linje)}
.lev-velg .lp-flis b{font-size:15.5px;font-weight:500}
.lev-velg .lp-flis > span:last-child{font-size:12.5px;color:var(--m-2)}
.lev-velg .lp-flis-ikon{width:36px;height:36px;border-radius:10px;background:var(--m-fyll);color:var(--m-2)}
@media (hover:hover) and (pointer:fine){.lev-velg .lp-flis:hover{background:var(--m-hover);border-color:var(--m-linje-2)}}
.lev-velg .lp-flis:focus-visible{outline:2px solid var(--m-blekk);outline-offset:2px}
@keyframes levInn{from{opacity:0}}
@keyframes levOpp{from{opacity:0;transform:translateY(8px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.lev-velg,.lev-velg-skygge{animation:none}}

/* ===== generert av flip.py: mørke flater snudd til lyse ===== */
html.mono .kunde-hero{background:#fff;color:var(--m-blekk)}
html.mono .kunde-hero .ringbg circle{stroke:var(--m-linje-2)}
html.mono .kunde-hero .glod{background:transparent}
html.mono .kunde-hero .meny{background:#fff}
html.mono .kunde-hero h1{color:var(--m-blekk)}
html.mono .kunde-hero .etikett{color:var(--m-2)}
html.mono .kunde-hero p.ingress{color:var(--m-2)}
html.mono .kunde-hero .chip{background:var(--m-fyll);color:var(--m-blekk)}
html.mono .kunde-hero .chip.stempel{color:var(--m-blekk)}
html.mono .pakke.din{background:#fff;color:var(--m-blekk)}
html.mono .pakke.din h3,
html.mono .pakke.din .pris{color:var(--m-blekk)}
html.mono .pakke.din .pris{border-bottom-color:var(--m-linje)}
html.mono .pakke.din .eks{color:var(--m-2)}
html.mono .pakke.din .knapp{background:var(--m-blekk);color:#fff;border-color:var(--m-blekk)}
html.mono .kkontakt{background:#fff;color:var(--m-blekk)}
html.mono .kkontakt h2{color:var(--m-blekk)}
html.mono .kkontakt p{color:var(--m-2)}
html.mono .kkontakt textarea{background:var(--m-fyll);border:1px solid var(--m-linje);color:var(--m-blekk)}
html.mono .rv-topp{background:#fff;color:var(--m-blekk)}
html.mono .rv-seg{background:var(--m-fyll);border:1px solid var(--m-linje)}
html.mono .rv-seg button{color:var(--m-2)}
html.mono .rv-seg button[aria-pressed="true"]{background:var(--m-blekk);color:#fff}
html.mono .rv-takk{background:#fff;color:var(--m-blekk)}
html.mono .rv-takk h2{color:var(--m-blekk)}
html.mono .rv-takk p{color:var(--m-2)}
html.mono .rv-takk .knapp{background:var(--m-blekk);color:#fff;border-color:var(--m-blekk)}
html.mono .smak-intro{background:#fff;color:var(--m-blekk)}
html.mono .smak-intro .ringbg circle{stroke:var(--m-linje-2)}
html.mono .smak-intro .glod{background:transparent}
html.mono .si-innhold .etikett{color:var(--m-2)}
html.mono .si-innhold h1{color:var(--m-blekk)}
html.mono .si-innhold .ingress{color:var(--m-2)}
html.mono .si-innhold .ingress b{color:var(--m-blekk)}
html.mono .si-steg li{border:1px solid var(--m-linje);color:var(--m-blekk)}
html.mono .si-steg span{color:var(--m-2)}
html.mono .si-bunn span{color:var(--m-2)}
html.mono .si-lukk{border:1px solid var(--m-linje);background:#fff;color:var(--m-blekk)}
@media (hover:hover) and (pointer:fine){html.mono .si-lukk:hover{border-color:var(--m-blekk)}}
html.mono .sm-topp{background:#fff;color:var(--m-blekk)}
html.mono .sm-takk{background:#fff;color:var(--m-blekk)}
html.mono .sm-takk-innhold .sm-stempel{color:var(--m-blekk)}
html.mono .sm-takk h1{color:var(--m-blekk)}
html.mono .sm-takk p{color:var(--m-2)}
html.mono .sm-omrade{background:#fff;color:var(--m-blekk)}
html.mono .sm-omrade span{color:var(--m-2)}
html.mono .rv-takk .knapp.stempel{color:#fff}
html.mono .pk-kort[aria-pressed="true"]{background:#fff;color:var(--m-blekk)}
html.mono .pk-kort[aria-pressed="true"] .hint,
html.mono .pk-kort[aria-pressed="true"] .pk-pris{color:var(--m-2)}
html.mono .pk-kort[aria-pressed="true"] .chip{color:var(--m-blekk)}
html.mono .fd-topp{background:#fff;color:var(--m-blekk)}
html.mono .fd-topp .etikett{color:var(--m-2)}
html.mono .rv-takk-etikett{color:var(--m-2)}
html.mono .rv-takk .rv-takk-knapper .rv-bekreft{color:var(--m-blekk)}
html.mono .rv-faner{background:#fff}
html.mono .rv-fane{border:1px solid var(--m-linje);background:var(--m-fyll);color:var(--m-blekk)}
@media (hover:hover) and (pointer:fine){html.mono .rv-fane:hover{border-color:var(--m-blekk)}}
html.mono .rv-fane[aria-current="true"]{background:var(--m-blekk);color:#fff;border-color:var(--m-blekk)}
html.mono .rv-provvert{background:#fff}
@media (max-width:820px){html.mono .rv-bryter{background:#fff}}
@media (max-width:820px){html.mono .rv-bryter button{border:1px solid var(--m-linje);background:var(--m-fyll);color:var(--m-blekk)}}
@media (max-width:820px){html.mono .rv-bryter button[aria-pressed="true"]{background:var(--m-blekk);color:#fff;border-color:var(--m-blekk)}}
@media (max-width:820px){html.mono .rv-bryter button[aria-pressed="true"] .fs-bokst{background:#fff}}
html.mono .lp-klar{background:var(--m-fyll);border:1px solid var(--m-linje)}
html.mono .lp-klar.igang{border-color:var(--m-linje)}
html.mono .lp-klar li{background:var(--m-fyll);color:var(--m-2)}
html.mono .lp-klar li.ok{color:var(--m-2)}
html.mono .profilhode .lp-klar .knapp.stempel{color:var(--m-blekk)}
html.mono .kunde-hero input::placeholder,
html.mono .kunde-hero textarea::placeholder{color:var(--m-2)}
html.mono .ka-meny{background:#fff;color:var(--m-blekk)}
html.mono .ka-meny-navn{border-left:1px solid var(--m-linje)}
html.mono .ka-meny-navn small{color:var(--m-2)}
html.mono .ka-meny-knapp{border:1px solid var(--m-linje);background:var(--m-fyll);color:var(--m-blekk)}
html.mono .ka-meny-knapp:hover{background:var(--m-fyll)}
/* faste tillegg for de snudde flatene */
html.mono .kunde-hero .ringbg,html.mono .kunde-hero .glod,html.mono .smak-intro .ringbg,html.mono .smak-intro .glod{display:none}
html.mono .pakke.din{border-color:var(--m-blekk);box-shadow:inset 0 0 0 1px var(--m-blekk)}
html.mono .rv-seg button[aria-pressed="true"],html.mono .rv-fane[aria-pressed="true"],html.mono .rv-fane[aria-current]{background:#fff;color:var(--m-blekk);box-shadow:0 1px 2px rgba(0,0,0,.08)}
html.mono .rv-topp,html.mono .fd-topp,html.mono .sm-topp{border-bottom:1px solid var(--m-linje)}
html.mono .kunde-hero h1,html.mono .si-innhold h1{font-weight:500;letter-spacing:-.03em}
html.mono [fill="#E4492B"],html.mono [fill="#e4492b"]{fill:currentColor}
html.mono [stroke="#E4492B"],html.mono [stroke="#e4492b"]{stroke:currentColor}
html.mono :is(.rv-topp,.sm-topp,.fd-topp,.smak-intro,.rv-faner) :is(a,button):not(.knapp):not([aria-pressed="true"]){color:var(--m-blekk)}
html.mono .logo{background:var(--m-fyll);color:var(--m-blekk)}
html.mono .tr-avatar{background:var(--m-fyll);color:var(--m-blekk)}
html.mono .ringer circle.punkt.på,html.mono .ringer.mork circle.punkt.på{fill:var(--m-blekk)}

/* Avtrykk Måned i profilhodet: liten boks, åpnes for tall og innstillinger (16. okt) */
html.mono .profilhode .ph-abo-rad{flex:1 1 100%;display:flex}
html.mono .ph-abo-liten{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:8px 12px 8px 14px;background:#fff;border:1px solid var(--m-linje);border-radius:12px;color:var(--m-blekk);font:inherit;cursor:pointer;text-align:left;transition:background .15s var(--m-ease),border-color .15s var(--m-ease)}
html.mono .ph-abo-liten:hover{background:var(--m-hover);border-color:var(--m-linje-2)}
html.mono .ph-abo-liten:focus-visible{outline:2px solid var(--m-blekk);outline-offset:2px}
html.mono .ph-abo-liten-tekst{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
html.mono .ph-abo-liten .etikett{color:var(--m-2);font-size:12px;margin:0}
html.mono .ph-abo-liten b{font-size:14px;font-weight:600}
html.mono .ph-abo-liten-pris{font-size:13px;color:var(--m-2)}
html.mono .ph-abo-liten svg{color:var(--m-3);flex:none}
html.mono .ph-abo .ph-abo-lukk{color:var(--m-2)}

/* «Ny kunde»: boks midt på skjermen i stedet for skuff fra siden (16. okt) */
#skuffvert.midt .skuff{top:50%;left:50%;right:auto;bottom:auto;width:min(520px,calc(100% - 32px));height:auto;max-height:min(720px,calc(100dvh - 32px));translate:-50% -50%;border:1px solid var(--m-linje,#ECECEC);border-radius:18px;overflow:hidden;padding:0;box-shadow:0 1px 2px rgba(0,0,0,.04),0 24px 64px -12px rgba(0,0,0,.22)}
@starting-style{#skuffvert.midt .skuff{translate:-50% calc(-50% + 12px);opacity:0}}
#skuffvert.midt.lukker .skuff{translate:-50% calc(-50% + 12px);opacity:0}
#skuffvert.midt .skygge{background:rgba(0,0,0,.28)}
#skuffvert.midt .skuff>header{padding:22px 22px 14px;border-bottom:0}
#skuffvert.midt .skuffkropp{padding:6px 22px 22px;gap:16px}
#skuffvert.midt .skuffbunn{padding:14px 22px}
html.mono .ny-kat{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html.mono .ny-kat .pk-kort{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;min-height:84px;text-align:left}
html.mono .ny-kat .pk-kort b{font-size:16px}

/* Avtrykk Måned-pillen under navnet er en knapp (17. okt) */
html.mono .ph-abo-pille{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;cursor:pointer;border:1px solid transparent;transition:background .15s var(--m-ease),border-color .15s var(--m-ease)}
html.mono .ph-abo-pille:hover{border-color:var(--m-linje-2);background:var(--m-hover)}
html.mono .ph-abo-pille:focus-visible{outline:2px solid var(--m-blekk);outline-offset:2px}
html.mono .ph-abo-pille svg{color:var(--m-3)}

/* «Arbeid» på Oversikt: løp og leveringer som kort (17. okt) */
#p-arbeid.panel{background:transparent;border:0;overflow:visible;border-radius:0;padding:0}
#p-arbeid.panel:empty{display:none}
html.mono .lop-arbeid .abo-arbeid-del{padding:8px 20px 20px}
@media (max-width:640px){html.mono .lop-arbeid .abo-arbeid-del{padding:6px 14px 14px}}
.lop-rute .abo-rute-bilde{position:relative}
.lop-rute-bar{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:3px}
.lop-rute-bar i{flex:1;height:3px;border-radius:2px;background:var(--m-linje-2,#E0E0E0)}
.lop-rute-bar i.ferdig{background:var(--m-blekk,#1C1C1E)}
.lop-rute-bar i.na{background:var(--m-jobb-tekst,#2A5BD7)}
.lop-rute .abo-pille{max-width:100%;overflow:hidden;text-overflow:ellipsis}
/* boksen med stegene */
.lopboks-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lopboks-rad{width:100%;display:grid;grid-template-columns:20px 36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--m-linje,#ECECEC);border-radius:12px;background:#fff;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.lopboks-rad:hover{background:var(--m-hover,#F7F7F7);border-color:var(--m-linje-2,#E0E0E0)}
.lopboks-rad:focus-visible{outline:2px solid var(--m-blekk,#1C1C1E);outline-offset:2px}
.lopboks-rad.ferdig{opacity:.7}
.lopboks-nr{font-size:12px;color:var(--m-3,#9C9CA0);text-align:center;font-variant-numeric:tabular-nums}
.lopboks-tekst{display:flex;flex-direction:column;gap:2px;min-width:0}
.lopboks-topp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.lopboks-topp b{font-weight:600;overflow-wrap:anywhere}
.lopboks-tekst .hint{font-size:13px;overflow-wrap:anywhere}
.lopboks-pil{color:var(--m-3,#9C9CA0)}
#skuffvert.midt .skuffbunn{align-items:center}
@media (max-width:480px){#skuffvert.midt .skuffbunn{flex-wrap:wrap}#skuffvert.midt .skuffbunn>div{flex:1;justify-content:flex-end}}
@media (max-width:640px){html.mono .lop-arbeid .abo-ruter,html.mono #p-abo .abo-ruter{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* trykk på navnet for å endre det (17. okt) */
.navn-knapp{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:0 6px;margin:0 -6px;border:0;border-radius:8px;background:transparent;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:text;transition:background .15s}
.navn-knapp .navn-tekst{overflow-wrap:anywhere}
.navn-knapp svg{flex:none;color:var(--m-3,#9C9CA0);opacity:0;transition:opacity .15s}
.navn-knapp:hover{background:var(--m-hover,#F7F7F7)}
.navn-knapp:hover svg,.navn-knapp:focus-visible svg{opacity:1}
.navn-knapp:focus-visible{outline:2px solid var(--m-blekk,#1C1C1E);outline-offset:2px}
@media (hover:none){.navn-knapp svg{opacity:1}}
.navn-felt{width:100%;font:inherit;color:inherit;letter-spacing:inherit;padding:2px 6px;margin:0 -6px;border:1px solid var(--m-linje-2,#E0E0E0);border-radius:8px;background:#fff;outline:none}
.navn-felt:focus{border-color:var(--m-blekk,#1C1C1E)}
.skuff>header>div:has(.navn-knapp,.navn-felt),.lp-skhode,.lp-skhode>div:has(.navn-knapp,.navn-felt){flex:1;min-width:0}

/* løp-boksen: «Nå» øverst, stegene under når du trykker «Legg til / rediger steg» (17. okt) */
#skuffvert.midt .skuff:has(.lopboks){width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px)}
.lopboks #p-na.panel,.lopboks #p-lev.panel{background:transparent;border:0;box-shadow:none;padding:0;margin:0}
.lopboks #p-na.panel:empty,.lopboks #p-lev.panel:empty{display:none}
.lopboks .lp-skjul{display:none}
.lopboks-tom{margin:0}

/* «Legg til steg» inne i løp-boksen, og steg åpnet i boksen (17. okt) */
.lopboks-ny{display:flex;flex-direction:column;gap:16px;padding-top:18px;border-top:1px solid var(--m-linje,#ECECEC)}
.lopboks-ny>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.lopboks-ny>header h3{margin:0;font-size:17px;font-weight:600}
.lopboks-ny .lp-vkliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
#skuffvert.midt .skuff:has(.lp-skhode){width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px)}
.lopboks-tilbake{flex:none;width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin:-4px 4px 0 -8px}
.lopboks-tilbake svg{width:10px!important;height:16px!important;flex:none}
.skuff>header:has(.lopboks-tilbake){justify-content:flex-start}
.skuff>header:has(.lopboks-tilbake)>[data-lukk][aria-label="Lukk"]{margin-left:auto}
/* løp-boksen: tydelig boks rundt stegene og rundt hver seksjon når du redigerer (17. okt) */
.lopboks #lopSteg:not([hidden]),.lopboks .lopboks-ny{border:1px solid var(--m-linje-2,#E0E0E0);border-radius:16px;padding:18px;background:#fff}
.lopboks .lopboks-ny{border-top:1px solid var(--m-linje-2,#E0E0E0)}
.lopboks #p-lev header{padding:0 0 12px;border-bottom:1px solid var(--m-linje,#ECECEC)}
.lopboks #p-lev .innhold{padding:12px 0 0}
.lopboks #p-lev .lp-steg{border:1px solid var(--m-linje-2,#E0E0E0);border-radius:12px;box-shadow:none;background:#fff}
.lopboks #p-lev .lp-steg:hover{border-color:var(--m-3,#9C9CA0);background:var(--m-hover,#F7F7F7)}
.lopboks #p-lev .lp-steg.din{border-color:var(--m-blekk,#1C1C1E)}
@media (max-width:640px){.lopboks #lopSteg:not([hidden]),.lopboks .lopboks-ny{padding:12px}}
/* Nå-steget: rolig grå kant i stedet for svart (17. okt) */
html.mono .na-kort{border-color:var(--m-linje-2,#E0E0E0)}
/* Løpet: dra stegene hvor som helst på boksen (17. okt) */
#lpListe .lp-steg{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#lpListe .lp-steg :is(input,textarea){-webkit-user-select:text;user-select:text}
html.sorter-pa,html.sorter-pa *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}
#lpListe.sorterer .lp-pluss{visibility:hidden}
#lpListe>.sorter-dras{position:relative;z-index:5;transition:none!important;will-change:transform}
#lpListe>.sorter-dras .lp-steg{border-color:var(--m-3,#9C9CA0)!important;background:#fff!important;box-shadow:0 2px 4px rgba(0,0,0,.06),0 16px 36px -10px rgba(0,0,0,.28)!important}
#lpListe>[data-stegrad]{position:relative}
@media (prefers-reduced-motion:no-preference){#lpListe .lp-steg.sorter-landet{animation:sorter-landet .45s cubic-bezier(.23,1,.32,1)}@keyframes sorter-landet{from{background:var(--m-fyll,#F2F2F2)}}}

.lopboks-venstre{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
html.mono .knapp.lopboks-slett{color:#B3261E}
html.mono .knapp.lopboks-slett:hover{background:#FCEEEE;color:#8C1D18}

/* «Lag eget løp»: velg flere, så «Legg til» (17. okt) */
.lopboks-ny .lp-vk.valgt{border-color:var(--m-blekk,#1C1C1E);background:var(--m-fyll,#F2F2F2)}
.lopboks-ny .lp-vk.valgt .lp-vkmerke{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--m-blekk,#1C1C1E);color:#fff;font-weight:600;font-size:12px}
.lopboks-ny .lp-vk[disabled]{opacity:.5;cursor:default}
.lopboks-egne{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.lopboks-egen{cursor:pointer}
.lopboks-ny-bunn{position:sticky;bottom:-22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0 2px;background:#fff;border-top:1px solid var(--m-linje,#ECECEC)}

/* «Velg pakke»: ryddig boks der alle pakkene får plass (17. okt) */
#skuffvert.midt .skuff:has(.pk-boks){width:min(1120px,calc(100% - 32px));max-height:calc(100dvh - 32px)}
.pk-boks{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px;align-items:start}
.pk-venstre{display:flex;flex-direction:column;gap:16px;min-width:0}
.pk-hoyre{display:flex;flex-direction:column;gap:16px;min-width:0}
.pk-alle{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.pk-kort.pk-lite{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 12px 13px;min-height:0;text-align:left;border-radius:12px}
.pk-kort.pk-lite .pk-gr{font-size:11px;color:var(--m-3,#9C9CA0);letter-spacing:.02em}
.pk-kort.pk-lite b{font-size:15px;line-height:1.25}
.pk-kort.pk-lite .pk-pris{font-size:13px;font-weight:500}
.pk-kort.pk-lite .hint{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pk-kort.pk-lite[aria-pressed="true"]{border-color:var(--m-blekk,#1C1C1E);background:var(--m-fyll,#F2F2F2)}
.pk-type{display:flex;flex-direction:column;gap:8px}
.pk-type .seg{align-self:flex-start}
.pk-hoyre .pk-till li button{padding-block:8px}
.pk-hoyre .pk-till small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.pk-valgt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media (max-width:860px){.pk-boks{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.pk-alle{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-kort.pk-lite{padding:10px}.pk-kort.pk-lite .hint{-webkit-line-clamp:2}}
@media (max-width:480px){.pk-type .seg{align-self:stretch;display:grid;grid-template-columns:1fr 1fr}.pk-type .seg button{white-space:normal;font-size:13px}}

/* Forside: hjulet – Studio Avtrykk-merket som diagram (17. okt) */
.hjul-seksjon{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:48px;align-items:center;margin:8px 0 28px;padding:32px 36px;border:1px solid var(--m-linje,#ECECEC);border-radius:22px;background:radial-gradient(120% 100% at 0% 0%,#FAFAFA 0%,#fff 55%)}
.hjul-figur{position:relative;aspect-ratio:1;width:100%;max-width:320px}
.hjul{width:100%;height:auto;display:block;overflow:visible}
.hjul-skala line{stroke:#E5E5EA;stroke-width:1;stroke-linecap:round}
.hjul-skala line.lang{stroke:#C7C7CC;stroke-width:1.25}
.hjul-spor{fill:none;stroke:#F2F2F4;stroke-width:22}
.hjul-bit{fill:none;stroke-width:22;stroke-linecap:round;cursor:pointer;transition:stroke-width .3s cubic-bezier(.23,1,.32,1),opacity .25s ease,filter .3s ease}
.hjul-bit-tall{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none;transition:opacity .25s ease}
.hjul-bit-tall.bedrift{fill:#fff}
.hjul-bit-tall.kreativ{fill:var(--m-blekk)}
.hjul-ring{fill:none;stroke:#E5E5EA;stroke-width:1}
.hjul-ring.tynn{stroke:#F2F2F4}
.hjul-prikk{filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.hjul-glans{fill:none;stroke:rgba(255,255,255,.08);stroke-width:1}
.hjul-tall{fill:#fff;font-size:46px;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.hjul-under{fill:rgba(255,255,255,.62);font-size:10.5px;font-weight:500;letter-spacing:.06em}
.hjul-seksjon.lys .hjul-bit,.hjul-seksjon.lys .hjul-bit-tall{opacity:.18}
.hjul-seksjon.lys .hjul-bit.pa{opacity:1;stroke-width:28;filter:url(#hjulSkygge)}
.hjul-seksjon.lys .hjul-bit-tall.pa{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .hjul-bit{animation:hjul-tegn 1.1s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--i,0)*90ms + 80ms)}
  @keyframes hjul-tegn{from{stroke-dasharray:0 var(--O,729)}}
  .hjul-bit-tall{animation:hjul-vis .5s ease both;animation-delay:calc(var(--i,0)*90ms + 700ms)}
  .hjul-skala{animation:hjul-vis .8s ease both}
  .hjul-prikk,.hjul-tall,.hjul-under{animation:hjul-prikk .7s cubic-bezier(.23,1,.32,1) both;transform-origin:150px 150px}
  @keyframes hjul-vis{from{opacity:0}}
  @keyframes hjul-prikk{from{opacity:0;transform:scale(.86)}}
}
.hjul-tekst{display:flex;flex-direction:column;gap:10px;min-width:0}
.hjul-tekst h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}
.hjul-tekst>.hint{margin:0}
.hjul-liste{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.hjul-rad{width:100%;display:grid;grid-template-columns:12px minmax(0,1fr) auto 36px;align-items:center;gap:12px;padding:10px 8px;border:0;border-bottom:1px solid var(--m-linje,#ECECEC);background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:0;transition:background .15s}
.hjul-liste li:last-child .hjul-rad{border-bottom:0}
.hjul-rad:hover,.hjul-rad.pa{background:var(--m-hover,#F7F7F7)}
.hjul-rad:focus-visible{outline:2px solid var(--m-blekk);outline-offset:-2px}
.hjul-navn{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hjul-andel{font-size:13px;color:var(--m-2,#6B6B6F);font-variant-numeric:tabular-nums}
.hjul-n{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.hjul-merke{display:inline-block;width:10px;height:10px;border-radius:50%}
.hjul-merke.bedrift{background:var(--m-blekk)}
.hjul-merke.kreativ{background:#8A8A8F}
.hjul-forklaring{display:flex;gap:16px;margin:4px 0 0;font-size:12px}
.hjul-forklaring span{display:inline-flex;align-items:center;gap:6px}
@media (max-width:760px){.hjul-seksjon{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 16px}.hjul-figur{max-width:240px;margin:0 auto}}
/* kundene ved hjulet: hvite bokser med tynn linje (17. okt) */
.hjul-liste{gap:8px}
.hjul-rad{padding:12px 14px;border:1px solid var(--m-linje-2,#E0E0E0)!important;border-radius:12px!important;background:#fff}
.hjul-rad:hover,.hjul-rad.pa{background:#fff;border-color:var(--m-3)!important}
.hjul-rad:focus-visible{outline-offset:2px}
/* valgt kort i bekreft-boksene (f.eks. «Endre abonnement») synes tydelig (17. okt) */
.bk-valg .pk-kort[aria-checked="true"]{border-color:var(--m-blekk);background:var(--m-fyll,#F2F2F2)}
.kk-piller{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:100%}
.kk-piller .pille{max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* Avtrykk Måned: én rolig farge per nivå på pillen (17. okt) */
html.mono .pille.niva-proveperiode{background:#F1F1F3;color:#5F5F64}
html.mono .pille.niva-basis{background:#E6F2EA;color:#2E6A45}
html.mono .pille.niva-pluss{background:#EEE9FB;color:#5A3EB0}
html.mono .pille.niva-studio{background:#F5ECD8;color:#7A5715}
html.mono .ph-abo-pille[class*="niva-"] svg{color:currentColor;opacity:.55}
html.mono .ph-abo-pille[class*="niva-"]:hover{border-color:currentColor;background-blend-mode:normal;filter:saturate(1.15)}
/* valgkortene i «Start Avtrykk Måned» og «Endre abonnement»: hva nivået gir står på egen linje (26. okt) */
.bk-valg .pk-kort .hint{white-space:pre-line}
/* kundesiden (26. okt): nivået ved plassene i Arbeid åpner boksen «Abonnementet». Trykkflaten er 44 px høy, pillen er like liten som før. */
html.mono .ka-niva{position:relative;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:var(--m-t-1);border:1px solid transparent;border-radius:var(--m-r-pille);cursor:pointer}
html.mono .ka-niva::after{content:"";position:absolute;inset:-11px -4px}
html.mono .ka-niva svg{opacity:.55}
@media (hover:hover){html.mono .ka-niva:hover{border-color:currentColor}}
html.mono .ka-niva:focus-visible{outline:2px solid var(--m-blekk);outline-offset:2px}
.ka-ark.niva{max-width:480px}
html.mono .ka-niva-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
html.mono .ka-niva-liste>li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--m-linje);border-radius:12px;background:var(--m-kort)}
html.mono .ka-niva-liste>li.har{background:var(--m-fyll);border-color:var(--m-fyll)}
html.mono .ka-niva-topp{display:flex;align-items:center;justify-content:space-between;gap:12px}
html.mono .ka-niva-topp b{font-size:var(--m-t-3);font-weight:600;color:var(--m-blekk)}
html.mono .ka-niva-merke{font-size:var(--m-t-1);font-weight:500;color:var(--m-2);background:var(--m-kort);border-radius:var(--m-r-pille);padding:2px 10px;white-space:nowrap}
html.mono .ka-niva-punkter{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:var(--m-t-2);line-height:1.45;color:var(--m-2)}
/* månedsrapporten på kundesiden (26. okt): kortet under Arbeid, og arket med rapporten */
html.mono .ka-rapport{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;font:inherit;color:var(--m-blekk);background:var(--m-kort);border:1px solid var(--m-linje);border-radius:var(--m-r-2);padding:16px 18px;cursor:pointer}
@media (hover:hover){html.mono .ka-rapport:hover{background:var(--m-hover)}}
html.mono .ka-rapport:focus-visible{outline:2px solid var(--m-blekk);outline-offset:2px}
html.mono .ka-rapport-topp{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
html.mono .ka-rapport-topp b{font-size:var(--m-t-4);font-weight:600}
html.mono .ka-rapport-topp span{font-size:var(--m-t-1);color:var(--m-2);white-space:nowrap}
html.mono .ka-rapport-utdrag{font-size:var(--m-t-2);line-height:1.45;color:var(--m-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.mono .ka-rapport-pil{font-size:var(--m-t-2);font-weight:500}
html.mono .ka-rapport-eldre{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;font-size:var(--m-t-2);color:var(--m-2)}
.ka-ark.rapport{max-width:560px}
html.mono .ka-rapport-forslag{display:flex;flex-direction:column;gap:8px}
html.mono .ka-rapport-svart{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--m-linje);border-radius:12px;font-size:var(--m-t-2)}
html.mono .ka-rapport-svart span{color:var(--m-2);white-space:nowrap}
/* månedsrapporten i Oppdragsboka (26. okt): rapportene i abonnementsfanen, og arket der du skriver den */
html.mono .abo-rap-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
html.mono .abo-rap-rad{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;min-height:var(--m-trykk);padding:8px 4px;border:0;border-top:1px solid var(--m-linje);background:transparent;font:inherit;color:var(--m-blekk);text-align:left;cursor:pointer}
html.mono .abo-rap-rad b{font-weight:500}
html.mono .abo-rap-rad span{font-size:var(--m-t-2);color:var(--m-2)}
@media (hover:hover){html.mono .abo-rap-rad:hover{background:var(--m-hover)}}
.abo-ark.abo-rapport-ark{max-width:640px}
.abo-rapport-ark .abo-ark-bunn .abo-lenke{white-space:nowrap}
html.mono .abo-ark-del h3 .hint{font-weight:400;margin-left:6px}
html.mono .abo-rap-fs{padding:12px;border:1px solid var(--m-linje);border-radius:12px}
html.mono .abo-rap-fs .abo-lenke{justify-self:start}
html.mono .abo-rap-ny{align-self:flex-start}
html.mono .abo-rap-fsliste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
html.mono .abo-rap-fsliste li{display:flex;align-items:center;justify-content:space-between;gap:12px}

/* hjulet med mange kunder: rette kanter og «Andre» (17. okt) */
.hjul-bit.kant{stroke-linecap:butt}
.hjul-bit.andre{cursor:default}
.hjul-merke.andre{background:#D1D1D6}
.hjul-rad.andre{cursor:default}

/* ---------- Revisjonsverktøyet på mobil (17. okt) ---------- */
.rv-zoom{display:none}
@media (max-width:820px){
  /* forstørr: skjermbildene i dobbel bredde, dra sidelengs */
  .rv-zoom{display:inline-flex;align-items:center;justify-content:center}
  .rv-zoom[aria-pressed="true"]{background:var(--m-blekk,#1C1C1E);color:#fff}
  .rv.zoom .rv-rull{align-items:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .rv.zoom .rv-bilde,.rv.zoom .rv-rull.mobil .rv-bilde{width:210%;max-width:none;flex:none}
  .rv.zoom .rv-rull.mobil .rv-bilde{width:150%}
  .rv.zoom .rv-bilde figcaption{position:sticky;left:0}
  /* kommentarfeltet over tastaturet (iPhone) */
  .rv.tastatur .rv-pop,.rv.tastatur .rv-pop.hoyre{bottom:calc(var(--rv-kb,0px) + 8px)}
  .rv.tastatur .rv-meny:not(.apen){visibility:hidden}
  /* plass nok til å rulle punktet fram over feltet, også nederst på siden */
  .rv-rull:has(.rv-pop){padding-bottom:320px}
  .rv.tastatur .rv-rull{padding-bottom:calc(var(--rv-kb,0px) + 320px)}
  .rv-pop{box-shadow:0 -4px 24px rgba(0,0,0,.10),0 18px 40px rgba(0,0,0,.14);border-radius:16px;padding:12px}
  /* større trykkflater */
  .rv-hurtig{gap:6px}
  .rv-hurtig button{min-height:36px;padding:6px 12px;font-size:13px;border-radius:10px}
  .rv-piler{gap:4px}
  .rv-piler button{width:40px;height:36px;font-size:16px;border-radius:8px}
  .rv-pin::before{content:"";position:absolute;inset:-8px;border-radius:50%}
  .rv-hake{min-width:44px;min-height:44px}
  /* håndtaket: «Send (n)» rett i bunnlinja når listen er lukket */
  .rv-meny:not(.apen) .rv-handtak-send{display:inline-flex}
  .rv-handtak-send{position:absolute;right:14px;top:12px;min-height:38px;padding:0 16px;border-radius:999px;z-index:1}
  .rv-meny.apen .rv-handtak-send{display:none}
}
@media (min-width:821px){.rv-handtak-send{display:none}}

/* 18. okt: PDF med flere sider. «Se over» hos kunden viser alle sidene under hverandre, og punktvisningen hos William viser siden punktet står på. */
.ka-se-flate.sider{flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:12px 14px 28px}
.ka-se-flate.sider .ka-se-bilde{max-height:none;width:min(100%,900px)}
.ka-se-flate.sider .ka-se-bilde img{width:100%;max-height:none;height:auto;animation:none}
.ka-se-side{margin:22px 0 8px;font-size:12px;line-height:1.2;letter-spacing:.02em;color:rgba(255,255,255,.55);width:min(100%,900px)}
.ka-se-side:first-child{margin-top:4px}
.ka-se-liste em{font-style:normal;color:rgba(255,255,255,.55);margin-left:4px}
.ka-se-apne{position:relative}
.ka-se-antall{position:absolute;left:8px;bottom:8px;padding:5px 9px;border-radius:999px;background:rgba(13,13,15,.72);color:#fff;font-size:11.5px;line-height:1;font-weight:500}
.abo-punktbilder{display:flex;flex-direction:column;gap:10px;flex:none}
.abo-punktside-boks{display:flex;flex-direction:column;gap:5px}
.abo-punktside{font-size:12px;line-height:1.2;color:var(--m-2)}
.abo-punktside-tekst{font-style:normal;color:var(--m-3);font-size:12.5px;margin-left:4px}
.abo-punktside-boks .abo-punktbilde img{border:1px solid var(--m-linje)}

/* tydelig ulest melding fra kunde */
html.mono [data-n="meldinger"]:not(:empty){opacity:1;background:var(--m-blekk);color:#fff;border-radius:999px;padding:1px 7px;font-weight:600;font-size:11px;line-height:16px;margin-left:4px}
html.mono .ny-melding{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--m-linje-2);border-radius:14px;padding:14px 16px;margin:0 0 20px;box-shadow:none}
html.mono .ny-melding-prikk{flex:none;width:10px;height:10px;border-radius:50%;background:var(--m-blekk);box-shadow:0 0 0 4px var(--m-fyll)}
html.mono .ny-melding-tekst{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
html.mono .ny-melding-tekst b{font-size:15px;font-weight:600;color:var(--m-blekk)}
html.mono .ny-melding-tekst span{font-size:14px;color:var(--m-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:600px){html.mono .ny-melding{flex-wrap:wrap}html.mono .ny-melding .knapp{width:100%}}
/* mobil: ulest-merket på Meldinger i bunnmenyen, svart rund prikk med hvitt tall øverst til høyre */
html.mono .bunnmeny .bm-knapp .n[data-n="meldinger"]:not(:empty),html.mono .bunnmeny .bm-knapp:is([aria-current="page"],.aktiv) .n[data-n="meldinger"]:not(:empty){background:var(--m-blekk);color:#fff;opacity:1;min-width:18px;height:18px;border-radius:999px;padding:0 5px;line-height:18px;text-align:center;top:2px;right:calc(50% - 38px);font-size:11px;font-weight:600;box-shadow:0 0 0 2px #fff}
/* .html-fil lagt ved en versjon («Prøv nettsiden») */
html.mono .nv-bilder .nv-htm{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--m-2);white-space:nowrap}
html.mono .nv-bilder .nv-hnavn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* sidene (mappeopplasting): knapper øverst for å hoppe mellom Forside, Dame, Produktside … */
html.mono .rv-sider{flex:none;display:flex;gap:8px;overflow-x:auto;padding:10px 16px;background:#fff;border-bottom:1px solid var(--m-linje);scrollbar-width:none;-webkit-overflow-scrolling:touch}
html.mono .rv-sider::-webkit-scrollbar{display:none}
html.mono .rv-sider:empty{display:none}
html.mono .rv-side{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 16px;border:1px solid var(--m-linje-2);border-radius:999px;background:#fff;color:var(--m-2);font:inherit;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s}
@media (hover:hover) and (pointer:fine){html.mono .rv-side:hover{background:var(--m-hover);color:var(--m-blekk)}}
html.mono .rv-side[aria-pressed="true"]{background:var(--m-fyll);color:var(--m-blekk);font-weight:600}
html.mono .rv-side b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--m-blekk);color:#fff;font-size:11px;font-weight:600;line-height:18px}
/* én side delt i flere bilder (mappeopplasting): bildene skjøtes sammen uten navn og mellomrom */
html.mono .rv-rull.skjoet{gap:0}
html.mono .rv-rull.skjoet .rv-bilde{border-radius:0;box-shadow:-1px 0 0 var(--m-linje),1px 0 0 var(--m-linje)}
html.mono .rv-rull.skjoet .rv-bilde+.rv-bilde{margin-top:-1px}
html.mono .rv-rull.skjoet .rv-bilde figcaption{display:none}
html.mono .rv-rull.skjoet .rv-bilde:first-child{border-radius:8px 8px 0 0;box-shadow:-1px 0 0 var(--m-linje),1px 0 0 var(--m-linje),0 -1px 0 var(--m-linje)}
html.mono .rv-rull.skjoet .rv-bilde:last-child{border-radius:0 0 8px 8px;box-shadow:-1px 0 0 var(--m-linje),1px 0 0 var(--m-linje),0 1px 0 var(--m-linje)}
html.mono .rv-rull.skjoet .rv-bilde:only-child{border-radius:8px;box-shadow:0 0 0 1px var(--m-linje)}
html.mono .rv-rull.skjoet .rv-bilde:first-child img{border-radius:8px 8px 0 0}
html.mono .rv-rull.skjoet .rv-bilde:last-child img{border-radius:0 0 8px 8px}
html.mono .rv-rull.skjoet .rv-bilde:not(:first-child):not(:last-child) img{border-radius:0}
/* «Prøv nettsiden»: tydelig, svart knapp i toppen og stor knapp øverst i panelet */
html.mono .rv-topp .rv-prov{background:var(--m-blekk);color:#fff !important;border:1px solid var(--m-blekk);border-radius:999px;min-height:40px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;line-height:1}
html.mono .rv-topp .rv-prov .lang::before{content:"▶ ";font-size:11px}
@media (hover:hover) and (pointer:fine){html.mono .rv-topp .rv-prov:hover{background:#2C2C2E;border-color:#2C2C2E}}
html.mono .rv-topp .rv-prov .kort{font-size:14px}
html.mono .rv-provboks{display:flex;flex-direction:column;gap:8px;padding:16px;border-bottom:1px solid var(--m-linje)}
html.mono .rv-provboks .rv-provstor{width:100%;min-height:48px;justify-content:center;font-size:15px;display:inline-flex;align-items:center;gap:8px}
html.mono .rv-provboks p{margin:0;font-size:13px;color:var(--m-2)}
/* oppfølging av forrige versjon: hvert punkt er et eget kort med «Dere skrev», «William svarte» og valget til kunden */
html.mono .rv-fra-forrige{background:var(--m-hover);padding:16px;gap:10px}
html.mono .rv-fra-forrige .rv-liste{display:flex;flex-direction:column;gap:12px !important;border-top:0 !important;padding:4px 0 6px}
html.mono .rv-fra-forrige .rv-fkort{display:flex !important;flex-direction:column;align-items:stretch !important;gap:12px !important;background:#fff !important;border:1px solid var(--m-linje-2) !important;border-radius:14px !important;padding:14px !important;opacity:1}
html.mono .rv-fhode{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html.mono .rv-fhode .rv-sted{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--m-blekk)}
html.mono .rv-flabel{display:block;font-size:12px;font-weight:600;color:var(--m-2);margin:0 0 4px}
html.mono .rv-fblokk p{margin:0}
html.mono .rv-fblokk.dere .rv-ktekst{font-size:16px;font-weight:500;color:var(--m-blekk);line-height:1.4}
html.mono .rv-fblokk.dere .rv-utsnitt-vert{margin-top:10px;max-width:260px}
html.mono .rv-fblokk.dere .rv-utsnitt-vert figcaption{font-size:12px;color:var(--m-2)}
html.mono .rv-fblokk.william{background:var(--m-fyll);border-radius:10px;padding:10px 12px}
html.mono .rv-fblokk.william p{font-size:14px;color:var(--m-blekk);line-height:1.4}
html.mono .rv-fblokk.valg{border-top:1px solid var(--m-linje);padding-top:12px}
html.mono .rv-fblokk.valg .rv-fvalg{margin-top:2px}
html.mono .rv-fblokk.valg .rv-fknapp{min-height:44px}
html.mono .rv-fra-forrige .rv-fe{margin:0}
/* Meldinger: kunder uten samtale ligger samlet under «Ny samtale» (25. okt) */
html.mono .ml-ny{margin-top:16px;background:var(--m-kort);border:1px solid var(--m-linje);border-radius:var(--m-r-2)}
html.mono .ml-ny summary{list-style:none;cursor:pointer;padding:14px 16px;font-size:var(--m-t-2);font-weight:600;color:var(--m-blekk);display:flex;gap:8px;align-items:baseline;min-height:var(--m-trykk);box-sizing:border-box}
html.mono .ml-ny summary::-webkit-details-marker{display:none}
html.mono .ml-ny summary::after{content:"⌄";margin-left:auto;color:var(--m-3);font-weight:400}
html.mono .ml-ny[open] summary::after{content:"⌃"}
html.mono .ml-ny summary .hint{font-weight:400;font-size:var(--m-t-2);color:var(--m-2)}
html.mono .ml-ny-liste{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}
/* felt som har sin egen mørke kant ved fokus, får ikke i tillegg den svarte rammen (dobbel ring), 25. okt */
html.mono :is(.ka-ny-felt input,.ka-ny-felt textarea,.spokfelt textarea,.rv-skriv textarea,.rv-nyfelt textarea,.fd-skriv textarea,.tr-skriv textarea,.sm-ordfelt input,.sm-linjefelt,.sm-refny input):focus-visible{outline:none}
/* kundens versjon: «Send» skjules når det ikke er noe å sende (25. okt) */
html.mono .rv-bunn [data-sendalle][hidden]{display:none}
/* kundens versjon på mobil: knappen som avslutter jobben ligger alltid nederst, også når listen er lukket */
.rv-hurtigbunn,.rv-handtak-pil{display:none}
@media (max-width:820px){
  html.mono .rv-meny:not(.apen) > .rv-hurtigbunn{display:block;padding:0 16px calc(12px + env(safe-area-inset-bottom,0px))}
  html.mono .rv-hurtigbunn .knapp{width:100%;min-height:48px;justify-content:center;font-size:var(--m-t-3)}
  html.mono .rv-handtak-pil{display:inline;color:var(--m-3);font-weight:400}
  html.mono .rv.rv-hurtig .rv-meny:not(.apen){height:auto}
  html.mono .rv.rv-hurtig .rv-rull{padding-bottom:170px}
  html.mono .rv.rv-hurtig .rv-pop,html.mono .rv.rv-hurtig .rv-pop.hoyre{bottom:136px}
}
/* ---------- Fase 2 (25. okt): kundeprofilen ---------- */
/* knappene i toppen ligger i én ⋯-meny øverst til høyre */
html.mono .profilhode{overflow:visible}
html.mono .profilhode .knapper.ph-mer{position:absolute;top:16px;right:16px;width:auto;order:0;z-index:5;display:block}
html.mono .ph-mer>summary{list-style:none;min-width:var(--m-trykk);min-height:var(--m-trykk);padding:0 12px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;cursor:pointer;letter-spacing:1px}
html.mono .ph-mer>summary::-webkit-details-marker{display:none}
html.mono .ph-mer[open]>summary{background:var(--m-fyll);border-color:var(--m-linje-2)}
html.mono .ph-mer-meny{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--m-kort);border:1px solid var(--m-linje-2);border-radius:var(--m-r-2);padding:6px;display:flex;flex-direction:column;gap:2px}
html.mono .ph-mer-meny .knapp{width:100%;justify-content:flex-start;background:transparent;border-color:transparent;min-height:var(--m-trykk);border-radius:var(--m-r-1);font-weight:500}
@media (hover:hover) and (pointer:fine){html.mono .ph-mer-meny .knapp:hover{background:var(--m-hover)}}
html.mono .profilhode .tekst{padding-right:56px}
/* hva kunden ser nå: én stille linje under kontaktinfo, ikke en egen boks */
html.mono .ph-ser{flex-basis:100%;margin:0;font-size:var(--m-t-2);color:var(--m-2)}
html.mono .ph-ser b{color:var(--m-blekk);font-weight:600}
/* startvalgene når løpet finnes: små knapper på én rad */
html.mono #p-verktoy .lp-lagny.kompakt{display:flex;flex-wrap:wrap;gap:8px}
html.mono #p-verktoy:has(.kompakt){background:transparent;border:0;padding:0}
html.mono #p-pakke:empty,html.mono #p-verktoy:empty{display:none}
/* fanene får plass på mobil */
@media (max-width:480px){
  html.mono .pfaner>button{padding:9px 10px;font-size:var(--m-t-2)}
  html.mono .pfaner .pf-sjelden{padding-left:4px}
  html.mono .pfaner .pf-sjelden button{padding:9px 8px}
}
/* «Ny versjon» og «Send til kunden»: boks midt på skjermen, ikke sidemeny (fase 2, 25. okt) */
#nvvert.midt .skuff{top:50%;left:50%;right:auto;bottom:auto;width:min(600px,calc(100% - 32px));height:auto;max-height:min(760px,calc(100dvh - 32px));translate:-50% -50%;border:1px solid var(--m-linje,var(--m-linje));border-radius:18px;overflow:hidden;padding:0;box-shadow:0 1px 2px rgba(0,0,0,.04),0 24px 64px -12px rgba(0,0,0,.22)}
@starting-style{#nvvert.midt .skuff{translate:-50% calc(-50% + 12px);opacity:0}}
#nvvert.midt .skygge{background:rgba(0,0,0,.28)}
#nvvert.midt .skuff>header{padding:22px 22px 14px;border-bottom:0}
#nvvert.midt .skuffkropp{padding:6px 22px 22px;gap:16px}
#nvvert.midt .skuffbunn{padding:14px 22px}
/* trykkflater på telefon og nettbrett: minst 44 px høye knapper (Apple), fase 2, 25. okt */
@media (max-width:640px),(pointer:coarse){html.mono .knapp,html.mono .knapp.liten{min-height:var(--m-trykk)}}
/* «+N til» under oppgavene til en kunde i «Gjør nå» */
html.mono .gn-flere{margin:0 0 8px;padding:0 16px;min-height:var(--m-trykk);font-size:var(--m-t-2)}
/* ---------- Fase 3 (25. okt) ---------- */
/* løp-boksen: flytting og nye steg vises bare i «Endre løpet» */
html.mono .lopboks:not(.endre) :is(.lp-hand,.lp-pil,.lp-mellom,.lp-leggtil,.lp-dra-hint,.lp-apen-ferdig [data-stegny],#p-lev header [data-stegny]){display:none}
/* Avtrykk Måned for kunden: hilsen øverst, ferdig prosjekt som lenke nederst */
html.mono .ka-hei{max-width:880px;margin:clamp(20px,3vw,36px) auto 0}
html.mono .ka-hei h1{margin:0;font-size:var(--m-t-6);font-weight:600;letter-spacing:-.022em;color:var(--m-blekk)}
html.mono .ka-hei p{margin:6px 0 0;font-size:var(--m-t-3);color:var(--m-2)}
html.mono .ka-hei + .ka{margin-top:20px}
html.mono .ka-prosjekt-lenke{max-width:880px;margin:16px auto 0;background:var(--m-kort);border:1px solid var(--m-linje);border-radius:var(--m-r-2)}
html.mono .ka-prosjekt-lenke>summary{list-style:none;cursor:pointer;padding:14px 16px;min-height:var(--m-trykk);box-sizing:border-box;display:flex;align-items:center;font-size:var(--m-t-3);font-weight:600;color:var(--m-blekk)}
html.mono .ka-prosjekt-lenke>summary::-webkit-details-marker{display:none}
html.mono .ka-prosjekt-lenke>summary::after{content:"›";margin-left:auto;color:var(--m-3);font-weight:400;transition:transform .2s}
html.mono .ka-prosjekt-lenke[open]>summary::after{transform:rotate(90deg)}
html.mono .ka-prosjekt-lenke .ka-prosjekt{margin:0;padding:0 16px 16px;border:0}
html.mono .ka-prosjekt-lenke .ka-prosjekt-tittel{display:none}
/* Salg: de fem kolonnene får plass på PC; på mobil ruller tavlen sidelengs som før */
@media (min-width:900px){html.mono .tavle{grid-auto-columns:minmax(0,1fr)}}
/* ---------- Del 6 (25. okt) ---------- */
/* «Last opp versjon» rett under kortet i Arbeid */
html.mono .lop-rute-vert{display:flex;flex-direction:column;gap:8px;min-width:0}
html.mono .lop-rute-vert .lop-rute-knapp{width:100%;justify-content:center}
/* bare kønummeret øverst på kortene; det speilvendte nummeret nederst er tatt bort (Del 6, 25. okt). Angre: slett regelen. */
html.mono :is(.abo-rute-nr.bunn,.ka-nr.bunn){display:none}
/* søk på Kunder-siden */
html.mono .kk-sok{margin-top:8px}
html.mono .kk-sok input{width:100%;max-width:420px;box-sizing:border-box;font:inherit;font-size:var(--m-t-3);color:var(--m-blekk);background:var(--m-kort);border:1px solid var(--m-linje-2);border-radius:var(--m-r-1);padding:10px 14px;min-height:var(--m-trykk)}
html.mono .kk-sok input:focus-visible{outline:none;border-color:var(--m-blekk)}
html.mono .kk-tom{margin:12px 0 0}
html.mono :is(.kk,.kk-gruppe,.kk-tom)[hidden]{display:none}
/* PC-menyen: Logg og Maler under «Mer» (Del 6, 25. okt) */
@media (min-width:721px){html.mono .meny .faner{overflow:visible}}
html.mono .fane-mer{position:relative}
html.mono .fane-mer>summary{list-style:none;cursor:pointer}
html.mono .fane-mer>summary::-webkit-details-marker{display:none}
html.mono .fane-mer>summary span{font-size:11px;color:var(--m-3);margin-left:2px}
html.mono .fane-mer>summary.pa{background:var(--m-fyll);color:var(--m-blekk)}
html.mono .fane-mer-meny{position:absolute;right:0;top:calc(100% + 6px);min-width:200px;background:var(--m-kort);border:1px solid var(--m-linje-2);border-radius:var(--m-r-2);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:50}
html.mono .fane-mer-meny .fane{width:100%;justify-content:flex-start;text-align:left}
/* kommentararket på mobil: tydeligere håndtak som er lett å dra (26. okt) */
@media (max-width:820px){
  html.mono .rv-handtak{min-height:56px;padding:20px 18px 12px;font-size:var(--m-t-3);display:flex;align-items:center;gap:8px;touch-action:none;cursor:grab;user-select:none}
  html.mono .rv-handtak::before{width:48px;height:5px;top:8px;margin-left:-24px;background:var(--m-linje-2)}
  html.mono .rv-handtak-pil{display:inline-flex;margin-left:auto;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:var(--m-fyll);color:var(--m-blekk);font-size:14px;transition:transform .25s}
  html.mono .rv-meny.apen .rv-handtak-pil{transform:rotate(180deg)}
  html.mono .rv-meny{border-top:1px solid var(--m-linje-2)}
}
/* «Prøv nettsiden» i bunnlinjen på mobil, ved siden av hovedknappen (26. okt) */
@media (max-width:820px){
  html.mono .rv-meny:not(.apen) > .rv-hurtigbunn{display:flex;gap:8px}
  html.mono .rv-hurtigbunn .knapp{flex:1}
  html.mono .rv-hurtigbunn .rv-prov-bunn{flex:0 0 auto;background:var(--m-kort);color:var(--m-blekk) !important;border:1px solid var(--m-linje-2);border-radius:var(--m-r-pille);padding:0 18px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-decoration:none}
  html.mono .rv-hurtigbunn .rv-prov-bunn .lang{display:none}
  html.mono .rv-hurtigbunn .rv-prov-bunn .kort{display:inline}
}
@media (max-width:820px){
  html.mono .rv-hurtigbunn .knapp{width:auto;min-width:0}
  html.mono .rv-hurtigbunn .rv-prov-bunn{flex:0 0 auto;width:auto}
}
/* prøvesiden: «Gå gjennom» nederst fører til skjermbildene (26. okt) */
html.mono .rv-provbunn{flex:none;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--m-linje);background:var(--m-kort);display:flex;justify-content:center}
html.mono .rv-provbunn .knapp{width:100%;max-width:420px;min-height:48px;justify-content:center;font-size:var(--m-t-3)}
/* kundesiden: «Klar for dere» er grønn (26. okt) */
html.mono body.kunde .pille.rod{background:var(--m-gronn);color:var(--m-gronn-tekst);border-color:transparent}
/* Rydd lageret (26. okt): filer som ingenting bruker, per kunde og opplasting */
html.mono .rl-sum{margin:0;font-size:var(--m-t-4);font-weight:600;color:var(--m-blekk)}
html.mono .rl-sum+.hint{margin:4px 0 0}
html.mono .rl-kunde h3{margin:0 0 8px;font-size:var(--m-t-2);font-weight:500;color:var(--m-2)}
html.mono .rl-liste{list-style:none;margin:0;padding:0;border:1px solid var(--m-linje);border-radius:var(--m-r-2);background:var(--m-kort)}
html.mono .rl-rad{display:flex;align-items:center;gap:14px;padding:12px 14px}
html.mono .rl-rad+.rl-rad{border-top:1px solid var(--m-linje)}
html.mono .rl-tomler{display:flex;flex:none;width:82px}
html.mono .rl-tomler>span:first-child{margin-left:0}
html.mono .rl-tomler>span{width:34px;height:46px;margin-left:-10px;border:1px solid var(--m-linje-2);border-radius:6px;background:var(--m-fyll);overflow:hidden;box-shadow:0 0 0 2px var(--m-kort);display:flex;align-items:center;justify-content:center}
html.mono .rl-tomler img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
html.mono .rl-type{font-size:9px;font-weight:600;letter-spacing:.04em;color:var(--m-2)}
html.mono .rl-tekst{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
html.mono .rl-tekst b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.mono .rl-tekst span{font-size:var(--m-t-2);color:var(--m-2)}
html.mono .rl-tom{text-align:center;padding:28px 0 12px}
/* «Be om» (26. okt): valg av tjeneste, «Tilganger» i profilen og kundens dialog */
html.mono .bo-valg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (max-width:480px){html.mono .bo-valg{grid-template-columns:repeat(2,minmax(0,1fr))}}
html.mono .bo-tjeneste{min-height:var(--m-trykk);padding:10px 12px;border:1px solid var(--m-linje-2);border-radius:var(--m-r-1);background:var(--m-kort);color:var(--m-blekk);font:inherit;font-size:var(--m-t-3);text-align:left;cursor:pointer}
html.mono .bo-tjeneste:hover{background:var(--m-hover)}
html.mono .bo-tjeneste[aria-pressed="true"]{border-color:var(--m-blekk);box-shadow:inset 0 0 0 1px var(--m-blekk)}
#p-tilgang.panel:empty{display:none}
html.mono #p-tilgang>header{padding:20px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}
html.mono #p-tilgang>header h3{margin:0;font-size:15px;font-weight:600;letter-spacing:-.012em;color:var(--m-blekk)}
html.mono #p-tilgang>.innhold{padding:4px 0 16px}
html.mono .tg-liste{list-style:none;margin:0;padding:0}
html.mono .tg-rad{display:flex;align-items:center;gap:12px;padding:12px 0}
html.mono .tg-rad+.tg-rad{border-top:1px solid var(--m-linje)}
html.mono .tg-rad:first-child{padding-top:0}
html.mono .tg-tekst{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
html.mono .tg-tekst b{font-weight:500}
html.mono .tg-tekst span{font-size:var(--m-t-2);color:var(--m-2)}
html.mono .tg-knapper{display:flex;gap:6px;flex:none}
html.mono .tg-felt{display:flex;flex-direction:column;gap:6px}
html.mono .tg-verdi{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 12px;border:1px solid var(--m-linje-2);border-radius:var(--m-r-1);background:var(--m-kort)}
html.mono .tg-verdi code{flex:1;min-width:0;overflow-wrap:anywhere;font:500 var(--m-t-3)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--m-blekk);background:none;padding:0}
html.mono .tg-notat{margin:0;color:var(--m-blekk)}
html.mono .tg-melding{margin:0;padding:12px 14px;border:1px solid var(--m-linje);border-radius:var(--m-r-1);background:var(--m-fyll);color:var(--m-blekk)}
html.mono .tg-melding span{display:block;margin-top:4px;font-size:var(--m-t-2);color:var(--m-2)}
html.mono .tg-steg{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;color:var(--m-blekk);line-height:1.5}
html.mono .tg-passord{display:flex;gap:8px;align-items:center}
html.mono .tg-passord input{flex:1;min-width:0}
html.mono #tg .fd-kort>*+*{margin-top:16px}
html.mono #tg .fd-kort>h1+*{margin-top:20px}
/* smaksprofilen øverst (26. okt): stegnavnet og fremdriftslinjen var hvite på hvitt (arv fra det mørke temaet).
   Ferdige og nåværende del er svarte, resten grå, så kunden ser hvor langt de har kommet. */
html.mono .sm-steg{color:var(--m-2)}
html.mono .sm-steg b{color:var(--m-blekk)}
html.mono .sm-linje i{background:var(--m-linje-2)}
html.mono .sm-linje i.ferdig,html.mono .sm-linje i.na{background:var(--m-blekk)}
/* smaksprofilen (26. okt): «← Tilbake» var svart som «Neste». Én svart knapp per skjerm: Tilbake er hvit med tynn kant. */
html.mono #smak .knapp.sm-tilbakeknapp{background:var(--m-kort);color:var(--m-blekk);border-color:var(--m-linje-2)}
@media (hover:hover){html.mono #smak .knapp.sm-tilbakeknapp:hover{background:var(--m-hover);border-color:var(--m-linje-2)}}
/* «Stemmer dette?» (26. okt): oppsummeringen er en liste med én linje per tema, ikke ett langt avsnitt */
html.mono .sm-oppsum-liste{list-style:none;margin:16px 0 0;padding:0;text-align:left}
html.mono .sm-oppsum-liste li{padding:10px 0;border-top:1px solid var(--m-linje);font-size:var(--m-t-3);line-height:1.5;color:var(--m-blekk)}
html.mono .sm-oppsum-liste li:first-child{border-top:0;padding-top:0}
/* smaksprofilen i Oppdragsboka (26. okt): oppsummeringen som liste, og «Unngå» samlet øverst */
html.mono .smo-liste{list-style:none;margin:0}
html.mono .smo-liste li{padding:6px 0;border-top:1px solid var(--m-linje)}
html.mono .smo-liste li:first-child{border-top:0;padding-top:0}
html.mono .smo-liste li:last-child{padding-bottom:0}
html.mono .smo-unnga{background:var(--m-fyll);border-radius:var(--m-r-1);padding:10px 14px;font-size:var(--m-t-2);color:var(--m-blekk)}
html.mono .smo-unnga ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
html.mono .smo-unnga li span{display:inline-block;min-width:84px;color:var(--m-2)}
/* smaksprofilen, fonter (26. okt): navnet stort og kundens egne ord under, i samme font. Kortet vises først når fonten er lastet. */
html.mono .sm-fontkort{gap:14px;padding:28px 20px;background:var(--m-kort);border:1px solid var(--m-linje);border-radius:var(--m-r-2);align-content:center;justify-items:center}
html.mono .sm-fontkort>span{transition:opacity .16s ease}
html.mono .sm-fontsetning{font-size:var(--m-t-4);line-height:1.35;color:var(--m-2);text-align:center;transition:opacity .16s ease}
html.mono .sm-fontkort.venter>span,html.mono .sm-fontkort.venter .sm-fontsetning{opacity:0}
@media (prefers-reduced-motion:no-preference){html.mono .sm-avtrykk{animation-duration:.22s}}
/* smaksprofilen, former (26. okt): små nettsider tegnet i formspråket */
html.mono .sm-form{aspect-ratio:320/220;width:min(100%,520px);border:1px solid var(--m-linje);border-radius:var(--m-r-2);background:var(--m-kort);overflow:hidden}
/* smaksprofilen, farger (26. okt): eksempelet er en rolig liten nettside med fargestripe under */
html.mono .sm-pal.sm-mood{min-height:0;border:1px solid var(--m-linje);border-radius:var(--m-r-2);background:var(--m-kort);display:flex;flex-direction:column;overflow:hidden}
html.mono .sm-mood-side{padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px}
html.mono .sm-mood-nav{display:flex;align-items:center;gap:7px}
html.mono .sm-mood-nav span{font-size:15px;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.mono .sm-mood-nav i{width:16px;height:3px;border-radius:2px;background:currentColor;opacity:.35}
html.mono .sm-mood-helt{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;border-radius:10px;padding:14px;min-height:120px}
html.mono .sm-mood-tekst{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}
html.mono .sm-mood-tekst b{font-size:20px;line-height:1.1;font-weight:500}
html.mono .sm-mood-tekst>i{display:block;height:5px;width:88%;border-radius:3px;background:currentColor;opacity:.2}
html.mono .sm-mood-tekst>i.kort{width:58%}
html.mono .sm-mood-knapp{align-self:flex-start;margin-top:4px;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.2}
html.mono .sm-mood-bilde{position:relative;overflow:hidden;border-radius:8px;min-height:92px}
html.mono .sm-mood-bilde i{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;right:-10%;bottom:-16%}
html.mono .sm-mood-kort{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
html.mono .sm-mood-kort i{position:relative;display:block;height:34px;border-radius:6px}
html.mono .sm-mood-kort b{position:absolute;left:8px;bottom:8px;width:40%;height:4px;border-radius:2px}
html.mono .sm-mood-stripe{display:flex;height:22px}
html.mono .sm-mood-stripe i{display:block;height:100%}
html.mono .sm-mood.stor .sm-mood-tekst b{font-size:24px}
html.mono .sm-mood.stor .sm-mood-helt{min-height:150px}
html.mono .sm-palvalg .sm-mood{height:100%}
/* startvalget: et lite bilde og to korte linjer per valg */
html.mono .sm-utgang-ny{grid-template-columns:1fr;gap:10px}
html.mono .sm-utgang-ny .sm-utgangkort{flex-direction:row;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--m-linje);border-radius:var(--m-r-2);background:var(--m-kort);min-height:var(--m-trykk)}
html.mono .sm-ut-tekst{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}
html.mono .sm-ut-tekst b{font-size:var(--m-t-4);font-weight:600;color:var(--m-blekk)}
html.mono .sm-ut-tekst span{font-size:var(--m-t-2);color:var(--m-2)}
html.mono .sm-ut-vis{flex:none;width:64px;height:44px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:var(--m-r-1);background:var(--m-fyll)}
html.mono .sm-ut-vis i{display:block;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
html.mono .sm-ut-vis.logo b{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;margin-right:4px}
html.mono .sm-ut-vis.logo b i{width:7px;height:7px}
html.mono .sm-ut-vis.prikker i{width:16px;height:16px;margin-left:-6px}
html.mono .sm-ut-vis.prikker i:first-child{margin-left:0}
html.mono .sm-ut-vis.striper{flex-direction:column;gap:3px}
html.mono .sm-ut-vis.striper b{display:flex;width:44px;height:8px;border-radius:2px;overflow:hidden}
html.mono .sm-ut-vis.striper b i{flex:1;width:auto;height:100%;border-radius:0;box-shadow:none}
@media (hover:hover){html.mono .sm-utgang-ny .sm-utgangkort:hover{background:var(--m-hover)}}
/* «Deres palett»: rollene ligger bak «Juster fargene» */
html.mono .sm-finjuster{margin-top:4px;border-top:1px solid var(--m-linje);padding-top:8px}
html.mono .sm-finjuster>summary{cursor:pointer;list-style:none;font-weight:600;color:var(--m-blekk);padding:10px 0;min-height:var(--m-trykk);display:flex;align-items:center}
html.mono .sm-finjuster>summary::-webkit-details-marker{display:none}
html.mono .sm-finjuster>summary::after{content:'⌄';margin-left:8px;color:var(--m-2)}
html.mono .sm-finjuster[open]>summary::after{content:'⌃'}
/* smaksprofilen, bildestil (26. okt): tre bilder per stil i en rolig collage (ett stort, to små) */
html.mono .sm-bilde.sm-collage{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:4/3;width:min(100%,560px);border:1px solid var(--m-linje);border-radius:var(--m-r-2);overflow:hidden;background:var(--m-fyll)}
html.mono .sm-collage .sm-rute{position:relative;overflow:hidden;min-height:0;background:var(--m-fyll)}
html.mono .sm-collage .sm-rute:first-child{grid-row:1/3}
html.mono .sm-collage img,html.mono .sm-collage svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* bilde på kortene (26. okt): løp, leveringer og oppgaver viser det nyeste bildet i stedet for forbokstaven */
html.mono :is(.abo-rute-bilde,.ka-oppg-bilde) img.hoy{object-position:top center}
html.mono .lop-rute .abo-rute-bilde:has(img) .lop-rute-bar{left:8px;right:8px;bottom:8px;padding:6px 7px;border-radius:6px;background:rgba(255,255,255,.94);box-shadow:0 1px 3px rgba(0,0,0,.1)}
html.mono :is(.abo-rute-bilde,.ka-oppg-bilde):has(img)::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);pointer-events:none}
/* kundekortet (26. okt): uten logo fyller det nyeste bildet feltet */
html.mono .kk-bilde .kk-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;outline:1px solid rgba(0,0,0,.06);outline-offset:-1px}
html.mono .kk-bilde .kk-foto.hoy{object-position:top center}
/* ---------- Besøksanalyse (26. okt) ----------
   Kundesiden: statistikken i «Nettsiden deres». Oppdragsboka: «Besøk» på Oversikt og boksen «Siden er live».
   Søylene er én serie: grå, i dag og denne måneden lysere (ikke ferdige), forrige hele måned mørk. Tynne mellomrom, ingen kanter. */
/* «Nettsiden deres» på kundesiden: nettside-ikon, domene, status (grønn pille) og driftspakke. «Se statistikk» åpner tallene i boksen. */
html.mono .nb{max-width:760px;margin:16px auto 0;background:var(--m-kort);border:1px solid var(--m-linje);border-radius:18px;padding:clamp(18px,3vw,24px);display:flex;flex-direction:column;gap:18px;color:var(--m-blekk);text-align:left}
/* øverst på kundesiden (der «Ferdig»-kortet sto): samme flate som hovedkortet og meldingsboksen under */
html.mono .nk-vert>.nb{margin:0;border-color:transparent;border-radius:14px;box-shadow:0 30px 70px rgba(13,13,15,.18)}
html.mono .ka-side .nb{max-width:880px}
html.mono .nb-hode{display:flex;align-items:center;gap:14px;min-width:0}
html.mono .nb-ikon{flex:none;width:52px;height:52px;border-radius:14px;background:var(--m-fyll);display:grid;place-items:center;color:var(--m-blekk)}
html.mono .nb-ikon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html.mono .nb-navn{display:flex;flex-direction:column;gap:2px;min-width:0}
html.mono .nb-etikett{font-size:var(--m-t-2);color:var(--m-2)}
html.mono .nb-navn :is(h2,h3){margin:0;font-size:var(--m-t-5);font-weight:600;letter-spacing:-.02em;line-height:1.2;overflow-wrap:anywhere}
html.mono .nb-navn :is(h2,h3) a{color:inherit;text-decoration:none;display:inline-block;padding:9px 0;margin:-9px 0}
@media (hover:hover){html.mono .nb-navn :is(h2,h3) a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}}
html.mono .nb-pil{margin-left:6px;font-size:var(--m-t-4);font-weight:400;color:var(--m-3)}
html.mono .nb-info{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--m-linje)}
html.mono .nb-info>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;border-bottom:1px solid var(--m-linje)}
html.mono .nb-info dt{font-size:var(--m-t-3);color:var(--m-2)}
html.mono .nb-info dd{margin:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;min-width:0}
html.mono .nb-pille{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:var(--m-r-pille);background:var(--m-fyll);font-size:var(--m-t-2);font-weight:500;color:var(--m-blekk);white-space:nowrap}
html.mono .nb-pille.gronn{background:var(--m-gronn);color:var(--m-gronn-tekst)}
html.mono .nb-pille.gronn i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(30,123,60,.15)}
html.mono .nb-hint{font-size:var(--m-t-1);color:var(--m-2)}
html.mono .nb-lenke{border:0;background:none;padding:0;min-height:var(--m-trykk);font:inherit;font-size:var(--m-t-2);color:var(--m-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}
@media (hover:hover){html.mono .nb-lenke:hover{color:var(--m-blekk)}}
html.mono .nb-apne{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:var(--m-trykk);border:1px solid var(--m-linje-2);border-radius:var(--m-r-pille);background:var(--m-kort);font:inherit;font-size:var(--m-t-3);font-weight:500;color:var(--m-blekk);cursor:pointer}
@media (hover:hover){html.mono .nb-apne:hover{background:var(--m-hover)}}
html.mono .nb-apne svg{transition:transform .2s var(--m-ease)}
html.mono .nb.apen .nb-apne svg{transform:rotate(180deg)}
html.mono .nb-stat{display:flex;flex-direction:column;gap:16px;padding-top:2px}
html.mono .nb-stat[hidden]{display:none}
html.mono .ba-tom{margin:0;font-size:var(--m-t-3);color:var(--m-2)}
html.mono .ba-tom b{color:var(--m-blekk);font-weight:500}
html.mono .ba-fliser{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
html.mono .ba-flis{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;border-radius:var(--m-r-2);background:var(--m-fyll)}
html.mono .ba-f-etikett{font-size:var(--m-t-2);color:var(--m-2)}
html.mono .ba-f-tall{font-size:var(--m-t-5);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--m-blekk)}
html.mono .ba-f-endring{font-size:var(--m-t-1);color:var(--m-2);overflow-wrap:anywhere}
html.mono .ba-stolper{margin:0;display:flex;flex-direction:column;gap:6px}
html.mono .ba-s-rad{display:flex;align-items:flex-end;gap:2px;height:64px}
html.mono .ba-stolper.mnd .ba-s-rad{height:96px;padding-top:18px;gap:6px}
html.mono .ba-s{flex:1 1 0;min-width:0;max-width:24px;height:100%;display:flex;align-items:flex-end;justify-content:center}
html.mono .ba-stolper.mnd .ba-s{max-width:none}
html.mono .ba-s i{display:block;width:100%;max-width:24px;min-height:0;background:var(--m-3);border-radius:4px 4px 0 0;position:relative;font-style:normal}
html.mono .ba-s.lys i{background:var(--m-linje-2)}
html.mono .ba-s.uthev i{background:var(--m-blekk)}
html.mono .ba-s i b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding-bottom:3px;font-size:var(--m-t-1);font-weight:600;color:var(--m-blekk);white-space:nowrap}
@media (hover:hover){html.mono .ba-s:hover i{background:var(--m-2)}html.mono .ba-s.uthev:hover i{background:var(--m-blekk)}}
html.mono .ba-s-akse{display:flex;justify-content:space-between;gap:2px;font-size:var(--m-t-1);color:var(--m-3)}
html.mono .ba-stolper.mnd .ba-s-akse{gap:6px}
html.mono .ba-stolper.mnd .ba-s-akse span{flex:1 1 0;min-width:0;text-align:center;overflow:hidden;white-space:nowrap}
html.mono .ba-del{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--m-linje)}
html.mono .ba-del h3{margin:0;font-size:var(--m-t-3);font-weight:600;letter-spacing:-.01em;color:var(--m-blekk)}
html.mono .ba-setning{margin:0;font-size:var(--m-t-3);color:var(--m-2)}
html.mono .ba-to{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
html.mono .ba-to>.ba-del{min-width:0}
html.mono .ba-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
html.mono .ba-liste li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;font-size:var(--m-t-3)}
html.mono .ba-l-navn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.mono .ba-l-tall{font-variant-numeric:tabular-nums;color:var(--m-2)}
html.mono .ba-l-spor{grid-column:1/-1;height:4px;border-radius:999px;background:var(--m-fyll);overflow:hidden}
html.mono .ba-l-spor i{display:block;height:100%;border-radius:999px;background:var(--m-3)}
html.mono .ba-william{flex-direction:row;align-items:flex-start;gap:12px}
html.mono .ba-william p{margin:4px 0 0;font-size:var(--m-t-3);color:var(--m-blekk);white-space:pre-line;overflow-wrap:anywhere}
html.mono .ba-las{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--m-linje);border-radius:var(--m-r-2);color:var(--m-2)}
html.mono .ba-las svg{flex:none;color:var(--m-3)}
html.mono .ba-las p{flex:1 1 220px;margin:0;font-size:var(--m-t-2)}
html.mono .ba-cookie{margin:0;font-size:var(--m-t-1)}
/* kartet (26. okt): Norge i lys grå, en mørk prikk per by med hvit ring (større = flere besøk), listen ved siden av (under på mobil) */
html.mono .ba-kart{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:20px;align-items:start}
@media (max-width:560px){html.mono .ba-kart{grid-template-columns:1fr}}
html.mono .ba-kart-svg{display:block;width:100%;max-width:280px;height:auto;margin:0 auto}
html.mono .ba-kart-land{fill:var(--m-linje);stroke:var(--m-linje-2);stroke-width:.8;stroke-linejoin:round}
html.mono .ba-kart-prikk{fill:var(--m-blekk);fill-opacity:.72;stroke:#fff;stroke-width:1}
html.mono .ba-kart-liste{display:flex;flex-direction:column;gap:16px;min-width:0}
html.mono .ba-kart-liste .etikett{display:block;margin-bottom:8px}
html.mono .ba-kart-liste .hint{margin:0;font-size:var(--m-t-1)}
html.mono .ba-kart-del>.etikett{display:block;margin-bottom:10px}
/* Oppdragsboka: «Besøk» på Oversikt, i samme boks som «Nettsiden deres» (.nb) */
#p-besok.panel:empty{display:none}
html.mono #p-besok.panel{border-top:0;padding:16px 0 8px}
html.mono #p-besok .nb{max-width:none;margin:0}
html.mono .nb-verktoy{display:flex;gap:8px;flex-wrap:wrap}
html.mono #p-besok .ba-to .etikett{display:block;margin-bottom:8px}
html.mono .ba-kom{display:flex;flex-direction:column;gap:8px}
html.mono .ba-kom-bunn{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
html.mono .ba-sjekk{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:var(--m-t-3);color:var(--m-blekk)}
html.mono .ba-sjekk code{font-size:var(--m-t-2);background:var(--m-fyll);border-radius:6px;padding:1px 5px}
html.mono .ba-skript{margin-top:12px}
html.mono .ba-skript code{font-size:var(--m-t-2)}
/* «Siden er live» på Lansering-steget */
html.mono .ba-liverad{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border:1px solid var(--m-linje);border-radius:var(--m-r-2);background:var(--m-kort)}
html.mono .ba-liverad>span{display:flex;flex-direction:column;gap:2px;min-width:0}
html.mono .ba-liverad b{font-weight:600}
html.mono .ba-liverad small{font-size:var(--m-t-2);color:var(--m-2);overflow-wrap:anywhere}
html.mono .ba-for{border-top:1px solid var(--m-linje);padding-top:12px}
html.mono .ba-for summary{cursor:pointer;font-size:var(--m-t-3);color:var(--m-2);min-height:32px;display:flex;align-items:center}
html.mono .ba-for-felt{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:10px}

/* ===== Passord for kundene (27. okt): innloggingssiden (.li-) og passordboksen på kundesiden (#kp, som #tg) ===== */
/* innloggingssiden: én smal kolonne midt på siden, feltene venstrestilt */
html.mono .li-skjema{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;text-align:left;margin-top:6px}
html.mono .li-felt{display:flex;flex-direction:column;gap:6px;min-width:0}
html.mono .li-felt>span:first-child{font-size:var(--m-t-2);font-weight:500;color:var(--m-2)}
html.mono .li-passord{display:flex;gap:8px;align-items:center}
html.mono .li-passord input{flex:1}
/* 16 px: iPhone forstørrer ikke siden når feltet får fokus */
html.mono :is(.li-felt,#kp .felt) input{width:100%;min-width:0;min-height:var(--m-trykk);padding:10px 14px;border:1px solid var(--m-linje-2);border-radius:10px;background:#fff;color:var(--m-blekk);font:inherit;font-size:16px}
html.mono :is(.li-felt,#kp .felt) input:focus{outline:none;border-color:var(--m-blekk)}
html.mono :is(.li-felt,#kp .felt) input[aria-invalid="true"]{border-color:var(--m-blekk);box-shadow:inset 0 0 0 1px var(--m-blekk)}
html.mono .li-skjema .knapp.stor{width:100%;justify-content:center;margin-top:4px}
html.mono :is(.li-status,.kp-feil){margin:0;font-size:var(--m-t-2);font-weight:600;color:var(--m-blekk)}
html.mono .li-lenke{border:0;background:none;padding:10px 4px;font:inherit;font-size:var(--m-t-3);color:var(--m-blekk);cursor:pointer}
@media (hover:hover) and (pointer:fine){html.mono .li-lenke:hover{text-decoration:underline;text-underline-offset:3px}}
html.mono .li-skjema+.li-lenke{margin-top:-4px}
html.mono .li-william{font-size:var(--m-t-2);color:var(--m-2);margin-top:24px}
/* Oppdragsboka skjuler toppfeltet på mobil (den har menyen nederst). Innloggingssiden har ingen meny, så merket vises. */
@media (max-width:720px){html.mono body.admin .kunde-hero .meny-wrap{display:block}}
/* kundesiden: «Lag passord · Glem meg på denne enheten» nederst */
html.mono .kglem-rad{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 10px}
html.mono .kglem-rad>span{color:var(--m-3)}
html.mono #kp .fd-kort>*+*{margin-top:16px}
html.mono #kp .fd-kort>h1+*{margin-top:20px}
html.mono #kp .felt{max-width:420px}
html.mono #kp .fd-kort>.hint{margin-top:8px}
html.mono #kp .fd-kort>.kp-feil{margin-top:8px}