/* =====================================================================
   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);
  --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.igang{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)}

/* ===== 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:var(--m-blekk)}
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)}