/* Skrifter ligger på nettsiden selv (ingen oppslag mot Google). Poppins og Space Mono, SIL Open Font License – se fonts/. */
  @font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/poppins-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/poppins-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/poppins-latin-ext-500-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/poppins-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/poppins-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/poppins-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/poppins-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/poppins-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/poppins-latin-ext-800-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/poppins-latin-800-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:"Space Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/space-mono-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:"Space Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/space-mono-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:"Space Mono";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/space-mono-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:"Space Mono";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/space-mono-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  :root{
    --ink:#EDEFEA; --paper:#141614; --orange:#2EB873; --teal:#1A1D1A;
    --butter:#57C88F; --sand:#1F221F; --line:#FFFFFF1F;
    /* CRM-aliaser (var tidligere udefinerte → gjennomsiktige bakgrunner / svart-på-svart) */
    --green:#2EB873; --green2:#57C88F; --panel:#1A1D1A; --panel2:#202422;
    --f:"Poppins",system-ui,sans-serif; --mono:"Space Mono",ui-monospace,monospace;
    --f-display:"Poppins",system-ui,sans-serif;
    --f-body:"Poppins",system-ui,sans-serif;
    --f-mono:"Space Mono",ui-monospace,monospace;
    --pad:clamp(1.25rem,5vw,6rem); --maxw:1280px;
    /* Flater og detaljer – egne verdier for lyst tema lenger ned */
    --flate:#181B18; --flate-2:#202422; --flate-3:#262A28; --flate-topp:#1C1F1C; --bilde-bg:#1E211E;
    --skygge:#0006; --skygge-stor:#00000099; --hvit-svak:#ffffff14; --kant-sterk:#ffffff40; --dempet:#44504A;
    --aksent-tekst:#57C88F; --pa-aksent:#04140c; --fot:#101210; --kort-hover:#212923;
    --callout:linear-gradient(135deg,#173a28,#121a15); --levert-bg:linear-gradient(160deg,#173a28,#1A1D1A 60%);
    --feil-tekst:#f2a58c; --gul-tekst:#f0c777; --gronn-tekst:#7ddcaa; --pill-tekst:#d9ddd9; --pill-sterk:#f1f3f1;
    --st-venter:#9aa0a6; --st-planlagt:#EDEFEA; --st-vei:#E0A83A; --st-levert:#2EB873; --st-avvik:#e0603a; --st-retur:#B97FE0;
    color-scheme:dark;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  /* Arbeidsverktøy: tekst skal alltid være markerbar og kopierbar – ingen visuell endring */
  * { -webkit-user-select:text; user-select:text; }
  a, img, svg, button { -webkit-user-drag:none; user-drag:none; }
  a { -webkit-touch-callout:default; }
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{background:var(--paper);color:var(--ink);font-family:var(--f-body);
    font-size:clamp(1rem,1.05vw,1.125rem);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
  .eyebrow{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}
  a{color:inherit}

  /* ---------- NAV ---------- */
  header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line);backdrop-filter:saturate(120%)}
  .nav{display:flex;align-items:center;justify-content:space-between;padding-block:1rem;gap:1rem}
  .logo{font-family:var(--f-display);font-weight:500;font-size:2rem;letter-spacing:-.03em;line-height:1;
    text-decoration:none;display:inline-flex;align-items:center}
  .logo .dot{color:#2EB873}
  .menu-bar{border-top:1px solid var(--line)}
  .menu{display:flex;gap:clamp(1rem,4vw,3rem);align-items:center;flex-wrap:wrap;padding-block:.85rem}
  .menu a{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;
    font-weight:700;text-decoration:none;color:var(--orange);opacity:1;padding-block:.15rem;transition:color .15s ease}
  .menu a:hover{color:var(--ink)}
  .menu a.active{color:var(--ink)}
  .stub-hero{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}
  .btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-body);font-weight:600;font-size:.95rem;
    padding:.7rem 1.25rem;border-radius:999px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);
    text-decoration:none;cursor:pointer;transition:transform .15s ease, background .15s ease, color .15s ease}
  .btn:hover{transform:translateY(-2px)}
  .btn--orange{background:var(--orange);border-color:var(--orange);color:var(--pa-aksent)}
  .btn--orange:hover{background:var(--butter);border-color:var(--butter)}
  .btn--ghost{background:transparent;color:var(--ink)}
  .btn--ghost:hover{background:var(--ink);color:var(--paper)}
  .nav .btn{padding-block:.55rem}

  /* ---------- HERO ---------- */
  .hero{padding-top:clamp(3rem,9vw,7rem);padding-bottom:clamp(2rem,6vw,4rem)}
  #page-home .hero{padding-top:clamp(1.2rem,2.6vw,1.8rem)}
  .hero .eyebrow{color:var(--orange)}
  .hero h1{font-family:var(--f-display);font-weight:800;font-size:clamp(3.2rem,13vw,10.5rem);
    line-height:.92;letter-spacing:-.04em;margin:.4em 0 .3em}
  .rotator{position:relative;display:inline-block;color:var(--orange)}
  .rotator .word{display:inline-block}
  .hero-sub{max-width:46ch;font-size:clamp(1.05rem,1.6vw,1.4rem);opacity:.85}
  .hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}

  /* reveal animation */
  .rise{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}
  .rise.in{opacity:1;transform:none}
  .rise[data-delay="1"]{transition-delay:.12s}
  .rise[data-delay="2"]{transition-delay:.24s}
  .rise[data-delay="3"]{transition-delay:.36s}
  .om-steps{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.6rem;margin-top:.6rem}
  .om-step.om-trust{grid-column:1/-1}
  .om-step{border-top:2px solid var(--orange);padding-top:.6rem}
  .om-step .n{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--orange)}
  .om-step h3{font-family:var(--f-display);font-weight:700;font-size:1.05rem;margin:.25rem 0 .2rem}
  .om-step p{margin:0;font-size:.85rem;opacity:.72;line-height:1.45}
  .om-menneske{margin-bottom:0;font-size:1.02rem;opacity:.95;border-left:3px solid var(--orange);padding-left:1rem}
  @media(max-width:520px){.om-steps{grid-template-columns:1fr}}
  .om-step.om-trust .trust-chips{margin-top:.5rem}
  .galleri{padding:1.6rem 0 2.4rem}
  .gal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
  .gal-head .eyebrow{margin:0}
  .gal-nav{display:flex;gap:.4rem}
  .gal-nav button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:1rem;transition:background .15s ease,border-color .15s ease}
  .gal-nav button:hover{background:var(--sand);border-color:var(--kant-sterk)}
  .gal-track{display:flex;gap:clamp(1.5rem,2.8vw,2.75rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:.4rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}
  .gal-track::-webkit-scrollbar{display:none}
  /* Stående ruter (bildene er tatt med mobil), liggende bilder får bredere rute. Høyden er lik for alle. */
  .gal-track{--gal-h:clamp(320px,31vw,470px)}
  .gal-item{flex:0 0 calc(var(--gal-h) * .75);scroll-snap-align:start;margin:0}
  .gal-item--liggende{flex-basis:min(calc(var(--gal-h) * 4 / 3),88vw)}
  .gal-img{display:block;width:100%;height:var(--gal-h);object-fit:cover;border-radius:16px;background-color:var(--bilde-bg);border:1px solid var(--line);transition:transform .25s ease}
  .gal-item:hover .gal-img{transform:translateY(-3px)}
  .gal-img.gal-ph{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.4;background:var(--bilde-bg)}
  .gal-item figcaption{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-top:.65rem}
  /* Bildene glir i fast fart over hele skjermbredden (pause når musen er over eller man drar) */
  .gal-track.gal-glir{display:block;overflow:hidden;scroll-snap-type:none;margin-inline:calc(50% - 50vw);padding-bottom:0;cursor:grab;touch-action:pan-y}
  .gal-track.gal-glir.drar{cursor:grabbing}
  .gal-glir .gal-rail{display:flex;gap:clamp(1.5rem,2.8vw,2.75rem);width:max-content;will-change:transform}
  .gal-glir .gal-item{scroll-snap-align:none;-webkit-user-select:none;user-select:none}
  @media(max-width:640px){.gal-track{--gal-h:min(92vw,440px)}}
  #page-kjokken-hvitevarer .km-nedetid{display:flex;flex-direction:column;gap:2.2rem;margin-top:2rem;max-width:860px}
  #page-kjokken-hvitevarer .km-nd{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}
  #page-kjokken-hvitevarer .km-nedetid b{font-family:var(--f-display);font-weight:800;font-size:clamp(1.8rem,3.4vw,2.4rem);color:var(--orange);letter-spacing:-.02em;line-height:1}
  #page-kjokken-hvitevarer .km-nedetid span{font-size:.95rem;opacity:.72;max-width:60ch}
  #page-kjokken-hvitevarer .km-priser{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:1.6rem}
  #page-kjokken-hvitevarer .km-pris{background:var(--sand);border:1px solid var(--line);border-radius:18px;padding:1.5rem}
  #page-kjokken-hvitevarer .km-pris .n{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--orange)}
  #page-kjokken-hvitevarer .km-pris h3{font-family:var(--f-display);font-weight:700;font-size:1.15rem;margin:.35rem 0 .6rem}
  #page-kjokken-hvitevarer .km-pris .big{font-family:var(--f-display);font-weight:800;font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.02em;margin-bottom:.6rem}
  #page-kjokken-hvitevarer .km-pris p{margin:0;font-size:.9rem;opacity:.75;line-height:1.5}
  #page-kjokken-hvitevarer .km-pris-note{margin-top:1.3rem;font-size:.88rem;opacity:.65;max-width:78ch}
  #page-kjokken-hvitevarer .km-kjede-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.6rem}
  #page-kjokken-hvitevarer .km-kjede{border-top:2px solid var(--orange);padding-top:.8rem}
  #page-kjokken-hvitevarer .km-kjede h3{font-family:var(--f-display);font-weight:700;font-size:1.05rem;margin:0 0 .35rem}
  #page-kjokken-hvitevarer .km-kjede p{margin:0;font-size:.88rem;opacity:.72;line-height:1.5}
  .trust-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}
  .trust-chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;opacity:.85}
  .btn[disabled]{opacity:.45;cursor:not-allowed}
  .hero-hvem{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;opacity:.55;margin-top:1rem}
  .svc-badge{display:inline-block;font-family:var(--mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;background:var(--orange);color:var(--pa-aksent);border-radius:999px;padding:.22rem .6rem}
  .usp-band{background:var(--flate);border-block:1px solid var(--line);padding:3.4rem 0}
  .usp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1.6rem}
  .usp{background:var(--sand);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .2s ease,transform .2s ease}
  .usp:hover{border-color:#2EB87366;transform:translateY(-3px)}
  .usp b{font-size:1.02rem;letter-spacing:-.01em;color:var(--butter)}
  .usp span{font-size:.82rem;opacity:.75;line-height:1.45}
  .hero{position:relative}
  .hero-glow{position:absolute;top:-120px;right:-140px;width:520px;height:520px;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.5;background:radial-gradient(circle at 40% 40%, #2EB87355, transparent 65%);animation:glowFloat 9s ease-in-out infinite alternate}
  @keyframes glowFloat{from{transform:translate(0,0) scale(1)}to{transform:translate(-50px,36px) scale(1.12)}}
  .hero-stats{display:flex;gap:2.2rem;flex-wrap:wrap;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--line)}
  .hero-stats .hs,.lp-chips .hs{display:flex;flex-direction:column;gap:.3rem}
  .hero-stats .hs b,.lp-chips .hs b{font-family:var(--f-display);font-weight:800;font-size:clamp(2.3rem,4.2vw,3.2rem);line-height:1.02;letter-spacing:-.03em;color:var(--ink)}
  .hero-stats .hs b .cnt{color:var(--orange)}
  .hero-stats .hs > span,.lp-chips .hs > span{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;opacity:.68}
  .tickwrap{overflow:hidden;border-block:1px solid var(--line);background:var(--flate)}
  .tick{display:flex;gap:3.5rem;white-space:nowrap;padding:.7rem 0;width:max-content;animation:tickMove 32s linear infinite}
  .tick span{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;opacity:.55}
  @keyframes tickMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @media (prefers-reduced-motion:reduce){.tick{animation:none}.hero-glow{animation:none}}
  #segmenter{padding:5rem 0 1rem}
  .seg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:2rem}
  .seg{position:relative;display:flex;flex-direction:column;gap:.55rem;background:var(--sand);border:1px solid var(--line);border-radius:18px;padding:1.5rem 1.4rem 1.3rem;text-decoration:none;color:var(--ink);transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease}
  .seg:hover{transform:translateY(-6px);border-color:#2EB87388;box-shadow:0 18px 44px var(--skygge)}
  .seg-eyebrow{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--butter)}
  .seg h3{margin:0;font-size:1.28rem;letter-spacing:-.01em}
  .seg p{margin:0;font-size:.92rem;opacity:.78;line-height:1.5}
  .seg-stat{margin-top:.5rem;font-family:var(--mono);font-size:.7rem;opacity:.7}
  .seg-stat b{color:var(--orange);font-size:1rem;margin-right:.3rem}
  .seg-arrow{position:absolute;right:1.2rem;bottom:1rem;font-size:1.3rem;color:var(--orange);transition:transform .25s ease}
  .seg:hover .seg-arrow{transform:translateX(6px)}
  /* ---------- LANDINGSSIDER ---------- */
  .lp-hero{padding-block:5.5rem 2.5rem;position:relative}
  .lp-hero h1{font-size:clamp(2rem,4.6vw,3.4rem);letter-spacing:-.02em;margin:.4rem 0 1rem;max-width:22ch}
  .lp-sub{max-width:56ch;opacity:.82;font-size:1.05rem;line-height:1.6}
  .lp-chips{display:flex;gap:1.8rem;flex-wrap:wrap;margin-top:1.8rem}
  .lp-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
  .lp-sec{padding:3.2rem 0}
  .lp-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.6rem}
  .lp-p{background:var(--sand);border:1px solid var(--line);border-radius:16px;padding:1.3rem}
  .lp-p h3{margin:.2rem 0 .5rem;font-size:1.08rem}
  .lp-p p{margin:0;font-size:.9rem;opacity:.78;line-height:1.55}
  .lp-p .n{font-family:var(--mono);font-size:.64rem;color:var(--butter);letter-spacing:.12em}
  .lp-form{background:var(--sand);border:1px solid var(--line);border-radius:20px;padding:1.8rem;max-width:640px}
  .lp-form h2{margin:0 0 .3rem}
  .lp-form p{margin:0 0 1.1rem;opacity:.75;font-size:.92rem}
  .lp-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
  .lp-grid .full{grid-column:1 / -1}
  .lp-in{background:var(--flate);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.75rem .85rem;font-family:var(--f);font-size:.95rem;width:100%}
  .lp-in:focus{outline:2px solid var(--orange);border-color:var(--orange)}
  .lp-send{margin-top:1rem}
  .lp-takk{display:none;background:#2EB87318;border:1px solid #2EB87366;border-radius:12px;padding:1rem;color:var(--butter);font-weight:600}
  .lp-takk.vis{display:block}
  @media(max-width:640px){.lp-grid{grid-template-columns:1fr}}
  /* Skjema: samtykke, robotfelle, personvern og feilmelding (koblet til CRM) */
  .lp-samtykke{display:flex;gap:.6rem;align-items:flex-start;margin-top:.9rem;font-size:.86rem;line-height:1.45;opacity:.9;cursor:pointer}
  .lp-samtykke input{width:18px;height:18px;margin-top:.1rem;flex:0 0 auto;accent-color:var(--orange)}
  .lp-hp{position:absolute !important;left:-10000px !important;width:1px;height:1px;opacity:0;pointer-events:none}
  .lp-personvern{margin:.5rem 0 0 !important;font-size:.76rem !important;opacity:.55 !important}
  .lp-feil{margin-top:.8rem;background:#e0603a1f;border:1px solid #e0603a66;border-radius:12px;padding:.7rem .9rem;color:var(--feil-tekst);font-weight:600;font-size:.9rem}
  .lp-feil[hidden]{display:none}
  .lp-send:disabled{opacity:.7;cursor:default}
  .avm-form{margin-top:1.6rem}
  .avm-form .lp-send-avm{margin-top:1rem}
  .avm-form #avm-svar{margin-top:1rem}

  @media (prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}}

  /* ---------- SECTION SHELL ---------- */
  section{padding-block:clamp(3.5rem,8vw,7rem)}
  .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem}
  .sec-head h2{font-family:var(--f-display);font-weight:800;font-size:clamp(2rem,5.5vw,4rem);letter-spacing:-.03em;line-height:1}
  .sec-head .eyebrow{color:var(--orange)}

  /* ---------- SERVICES ---------- */
  #tjenester{background:var(--teal);color:var(--ink)}
  #tjenester .eyebrow{color:var(--butter)}
  .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
  .card{background:var(--teal);padding:2rem 1.75rem;min-height:220px;display:flex;flex-direction:column;
    justify-content:space-between;transition:background .2s ease}
  .card:hover{background:var(--kort-hover)}
  .card .num{font-family:var(--f-mono);font-size:.8rem;opacity:.6}
  .card h3{font-family:var(--f-display);font-weight:600;font-size:1.6rem;letter-spacing:-.02em;margin-top:1rem}
  .card p{opacity:.8;margin-top:.5rem;font-size:.98rem}
  .card--link{text-decoration:none;color:inherit}
  .card-more{display:inline-block;margin-top:1rem;font-family:var(--f-mono);font-size:.72rem;
    text-transform:uppercase;letter-spacing:.12em;color:var(--orange)}
  .card--link:hover .card-more{text-decoration:underline}
  /* stacked full-width service rows with background images */
  .svc-list{display:flex;flex-direction:column;gap:1.25rem}
  .svc{position:relative;display:flex;border-radius:16px;background:var(--sand);
    text-decoration:none;color:var(--ink);border:1px solid var(--line);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
  .svc:hover{transform:translateY(-4px);border-color:#2EB87366;box-shadow:0 14px 36px var(--skygge)}
  .svc-inner{display:flex;flex-direction:column;gap:.4rem;padding:clamp(1.3rem,3vw,2rem) clamp(1.4rem,3.5vw,2.4rem)}
  .svc .num{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.14em;color:var(--orange);display:flex;align-items:center;gap:.6rem}
  .svc h3{font-family:var(--f-display);font-weight:800;font-size:clamp(1.5rem,3.4vw,2.3rem);letter-spacing:-.03em;line-height:1.05;margin:0}
  .svc-fakta{margin:0;font-size:clamp(.95rem,1.5vw,1.08rem);opacity:.85;font-weight:600}
  .svc-sub{margin:.3rem 0 0;font-size:.85rem;opacity:.65;font-weight:400}
  #tjenester .svc-list{display:flex;flex-direction:column;gap:1.4rem}
  #tjenester .svc-row{display:block;text-decoration:none;color:var(--ink);border-radius:20px;padding:1rem;transition:background .2s ease}
  #tjenester .svc-row:hover{background:var(--sand)}
  #tjenester .svc-row-n{font-family:var(--mono);font-size:.7rem;color:var(--orange);letter-spacing:.14em}
  #tjenester .svc-row h3{font-family:var(--f-display);font-weight:800;font-size:clamp(1.35rem,2.8vw,2rem);letter-spacing:-.02em;margin:.35rem 0 .55rem;line-height:1.08}
  #tjenester .svc-row .svc-fakta{font-size:clamp(.98rem,1.5vw,1.1rem)}
  #tjenester .svc-row .svc-sub{font-size:.92rem;max-width:52ch}
  #tjenester .svc-row .card-more{display:inline-block;margin-top:.7rem}
  .svc .card-more{margin-top:.4rem}

  /* ---------- B2B / SKALA ---------- */
  #b2b{background:var(--teal);color:var(--ink);border-block:1px solid var(--line)}
  #b2b .eyebrow{color:var(--butter)}
  .b2b-head{max-width:860px}
  #b2b h2{font-family:var(--f-display);font-weight:800;font-size:clamp(2.2rem,6vw,4.6rem);letter-spacing:-.03em;line-height:1;margin-top:.5rem}
  .b2b-lead{font-size:clamp(1.1rem,1.8vw,1.45rem);margin-top:1.2rem;max-width:62ch;opacity:.85}
  .b2b-tag{display:inline-block;margin-top:1.4rem;font-family:var(--f-mono);font-size:.78rem;font-weight:700;
    letter-spacing:.14em;text-transform:uppercase;color:var(--orange);border:2px solid var(--orange);border-radius:999px;
    padding:.5rem 1rem;text-decoration:none;transition:background .15s ease,color .15s ease,transform .15s ease}
  .b2b-tag:hover{background:var(--orange);color:var(--pa-aksent);transform:translateY(-2px)}
  .b2b-stats{display:flex;flex-direction:column;margin-top:3rem;max-width:920px}
  .b2b-stat{display:flex;align-items:baseline;gap:clamp(1rem,4vw,3rem);padding:1.5rem 0;border-top:1px solid var(--line)}
  .b2b-stat:last-child{border-bottom:1px solid var(--line)}
  .b2b-num{font-family:var(--f-display);font-weight:800;font-size:clamp(2.6rem,7vw,4.5rem);line-height:.95;
    letter-spacing:-.03em;color:var(--orange);flex:0 0 auto;min-width:clamp(120px,26vw,240px)}
  .b2b-lbl{font-size:clamp(1rem,1.4vw,1.2rem);opacity:.85;max-width:36ch}
  @media(max-width:600px){.b2b-stat{flex-direction:column;gap:.3rem}.b2b-num{min-width:0}}

  /* ---------- PROCESS ---------- */
  .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}
  .step{border-top:3px solid var(--orange);padding-top:1rem}
  .step .n{font-family:var(--f-display);font-weight:800;font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:1;color:var(--orange);letter-spacing:-.02em}
  .step h3{font-family:var(--f-display);font-weight:600;font-size:1.3rem;margin:.6rem 0 .4rem}
  .step p{opacity:.8;font-size:.96rem}

  /* ---------- PROJECTS ---------- */
  #prosjekter{background:var(--paper);color:var(--ink)}
  #prosjekter .eyebrow{color:var(--orange)}
  .proj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}
  .proj{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;
    background:linear-gradient(135deg,#13291f,#0a130e);color:var(--ink);
    display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;border:1px solid #ffffff1a;transition:transform .2s ease}
  .proj:nth-child(2){background:linear-gradient(135deg,#1d4130,#0c1712)}
  .proj:nth-child(3){background:linear-gradient(135deg,#0f3324,#07110c)}
  .proj:hover{transform:translateY(-6px)}
  .proj .tag{font-family:var(--f-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;opacity:.85}
  .proj h3{font-family:var(--f-display);font-weight:700;font-size:1.7rem;letter-spacing:-.02em;margin-top:.4rem}
  .proj .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:.7rem;opacity:.35;letter-spacing:.1em}

  /* ---------- ABOUT / STATS ---------- */
  .about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
  @media(max-width:820px){.about-grid{grid-template-columns:1fr}}
  .about p{font-size:clamp(1.05rem,1.5vw,1.3rem);opacity:.9;max-width:52ch}
  .def{margin-top:1.75rem;border-left:4px solid var(--orange);padding:1rem 1.15rem;background:var(--sand);border-radius:0 12px 12px 0;max-width:52ch}
  .def-word{font-family:var(--f-display);font-weight:800;font-size:1.5rem;letter-spacing:-.02em}
  .def-pos{font-family:var(--f-mono);font-size:.72rem;opacity:.6;margin-left:.55rem}
  .def-mean{display:block;margin-top:.5rem;font-family:var(--f-mono);font-size:.9rem;opacity:.85}
  .def-mean b{color:var(--orange)}
  .stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
  .stat{background:var(--sand);border-radius:14px;padding:1.5rem}
  .stat .big{font-family:var(--f-display);font-weight:800;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;letter-spacing:-.03em}
  .stat .lbl{font-family:var(--f-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin-top:.4rem}

  /* ---------- CONTACT ---------- */
  #kontakt{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
  #kontakt .eyebrow{color:var(--orange)}
  .contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:end}
  @media(max-width:820px){.contact-grid{grid-template-columns:1fr}}
  #kontakt h2{font-family:var(--f-display);font-weight:800;color:var(--orange);font-size:clamp(2.4rem,7vw,5.5rem);line-height:.95;letter-spacing:-.03em}
  #kontakt .btn{font-size:1.05rem;padding:.9rem 1.6rem}
  .contact-list{display:flex;flex-direction:column;gap:1rem;font-size:1.05rem}
  .contact-list a{text-decoration:none;font-weight:600;color:var(--orange);border-bottom:2px solid var(--orange)}

  /* ---------- FOOTER ---------- */
  footer{background:var(--fot);color:var(--ink);padding-block:3rem;border-top:1px solid var(--line)}
  .foot{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:flex-end}
  .foot .logo{color:var(--ink)}
  .selskap{display:block;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;opacity:.62;margin-top:.5rem}
  .lead + .selskap{margin-top:.9rem;margin-bottom:0}
  .foot small{font-family:var(--f-mono);font-size:.75rem;opacity:.6;line-height:1.8;display:block}

  /* ---------- KUNDEFEEDBACK (rullerende) ---------- */
  #kundeord{background:var(--teal);border-block:1px solid var(--line)}
  .fb-head{text-align:center;max-width:640px;margin:0 auto 2.75rem}
  .fb-head .eyebrow{color:var(--butter)}
  .fb-rating{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}
  .fb-stars{position:relative;display:inline-block;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1;color:var(--dempet);letter-spacing:.1em}
  .fb-stars .fb-fill{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--orange);letter-spacing:.1em}
  .fb-score{font-family:var(--f-display);font-weight:800;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.02em}
  .fb-of{opacity:.7}
  .fb-sub{opacity:.75;margin-top:.75rem;font-size:.95rem}
  .fb-stage{max-width:760px;margin:0 auto;text-align:center}
  .fb-quote{transition:opacity .35s ease;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem}
  .fb-qstars{color:var(--orange);letter-spacing:.18em;font-size:1.05rem}
  .fb-text{font-family:var(--f-display);font-weight:600;font-size:clamp(1.3rem,3vw,2rem);line-height:1.3;letter-spacing:-.01em}
  .fb-name{font-family:var(--f-mono);font-style:normal;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
  .fb-dots{display:flex;gap:.55rem;justify-content:center;margin-top:1.9rem}
  .fb-dot{width:8px;height:8px;border-radius:999px;background:var(--dempet);border:0;padding:0;cursor:pointer;transition:background .2s,transform .2s}
  .fb-dot.active{background:var(--orange);transform:scale(1.35)}

  /* ===================== VISNINGER (én-fils ruter) ===================== */
  .view{display:none}
  .view.active{display:block}

  /* ===================== KJØKKENFORNYELSE (underside) ===================== */
  .view:not(#page-home) .hero{padding-top:clamp(2.5rem,7vw,5rem);padding-bottom:clamp(2rem,5vw,3.5rem)}
  .view:not(#page-home) .hero h1{font-size:clamp(2.8rem,9vw,6.5rem);line-height:.98;letter-spacing:-.03em;margin:.5em 0 .35em;max-width:16ch}
  .breadcrumb{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.1em;opacity:.6;text-transform:uppercase;text-decoration:none}
  .breadcrumb:hover{color:var(--orange);opacity:1}
  .lead{max-width:58ch;font-size:clamp(1.1rem,1.7vw,1.4rem);opacity:.9}
  .view:not(#page-home) .sec-head{display:block;max-width:60ch;margin-bottom:2.5rem}
  .view:not(#page-home) .sec-head h2{margin-top:.4rem;font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.02}
  .view:not(#page-home) .sec-head p{opacity:.85;margin-top:1rem;font-size:1.1rem}
  #km-materialer,#md-montering{background:var(--teal);border-block:1px solid var(--line)}
  .grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem}
  .feat{border-top:3px solid var(--orange);padding-top:1.1rem}
  .feat .big{font-family:var(--f-display);font-weight:800;font-size:clamp(2rem,4vw,2.8rem);line-height:1;color:var(--orange);letter-spacing:-.02em}
  .feat h3{font-family:var(--f-display);font-weight:600;font-size:1.25rem;margin:.6rem 0 .4rem}
  .feat p{opacity:.82;font-size:.98rem}
  #page-kjokken .step{border-top:none;border-left:2px solid var(--line);padding-left:1.2rem}
  #page-kjokken .step .n{font-family:var(--f-mono);font-size:.8rem;color:var(--orange);letter-spacing:.1em;font-weight:400}
  #page-kjokken .step h3{font-family:var(--f-display);font-weight:600;font-size:1.3rem;margin:.5rem 0 .4rem}
  #page-kjokken .step p{opacity:.82;font-size:.97rem}
  .split{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
  @media(max-width:820px){.split{grid-template-columns:1fr}}
  .split ul{list-style:none;margin-top:1.2rem;display:grid;gap:.75rem}
  .split li{position:relative;padding-left:1.6rem;opacity:.9}
  .split li::before{content:"→";position:absolute;left:0;color:var(--orange);font-weight:700}
  .img-kjokken{background-image:url("../images/galleri/montering-kjokkenskrog.jpg");background-size:cover;background-position:center 68%}
  .img-hvitevarer{background-image:url("../images/galleri/montering-innbygd-kjoleskap.jpg");background-size:cover;background-position:center 40%}
  .img-lev{background-image:url("../images/galleri/levering-utvendig-trapp.jpg");background-size:cover;background-position:center 45%}
  .img-tung{background-image:url("../images/galleri/levering-vinskap-hytte.jpg");background-size:cover;background-position:center 55%}
  .img-snekker{background-image:url("../images/galleri/montorer-ombygging-vegg.jpg");background-size:cover;background-position:center 45%}
  .img-kjokken-2{background-image:url("../images/galleri/kjokkenfornyelse-montorer.jpg");background-size:cover;background-position:center}
  .img-vp-ute{background-image:url("../images/galleri/varmepumpe-montering-stige.jpg");background-size:cover;background-position:center 55%}
  .img-vp-inne{background-image:url("../images/galleri/varmepumpe-innedel-stue.jpg");background-size:cover;background-position:center}
  .img-vp-ute2{background-image:url("../images/galleri/varmepumpe-utedel-stativ.jpg");background-size:cover;background-position:center 60%}
  .img-team{background-image:url("../images/galleri/greida-montorer-pa-jobb.jpg");background-size:cover;background-position:center 40%}
  .km-foto--stor{aspect-ratio:4/5;width:100%;max-width:460px}
  .split .km-foto--stor{margin-inline:auto}
  .foto-rad{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,340px));gap:1.5rem;margin-top:2.5rem}
  .foto-rad figure{margin:0}
  .foto-rad .km-foto{aspect-ratio:4/5}
  .km-foto{border-radius:16px;border:1px solid var(--line);aspect-ratio:16/9;overflow:hidden}
  .km-foto-cap{font-family:var(--f-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;opacity:.55;margin-top:.6rem;display:block}
  .imgph{aspect-ratio:4/3;border-radius:16px;border:1px solid var(--line);background:linear-gradient(135deg,#13291f,#0a130e);
    display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:.72rem;opacity:.5;letter-spacing:.1em;text-align:center;padding:1rem}
  .mat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
  .mat{background:var(--sand);border:1px solid var(--line);border-radius:14px;padding:1.5rem}
  .mat h3{font-family:var(--f-display);font-weight:700;font-size:1.2rem;margin-bottom:.8rem}
  .mat ul{list-style:none;display:grid;gap:.4rem}
  .mat li{font-size:.95rem;opacity:.85;padding-left:1.1rem;position:relative}
  .mat li::before{content:"·";position:absolute;left:.2rem;color:var(--orange);font-weight:700}
  .callout{background:var(--callout);border:1px solid var(--line);border-radius:20px;padding:clamp(1.75rem,4vw,3rem)}
  .callout h2{font-family:var(--f-display);font-weight:800;font-size:clamp(1.6rem,4vw,2.6rem);letter-spacing:-.02em;line-height:1.05}
  .callout p{opacity:.9;margin-top:1rem;max-width:60ch}
  #kj-kontakt h2,#hv-kontakt h2,#in-kontakt h2,#vp-kontakt h2,#bd-kontakt h2,#km-kontakt h2,#md-kontakt h2{font-family:var(--f-display);font-weight:800;color:var(--orange);font-size:clamp(2.2rem,6vw,4.5rem);line-height:.98;letter-spacing:-.03em;max-width:18ch}
  #kj-kontakt p,#hv-kontakt p,#in-kontakt p,#vp-kontakt p,#bd-kontakt p,#km-kontakt p,#md-kontakt p{opacity:.9;margin-top:1rem;max-width:52ch;font-size:1.1rem}

  /* ===================== PLANLEGGER (kalender) ===================== */
  #page-planlegger{font-size:14px}
  #page-planlegger .pl-bar{display:flex;align-items:center;gap:1.25rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
  #page-planlegger .pl-title{font-weight:700;font-size:1.05rem}
  #page-planlegger .wknav{display:flex;align-items:center;gap:.6rem}
  #page-planlegger .wknav button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:16px}
  #page-planlegger .wknav button:hover{background:var(--panel2)}
  #page-planlegger .wknav span{font-weight:600;min-width:150px;text-align:center}
  #page-planlegger .spacer{flex:1}
  #page-planlegger .legend{display:flex;gap:.9rem;flex-wrap:wrap}
  #page-planlegger .lg{display:flex;align-items:center;gap:.4rem;font-size:.8rem;opacity:.9}
  #page-planlegger .lg .sw{width:12px;height:12px;border-radius:4px;display:inline-block}
  #page-planlegger .summary{display:flex;gap:1.75rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}
  #page-planlegger .summary .s{display:flex;align-items:baseline;gap:.5rem}
  #page-planlegger .summary .s b{font-size:1.15rem;font-weight:800}
  #page-planlegger .summary .s span{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6}
  #page-planlegger .cal-wrap{padding:14px;overflow-x:auto}
  #page-planlegger .cal{min-width:760px}
  #page-planlegger .pl-cal-wrap{display:grid;grid-template-columns:240px 1fr;gap:12px;padding:14px;align-items:start}
  @media(max-width:900px){#page-planlegger .pl-cal-wrap{grid-template-columns:1fr}}
  #page-planlegger .pl-calcol{overflow-x:auto}
  #page-planlegger .pl-side{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;max-height:660px;display:flex;flex-direction:column}
  #page-planlegger .pl-side-h{display:flex;align-items:center;justify-content:space-between;padding:.7rem .8rem;border-bottom:1px solid var(--line);font-weight:700;font-size:.9rem}
  #page-planlegger .pl-side-h span{font-family:var(--mono);font-size:.72rem;opacity:.6;font-weight:400}
  #page-planlegger .pl-pool{padding:.6rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}
  #page-planlegger .pl-pool.drop{background:#2EB8731f;outline:2px dashed var(--green);outline-offset:-4px}
  #page-planlegger .pl-card{background:var(--panel2);border:1px solid var(--line);border-left:4px solid #9aa0a6;border-radius:10px;padding:.55rem .6rem;cursor:grab}
  #page-planlegger .pl-card:hover{border-color:var(--green2)}
  #page-planlegger .pl-card.dragging{opacity:.4}
  #page-planlegger .pl-card .c-t{font-weight:600;font-size:.82rem;line-height:1.2}
  #page-planlegger .pl-card .c-m{opacity:.6;font-size:.72rem;margin-top:.15rem}
  #page-planlegger .pl-empty{opacity:.35;font-size:.72rem;font-family:var(--mono);text-align:center;padding:.4rem}
  #page-planlegger .pl-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
  #page-planlegger .pl-seg button{border:0;background:transparent;color:var(--ink);font-family:var(--f);font-size:.8rem;font-weight:600;padding:.4rem .8rem;cursor:pointer}
  #page-planlegger .pl-seg button.on{background:var(--green);color:#04140c}
  #page-planlegger .pl-fsel{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;font-family:var(--f);font-size:.82rem;cursor:pointer}
  #page-planlegger .pl-pick{border:1px solid var(--line);border-radius:12px;padding:.55rem;background:var(--panel);display:flex;flex-direction:column;gap:.5rem}
  #page-planlegger .pl-picklist{max-height:170px;overflow-y:auto;display:flex;flex-direction:column;gap:.1rem}
  #page-planlegger .pk{display:flex;align-items:center;gap:.5rem;padding:.35rem .45rem;border-radius:8px;font-size:.82rem;cursor:pointer}
  #page-planlegger .pk:hover{background:var(--panel2)}
  #page-planlegger .pk.off{opacity:.4;cursor:not-allowed}
  #page-planlegger .pk input{width:16px;height:16px;accent-color:var(--green);flex:0 0 auto}
  #page-planlegger .pk .code{font-family:var(--mono);font-size:.7rem;color:#1b7a4b;flex:0 0 auto}
  #page-planlegger .pk .pk-s{margin-left:auto;font-family:var(--mono);font-size:.66rem;opacity:.6;white-space:nowrap}
  #page-planlegger .pl-man{display:flex;gap:.5rem;margin-top:.6rem}
  #page-planlegger .pl-man .pl-manq{max-width:78px;flex:0 0 auto}
  #page-planlegger .pl-man .pl-btn{flex:0 0 auto;white-space:nowrap}
  #page-planlegger .pp2{display:grid;grid-template-columns:1fr auto auto auto auto;gap:.45rem;align-items:center;padding:.45rem .5rem;border:1px solid var(--line);border-radius:10px;background:#fff;margin-top:.4rem}
  #page-planlegger .pp2-svc{max-width:140px}
  #page-planlegger .pp2-n{font-size:.82rem;min-width:0;overflow:hidden;text-overflow:ellipsis}
  #page-planlegger .pp2-n .code{font-family:var(--mono);font-size:.68rem;color:#1b7a4b}
  #page-planlegger .pp2-n .man{font-family:var(--mono);font-size:.58rem;font-weight:700;background:#E0A83A26;color:#8a6210;padding:.1rem .3rem;border-radius:4px}
  #page-planlegger .pp2-q{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
  #page-planlegger .pp2-q button{border:0;background:transparent;color:var(--ink);width:26px;height:28px;cursor:pointer;font-size:.95rem;font-weight:700}
  #page-planlegger .pp2-q button:hover{background:#0000000d}
  #page-planlegger .pp2-q span{min-width:24px;text-align:center;font-family:var(--mono);font-size:.8rem}
  #page-planlegger .pp2-s{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.3rem .4rem;font-family:var(--f);font-size:.74rem;max-width:150px}
  #page-planlegger .pp2-x{border:0;background:transparent;color:#c2401f;font-size:1.1rem;cursor:pointer;opacity:.7;width:26px}
  #page-planlegger .pp2-x:hover{opacity:1}
  #page-planlegger .pl-ordre{display:flex;gap:.5rem}
  #page-planlegger .au-card{max-width:640px}
  #page-planlegger .pa-card{max-width:520px}
  #page-planlegger .pa-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
  #page-planlegger .pa-head h3{margin:0}
  #page-planlegger .pa-grid{display:grid;grid-template-columns:2fr 1fr;gap:.7rem .8rem}
  #page-planlegger .pa-full{grid-column:1 / -1}
  #page-planlegger .au-sub{font-size:.85rem;opacity:.75;margin:.2rem 0 1rem}
  #page-planlegger .au-opts{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}
  #page-planlegger .au-drivers{display:flex;gap:.6rem;flex-wrap:wrap}
  #page-planlegger .au-drivers label{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font-size:.82rem;font-weight:600;cursor:pointer;background:#fff}
  #page-planlegger .au-drivers input{accent-color:var(--green)}
  #page-planlegger .au-drivers .dot{width:9px;height:9px;border-radius:99px;display:inline-block}
  #page-planlegger .au-keep{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;cursor:pointer;flex:1 0 100%}
  #page-planlegger .au-keep input{accent-color:var(--green);width:16px;height:16px}
  #page-planlegger .au-info{font-family:var(--mono);font-size:.72rem;opacity:.6;margin:.6rem 0 0}
  #page-planlegger .au-prog{font-family:var(--mono);font-size:.74rem;color:#1b7a4b;margin:.6rem 0 0}
  #page-planlegger .au-res{margin-top:.8rem;display:flex;flex-direction:column;gap:.6rem;max-height:46vh;overflow-y:auto}
  #page-planlegger .au-rt{border:1px solid var(--line);border-left:5px solid #c2c6c9;border-radius:12px;padding:.6rem .75rem;background:#fff}
  #page-planlegger .au-rt-h{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:.9rem}
  #page-planlegger .au-rt-h .tid{margin-left:auto;font-family:var(--mono);font-size:.68rem;opacity:.6;font-weight:400}
  #page-planlegger .au-rt-h .over{margin-left:.4rem;font-family:var(--mono);font-size:.6rem;font-weight:700;background:#c2401f22;color:#8f2c12;padding:.1rem .4rem;border-radius:4px}
  #page-planlegger .au-half{margin-top:.45rem}
  #page-planlegger .au-half-t{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;opacity:.55;margin-bottom:.2rem}
  #page-planlegger .au-stop{display:flex;gap:.45rem;font-size:.82rem;padding:.15rem 0;align-items:baseline}
  #page-planlegger .au-stop .nr{font-family:var(--mono);font-size:.66rem;opacity:.5;flex:0 0 16px}
  #page-planlegger .au-stop .ad{opacity:.6;font-size:.74rem}
  #page-planlegger .au-stop .mn{margin-left:auto;font-family:var(--mono);font-size:.66rem;opacity:.6;white-space:nowrap}
  #page-planlegger .au-tom{opacity:.45;font-size:.78rem}
  #page-planlegger #pl-new .pl-card{padding:0;max-width:560px;overflow-y:auto}
  #page-planlegger .nj-head{display:flex;align-items:center;gap:.6rem;padding:1rem 1.1rem .5rem}
  #page-planlegger .nj-title{flex:1;min-width:0;border:0;background:transparent;font-family:var(--f);font-weight:800;font-size:1.3rem;letter-spacing:-.01em;color:var(--ink);outline:none}
  #page-planlegger .nj-title::placeholder{color:#9aa0a6;font-weight:700}
  #page-planlegger .nj-x{border:0;background:transparent;color:var(--ink);font-size:1.5rem;line-height:1;opacity:.45;cursor:pointer;padding:.1rem .3rem}
  #page-planlegger .nj-x:hover{opacity:1}
  #page-planlegger .nj-subbar{display:flex;justify-content:space-between;gap:1rem;background:#edf1f5;color:#51606d;font-size:.78rem;padding:.45rem 1.1rem;border-block:1px solid var(--line)}
  #page-planlegger .nj-grid{display:grid;grid-template-columns:118px minmax(0,1fr);gap:.7rem .8rem;padding:1rem 1.1rem .6rem;align-items:start}
  #page-planlegger .nj-lbl{font-weight:700;font-size:.9rem;padding-top:.5rem;white-space:nowrap}
  #page-planlegger .nj-in{width:100%}
  #page-planlegger .nj-ordre{display:flex;gap:.5rem;align-items:center}
  #page-planlegger .nj-ordre input{flex:1;font-family:var(--mono)}
  #page-planlegger .nj-dato{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.45rem}
  #page-planlegger .nj-dato select{flex:1 1 86px;min-width:0}
  #page-planlegger .nj-echo{font-family:var(--mono);font-size:.76rem;opacity:.55;white-space:nowrap;flex:0 0 auto}
  #page-planlegger .nj-pill{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:999px;padding:.42rem .85rem;font-family:var(--f);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;flex:0 0 auto}
  #page-planlegger .nj-pill-lt{background:#eaf2fb;border-color:#cfe0f2;color:#3b6ea5}
  #page-planlegger .nj-tlfrow{display:flex;gap:.45rem;align-items:center}
  #page-planlegger .nj-tlfrow input{flex:1;min-width:0}
  #page-planlegger .nj-icons{display:flex;gap:.5rem;margin-top:.55rem}
  #page-planlegger .nj-ic{width:42px;height:36px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;font-size:1rem;cursor:pointer;line-height:1}
  #page-planlegger .nj-ic:hover{background:var(--panel2)}
  #page-planlegger .nj-ic.on{outline:2px solid var(--green)}
  #page-planlegger .nj-ic-g{background:#159a6c;border-color:#159a6c;color:#fff}
  #page-planlegger .nj-ic-g:hover{background:#118a5f}
  #page-planlegger .nj-ic-o{background:#e8930c;border-color:#e8930c;color:#fff}
  #page-planlegger .nj-ic-o:hover{background:#d4860a}
  #page-planlegger .nj-ta{min-height:46px}
  #page-planlegger .nj-slot{max-width:130px}
  #page-planlegger .nj-upl{display:flex}
  #page-planlegger .nj-file{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-block}
  #page-planlegger .nj-upl .nj-file{border-radius:8px 0 0 8px;border-right:0}
  #page-planlegger .nj-blue{border:0;background:#2563eb;color:#fff;font-weight:700;border-radius:0 8px 8px 0;padding:.5rem 1.3rem;font-size:.85rem;cursor:pointer}
  #page-planlegger .nj-blue:hover{background:#1e54c8}
  #page-planlegger #n-pickwrap,#page-planlegger #n-manwrap{margin-top:.55rem}
  #page-planlegger .pl-btn.danger{color:#c2401f;border-color:#c2401f}
  #page-planlegger .pl-btn.danger:hover{background:#c2401f14}
  #page-planlegger .pl-map-wrap{padding:0 14px 14px}
  #page-planlegger .pl-map-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.9rem 0 .7rem}
  #page-planlegger .pl-map-title{font-weight:700;font-size:1rem}
  #page-planlegger .pl-mapdate{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.35rem .5rem;font-family:var(--mono);font-size:.78rem;color-scheme:light}
  #page-planlegger .pl-map-count{font-family:var(--mono);font-size:.72rem;opacity:.6}
  #page-planlegger .pl-map{height:380px;border-radius:14px;border:1px solid var(--line);overflow:hidden;background:#e8ebe6}
  #page-planlegger .pl-map-fallback{display:flex;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center;font-size:.85rem;opacity:.7}
  #page-planlegger .pl-map-list{margin-top:.8rem;border:1px solid var(--line);border-radius:12px;overflow:hidden}
  #page-planlegger .pl-mlrow{display:grid;grid-template-columns:1.4fr 1.6fr .8fr 1fr;gap:.6rem;padding:.5rem .7rem;border-bottom:1px solid var(--line);font-size:.82rem;color:#1b1e1b}
  #page-planlegger .pl-mlrow:last-child{border-bottom:0}
  #page-planlegger .pl-mlk{font-weight:600}
  #page-planlegger .pl-mla{opacity:.8}
  #page-planlegger .pl-mlt,#page-planlegger .pl-mlm{font-family:var(--mono);font-size:.74rem;opacity:.7}
  #page-planlegger .cal-month{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
  #page-planlegger .cm-dow{background:var(--panel);font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6;padding:.4rem .5rem;text-align:center}
  #page-planlegger .cm-cell{background:#fff;min-height:96px;padding:.3rem;cursor:pointer;display:flex;flex-direction:column;gap:.15rem}
  #page-planlegger .cm-cell:hover{background:#f3f7f4}
  #page-planlegger .cm-cell.out{background:#f4f5f3;opacity:.55}
  #page-planlegger .cm-num{font-size:.72rem;font-weight:700;opacity:.7}
  #page-planlegger .cm-job{font-size:.66rem;line-height:1.2;padding:.1rem .25rem;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#14171a}
  #page-planlegger .cm-time{font-family:var(--mono);opacity:.7}
  #page-planlegger .cal-head{display:grid;grid-template-columns:56px repeat(5,1fr);border-bottom:1px solid var(--line)}
  #page-planlegger .cal-head .dh{padding:.5rem .6rem;font-weight:600;font-size:.85rem;border-left:1px solid var(--line)}
  #page-planlegger .cal-head .dnum{font-family:var(--mono);font-size:.7rem;opacity:.55;margin-left:.3rem}
  #page-planlegger .cal-body{display:grid;grid-template-columns:56px 1fr}
  #page-planlegger .cal-gut{position:relative}
  #page-planlegger .cal-gut .t{position:absolute;right:6px;font-family:var(--mono);font-size:.66rem;opacity:.5;transform:translateY(-6px)}
  #page-planlegger .cal-days{display:grid;grid-template-columns:repeat(5,1fr)}
  #page-planlegger .cal-day{position:relative;border-left:1px solid var(--line)}
  #page-planlegger .jobblk{position:absolute;border-radius:8px;padding:.35rem .45rem;overflow:hidden;cursor:grab;background:#ffffff;color:#14171a;border:1px solid #0000001f;border-left:4px solid #c2c6c9;transition:transform .1s,box-shadow .1s}
  #page-planlegger .jobblk:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006;z-index:5}
  #page-planlegger .jobblk.unassigned{border:1px dashed #00000033;border-left:4px dashed #9aa0a6}
  #page-planlegger .jobblk.dragging{transition:none;box-shadow:0 10px 26px #000a;opacity:.92;cursor:grabbing}
  #page-planlegger .cal-day.drop-target{background-color:#2EB87322}
  #page-planlegger .drop-hint{position:fixed;z-index:1001;background:var(--green);color:#04140c;font-family:var(--mono);font-size:.7rem;font-weight:700;padding:.2rem .45rem;border-radius:6px;pointer-events:none;box-shadow:0 2px 8px #0009}
  #page-planlegger .jb-t{font-family:var(--mono);font-size:.62rem;opacity:.7}
  #page-planlegger .jb-k{font-weight:600;font-size:.78rem;line-height:1.15;margin-top:.1rem}
  #page-planlegger .jb-m{font-size:.66rem;opacity:.85;margin-top:.15rem;display:flex;align-items:center;gap:.3rem}
  #page-planlegger .jb-m .sw{width:8px;height:8px;border-radius:99px;display:inline-block}
  #page-planlegger .jb-m.none{opacity:.6;font-style:italic}
  #page-planlegger .pl-modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}
  #page-planlegger .pl-modal[hidden]{display:none}
  #page-planlegger .pl-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;max-width:420px;width:100%;padding:1.5rem}
  #page-planlegger .pl-card h3{font-family:var(--f);font-weight:800;font-size:1.4rem;letter-spacing:-.02em}
  #page-planlegger .pl-meta{margin:.9rem 0 1.1rem;display:grid;gap:.45rem;font-size:.9rem}
  #page-planlegger .pl-meta div{display:flex;gap:.6rem}
  #page-planlegger .pl-meta .k{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;opacity:.55;min-width:78px;padding-top:.15rem}
  #page-planlegger .pl-lbl{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:.4rem;display:block}
  #page-planlegger select.pl-sel{width:100%;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;font-family:var(--f);font-size:.95rem;cursor:pointer}
  #page-planlegger .pl-hint{font-size:.8rem;opacity:.65;margin-top:.6rem}
  #page-planlegger .pl-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}
  #page-planlegger .pl-btn{font-weight:600;font-size:.85rem;border-radius:999px;padding:.55rem 1.1rem;cursor:pointer;border:2px solid var(--green);background:var(--green);color:#04140c}
  #page-planlegger .pl-btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
  #page-planlegger .pl-btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
  #page-planlegger .note{padding:.6rem 1.25rem;font-family:var(--mono);font-size:.68rem;opacity:.5;border-top:1px solid var(--line)}


  /* ===================== LAGER ===================== */
  #page-lager{font-size:14px}
  #page-lager .pl-bar{display:flex;align-items:center;gap:1.25rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
  #page-lager .pl-title{font-weight:700;font-size:1.05rem}
  #page-lager .spacer{flex:1}
  #page-lager .summary{display:flex;gap:1.75rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}
  #page-lager .summary .s{display:flex;align-items:baseline;gap:.5rem}
  #page-lager .summary .s b{font-size:1.15rem;font-weight:800}
  #page-lager .summary .s span{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6}
  #page-lager .lager-wrap{padding:14px;overflow-x:auto}
  #page-lager .lager-tbl{width:100%;border-collapse:collapse;min-width:640px}
  #page-lager .lager-tbl th{text-align:left;font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;opacity:.55;padding:.6rem .8rem;border-bottom:1px solid var(--line)}
  #page-lager .lager-tbl td{padding:.7rem .8rem;border-bottom:1px solid var(--line)}
  #page-lager .lager-tbl tr:hover td{background:var(--panel2)}
  #page-lager .lager-tbl td.code{font-family:var(--mono);font-size:.8rem;color:var(--green2)}
  #page-lager .lager-tbl td.mono{font-family:var(--mono);font-size:.78rem;white-space:nowrap;font-variant-numeric:tabular-nums}
  #page-lager .lg-qty{width:66px;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.32rem .4rem;font-family:var(--mono);font-weight:700;font-size:.85rem;text-align:center;font-variant-numeric:tabular-nums}
  #page-lager .lg-qty:focus{outline:2px solid var(--green);outline-offset:0;border-color:var(--green)}
  #page-lager .lager-tbl tr.low .lg-qty{border-color:#e0a83a}
  #page-lager .lager-tbl tr.out .lg-qty{border-color:#e0603a}
  #page-lager .lg-filter{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.8rem 1.25rem;border-bottom:1px solid var(--line);background:var(--panel)}
  #page-lager .lg-search{flex:1;min-width:200px;max-width:340px;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;font-family:var(--f);font-size:.86rem}
  #page-lager .lg-fsel{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;font-family:var(--f);font-size:.84rem}
  #page-lager .lg-fcount{font-family:var(--mono);font-size:.72rem;opacity:.6;margin-left:auto}
  #page-lager .lg-sortable{cursor:pointer;user-select:none;white-space:nowrap}
  #page-lager .lg-sortable:hover{color:#1b7a4b}
  #page-lager .lg-sortable.on{color:#1b7a4b}
  #page-lager .lg-arrow{font-size:.6rem}
  #page-lager .pl-btn{font-weight:600;font-size:.85rem;border-radius:999px;padding:.55rem 1.1rem;cursor:pointer;border:2px solid var(--green);background:var(--green);color:#04140c}
  #page-lager .pl-btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
  #page-lager .lg-del{background:none;border:0;color:#c2401f;font-size:1.25rem;line-height:1;cursor:pointer;width:26px;opacity:.7}
  #page-lager .lg-del:hover{opacity:1}
  #page-lager .lg-fcore{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--ink);cursor:pointer;white-space:nowrap}
  #page-lager .lg-fcore input{accent-color:var(--green);width:16px;height:16px;cursor:pointer}
  #page-lager .lager-tbl td.ctr{text-align:center}
  #page-lager .lg-core{accent-color:var(--green);width:17px;height:17px;cursor:pointer}
  #page-lager .lg-tgt{width:62px;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.32rem .4rem;font-family:var(--mono);font-size:.85rem;text-align:center}
  #page-lager .lg-tgt:focus{outline:2px solid var(--green);border-color:var(--green)}
  #page-lager .lg-ptype{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.3rem .35rem;font-family:var(--f);font-size:.76rem;max-width:170px}
  #page-lager .lg-vol{width:70px;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.32rem .4rem;font-family:var(--mono);font-size:.82rem;text-align:center}
  #page-lager .lg-vol:focus{outline:2px solid var(--green);border-color:var(--green)}
  #pl-ress{--ink:#1b1e1b;--paper:#fff;--panel:#f7f8f5;--panel2:#eef0ec;--line:#0000001f;background:#fff;color:#1b1e1b;color-scheme:light;min-height:100vh}
  #pl-ress select,#pl-ress input{color-scheme:light}
  #pl-ress .pl-bar{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--line)}
  #pl-ress .pl-title{font-weight:700;font-size:1.05rem}
  #pl-ress .rs-wrap{padding:14px;display:flex;flex-direction:column;gap:14px;max-width:980px}
  #pl-ress .rs-sec{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:1rem 1.1rem}
  #pl-ress .rs-sec h3{margin:0 0 .25rem;font-size:1rem}
  #pl-ress .rs-h{display:flex;align-items:center;justify-content:space-between;gap:1rem}
  #pl-ress .rs-ghost{background:transparent;color:#1b7a4b;border-color:#1b7a4b88;border-style:dashed}
  #pl-ress .rs-bil{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.32rem .6rem;font-family:var(--f);font-size:.8rem;cursor:pointer}
  #bil-modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}
  #bil-modal[hidden]{display:none}
  #bil-modal .lead-card{background:#fff;color:#1b1e1b;border-radius:16px;max-width:560px;width:100%;padding:1.5rem;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0006}
  #bil-modal h3{margin:0 0 .4rem;font-size:1.1rem}
  #bil-modal .bil-sub{font-size:.85rem;opacity:.75;margin:0 0 1rem}
  #bil-modal .rs-tbl{border-collapse:collapse;width:100%;background:#fff;border:1px solid #0000001f;border-radius:12px;overflow:hidden}
  #bil-modal .rs-tbl th{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#4d5257;text-align:left;padding:.5rem .6rem;border-bottom:1px solid #0000001f;background:#f7f8f5}
  #bil-modal .rs-tbl td{padding:.35rem .6rem;border-bottom:1px solid #0000001f;font-size:.86rem;color:#1b1e1b}
  #bil-modal .rs-tbl input{width:74px;background:#eef0ec;border:1px solid #0000001f;border-radius:8px;padding:.3rem .4rem;font-family:var(--mono);font-size:.82rem;text-align:center;color:#1b1e1b}
  #bil-modal .lead-actions{display:flex;justify-content:flex-end;margin-top:1rem}
  #bil-modal .lead-btn{font-weight:600;font-size:.9rem;border-radius:999px;padding:.6rem 1.3rem;cursor:pointer;border:2px solid var(--green);background:var(--green);color:#04140c}
  #pl-ress .rs-sub{margin:0 0 .8rem;font-size:.82rem;opacity:.7}
  #pl-ress .rs-drv{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-left:5px solid #c2c6c9;border-radius:12px;padding:.6rem .8rem;margin-bottom:.5rem}
  #pl-ress .rs-drv .nm{font-weight:800;min-width:110px}
  #pl-ress .rs-drv label{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:.32rem .7rem;cursor:pointer;background:#fff}
  #pl-ress .rs-drv label.on{background:#2EB87318;border-color:#2EB873}
  #pl-ress .rs-drv input{accent-color:var(--green)}
  #pl-ress .rs-scroll{overflow-x:auto}
  #pl-ress .rs-tbl{border-collapse:collapse;width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
  #pl-ress .rs-tbl th{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#3a3f3a;text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line);background:var(--panel)}
  #pl-ress .rs-tbl td{padding:.35rem .6rem;border-bottom:1px solid var(--line);font-size:.84rem;color:#1b1e1b}
  #pl-ress .rs-tbl td:first-child{font-weight:600}
  #pl-ress .rs-tbl tr:last-child td{border-bottom:0}
  #pl-ress .rs-tbl input{width:64px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:.28rem .4rem;font-family:var(--mono);font-size:.8rem;text-align:center;color:var(--ink)}
  #pl-ress .rs-add{display:flex;gap:.5rem;margin-bottom:.7rem}
  #pl-ress .rs-in{flex:1;max-width:320px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;font-family:var(--f);font-size:.88rem;color:var(--ink)}
  #pl-ress .rs-min{flex:0 0 90px;max-width:90px;text-align:center;font-family:var(--mono)}
  #pl-ress .rs-btn{border:1.5px solid var(--green);background:var(--green);color:#04140c;font-weight:700;font-size:.85rem;border-radius:999px;padding:.5rem 1.1rem;cursor:pointer}
  #pl-ress .rs-types{display:flex;gap:.4rem;flex-wrap:wrap}
  #pl-ress .rs-typ{font-family:var(--mono);font-size:.7rem;font-weight:700;background:#0000000d;border-radius:999px;padding:.3rem .7rem}
  #pl-ress .note{padding:1rem 1.25rem;font-size:.8rem;opacity:.6}
  #pl-ress .rs-stats{display:flex;gap:.6rem;flex-wrap:wrap;padding:14px 14px 0}
  #pl-ress .rs-stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.55rem .95rem;display:flex;flex-direction:column;gap:.1rem;min-width:92px}
  #pl-ress .rs-stat b{font-size:1.15rem}
  #pl-ress .rs-stat span{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}
  #pl-ress .rs-load{position:relative;flex:0 0 130px;height:16px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;overflow:hidden}
  #pl-ress .rs-load i{position:absolute;inset:0;width:0;background:#1b7a4b55}
  #pl-ress .rs-load b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.58rem}
  /* ---------- LOGISTIKK · samme farger som resten av nettsiden ---------- */
  #page-logistikk .lgx-sec{padding:clamp(2.6rem,6vw,4rem) 0}
  #page-logistikk .lgx-alt{background:var(--teal);border-block:1px solid var(--line)}
  #page-logistikk .lgx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.6rem}
  #page-logistikk .lgx-card{background:var(--sand);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.4rem;transition:border-color .2s ease,transform .2s ease}
  #page-logistikk .lgx-card:hover{border-color:var(--orange);transform:translateY(-3px)}
  #page-logistikk .lgx-card h3{margin:0 0 .45rem;font-size:1.08rem}
  #page-logistikk .lgx-card p{margin:0;font-size:.9rem;opacity:.75;line-height:1.55}
  #page-logistikk .lgx-chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}
  #page-logistikk .lgx-chips span{border:1px solid var(--line);border-radius:999px;padding:.5rem 1.1rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
  #page-logistikk .lgx-area-p{margin-top:1.1rem;font-size:.95rem;opacity:.7}
  #page-logistikk .lgx-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.6rem;counter-reset:steg}
  #page-logistikk .lgx-step{position:relative;background:var(--sand);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.4rem}
  #page-logistikk .lgx-step .n{font-family:var(--mono);font-size:.64rem;color:var(--butter);letter-spacing:.12em}
  #page-logistikk .lgx-step h3{margin:.25rem 0 .45rem;font-size:1.05rem}
  #page-logistikk .lgx-step p{margin:0;font-size:.9rem;opacity:.75;line-height:1.55}
  #page-logistikk .lgx-seo h2{font-family:var(--f-display);font-weight:800;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em;margin:0 0 .8rem}
  #page-logistikk .lgx-seo p{max-width:76ch;opacity:.75;line-height:1.65;margin:0 0 .9rem;font-size:.98rem}
  #page-logistikk .callout{border-color:var(--line)}
  #page-logistikk .lgx-partner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;background:var(--sand);border:1px solid var(--line);border-radius:20px;padding:clamp(1.6rem,4vw,2.6rem)}
  #page-logistikk .lgx-partner h2{font-family:var(--f-display);font-weight:800;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em;margin:.3rem 0 .6rem}
  #page-logistikk .lgx-partner p{margin:0;max-width:50ch;opacity:.8;font-size:.98rem;line-height:1.55}
  #page-logistikk .lgx-partner .btn{flex:0 0 auto}
  #page-logistikk .lgx-partner + .lgx-partner{margin-top:clamp(1rem,2vw,1.5rem)}

  /* ---------- MARKEDSFØRING ---------- */
  #page-marked{--ink:#1b1e1b;--paper:#fff;--panel:#f7f8f5;--panel2:#eef0ec;--line:#0000001f;background:#fff;color:#1b1e1b;color-scheme:light;min-height:100vh}
  #page-marked select,#page-marked input,#page-marked textarea{color-scheme:light}
  #page-marked .pl-bar{display:flex;align-items:center;gap:1rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
  #page-marked .pl-title{font-weight:700;font-size:1.05rem}
  #page-marked .mk-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
  #page-marked .mk-seg button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);font-family:var(--f);font-size:.8rem;font-weight:600;padding:.42rem .9rem;cursor:pointer}
  #page-marked .mk-seg button:first-child{border-left:0}
  #page-marked .mk-seg button.on{background:var(--green);color:#04140c}
  #page-marked .summary{display:flex;gap:1.4rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}
  #page-marked .summary .s{display:flex;align-items:baseline;gap:.45rem}
  #page-marked .summary .s b{font-size:1.1rem;font-weight:800}
  #page-marked .summary .s span{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}
  #page-marked .mk-pane{padding:14px}
  #page-marked .mk-cols{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
  #page-marked .mk-sec{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:1rem 1.1rem;flex:1 1 420px;min-width:0}
  #page-marked .mk-grow{flex:2 1 520px}
  #page-marked .mk-sec h3{margin:0 0 .6rem;font-size:1rem}
  #page-marked .mk-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.55rem}
  #page-marked .mk-ch{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:.35rem .75rem;background:#fff;cursor:pointer}
  #page-marked .mk-ch input{accent-color:var(--green)}
  #page-marked .mk-in{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.5rem .65rem;font-family:var(--f);font-size:.86rem;min-width:0;flex:1}
  #page-marked .mk-ta{width:100%;min-height:120px;resize:vertical;margin-top:.55rem;line-height:1.45}
  #page-marked .mk-dt{flex:0 0 auto;max-width:150px}
  #page-marked .mk-btn{border:1.5px solid var(--green);background:var(--green);color:#04140c;font-weight:700;font-size:.84rem;border-radius:999px;padding:.5rem 1.1rem;cursor:pointer;flex:0 0 auto}
  #page-marked .mk-btn.ghost{background:transparent;color:#1b7a4b}
  #page-marked .mk-btn:disabled{opacity:.45;cursor:not-allowed}
  #page-marked .mk-ai{border:1px dashed #1b7a4b66;border-radius:12px;padding:.65rem .75rem;margin-top:.55rem;background:#2EB8730d}
  #page-marked .mk-ai-h{font-weight:800;font-size:.82rem;display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}
  #page-marked .mk-demo{font-family:var(--mono);font-size:.58rem;opacity:.55;font-weight:400}
  #page-marked .mk-file{border:1px solid var(--line);background:#fff;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;cursor:pointer}
  #page-marked .mk-imgname{font-family:var(--mono);font-size:.66rem;opacity:.55}
  #page-marked .mk-actions{justify-content:flex-end}
  #page-marked .mk-hint{font-family:var(--mono);font-size:.64rem;opacity:.55;margin-top:.7rem;line-height:1.5}
  #page-marked .mk-prevs{display:flex;gap:12px;flex-wrap:wrap}
  #page-marked .mk-fb,#page-marked .mk-ig{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;flex:1 1 220px;max-width:300px}
  #page-marked .mk-fb-h,#page-marked .mk-ig-h{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.82rem}
  #page-marked .mk-avatar{width:30px;height:30px;border-radius:99px;background:var(--green);color:#04140c;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
  #page-marked .mk-mut{font-size:.66rem;opacity:.55}
  #page-marked .mk-fb-t{padding:0 .7rem .55rem;font-size:.82rem;white-space:pre-wrap;line-height:1.4}
  #page-marked .mk-imgbox{background:var(--panel2);color:#9aa0a6;display:flex;align-items:center;justify-content:center;height:120px;font-family:var(--mono);font-size:.7rem;background-size:cover;background-position:center}
  #page-marked .mk-imgbox.sq{height:200px}
  #page-marked .mk-fb-cta{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .7rem;background:var(--panel2);font-family:var(--mono);font-size:.64rem}
  #page-marked .mk-fb-cta button{border:0;background:#d7dbd7;border-radius:6px;padding:.35rem .7rem;font-weight:700;font-size:.7rem;cursor:default}
  #page-marked .mk-ig-cap{padding:.55rem .7rem;font-size:.8rem;line-height:1.4}
  #page-marked .mk-queue{display:flex;flex-direction:column;gap:.5rem}
  #page-marked .mk-q{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:.7rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.55rem .75rem}
  #page-marked .mk-q .dt{font-family:var(--mono);font-size:.7rem;white-space:nowrap}
  #page-marked .mk-kan{display:flex;gap:.25rem}
  #page-marked .mk-pill{font-family:var(--mono);font-size:.58rem;font-weight:700;border-radius:4px;padding:.12rem .35rem}
  #page-marked .mk-pill.fb{background:#4FA3E026;color:#1c5f92}
  #page-marked .mk-pill.ig{background:#B97FE026;color:#6b3f96}
  #page-marked .mk-q .tx{font-size:.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #page-marked .mk-st{font-family:var(--mono);font-size:.6rem;font-weight:700;border-radius:999px;padding:.15rem .5rem;white-space:nowrap}
  #page-marked .mk-st.utkast{background:#9aa0a62e;color:#4d5257}
  #page-marked .mk-st.planlagt{background:#4FA3E026;color:#1c5f92}
  #page-marked .mk-st.publisert{background:#2EB87326;color:#1b7a4b}
  #page-marked .mk-qa{display:flex;gap:.3rem}
  #page-marked .mk-qa button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:.3rem .55rem;font-size:.68rem;font-weight:600;cursor:pointer}
  #page-marked .mk-qa button:hover{border-color:#1b7a4b;color:#1b7a4b}
  #page-marked .mk-tom{opacity:.5;font-size:.82rem;padding:.6rem 0}
  #page-marked .mk-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.55rem}
  #page-marked .mk-scroll{overflow-x:auto}
  #page-marked .mk-tbl{border-collapse:collapse;width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:640px}
  #page-marked .mk-tbl th{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.09em;color:#3a3f3a;text-align:left;padding:.5rem .55rem;border-bottom:1px solid var(--line);background:var(--panel)}
  #page-marked .mk-tbl td{padding:.45rem .55rem;border-bottom:1px solid var(--line);font-size:.8rem;color:#1b1e1b;white-space:nowrap}
  #page-marked .mk-tbl tr:last-child td{border-bottom:0}
  #page-marked .mk-kst{cursor:pointer}
  #page-marked .mk-utmbox{border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem}
  #page-marked .mk-uout{font-family:var(--mono);font-size:.66rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;margin-top:.5rem;word-break:break-all}
  #page-marked .mk-conn{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;margin-bottom:.55rem}
  #page-marked .mk-brand{display:flex;flex-direction:column;gap:.4rem;font-family:var(--mono);font-size:.72rem;margin-bottom:.8rem}
  #page-marked .mk-sw{display:inline-block;width:16px;height:16px;border-radius:5px;vertical-align:-3px;margin-right:.45rem}
  #page-marked .mk-tov{margin:.2rem 0 0;padding-left:1.1rem;font-size:.82rem;line-height:1.55}
  #page-marked .note{padding:1rem 1.25rem;font-size:.8rem;opacity:.6}
  @media(max-width:760px){ #page-marked .mk-grid2{grid-template-columns:1fr} }
  #page-lager tr.mangel .lg-tgt{border-color:#e8930c}
  #page-lager .pl-btn.bestill-on{background:#e8930c;border-color:#e8930c;color:#fff;font-weight:700}
  #page-lager .pl-btn:disabled{opacity:.45;cursor:not-allowed}
  #bestill-modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}
  #bestill-modal[hidden]{display:none}
  #bestill-modal .lead-card{background:#fff;color:#1b1e1b;border-radius:16px;max-width:560px;width:100%;padding:1.5rem;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0006}
  #bestill-modal h3{margin:0 0 .4rem;font-size:1.15rem}
  #bestill-modal .bst-sub{font-size:.85rem;opacity:.7;margin:0 0 1rem}
  #bestill-modal .bst-list{border:1px solid #0000001f;border-radius:12px;overflow:hidden}
  #bestill-modal .bst-row{display:grid;grid-template-columns:70px 1fr 90px;gap:.6rem;padding:.55rem .7rem;border-bottom:1px solid #0000001f;font-size:.85rem;align-items:center}
  #bestill-modal .bst-row:last-child{border-bottom:0}
  #bestill-modal .bst-row.head{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;opacity:.55;background:#f7f8f5}
  #bestill-modal .bst-row .code{font-family:var(--mono);font-size:.74rem;color:#1b7a4b}
  #bestill-modal .bst-row .n{font-weight:700;text-align:right;font-family:var(--mono)}
  #bestill-modal .bst-sum{margin-top:.8rem;font-weight:700;font-size:.9rem}
  #bestill-modal .lead-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.1rem}
  #bestill-modal .lead-btn{font-weight:600;font-size:.9rem;border-radius:999px;padding:.6rem 1.2rem;cursor:pointer;border:2px solid var(--green);background:var(--green);color:#04140c}
  #bestill-modal .lead-btn.ghost{background:transparent;color:#1b1e1b;border-color:#0000002f}
  #prod-modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}
  #prod-modal[hidden]{display:none}
  #prod-modal .lead-card{background:#fff;color:#1b1e1b;border-radius:16px;max-width:520px;width:100%;padding:1.5rem;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0006}
  #prod-modal h3{margin:0 0 1rem;font-size:1.15rem}
  #prod-modal .lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
  #prod-modal .lead-full{grid-column:1 / -1}
  #prod-modal .lead-lbl{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:.35rem;display:block}
  #prod-modal .lead-in{width:100%;background:#f7f8f5;color:#1b1e1b;border:1px solid #0000001f;border-radius:10px;padding:.6rem .7rem;font-family:var(--f);font-size:.92rem;color-scheme:light}
  #prod-modal .lead-in:focus{outline:2px solid var(--green);border-color:var(--green)}
  #prod-modal .lead-check{grid-column:1 / -1;display:flex;align-items:center}
  #prod-modal .lead-check label{display:flex;align-items:center;gap:.55rem;font-size:.9rem;cursor:pointer}
  #prod-modal .lead-check input{accent-color:var(--green);width:17px;height:17px;cursor:pointer}
  #prod-modal .lead-err{margin-top:.8rem;color:#c2401f;font-size:.85rem;font-weight:600}
  #prod-modal .lead-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}
  #prod-modal .lead-btn{font-weight:600;font-size:.9rem;border-radius:999px;padding:.6rem 1.2rem;cursor:pointer;border:2px solid var(--green);background:var(--green);color:#04140c}
  #prod-modal .lead-btn.ghost{background:transparent;color:#1b1e1b;border-color:#0000002f}
  #page-lager .lager-tbl td.mut{opacity:.6}
  #page-lager .lager-tbl td.qty{font-weight:700;font-variant-numeric:tabular-nums}
  #page-lager .lager-tbl td.st{font-family:var(--mono);font-size:.72rem;opacity:.75}
  #page-lager .lager-tbl tr.low td.qty,#page-lager .lager-tbl tr.low td.st{color:#e0a83a;opacity:1}
  #page-lager .lager-tbl tr.out td.qty,#page-lager .lager-tbl tr.out td.st{color:#e0603a;opacity:1}
  #page-lager .note{padding:.6rem 1.25rem;font-family:var(--mono);font-size:.68rem;opacity:.5;border-top:1px solid var(--line)}
  /* planlegger: produktvelger i jobb-vindu */
  #page-planlegger .jb-p{font-family:var(--mono);font-size:.6rem;opacity:.7;margin-top:.15rem}
  #page-planlegger .jb-s{font-size:.6rem;font-weight:600;margin-top:.15rem;display:flex;align-items:center;gap:.3rem}
  #page-planlegger .jb-s .fak{font-family:var(--mono);font-size:.54rem;font-weight:700;background:#04140c;color:var(--green2);border-radius:4px;padding:0 .28rem}
  #page-planlegger .pl-check{display:flex;align-items:center;gap:.55rem;font-size:.9rem;cursor:pointer;margin-top:1.1rem}
  #page-planlegger .pl-check input{width:18px;height:18px;accent-color:var(--green);cursor:pointer}
  #page-planlegger .pl-ordre{display:flex;gap:.5rem;align-items:center}
  #page-planlegger .pl-ordre .pl-sel{flex:1}
  #page-planlegger #m-ordre-gen{flex:0 0 auto;padding:.55rem .9rem}
  #page-planlegger #m-ordre-gen:disabled{opacity:.55;cursor:default;background:transparent;color:var(--ink);border-color:var(--line)}
  #page-planlegger .jb-o{font-family:var(--mono);font-size:.58rem;opacity:.75;margin-top:.15rem;letter-spacing:.02em}
  #page-planlegger .pl-search{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
  #page-planlegger .pl-search input{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.45rem .8rem;font-family:var(--mono);font-size:.78rem;min-width:190px}
  #page-planlegger .pl-ordre-res{font-size:.82rem;font-weight:600}
  #page-planlegger .pl-ordre-res .mut{opacity:.6;font-weight:400}
  #page-planlegger .pl-ordre-res .none{opacity:.6;font-weight:400;font-family:var(--mono);font-size:.78rem}
  #page-planlegger .pl-prodlist{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}
  #page-planlegger .pp{display:flex;align-items:center;justify-content:space-between;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:.4rem .3rem .4rem .6rem;font-size:.85rem}
  #page-planlegger .pp .code{font-family:var(--mono);font-size:.7rem;color:var(--green2)}
  #page-planlegger .pp button{background:none;border:0;color:#e0603a;cursor:pointer;font-size:1.2rem;line-height:1;width:28px}
  #page-planlegger .pp-empty{opacity:.5;font-size:.8rem;font-style:italic}
  #page-planlegger .pl-card{max-height:calc(100vh - 2rem);overflow:auto}
  #page-planlegger textarea.pl-sel{width:100%;min-height:60px;resize:vertical;line-height:1.4}
  #page-planlegger input[type=file].pl-file{width:100%;font-size:.8rem;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:.5rem}

  /* ===================== SALG ===================== */
  #page-salg{font-size:14px}
  #page-salg .pl-bar{display:flex;align-items:center;gap:1rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
  #page-salg .pl-title{font-weight:700;font-size:1.05rem}
  #page-salg .spacer{flex:1}
  #page-salg .sg-search{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;font-family:var(--f);font-size:.85rem;min-width:220px}
  #page-salg .pl-btn{font-weight:600;font-size:.85rem;border-radius:999px;padding:.55rem 1.1rem;cursor:pointer;border:2px solid var(--green);background:var(--green);color:#04140c}
  #page-salg .pl-btn:hover{background:var(--green2);border-color:var(--green2)}
  #page-salg .pl-btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
  #page-salg .pl-btn.ghost:hover{background:var(--panel2)}
  #page-salg .sg-fsel{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;font-family:var(--f);font-size:.82rem;cursor:pointer}
  #page-salg .sg-src{font-family:var(--mono);font-size:.6rem;font-weight:700;padding:.12rem .4rem;border-radius:4px;white-space:nowrap}
  #page-salg .sg-src.forvalt{background:#2EB87326;color:#1b7a4b}
  #page-salg .sg-src.hot{background:#e0603a26;color:#a8431f}
  #page-salg .sg-src.bestfront{background:#4FA3E026;color:#1c5f92}
  #page-salg .sg-src.proform{background:#0ea5a026;color:#0b6b67}
  #page-salg .sg-src.montering{background:#E0A83A26;color:#8a6210}
  #page-salg .sg-src.industri{background:#B97FE026;color:#6b3f96}
  #page-salg .summary{display:flex;gap:1.75rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}
  #page-salg .summary .s{display:flex;align-items:baseline;gap:.5rem}
  #page-salg .summary .s b{font-size:1.15rem;font-weight:800}
  #page-salg .summary .s span{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6}
  #page-salg .sg-banner{margin:12px 14px 0;padding:.7rem .9rem;border:1px solid var(--green);background:#2EB8731a;border-radius:10px;font-size:.85rem}
  #page-salg .sg-banner.err{border-color:#e0603a;background:#e0603a1a}
  #page-salg .sg-banner[hidden]{display:none}
  #page-salg .sg-count{font-family:var(--mono);font-size:.72rem;opacity:.6;padding:12px 14px 0}
  #page-salg .sg-wrap{padding:14px;overflow-x:auto}
  #page-salg .sg-tbl{width:100%;border-collapse:collapse;min-width:920px}
  #page-salg .sg-tbl th{text-align:left;font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;opacity:.55;padding:.5rem .7rem;border-bottom:1px solid var(--line);white-space:nowrap}
  #page-salg .sg-tbl td{padding:.55rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}
  #page-salg .sg-tbl td .b{font-weight:600}
  #page-salg .sg-tbl td .mut{opacity:.55;font-size:.72rem;margin-top:.1rem}
  #page-salg .sg-tbl td.mono{font-family:var(--mono);font-size:.78rem;white-space:nowrap}
  #page-salg .sg-tbl td.mono a{color:var(--green2);text-decoration:none}
  #page-salg .sg-tbl td.ctr{text-align:center}
  #page-salg .sg-tbl td.st{font-family:var(--mono);font-size:.72rem;opacity:.8;white-space:nowrap}
  #page-salg .sg-tbl input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);cursor:pointer}
  #page-salg .sg-tbl input[type=date]{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.35rem .4rem;font-family:var(--mono);font-size:.74rem}
  #page-salg .sg-tbl tr.done td{background:#2EB8730d}
  #page-salg .sg-tbl tr.overdue td.st{color:#e0603a;opacity:1}
  #page-salg .sg-tbl tr.overdue td:first-child{box-shadow:inset 3px 0 0 #e0603a}
  #page-salg .note{padding:.6rem 1.25rem;font-family:var(--mono);font-size:.68rem;opacity:.5;border-top:1px solid var(--line)}
  /* ===================== CRM-modus (interne verktøy) ===================== */
  #crmbar{display:none}
  body.crm header{display:none}
  body.crm #crmbar{display:flex;align-items:center;gap:1.5rem;position:sticky;top:0;z-index:1000;background:var(--paper);border-bottom:1px solid var(--line);padding:.7rem 1.25rem;flex-wrap:wrap}
  #crmbar .crm-brand{font-weight:500;font-size:1.3rem;letter-spacing:-.03em;text-decoration:none;color:var(--ink);display:flex;align-items:baseline;gap:.5rem}
  #crmbar .crm-brand span{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.18em;opacity:.55;font-weight:700}
  #crmbar .crm-tabs{display:flex;gap:.4rem}
  #crmbar .crm-tab{text-decoration:none;color:var(--ink);opacity:.7;font-weight:600;font-size:.9rem;padding:.4rem .85rem;border-radius:999px}
  #crmbar .crm-tab:hover{opacity:1;background:var(--panel2)}
  #crmbar .crm-tab.active{opacity:1;background:var(--green);color:#04140c}
  .crm-sub{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
  .crm-sub a,.crm-sub button{text-decoration:none;color:var(--ink);font-family:var(--f);font-size:.78rem;font-weight:700;padding:.38rem .85rem;border-left:1px solid var(--line);background:transparent;border-top:0;border-right:0;border-bottom:0;cursor:pointer}
  .crm-sub a:first-child,.crm-sub button:first-child{border-left:0}
  .crm-sub a:hover,.crm-sub button:hover{background:var(--panel2)}
  .crm-sub a.on,.crm-sub button.on{background:var(--green);color:#04140c}
  .sg-upwrap{position:relative}
  .sg-upmenu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #0003;padding:.35rem;display:flex;flex-direction:column;gap:.2rem;z-index:50;min-width:180px}
  .sg-upmenu[hidden]{display:none}
  .sg-upmenu button{border:0;background:transparent;color:var(--ink);text-align:left;font-family:var(--f);font-size:.82rem;font-weight:600;padding:.5rem .7rem;border-radius:8px;cursor:pointer}
  .sg-upmenu button:hover{background:var(--panel2)}
  #crmbar .crm-spacer{flex:1}
  #crmbar .crm-exit{text-decoration:none;color:var(--ink);opacity:.6;font-family:var(--mono);font-size:.72rem}
  #crmbar .crm-exit:hover{opacity:1}
  /* ===================== INNLOGGING ===================== */
  #page-innlogging .login-wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(3rem,10vw,7rem) var(--pad);display:flex;justify-content:center}
  #page-innlogging .login-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:2.25rem}
  #page-innlogging .login-brand{font-weight:500;font-size:2rem;letter-spacing:-.03em;display:flex;align-items:baseline;gap:.55rem}
  #page-innlogging .login-brand span{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;opacity:.55;font-weight:700}
  #page-innlogging .login-sub{opacity:.7;margin:.6rem 0 1.75rem;font-size:.95rem}
  #page-innlogging .pl-lbl{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:.4rem;display:block}
  #page-innlogging .login-inp{width:100%;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.85rem .9rem;font-family:var(--f);font-size:1rem}
  #page-innlogging .login-inp:focus{outline:none;border-color:var(--green)}
  #page-innlogging .login-btn{width:100%;margin-top:1.5rem;border:2px solid var(--green);background:var(--green);color:#04140c;font-family:var(--f);font-weight:700;font-size:1rem;border-radius:999px;padding:.85rem;cursor:pointer}
  #page-innlogging .login-btn:hover{background:var(--green2);border-color:var(--green2)}
  #page-innlogging .login-note{font-family:var(--mono);font-size:.66rem;opacity:.45;margin-top:1.1rem;text-align:center}
  #page-innlogging .login-err{color:#e0603a;font-size:.85rem;margin-top:1rem;text-align:center;font-weight:600}

  #page-salg .sg-sel{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.3rem .4rem;font-family:var(--f);font-size:.8rem}
  /* ===================== SALGSPLANLEGGER ===================== */
  #page-salgsplan{font-size:14px}
  #page-salgsplan .pl-bar{display:flex;align-items:center;gap:1rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
  #page-salgsplan .pl-title{font-weight:700;font-size:1.05rem}
  #page-salgsplan .spacer{flex:1}
  #page-salgsplan .sg-search{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;font-family:var(--f);font-size:.85rem;min-width:200px}
  #page-salgsplan .pl-btn,#sp-modal .pl-btn{font-weight:600;font-size:.85rem;border-radius:999px;padding:.55rem 1.1rem;cursor:pointer;border:2px solid var(--green);background:var(--green);color:#04140c}
  #page-salgsplan .pl-btn:hover,#sp-modal .pl-btn:hover{background:var(--green2);border-color:var(--green2)}
  #page-salgsplan .pl-btn.ghost,#sp-modal .pl-btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
  #page-salgsplan .summary{display:flex;gap:1.75rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}
  #page-salgsplan .summary .s{display:flex;align-items:baseline;gap:.5rem}
  #page-salgsplan .summary .s b{font-size:1.15rem;font-weight:800}
  #page-salgsplan .summary .s span{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6}
  #page-salgsplan .sg-banner{margin:12px 14px 0;padding:.7rem .9rem;border:1px solid var(--green);background:#2EB8731a;border-radius:10px;font-size:.85rem}
  #page-salgsplan .sg-banner.err{border-color:#e0603a;background:#e0603a1a}
  #page-salgsplan .sg-banner[hidden]{display:none}
  #page-salgsplan .note{padding:.6rem 1.25rem;font-family:var(--mono);font-size:.68rem;opacity:.5;border-top:1px solid var(--line)}
  #page-salgsplan .sp-wrap{padding:14px;overflow-x:auto}
  #page-salgsplan .sp-board{display:flex;gap:12px;align-items:flex-start}
  #page-salgsplan .sp-col{min-width:230px;flex:1;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  #page-salgsplan .sp-h{display:flex;align-items:center;gap:.5rem;padding:.7rem .8rem;border-bottom:1px solid var(--line);font-weight:700;font-size:.9rem}
  #page-salgsplan .sp-h .sp-n{margin-left:auto;font-family:var(--mono);font-size:.72rem;opacity:.6;font-weight:400}
  #page-salgsplan .sp-dot{width:10px;height:10px;border-radius:99px;flex:0 0 auto}
  #page-salgsplan .sp-list{padding:.6rem;display:flex;flex-direction:column;gap:.5rem;min-height:90px}
  #page-salgsplan .sp-list.drop{background:#2EB8731f;outline:2px dashed var(--green);outline-offset:-4px}
  #page-salgsplan .sp-card,#page-pipeline .sp-card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:.55rem .6rem;cursor:grab}
  #page-salgsplan .sp-card:hover,#page-pipeline .sp-card:hover{border-color:var(--green2)}
  #page-salgsplan .sp-card.dragging,#page-pipeline .sp-card.dragging{opacity:.4}
  #page-salgsplan .sp-b,#page-pipeline .sp-b{font-weight:600;font-size:.82rem;line-height:1.2}
  #page-salgsplan .sp-mut,#page-pipeline .sp-mut{opacity:.6;font-size:.72rem;margin-top:.15rem}
  #page-salgsplan .sp-chips,#page-pipeline .sp-chips{display:flex;gap:.3rem;margin-top:.4rem;flex-wrap:wrap}
  #page-salgsplan .sp-chip,#page-pipeline .sp-chip{font-family:var(--mono);font-size:.56rem;font-weight:700;padding:.08rem .32rem;border-radius:4px;background:#ffffff1a}
  #page-salgsplan .sp-chip.r,#page-pipeline .sp-chip.r{background:#2EB87333;color:#7fe3ad}
  #page-salgsplan .sp-chip.m,#page-pipeline .sp-chip.m{background:#4FA3E033;color:#a9d0f2}
  #page-salgsplan .sp-chip.f,#page-pipeline .sp-chip.f{background:#E0A83A33;color:#f0cf8a}
  #page-salgsplan .sp-empty,#page-pipeline .sp-empty{opacity:.35;font-size:.72rem;font-family:var(--mono);text-align:center;padding:.4rem}
  #sp-modal{--ink:#1b1e1b;--paper:#ffffff;--panel:#f7f8f5;--panel2:#eef0ec;--line:#0000001f;color:#1b1e1b;color-scheme:light;position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}
  #sp-modal[hidden]{display:none}
  #sp-modal select,#sp-modal input,#sp-modal textarea{color-scheme:light}
  #sp-modal .pl-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;max-width:420px;width:100%;padding:1.5rem;max-height:88vh;overflow:auto}
  #sp-modal .pl-card h3{font-family:var(--f);font-weight:800;font-size:1.4rem;letter-spacing:-.02em}
  #sp-modal .pl-meta{margin:.9rem 0 1.1rem;display:grid;gap:.45rem;font-size:.9rem}
  #sp-modal .pl-meta div{display:flex;gap:.6rem}
  #sp-modal .pl-meta .k{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;opacity:.55;min-width:78px}
  #sp-modal .pl-meta a{color:var(--green2);text-decoration:none}
  #sp-modal .pl-lbl{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:.4rem;display:block}
  #sp-modal select.pl-sel,#sp-modal input.pl-sel{width:100%;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;font-family:var(--f);font-size:.95rem;cursor:pointer}
  #sp-modal .pl-check{display:flex;align-items:center;gap:.55rem;font-size:.9rem;cursor:pointer;margin-top:.5rem}
  #sp-modal .pl-check input{width:18px;height:18px;accent-color:var(--green);cursor:pointer}
  #sp-modal textarea.pl-sel{width:100%;min-height:56px;resize:vertical;line-height:1.4;font-family:var(--f)}
  #sp-modal .pl-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}

  /* Salgsplan – kalender + liste */
  #page-salgsplan .wknav{display:flex;align-items:center;gap:.5rem}
  #page-salgsplan .wknav button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:15px}
  #page-salgsplan .wknav button:hover{background:var(--panel2)}
  #page-salgsplan .wknav span{font-weight:600;font-size:.82rem;min-width:130px;text-align:center}
  #page-salgsplan .sp-cal-wrap{display:flex;flex-direction:column;gap:12px;padding:14px}
  #page-salgsplan .sp-side{display:flex;flex-direction:column;gap:8px;width:100%}
  #page-salgsplan .sp-group{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  #page-salgsplan .sp-group-h{display:flex;align-items:center;gap:.45rem;padding:.6rem .7rem;font-weight:800;font-size:.92rem;cursor:pointer;border-bottom:1px solid var(--line)}
  #page-salgsplan .sp-group-h .sp-h-title{flex:1;min-width:0}
  #page-salgsplan .sp-group-h .sp-min{border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:.7rem;opacity:.6;width:20px;padding:.15rem .3rem;border-radius:6px}
  #page-salgsplan .sp-group-h .sp-h-count{font-family:var(--mono);font-size:.72rem;opacity:.6;font-weight:400}
  #page-salgsplan .sp-group.collapsed .sp-group-h{border-bottom:0}
  #page-salgsplan .sp-group.collapsed .sp-group-body{display:none}
  #page-salgsplan .sp-group-body{padding:.45rem;display:flex;flex-direction:column;gap:6px;background:var(--panel2)}
  #page-salgsplan .sp-group-body .sp-leadcol{border-radius:10px;background:#fff}
  #page-salgsplan .sp-side .sp-leadcol{flex:0 0 auto;width:100%;max-height:none}
  #page-salgsplan .sp-side .sp-leadcol.collapsed{flex:0 0 auto;width:100%}
  #page-salgsplan .sp-side .sp-side-h{cursor:pointer;border-bottom:1px solid var(--line)}
  #page-salgsplan .sp-side .sp-leadcol.collapsed .sp-side-h{flex-direction:row;gap:.4rem;padding:.55rem .65rem;border-bottom:0;height:auto;justify-content:flex-start}
  #page-salgsplan .sp-side .sp-leadcol.collapsed .sp-h-title{writing-mode:horizontal-tb;transform:none;max-height:none;flex:1}
  #page-salgsplan .sp-side .sp-leadcol.collapsed .sp-add{display:inline-block}
  #page-salgsplan .sp-side .sp-min{font-size:.7rem;opacity:.6;width:20px}
  #page-salgsplan .sp-side .sp-pool{display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.6rem;align-items:stretch}
  #page-salgsplan .sp-side .sp-pool .sp-card{flex:0 0 186px}
  #page-salgsplan .sp-side .sp-pool .sp-empty{flex:1 1 auto;align-self:center}
  #page-salgsplan .sp-lower{display:flex;gap:12px;align-items:flex-start}
  @media(max-width:900px){
    #page-salgsplan .sp-lower{flex-direction:column}
    #page-salgsplan .rl-col{width:100%;flex:1 1 auto}
  }
  #page-salgsplan .sp-leadcol{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;max-height:660px;display:flex;flex-direction:column;flex:0 0 200px;width:200px;transition:flex-basis .15s ease,width .15s ease}
  #page-salgsplan .sp-leadcol.collapsed{flex:0 0 42px;width:42px}
  #page-salgsplan .sp-leadcol.collapsed .sp-pool{display:none}
  #page-salgsplan .sp-leadcol.collapsed .sp-add{display:none}
  #page-salgsplan .sp-leadcol.collapsed .sp-side-h{flex-direction:column;gap:.6rem;padding:.5rem .1rem;border-bottom:0;height:100%;justify-content:flex-start}
  #page-salgsplan .sp-leadcol.collapsed .sp-h-title{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:440px;cursor:pointer}
  #page-salgsplan .sp-side-h{display:flex;align-items:center;gap:.35rem;padding:.6rem .6rem;border-bottom:1px solid var(--line);font-weight:700;font-size:.88rem}
  #page-salgsplan .sp-h-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #page-salgsplan .sp-h-count{font-family:var(--mono);font-size:.72rem;opacity:.6;font-weight:400;flex:0 0 auto}
  #page-salgsplan .sp-min,#page-salgsplan .sp-add{border:0;background:transparent;color:var(--ink);cursor:pointer;line-height:1;border-radius:6px;flex:0 0 auto;padding:.15rem .3rem}
  #page-salgsplan .sp-min{font-size:.9rem;opacity:.55}
  #page-salgsplan .sp-min:hover{opacity:1;background:#0000000d}
  #page-salgsplan .sp-add{font-size:1.1rem;font-weight:700;color:#1b7a4b}
  #page-salgsplan .sp-add:hover{background:#1b7a4b14}
  #lead-modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}
  #lead-modal[hidden]{display:none}
  #lead-modal .lead-card{background:#fff;color:#1b1e1b;border-radius:16px;max-width:520px;width:100%;padding:1.5rem;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0006}
  #lead-modal h3{margin:0 0 1rem;font-size:1.15rem}
  #lead-modal .lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
  #lead-modal .lead-full{grid-column:1 / -1}
  #lead-modal .lead-lbl{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:.35rem;display:block}
  #lead-modal .lead-in{width:100%;background:#f7f8f5;color:#1b1e1b;border:1px solid #0000001f;border-radius:10px;padding:.6rem .7rem;font-family:var(--f);font-size:.92rem;color-scheme:light}
  #lead-modal .lead-in:focus{outline:2px solid var(--green);border-color:var(--green)}
  #lead-modal .lead-err{margin-top:.8rem;color:#c2401f;font-size:.85rem;font-weight:600}
  #lead-modal .lead-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}
  #lead-modal .lead-btn{font-weight:600;font-size:.9rem;border-radius:999px;padding:.6rem 1.2rem;cursor:pointer;border:2px solid var(--green);background:var(--green);color:#04140c}
  #lead-modal .lead-btn.ghost{background:transparent;color:#1b1e1b;border-color:#0000002f}
  #page-salgsplan .sp-pool{padding:.6rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex:1 1 auto;min-height:0}
  #page-salgsplan .sp-pool.drop{background:#2EB8731f;outline:2px dashed var(--green);outline-offset:-4px}
  #page-salgsplan .sp-cal{overflow-x:auto;flex:1 1 0;min-width:0}
  #page-salgsplan .cal{min-width:600px}
  #page-salgsplan .spd-head{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}
  #page-salgsplan .spd-head .dh{padding:.5rem .55rem;font-weight:700;font-size:.82rem;border-left:1px solid var(--line);display:flex;align-items:baseline;gap:.35rem}
  #page-salgsplan .spd-head .dh:first-child{border-left:0}
  #page-salgsplan .spd-head .dnum{font-family:var(--mono);font-size:.66rem;opacity:.55}
  #page-salgsplan .spd-head .dcnt{margin-left:auto;font-family:var(--mono);font-size:.64rem;opacity:.55;font-weight:400}
  #page-salgsplan .spd-cols{display:grid;grid-template-columns:repeat(5,1fr)}
  #page-salgsplan .spd-col{border-left:1px solid var(--line);min-height:430px;padding:.5rem;display:flex;flex-direction:column;gap:.45rem;align-content:flex-start}
  #page-salgsplan .spd-col:first-child{border-left:0}
  #page-salgsplan .spd-col.drop-target{background-color:#2EB87318;outline:2px dashed var(--green);outline-offset:-4px}
  #page-salgsplan .spd-empty{opacity:.3;font-family:var(--mono);font-size:.66rem;text-align:center;padding:.8rem .2rem}
  #page-salgsplan .spb{border-radius:10px;padding:.45rem .55rem;cursor:grab;background:#fff;color:#1b1e1b;border:1px solid var(--line);border-left:4px solid #c2c6c9;box-shadow:0 1px 3px #0000000a;transition:box-shadow .1s}
  #page-salgsplan .spb:hover{box-shadow:0 4px 12px #00000022}
  #page-salgsplan .spb.dragging{opacity:.92;box-shadow:0 12px 28px #0005;transition:none;transform:rotate(1deg)}
  #page-salgsplan .spb-b{font-weight:700;font-size:.78rem;line-height:1.2}
  #page-salgsplan .spb-s{font-size:.62rem;opacity:.85;margin-top:.2rem;display:flex;align-items:center;gap:.3rem}
  #page-salgsplan .spb-s .sw{width:8px;height:8px;border-radius:99px}
  #page-salgsplan .spb .sp-chips{margin-top:.25rem}
  #page-salgsplan .sp-fselger{max-width:170px}
  #page-salgsplan .drop-hint{position:fixed;z-index:2001;background:var(--green);color:#04140c;font-family:var(--mono);font-size:.72rem;font-weight:700;padding:.25rem .55rem;border-radius:6px;pointer-events:none;box-shadow:0 2px 8px #0009}
  /* ===================== ORDRESØK (forside) ===================== */
  .ordre-sok{background:var(--teal);border-bottom:1px solid var(--line);padding:.5rem 0 .4rem}
  .ordre-sok-tekst{font-size:.95rem;opacity:.85;margin-bottom:.7rem;max-width:74ch}
  .ordre-sok-h{font-family:var(--f-display);font-weight:800;font-size:clamp(1.3rem,3vw,1.9rem);letter-spacing:-.02em;margin-bottom:.35rem}
  .ordre-sok-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
  .spor-bar{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}
  .spor-bar input{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.42rem .95rem;font-family:var(--f);font-size:.85rem;width:min(340px,80vw)}
  .spor-bar input:focus{outline:none;border-color:var(--orange)}
  .spor-link{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);opacity:.6;text-decoration:none;transition:opacity .15s ease,color .15s ease;white-space:nowrap}
  .spor-link:hover{opacity:1;color:var(--butter)}

  .ordre-sok-lbl{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;opacity:.6}
  .ordre-sok input{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;font-family:var(--f);font-size:.9rem;min-width:min(320px,70vw)}
  .ordre-sok input:focus{outline:none;border-color:var(--orange)}
  .ordre-sok-res{font-size:.92rem;font-weight:600}
  .ordre-sok-res .mut{opacity:.6;font-weight:400}
  .ordre-sok-res .none{opacity:.6;font-weight:400;font-family:var(--mono);font-size:.82rem}

  /* ---------- LOGISTIKK-PROMO ---------- */
  .logi-promo{background:var(--paper);padding:clamp(1.25rem,3vw,2rem) 0}
  .logi-box{position:relative;display:flex;align-items:center;gap:clamp(1rem,3vw,2rem);background:var(--sand);border:1px solid var(--line);border-radius:16px;padding:clamp(1rem,2.6vw,1.5rem) clamp(1.6rem,4vw,2.3rem);text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer;opacity:.9}
  .logi-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);opacity:.75}
  .logi-box:hover{transform:translateY(-2px);border-color:var(--line);box-shadow:0 8px 22px var(--skygge);opacity:1}
  .logi-box:hover .logi-arrow{transform:translateX(4px);color:var(--orange)}
  .logi-body{flex:1;min-width:0}
  .logi-eyebrow{display:block;font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:700;color:var(--butter);margin:0 0 .4rem}
  .logi-h{font-family:var(--f-display);font-weight:700;font-size:clamp(1.15rem,2.6vw,1.6rem);letter-spacing:-.02em;line-height:1.2;margin:0}
  .logi-arrow{font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:400;color:var(--ink);opacity:.65;transition:transform .18s ease,color .18s ease;flex:0 0 auto}
  @media(max-width:560px){.logi-box{padding:1rem 1.2rem 1rem 1.4rem;gap:.8rem}.logi-arrow{font-size:1.4rem}}
  /* ===================== CRM KONTRAST-FIKS ===================== */
  /* Native-kontroller (særlig <select> og datofelt) tegnes med systemets
     svarte tekst uten et mørkt fargeskjema — det ga sort tekst på mørk
     bakgrunn. color-scheme:dark tvinger lys tekst og mørk nedtrekksliste,
     og beholder den native pil-/kalenderikonet. */
  #page-planlegger, #page-lager, #page-salg, #page-salgsplan{ color:var(--ink); color-scheme:dark; }
  #page-planlegger select, #page-planlegger input, #page-planlegger textarea,
  #page-lager select, #page-lager input, #page-lager textarea,
  #page-salg select, #page-salg input, #page-salg textarea,
  #page-salgsplan select, #page-salgsplan input, #page-salgsplan textarea{
    color:var(--ink); color-scheme:dark; background-color:var(--panel2);
  }
  #page-planlegger select option, #page-lager select option,
  #page-salg select option, #page-salgsplan select option{
    background:var(--panel2); color:var(--ink);
  }
  #sp-modal .ai-box{margin:.2rem 0 1.1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:.8rem .9rem}
  #sp-modal .ai-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.5rem}
  #page-salgsplan .ai-head>span{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6}
  #sp-modal .ai-btn{border:1px solid var(--green);background:transparent;color:var(--green2);font-weight:600;font-size:.75rem;border-radius:999px;padding:.3rem .7rem;cursor:pointer;font-family:var(--f);white-space:nowrap}
  #sp-modal .ai-btn:hover:not(:disabled){background:var(--green);color:#04140c}
  #sp-modal .ai-btn:disabled{opacity:.5;cursor:default}
  #sp-modal .ai-body{font-size:.86rem;line-height:1.45}
  #sp-modal .ai-body p{margin:.3rem 0}
  #sp-modal .ai-body ul{margin:.2rem 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.25rem}
  #sp-modal .ai-body a{color:var(--green2)}
  #page-salgsplan .ai-hint{opacity:.6;font-style:italic}
  #sp-modal .ai-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
  #sp-modal .ai-links a{border:1px solid var(--line);border-radius:999px;padding:.28rem .7rem;font-size:.75rem;text-decoration:none;color:var(--ink);opacity:.85}
  #page-salgsplan .ai-links a:hover{opacity:1;border-color:var(--green);color:var(--green2)}
  /* ===================== ADMIN ===================== */
  #page-admin .pl-bar{display:flex;align-items:center;gap:1.25rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
  #page-admin .pl-title{font-weight:700;font-size:1.05rem}
  #page-admin .summary{display:flex;gap:1.75rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}
  #page-admin .summary .s{display:flex;align-items:baseline;gap:.5rem}
  #page-admin .summary .s b{font-size:1.15rem;font-weight:800}
  #page-admin .summary .s span{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6}
  #page-admin .ad-form{padding:1.25rem;border-bottom:1px solid var(--line);max-width:1100px}
  #page-admin .ad-form h3{font-family:var(--f);font-weight:800;font-size:1.1rem;margin-bottom:.9rem}
  #page-admin .ad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem}
  #page-admin .pl-lbl{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:.35rem;display:block}
  #page-admin .pl-sel{width:100%;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;font-family:var(--f);font-size:.9rem}
  #page-admin .ad-actions{margin-top:1rem}
  #page-admin .pl-btn{font-weight:600;font-size:.85rem;border-radius:999px;padding:.55rem 1.1rem;cursor:pointer;border:2px solid var(--green);background:var(--green);color:#04140c}
  #page-admin .pl-btn:hover{background:var(--green2);border-color:var(--green2)}
  #page-admin .ad-err{color:#c2401f;font-size:.85rem;margin-top:.8rem;font-weight:600}
  #page-admin .ad-hint{opacity:.6;font-size:.8rem;margin-top:.8rem}
  #page-admin .lager-wrap{padding:14px;overflow-x:auto}
  #page-admin .ad-tbl{width:100%;border-collapse:collapse;min-width:820px}
  #page-admin .ad-tbl th{text-align:left;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#6b716b;padding:.55rem .6rem;border-bottom:1px solid var(--line);white-space:nowrap}
  #page-admin .ad-tbl td{padding:.5rem .6rem;border-bottom:1px solid var(--line);color:#1b1e1b;vertical-align:middle}
  #page-admin .ad-tbl td.ctr{text-align:center}
  #page-admin .ad-tbl td.mono{font-family:var(--mono);font-size:.8rem}
  #page-admin .ad-tbl td .b{font-weight:600}
  #page-admin .ad-tbl td .mut{color:#5f645f;font-size:.72rem;margin-top:.1rem}
  #page-admin .ad-tbl input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);cursor:pointer}
  #page-admin .ad-rsel{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.3rem .4rem;font-family:var(--f);font-size:.8rem}
  #page-admin .ad-del{background:none;border:0;color:#c2401f;font-size:1.3rem;line-height:1;cursor:pointer;width:28px}
  #page-admin .note{padding:.6rem 1.25rem;font-family:var(--mono);font-size:.68rem;opacity:.55;border-top:1px solid var(--line)}
  /* ===================== LYST ARBEIDSTEMA – CRM-VERKTØY ===================== */
  /* Scoped til planleggerne, Salg og Lager: hvit flate, mørk tekst, subtile
     linjer. Kun crmbar og markedsnettstedet forblir mørkt. */
  #page-planlegger, #page-salgsplan, #page-pipeline, #page-salg, #page-lager, #page-admin{
    --ink:#1b1e1b; --paper:#ffffff; --panel:#f7f8f5; --panel2:#eef0ec; --line:#0000001f;
    background:#ffffff; color:#1b1e1b; color-scheme:light; min-height:100vh;
  }
  #page-planlegger select, #page-planlegger input, #page-planlegger textarea,
  #page-salgsplan select, #page-salgsplan input, #page-salgsplan textarea,
  #page-salg select, #page-salg input, #page-salg textarea,
  #page-admin select, #page-admin input, #page-admin textarea,
  #page-lager select, #page-lager input, #page-lager textarea,
  #page-pipeline select, #page-pipeline input, #page-pipeline textarea{ color-scheme:light; }
  /* grønn tekst gjøres mørkere så den leses på hvitt */
  #page-planlegger .pp .code,
  #sp-modal .pl-meta a, #sp-modal .ai-body a, #sp-modal .ai-btn,
  #page-lager .lager-tbl td.code, #page-salg .sg-tbl td.mono a{ color:#1b7a4b; }
  #sp-modal .ai-links a:hover{color:#1b7a4b;border-color:var(--green)}
  /* tydelig tabelltekst på hvitt (Lager + Salg) */
  #page-lager .lager-tbl td, #page-salg .sg-tbl td{ color:#1b1e1b; }
  #page-lager .lager-tbl td.mut{ opacity:1; color:#5f645f; }
  #page-salg .sg-tbl td .mut{ opacity:1; color:#5f645f; }
  #page-lager .lager-tbl th, #page-salg .sg-tbl th{ opacity:1; color:#6b716b; }
  #page-lager .lager-tbl td.st{ opacity:1; color:#3a3f3a; }
  /* statusfarger i tabeller mørkere for kontrast på hvitt */
  #page-lager .lager-tbl tr.low td.qty,#page-lager .lager-tbl tr.low td.st{color:#b9791a}
  #page-lager .lager-tbl tr.out td.qty,#page-lager .lager-tbl tr.out td.st{color:#c2401f}
  #page-salg .sg-tbl tr.overdue td.st{color:#c2401f}
  /* chips lesbare på hvitt */
  #page-salgsplan .sp-chip,#page-pipeline .sp-chip{background:#0000000d;color:#3a3f3a}
  #page-salgsplan .sp-chip.r,#page-pipeline .sp-chip.r{background:#2EB87326;color:#1b7a4b}
  #page-salgsplan .sp-chip.m,#page-pipeline .sp-chip.m{background:#4FA3E026;color:#1c5f92}
  #page-salgsplan .sp-chip.f,#page-pipeline .sp-chip.f{background:#E0A83A26;color:#8a6410}
  /* ===================== SJÅFØR (mobil) ===================== */
  #page-sjafor{
    --ink:#1b1e1b; --paper:#ffffff; --panel:#f7f8f5; --panel2:#eef0ec; --line:#0000001f;
    background:#ffffff; color:#1b1e1b; color-scheme:light; min-height:100vh; font-size:15px;
  }
  #page-sjafor select, #page-sjafor input, #page-sjafor textarea{color-scheme:light}
  #page-sjafor .pl-bar{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
  #page-sjafor .pl-title{font-weight:700;font-size:1.05rem}
  #page-sjafor .sj-user{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.5rem .8rem;font-family:var(--f);font-size:.9rem;cursor:pointer;min-height:42px}
  #page-sjafor .wknav{display:flex;align-items:center;gap:.5rem;margin-left:auto}
  #page-sjafor .wknav button{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:18px}
  #page-sjafor .wknav span{font-weight:700;min-width:120px;text-align:center;font-size:.92rem}
  #page-sjafor .sj-today{border:1px solid var(--line);background:transparent;color:var(--ink);font-weight:600;font-size:.85rem;border-radius:999px;padding:.55rem 1rem;cursor:pointer;min-height:42px}
  #page-sjafor .summary{display:flex;gap:1.4rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}
  #page-sjafor .summary .s{display:flex;align-items:baseline;gap:.45rem}
  #page-sjafor .summary .s b{font-size:1.15rem;font-weight:800}
  #page-sjafor .summary .s span{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}
  #page-sjafor .sj-list{padding:12px;display:flex;flex-direction:column;gap:12px;max-width:720px;margin:0 auto}
  #page-sjafor .sj-empty{opacity:.55;text-align:center;padding:2.5rem 1rem;font-size:.95rem}
  #page-sjafor .sj-card{background:#fff;border:1px solid var(--line);border-left:5px solid #c2c6c9;border-radius:14px;padding:.9rem;box-shadow:0 1px 4px #0000000a}
  #page-sjafor .sj-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
  #page-sjafor .sj-time{font-family:var(--mono);font-weight:700;font-size:.95rem}
  #page-sjafor .sj-pill{font-family:var(--mono);font-size:.62rem;font-weight:700;padding:.18rem .5rem;border-radius:999px;background:#0000000d;color:#3a3f3a;margin-left:auto}
  #page-sjafor .sj-kunde{font-weight:800;font-size:1.12rem;margin-top:.3rem;letter-spacing:-.01em}
  #page-sjafor .sj-meta{font-size:.86rem;opacity:.85;margin-top:.15rem}
  #page-sjafor .sj-meta a{color:#1b7a4b;font-weight:600;text-decoration:none;border-bottom:1px solid #1b7a4b55}
  #page-sjafor .sj-mono{font-family:var(--mono);font-size:.72rem;opacity:.65;margin-top:.25rem}
  #page-sjafor .sj-prod{margin-top:.5rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;font-size:.82rem}
  #page-sjafor .sj-prod .code{font-family:var(--mono);font-size:.68rem;color:#1b7a4b}
  #page-sjafor .sj-pl{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.1rem 0}
  #page-sjafor .sj-pst{font-family:var(--mono);font-size:.58rem;font-weight:700;color:#14171a;padding:.1rem .35rem;border-radius:4px;margin-left:auto}
  #page-sjafor .sj-info{margin-top:.5rem;font-size:.84rem;background:#F7EACF66;border:1px solid #E0A83A55;border-radius:10px;padding:.5rem .6rem}
  #page-sjafor .sj-sts{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.75rem}
  #page-sjafor .sj-st{border:1.5px solid var(--line);background:#fff;color:#1b1e1b;font-family:var(--f);font-weight:600;font-size:.82rem;border-radius:999px;padding:.55rem .85rem;cursor:pointer;min-height:42px}
  #page-sjafor .sj-st .dot{display:inline-block;width:9px;height:9px;border-radius:99px;margin-right:.35rem;vertical-align:baseline}
  #page-sjafor .sj-st.on{border-width:2px;font-weight:800}
  #page-sjafor .sj-st.reset{opacity:.6}
  #page-sjafor .sj-foto{margin-top:.75rem}
  #page-sjafor .sj-foto-h{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:.35rem}
  #page-sjafor .sj-thumbs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.4rem}
  #page-sjafor .sj-thumbs img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
  #page-sjafor .sj-upl{display:inline-flex;align-items:center;gap:.5rem;border:1.5px dashed #1b7a4b88;color:#1b7a4b;font-weight:700;font-size:.85rem;border-radius:999px;padding:.55rem 1rem;cursor:pointer;min-height:42px}
  #page-sjafor .sj-upl input{display:none}
  #page-sjafor .sj-notat{margin-top:.65rem}
  #page-sjafor .sj-notat textarea{width:100%;min-height:52px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;font-family:var(--f);font-size:.88rem;resize:vertical}
  @media(max-width:640px){
    #page-sjafor .pl-bar{gap:.5rem}
    #page-sjafor .wknav{margin-left:0;width:100%;justify-content:space-between}
    #page-sjafor .wknav span{flex:1}
  }
  /* ===================== SALGS-CRM: KANBAN / RINGELISTE / TILBUD ===================== */
  #page-pipeline .sp-kanban{display:flex;gap:10px;padding:14px;overflow-x:auto;align-items:flex-start}
  #page-pipeline .spk-col{flex:0 0 218px;background:var(--panel);border:1px solid var(--line);border-radius:14px;max-height:640px;display:flex;flex-direction:column;transition:box-shadow .12s}
  #page-pipeline .spk-col.over{box-shadow:0 0 0 2px var(--green) inset;border-color:var(--green)}
  #page-pipeline .spk-h{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.6rem .7rem;border-bottom:1px solid var(--line);font-weight:700;font-size:.85rem}
  #page-pipeline .spk-col[data-std="vunnet"] .spk-h span:first-child{color:#1b7a4b}
  #page-pipeline .spk-col[data-std="tapt"] .spk-h span:first-child{color:#c2401f}
  #page-pipeline .spk-meta{font-family:var(--mono);font-size:.66rem;opacity:.6;font-weight:400;white-space:nowrap}
  #page-pipeline .spk-cards{padding:.55rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;min-height:60px}
  #page-pipeline .spk-card{cursor:grab}
  .spk-ghost{position:fixed;z-index:4000;pointer-events:none;width:210px;opacity:.92;transform:rotate(2deg);left:-999px;top:-999px}
  #page-pipeline .spk-src{opacity:.35}
  #sp-modal .sp-sec-h{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:.5rem}
  #sp-modal .sp-tilbud{border:1px solid var(--line);border-radius:12px;padding:.8rem;margin-top:1.1rem;background:var(--panel)}
  #sp-modal .sp-tilbud-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
  #sp-modal .sp-logg{margin-top:1.1rem}
  #sp-modal .sp-logg-list{max-height:170px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;background:var(--panel);display:flex;flex-direction:column;gap:.4rem;font-size:.8rem}
  #sp-modal .lg-e{line-height:1.35}
  #sp-modal .lg-t{font-family:var(--mono);font-size:.66rem;opacity:.55;margin-right:.4rem}
  #sp-modal .lg-k{font-family:var(--mono);font-size:.62rem;font-weight:700;background:#0000000d;border-radius:4px;padding:.05rem .3rem;margin-right:.4rem}
  #sp-modal .lg-tom{opacity:.5;font-size:.78rem}
  #sp-modal .sp-logg-add{display:flex;gap:.5rem;margin-top:.55rem}
  #sp-modal .sp-logg-add select{flex:0 0 108px}
  #sp-modal .sp-logg-add input{flex:1;min-width:0}
  #sp-modal .sp-logg-add .pl-btn{flex:0 0 auto;padding:.5rem .9rem}
  .sg-std{font-family:var(--mono);font-size:.6rem;font-weight:700;padding:.12rem .4rem;border-radius:4px;white-space:nowrap}
  .std-ny{background:#9aa0a62e;color:#4d5257}
  .std-kontaktet{background:#4FA3E02e;color:#1c5f92}
  .std-mote{background:#0ea5a02e;color:#0b6b67}
  .std-dialog{background:#E0A83A2e;color:#8a6210}
  .std-tilbud{background:#B97FE02e;color:#6b3f96}
  .std-forhandling{background:#e0603a2e;color:#a8431f}
  .std-vunnet{background:#2EB8732e;color:#1b7a4b}
  .std-tapt{background:#c2401f2e;color:#8f2c12}
  #tapt-modal .tapt-sub{font-size:.9rem;opacity:.8;margin:.2rem 0 1rem}
  #tapt-modal .tapt-btns{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
  #tapt-modal .tapt-g{border:1.5px solid #0000002f;background:#f7f8f5;color:#1b1e1b;font-family:var(--f);font-weight:600;font-size:.9rem;border-radius:12px;padding:.8rem;cursor:pointer;min-height:48px}
  #tapt-modal .tapt-g:hover{border-color:#c2401f;background:#c2401f10;color:#8f2c12}
  /* ---------- PIPELINE-side + RINGELISTE i Salgsplanleggeren ---------- */
  #page-pipeline .pl-bar{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
  #page-pipeline .pl-title{font-weight:700;font-size:1.05rem}
  #page-pipeline .spacer{flex:1}
  #page-pipeline .sg-search{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;font-family:var(--f);font-size:.85rem;min-width:220px}
  #page-pipeline .pp-sum{font-family:var(--mono);font-size:.74rem;opacity:.65;white-space:nowrap}
  #page-pipeline .pl-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;flex-wrap:wrap}
  #page-pipeline .pl-seg > button:first-child{border-radius:999px 0 0 999px}
  #page-pipeline .pl-seg > :last-child,#page-pipeline .pl-seg > :last-child .pp-ddbtn{border-radius:0 999px 999px 0}
  #page-pipeline .pl-seg button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);font-family:var(--f);font-size:.78rem;font-weight:600;padding:.4rem .75rem;cursor:pointer;white-space:nowrap}
  #page-pipeline .pl-seg button:first-child{border-left:0}
  #page-pipeline .pl-seg button.on{background:var(--green);color:#04140c}
  #page-pipeline .pl-seg .n{font-family:var(--mono);font-size:.62rem;opacity:.55;margin-left:.35rem}
  #page-pipeline .pl-seg button.on .n{opacity:.8}
  #page-pipeline .pp-dd{position:relative;display:inline-flex}
  #page-pipeline .pp-ddbtn{border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);font-family:var(--f);font-size:.78rem;font-weight:600;padding:.4rem .75rem;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}
  #page-pipeline .pp-ddbtn.on{background:var(--green);color:#04140c}
  #page-pipeline .pp-ddbtn .cv{font-size:.58rem;opacity:.65;margin-left:.1rem}
  #page-pipeline .pp-src{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;font-family:var(--f);font-size:.84rem;font-weight:600;max-width:280px;cursor:pointer}
  #page-pipeline .pp-hint{font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;opacity:.55;padding:.5rem 1.25rem 0}
  #page-pipeline .spk-col.tom{background:transparent;border:1px dashed var(--line);box-shadow:none}
  #page-pipeline .spk-col.tom .spk-h{opacity:.55}
  #page-pipeline .spk-drop{border:1.5px dashed var(--line);border-radius:10px;padding:1rem .6rem;text-align:center;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;opacity:.4}
  #page-pipeline .spk-more{width:100%;border:1.5px dashed #1b7a4b88;background:transparent;color:#1b7a4b;font-family:var(--f);font-weight:700;font-size:.74rem;border-radius:10px;padding:.45rem;cursor:pointer;margin-top:.2rem}
  #page-pipeline .spk-more:hover{background:#1b7a4b10}
  #page-pipeline .spk-card{padding:.5rem .65rem}
  #page-pipeline .spk-card .sp-b{font-size:.82rem}
  #page-pipeline .spk-card .sp-mut{font-size:.68rem}
  #page-pipeline .pp-ddmenu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #00000026;padding:.3rem;min-width:220px;display:flex;flex-direction:column;gap:.15rem}
  #page-pipeline .pp-ddmenu[hidden]{display:none}
  #page-pipeline .pp-ddmenu button{border:0;background:transparent;text-align:left;border-radius:8px;padding:.5rem .6rem;font-family:var(--f);font-size:.82rem;font-weight:600;color:#1b1e1b;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.8rem;white-space:nowrap}
  #page-pipeline .pp-ddmenu button:hover{background:var(--panel2)}
  #page-pipeline .pp-ddmenu button.on{background:var(--green);color:#04140c}
  #page-pipeline .sp-chip.src-forvalt{background:#2EB87326;color:#1b7a4b}
  #page-pipeline .sp-chip.src-hot{background:#e0603a26;color:#a8431f}
  #page-pipeline .sp-chip.src-bestfront{background:#4FA3E026;color:#1c5f92}
  #page-pipeline .sp-chip.src-proform{background:#0ea5a026;color:#0b6b67}
  #page-pipeline .sp-chip.src-montering{background:#E0A83A26;color:#8a6210}
  #page-pipeline .sp-chip.src-industri{background:#B97FE026;color:#6b3f96}
  #page-pipeline .note{padding:.6rem 1.25rem;font-family:var(--mono);font-size:.68rem;opacity:.5;border-top:1px solid var(--line)}
  #page-salgsplan .rl-col{flex:0 0 524px;width:524px;max-height:none;align-self:stretch}
  #page-salgsplan .rl-col .rl-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:.5rem;align-content:start}
  #page-salgsplan .rl-col .rl-list .rl-empty{grid-column:1 / -1}
  @media(max-width:1250px){#page-salgsplan .rl-col{flex:0 0 300px;width:300px}}
  #page-salgsplan .sp-leadcol.collapsed .rl-tools,#page-salgsplan .sp-leadcol.collapsed .rl-stats-mini{display:none}
  #page-salgsplan .rl-tools{display:flex;gap:.4rem;align-items:center;padding:.5rem .6rem;border-bottom:1px solid var(--line)}
  #page-salgsplan .rl-stats-mini{font-family:var(--mono);font-size:.6rem;opacity:.65;padding:.4rem .6rem;border-bottom:1px solid var(--line);line-height:1.6}
  #page-salgsplan .rl-stats-mini b{font-size:.72rem}
  #page-salgsplan .rl-grip{cursor:grab;font-size:.95rem;opacity:.4;user-select:none;flex:0 0 auto;line-height:1;padding:.1rem .25rem;border-radius:6px;touch-action:none}
  #page-salgsplan .rl-grip:hover{opacity:1;background:#0000000d}
  #page-salgsplan .rl-card.dragging{opacity:.92;box-shadow:0 14px 34px #0004;transform:rotate(1.5deg)}
  #page-salgsplan .rl-chip.plan{background:#4FA3E022;color:#1c5f92}
  #page-salgsplan .rl-chip.prR{background:#4FA3E01c;color:#1c5f92}
  #page-salgsplan .rl-chip.prC{background:#2EB8731c;color:#1b7a4b}
  #page-salgsplan .rl-btn.win{border-color:#1b7a4b;color:#1b7a4b;font-weight:700}
  #page-salgsplan .rl-btn.win:hover{background:#2EB87315}
  #page-salgsplan .rl-mode{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:.5rem .75rem 0;width:max-content}
  #page-salgsplan .rl-mode button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);font-family:var(--f);font-size:.74rem;font-weight:700;padding:.35rem .8rem;cursor:pointer}
  #page-salgsplan .rl-mode button:first-child{border-left:0}
  #page-salgsplan .rl-mode button.on{background:var(--green);color:#04140c}
  #page-salgsplan .rl-mn{font-family:var(--mono);font-size:.62rem;background:#0000001f;border-radius:999px;padding:.05rem .4rem;margin-left:.25rem}
  #page-salgsplan .rl-mode button.on .rl-mn{background:#04140c22}
  #page-salgsplan .rl-policy{font-family:var(--mono);font-size:.6rem;line-height:1.5;opacity:.6;padding:.35rem .75rem 0}
  #page-salgsplan .rl-quick{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.4rem}
  #page-salgsplan .rl-q{border:1px dashed var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:.22rem .55rem;font-family:var(--f);font-size:.64rem;font-weight:600;cursor:pointer}
  #page-salgsplan .rl-q:hover{border-color:#1b7a4b;color:#1b7a4b}
  #page-salgsplan .rl-q:disabled{opacity:.5;cursor:default}
  #page-salgsplan .rl-mrow{margin-top:.4rem}
  #page-salgsplan .rl-maler{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.3rem}
  #page-salgsplan .rl-maler button{border:1px solid #0b6b6766;background:#0ea5a012;color:#0b6b67;border-radius:8px;padding:.3rem .55rem;font-family:var(--f);font-size:.66rem;font-weight:700;cursor:pointer}
  #page-salgsplan .rl-maler button:disabled{opacity:.55;cursor:default}
  #page-salgsplan .rl-take{display:flex;gap:.35rem;margin-top:.45rem}
  #page-salgsplan .rl-take-sel{flex:1;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.3rem .4rem;font-family:var(--f);font-size:.72rem}
  #page-salgsplan .rl-take-btn{border:1.5px solid var(--green);background:var(--green);color:#04140c;font-weight:800;font-size:.7rem;border-radius:8px;padding:.3rem .7rem;cursor:pointer}
  #page-salgsplan .rl-fsel{flex:1;min-width:0;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.5rem .8rem;font-family:var(--f);font-size:.88rem;cursor:pointer}
  #page-salgsplan .rl-fill{border:1.5px dashed #1b7a4b88;background:transparent;color:#1b7a4b;font-weight:700;font-size:.74rem;border-radius:999px;padding:.35rem .6rem;cursor:pointer;flex:0 0 auto}
  #page-salgsplan .rl-fill:hover{background:#1b7a4b10}
  #page-salgsplan .rl-empty{opacity:.55;text-align:center;padding:1.4rem .6rem;font-size:.8rem}
  #page-salgsplan .rl-card{background:#fff;border:1px solid var(--line);border-left:5px solid #c2c6c9;border-radius:12px;padding:.6rem .65rem;box-shadow:0 1px 4px #0000000a}
  #page-salgsplan .rl-top{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
  #page-salgsplan .rl-b{font-weight:800;font-size:.88rem;letter-spacing:-.01em;line-height:1.2}
  #page-salgsplan .rl-chip{font-family:var(--mono);font-size:.54rem;font-weight:700;padding:.1rem .35rem;border-radius:999px;white-space:nowrap}
  #page-salgsplan .rl-chip.over{background:#c2401f22;color:#8f2c12}
  #page-salgsplan .rl-chip.today{background:#2EB87322;color:#1b7a4b}
  #page-salgsplan .rl-chip.tilb{background:#B97FE022;color:#6b3f96}
  #page-salgsplan .rl-mut{font-size:.72rem;opacity:.75;margin-top:.15rem}
  #page-salgsplan .rl-last{font-family:var(--mono);font-size:.6rem;opacity:.55;margin-top:.25rem}
  #page-salgsplan .rl-tel{display:inline-flex;align-items:center;gap:.3rem;border:0;background:#1b7a4b;color:#fff;font-weight:700;font-size:.7rem;border-radius:999px;padding:.3rem .6rem;text-decoration:none;margin-left:auto}
  #page-salgsplan .rl-tel:hover{background:#166a41}
  #page-salgsplan .rl-out{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.5rem}
  #page-salgsplan .rl-btn{border:1.5px solid var(--line);background:#fff;color:#1b1e1b;font-family:var(--f);font-weight:600;font-size:.68rem;border-radius:999px;padding:.35rem .55rem;cursor:pointer;min-height:30px}
  #page-salgsplan .rl-btn:hover{border-color:#1b7a4b;color:#1b7a4b}
  #page-salgsplan .rl-btn.neg:hover{border-color:#c2401f;color:#8f2c12}
  #page-salgsplan .rl-date{display:flex;gap:.5rem;margin-top:.55rem;align-items:center}
  #page-salgsplan .rl-date input{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.3rem .45rem;font-family:var(--mono);font-size:.7rem;min-width:0;flex:1}
  #page-salgsplan .rl-date button{border:0;background:#1b7a4b;color:#fff;font-weight:700;font-size:.68rem;border-radius:999px;padding:.35rem .6rem;cursor:pointer}
  #page-salgsplan .rl-note{display:flex;gap:.5rem;margin-top:.55rem}
  #page-salgsplan .rl-note input{flex:1;min-width:0;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.35rem .5rem;font-family:var(--f);font-size:.72rem}
  #page-salgsplan .rl-note button{border:1.5px solid var(--line);background:#fff;color:#1b1e1b;font-weight:600;font-size:.68rem;border-radius:999px;padding:.35rem .6rem;cursor:pointer}
  #page-salgsplan .rl-link{font-size:.68rem;font-weight:600;color:#1b7a4b;text-decoration:none;margin-top:.4rem;display:inline-block}

  /* --- Lagt til: utviklingsbanner + lange overskrifter --- */
  .build-banner{background:#2EB873;color:#0A0B0A;text-align:center;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:.45rem 1rem}
  h1{overflow-wrap:break-word;hyphens:auto}

  /* --- Lagt til: lenker til bransjesidene (utleie, utbyggere, kjeder, kjøkkenleverandører, montering) --- */
  .seg-lenker{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
  .seg-lenker .b2b-tag{margin-top:0}
  .b2b-tag.seg{border-color:var(--line);color:var(--ink);font-size:.7rem;letter-spacing:.12em}
  .b2b-tag.seg:hover{border-color:var(--orange);background:transparent;color:var(--orange)}

  /* ---------- LOGO OG TJENESTER (større og tydeligere, 27.09.2026) ---------- */
  header .logo{font-size:clamp(2.7rem,4.6vw,4rem)}
  header .nav{padding-block:1.1rem}
  #tjenester{padding-block:clamp(3.5rem,7vw,6.5rem)}
  #tjenester .svc-head{align-items:flex-end}
  #tjenester .svc-head h2{font-size:clamp(2.3rem,5.4vw,4.2rem)}
  #tjenester .svc-ingress{max-width:34ch;font-size:clamp(1.02rem,1.4vw,1.2rem);opacity:.78;margin:0}
  /* Tjenestene under hverandre, uten bokser – som før, men med større skrift (Christians ønske 27.09) */
  #tjenester .svc-list{display:flex;flex-direction:column;gap:clamp(2rem,3.6vw,3rem);max-width:62rem}
  #tjenester .svc-row{display:block;background:none;border:0;border-radius:0;padding:0;text-decoration:none;color:var(--ink)}
  #tjenester .svc-row:hover,#tjenester .svc-row:focus-visible{background:none;outline:none}
  #tjenester .svc-row:focus-visible h3{text-decoration:underline;text-underline-offset:.15em}
  #tjenester .svc-row-body{display:block}
  #tjenester .svc-row-n{font-size:.9rem;font-weight:700;letter-spacing:.16em}
  #tjenester .svc-row h3{font-size:clamp(1.9rem,3.6vw,2.9rem);margin:.35rem 0 .5rem;line-height:1.05;transition:color .15s ease}
  #tjenester .svc-row:hover h3{color:var(--aksent-tekst)}
  #tjenester .svc-row .svc-fakta{font-size:clamp(1.15rem,1.7vw,1.38rem);font-weight:700;color:var(--aksent-tekst);opacity:1;line-height:1.3}
  #tjenester .svc-row .svc-sub{font-size:clamp(1.02rem,1.25vw,1.15rem);opacity:.78;max-width:60ch;margin-top:.45rem;line-height:1.55}
  #tjenester .svc-row .card-more{display:inline-block;margin-top:.7rem;font-size:.85rem;font-weight:700;transition:transform .15s ease}
  #tjenester .svc-row:hover .card-more{transform:translateX(4px)}
  @media(max-width:640px){
    #tjenester .svc-head{margin-bottom:1.6rem}
  }

  /* ---------- KUNDEPORTALEN på tjenestesidene ---------- */
  .kp-sec{--kp:var(--orange);--kp2:var(--butter);background:var(--flate);border-block:1px solid var(--line)}
  .kp-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
  .kp-tekst .eyebrow{color:var(--kp)}
  .kp-tekst h2{font-family:var(--f-display);font-weight:800;font-size:clamp(1.9rem,4.6vw,3.2rem);letter-spacing:-.03em;line-height:1.03;margin-top:.5rem;max-width:18ch}
  .kp-ingress{opacity:.85;margin-top:1rem;font-size:1.08rem;max-width:56ch}
  .kp-fordeler{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.6rem;margin-top:1.8rem}
  .kp-fordeler li{border-top:2px solid var(--kp);padding-top:.8rem;display:flex;flex-direction:column;gap:.3rem}
  .kp-fordeler b{font-size:1.02rem;letter-spacing:-.01em}
  .kp-fordeler span{font-size:.9rem;opacity:.75;line-height:1.5}
  .kp-cta{margin-top:1.9rem}
  #page-logistikk .kp-sec .btn--orange{background:var(--kp);border-color:var(--kp);color:#fff}
  #page-logistikk .kp-sec .btn--orange:hover{background:var(--kp2);border-color:var(--kp2)}
  .kp-note{margin-top:1rem;font-size:.82rem;opacity:.6;max-width:56ch}
  .kp-mock{margin:0;min-width:0}
  .kp-tekst{min-width:0}
  .kp-vindu{background:var(--flate-2);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px -30px var(--skygge-stor),0 0 0 1px var(--line)}
  .kp-vtopp{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:var(--flate-topp)}
  .kp-vtopp i{width:9px;height:9px;border-radius:50%;background:var(--kant-sterk)}
  .kp-vtopp span{margin-left:.6rem;font-size:.78rem;font-weight:600;opacity:.8}
  .kp-vtopp em{font-style:normal;color:var(--orange)}
  .kp-vinn{padding:1rem;display:flex;flex-direction:column;gap:.65rem}
  .kp-firma{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;padding:.1rem .2rem .35rem}
  .kp-firma b{font-size:.95rem}
  .kp-firma small{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.06em;opacity:.6}
  .kp-o{background:var(--flate-3);border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem}
  .kp-o-t{display:flex;justify-content:space-between;align-items:center;gap:.8rem}
  .kp-o-t b{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .kp-o-m{font-size:.78rem;opacity:.6;margin-top:.15rem}
  .kp-pill{flex:none;font-size:.68rem;font-weight:700;border-radius:99px;padding:.18rem .6rem;background:var(--hvit-svak);color:var(--pill-tekst)}
  .kp-pill.vei{background:var(--kant-sterk);color:var(--pill-sterk)}
  .kp-pill.levert{background:#2EB87333;color:var(--gronn-tekst)}
  .kp-pill.tilbud{background:#E0A83A33;color:var(--gul-tekst)}
  .kp-steg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:.65rem}
  .kp-steg i{height:5px;border-radius:99px;background:var(--line)}
  .kp-steg i.ok{background:var(--kp2)}
  .kp-steg i.na{background:var(--butter);animation:kpPuls 1.6s ease-in-out infinite}
  .kp-stegnavn{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:.35rem}
  .kp-stegnavn span{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;opacity:.55}
  .kp-mock figcaption{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;opacity:.45;margin-top:.7rem;text-align:right}
  @keyframes kpPuls{50%{opacity:.45}}
  @media (prefers-reduced-motion:reduce){.kp-steg i.na{animation:none}}
  @media(max-width:900px){.kp-grid{grid-template-columns:minmax(0,1fr)}.kp-tekst h2{max-width:none}}
  @media(max-width:560px){.kp-fordeler{grid-template-columns:1fr}}

  /* ---------- KUNDEPORTAL-SIDEN (kunde.html) ---------- */
  [data-kundeportal][hidden],[data-kun-lokalt][hidden]{display:none!important}
  #page-kunde .kpa-hero{padding-top:clamp(3rem,7vw,5.5rem);overflow-x:clip}
  #page-kunde .kpa-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;position:relative}
  #page-kunde .kpa-hero .eyebrow{color:var(--orange)}
  #page-kunde .kpa-hero h1{font-family:var(--f-display);font-weight:800;font-size:clamp(2.2rem,4.4vw,3.7rem);line-height:1.02;letter-spacing:-.035em;max-width:none;margin:.5rem 0 1.1rem}
  #page-kunde .kpa-hero .lp-sub{font-size:1.12rem}
  #page-kunde .kpa-hero .hero-cta{margin-top:1.8rem}
  #page-kunde .kpa-lokal{margin-top:.8rem;font-size:.8rem;opacity:.55;max-width:52ch}
  #page-kunde .kpa-hero .lp-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
  #page-kunde .kpa-hero .lp-chips .hs{display:flex;flex-direction:column;gap:.2rem}
  #page-kunde .kpa-hero .lp-chips .hs b{font-size:clamp(1.3rem,2.1vw,1.6rem);letter-spacing:-.02em;color:var(--butter)}
  #page-kunde .kpa-hero .lp-chips .hs > span{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}
  #page-kunde .kpa-mock .kp-vindu{box-shadow:0 40px 100px -30px var(--skygge-stor),0 0 0 1px var(--line),0 0 80px -20px #2EB87322}
  #page-kunde .kpa-faner{display:flex;gap:.2rem;padding:.55rem .8rem 0;border-bottom:1px solid var(--line);overflow:hidden}
  #page-kunde .kpa-faner span{font-size:.72rem;font-weight:600;padding:.4rem .6rem .55rem;opacity:.6;white-space:nowrap;border-bottom:2px solid transparent}
  #page-kunde .kpa-faner span.på{opacity:1;border-bottom-color:var(--orange)}
  #page-kunde .kpa-faner b{display:inline-grid;place-items:center;min-width:1.05rem;height:1.05rem;border-radius:99px;background:#E0A83A;color:#1b1e1b;font-size:.6rem;margin-left:.2rem}
  #page-kunde .kpa-fliser{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
  #page-kunde .kpa-fliser div{background:var(--flate-3);border:1px solid var(--line);border-radius:12px;padding:.65rem .7rem;display:flex;flex-direction:column;gap:.15rem;min-width:0}
  #page-kunde .kpa-fliser b{font-size:1.35rem;font-weight:800;line-height:1.1}
  #page-kunde .kpa-fliser span{font-size:.66rem;opacity:.6;line-height:1.3}
  #page-kunde .kpa-fliser .vei{border-color:var(--kant-sterk)}
  #page-kunde .kpa-fliser .vei b{color:var(--pill-sterk)}
  #page-kunde .kpa-listetittel{font-size:.78rem;font-weight:700;margin:.35rem .1rem -.1rem}
  #page-kunde .kpa-mock .kp-steg i.ok{background:var(--butter)}
  #page-kunde .kpa-mock .kp-steg i.ok.na{background:var(--butter)}
  #page-kunde .lp-sec{padding-block:clamp(3rem,7vw,5rem)}
  #page-kunde #funksjoner .lp-p .n{text-transform:uppercase}
  #page-kunde .lp-p h3{font-size:1.15rem}
  #page-kunde #funksjoner .lp-3,#page-kunde .kpa-hvem{grid-template-columns:repeat(3,minmax(0,1fr))}
  #page-kunde .kpa-status-sec{background:var(--flate);border-block:1px solid var(--line)}
  #page-kunde .kpa-faser{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:none}
  #page-kunde .kpa-faser li{position:relative;background:var(--sand);border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.2rem 1.1rem;border-top:3px solid var(--butter)}
  #page-kunde .kpa-faser li.vei{border-top-color:var(--st-vei)}
  #page-kunde .kpa-faser li.levert{border-top-color:var(--orange);background:var(--levert-bg)}
  #page-kunde .kpa-faser li:not(:last-child)::after{content:"→";position:absolute;right:-.85rem;top:1.15rem;font-size:1rem;opacity:.35}
  #page-kunde .kpa-fase-n{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;opacity:.55}
  #page-kunde .kpa-faser h3{font-family:var(--f-display);font-size:1.3rem;font-weight:800;margin:.2rem 0 .6rem}
  #page-kunde .kpa-faser p{font-size:.88rem;opacity:.78;margin:.25rem 0 0;padding-left:.9rem;position:relative}
  #page-kunde .kpa-faser p::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45}
  #page-kunde .kpa-avvik{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:baseline;margin-top:1.2rem;padding:1rem 1.2rem;border:1px dashed #E0A83A66;border-radius:14px;font-size:.9rem}
  #page-kunde .kpa-avvik b{color:var(--gul-tekst);font-size:.9rem}
  #page-kunde .kpa-avvik span{opacity:.8}
  #page-kunde .kpa-steg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}
  #page-kunde .kpa-steg div{border-top:2px solid var(--orange);padding-top:.9rem}
  #page-kunde .kpa-steg .n{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;color:var(--butter)}
  #page-kunde .kpa-steg h3{font-size:1.08rem;margin:.35rem 0 .4rem}
  #page-kunde .kpa-steg p{font-size:.9rem;opacity:.75;line-height:1.55}
  #page-kunde .kpa-hvem a.lp-p{text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}
  #page-kunde .kpa-hvem a.lp-p:hover{border-color:#2EB87366;transform:translateY(-3px)}
  #page-kunde .kpa-hvem a.lp-p p{flex:1}
  #page-kunde .kpa-hvem .card-more{color:var(--orange);margin-top:.9rem}
  #page-kunde .kpa-faq{max-width:820px;border-top:1px solid var(--line)}
  #page-kunde .kpa-faq details{border-bottom:1px solid var(--line)}
  #page-kunde .kpa-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem .2rem;font-weight:600;font-size:1.05rem}
  #page-kunde .kpa-faq summary::-webkit-details-marker{display:none}
  #page-kunde .kpa-faq summary::after{content:"+";font-size:1.4rem;font-weight:400;color:var(--orange);transition:transform .2s ease;flex:none}
  #page-kunde .kpa-faq details[open] summary::after{transform:rotate(45deg)}
  #page-kunde .kpa-faq summary:hover{color:var(--butter)}
  #page-kunde .kpa-faq details p{padding:0 .2rem 1.2rem;opacity:.8;max-width:68ch;line-height:1.6}
  #page-kunde .kpa-faq a{color:var(--orange)}
  #page-kunde .kpa-cta{text-align:center}
  #page-kunde .kpa-cta .eyebrow{color:var(--orange)}
  #page-kunde .kpa-cta h2,#page-kunde .kpa-cta p{margin-inline:auto}
  #page-kunde .kpa-cta .hero-cta{justify-content:center;margin-top:1.6rem}
  @media(max-width:960px){#page-kunde .kpa-hero-grid{grid-template-columns:minmax(0,1fr)}#page-kunde #funksjoner .lp-3,#page-kunde .kpa-hvem{grid-template-columns:repeat(2,minmax(0,1fr))}#page-kunde .kpa-faser,#page-kunde .kpa-steg{grid-template-columns:repeat(2,minmax(0,1fr))}#page-kunde .kpa-faser li:not(:last-child)::after{display:none}}
  @media(max-width:560px){#page-kunde .kpa-faser,#page-kunde .kpa-steg,#page-kunde #funksjoner .lp-3,#page-kunde .kpa-hvem{grid-template-columns:minmax(0,1fr)}#page-kunde .kpa-hero .lp-chips{gap:.6rem}#page-kunde .kpa-hero .lp-chips .hs b{font-size:1rem}#page-kunde .kpa-fliser{grid-template-columns:repeat(2,minmax(0,1fr))}#page-kunde .kpa-faner span:nth-child(n+4){display:none}}

  /* ---------- Samtykke til informasjonskapsler (js/samtykke.js) ---------- */
  .samtykke{position:fixed;left:0;right:0;bottom:0;z-index:2000;padding:1rem;display:flex;justify-content:center;pointer-events:none}
  .samtykke-kort{pointer-events:auto;max-width:760px;width:100%;background:var(--sand);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px var(--skygge-stor);padding:1.2rem 1.35rem;max-height:80vh;overflow:auto}
  .samtykke-kort h2{font-size:1.05rem;font-weight:700;margin-bottom:.4rem}
  .samtykke-kort p{font-size:.86rem;line-height:1.55;opacity:.9}
  .samtykke-kort a{color:var(--orange)}
  .samtykke-valg{margin-top:.8rem;display:flex;flex-direction:column;gap:.6rem;border-top:1px solid var(--line);padding-top:.8rem}
  .samtykke-valg[hidden]{display:none}
  .samtykke-kat label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}
  .samtykke-kat label span{font-family:var(--f-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6}
  .samtykke-kat input{width:18px;height:18px;accent-color:var(--orange)}
  .samtykke-kat p{font-size:.78rem;opacity:.7;margin:.15rem 0 0 1.6rem}
  .samtykke-knapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1rem}
  /* Like store og like synlige – det skal være like enkelt å si nei som ja. */
  .samtykke-knapp{font-family:var(--f-body);font-weight:600;font-size:.88rem;padding:.7rem .8rem;border-radius:999px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
  .samtykke-knapp:hover{background:var(--ink);color:var(--paper)}
  .samtykke-knapp:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
  @media(max-width:560px){.samtykke-knapper{grid-template-columns:minmax(0,1fr)}.samtykke{padding:.5rem}}
  .foot-lenke{color:inherit;text-decoration:underline;text-underline-offset:3px}

  /* ---------- Personvern (personvern.html) ---------- */
  #page-personvern .pv{max-width:820px;padding-block:3rem 4rem}
  #page-personvern .pv h1{font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:.4rem 0 1rem}
  #page-personvern .pv h2{font-size:1.2rem;font-weight:700;margin:2.2rem 0 .6rem;scroll-margin-top:120px}
  #page-personvern .pv p,#page-personvern .pv li{opacity:.88;line-height:1.65}
  #page-personvern .pv ul{margin:.5rem 0 0 1.2rem;display:flex;flex-direction:column;gap:.35rem}
  #page-personvern .pv a{color:var(--orange)}
  #page-personvern .pv .eyebrow{color:var(--orange)}
  #page-personvern .pv-meta{font-family:var(--f-mono);font-size:.72rem;opacity:.6}
  .pv-tabell{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:.8rem}
  .pv-tabell th,.pv-tabell td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
  .pv-tabell th{font-family:var(--f-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;opacity:.65}
  #page-personvern .pv-knapp{margin-top:1rem}
  @media(max-width:640px){.pv-tabell{font-size:.78rem}.pv-tabell th:nth-child(3),.pv-tabell td:nth-child(3){display:none}}
  @media(max-width:560px){.samtykke-kort{padding:1rem}.samtykke-kort p{font-size:.8rem}.samtykke-knapp{padding:.6rem .8rem}}

  /* ===================== LYST TEMA =====================
     Følger innstillingen i Windows/macOS/mobilen (lys eller mørk modus). Mørkt er standard.
     For test: <html data-tema="lys"> eller data-tema="mork" overstyrer innstillingen. */
  @media (prefers-color-scheme: light){
    :root:not([data-tema="mork"]){
      --ink:#1A1F1B; --paper:#F6F7F3; --orange:#1B7A4B; --teal:#ECEFE8; --butter:#1E8A55; --sand:#EEF1EB; --line:#0000001A;
      --green:#1B7A4B; --green2:#1E8A55; --panel:#ECEFE8; --panel2:#E5E9E2;
      --flate:#ECEFE8; --flate-2:#FBFCF9; --flate-3:#F1F3EE; --flate-topp:#E5E9E2; --bilde-bg:#E1E6DE;
      --skygge:#0000001a; --skygge-stor:#0000002e; --hvit-svak:#0000000d; --kant-sterk:#00000026; --dempet:#C3CCC5;
      --aksent-tekst:#1B7A4B; --pa-aksent:#FFFFFF; --fot:#EBEEE7; --kort-hover:#E6EDE7;
      --callout:linear-gradient(135deg,#DDEFE4,#F1F6F2); --levert-bg:linear-gradient(160deg,#DDEFE4,#F1F3EE 60%);
      --feil-tekst:#A63A1C; --gul-tekst:#8A5A00; --gronn-tekst:#146B40; --pill-tekst:#3A403B; --pill-sterk:#111511;
      --st-venter:#5F666B; --st-planlagt:#1A1F1B; --st-vei:#9A6200; --st-levert:#1B7A4B; --st-avvik:#B23F1E; --st-retur:#7A3FA8;
      color-scheme:light;
    }
  }
  :root[data-tema="lys"]{
    --ink:#1A1F1B; --paper:#F6F7F3; --orange:#1B7A4B; --teal:#ECEFE8; --butter:#1E8A55; --sand:#EEF1EB; --line:#0000001A;
    --green:#1B7A4B; --green2:#1E8A55; --panel:#ECEFE8; --panel2:#E5E9E2;
    --flate:#ECEFE8; --flate-2:#FBFCF9; --flate-3:#F1F3EE; --flate-topp:#E5E9E2; --bilde-bg:#E1E6DE;
    --skygge:#0000001a; --skygge-stor:#0000002e; --hvit-svak:#0000000d; --kant-sterk:#00000026; --dempet:#C3CCC5;
    --aksent-tekst:#1B7A4B; --pa-aksent:#FFFFFF; --fot:#EBEEE7; --kort-hover:#E6EDE7;
    --callout:linear-gradient(135deg,#DDEFE4,#F1F6F2); --levert-bg:linear-gradient(160deg,#DDEFE4,#F1F3EE 60%);
    --feil-tekst:#A63A1C; --gul-tekst:#8A5A00; --gronn-tekst:#146B40; --pill-tekst:#3A403B; --pill-sterk:#111511;
    --st-venter:#5F666B; --st-planlagt:#1A1F1B; --st-vei:#9A6200; --st-levert:#1B7A4B; --st-avvik:#B23F1E; --st-retur:#7A3FA8;
    color-scheme:light;
  }
  /* Sporingsstatus i kundens språk (js/main.js) */
  .st-venter{color:var(--st-venter)} .st-planlagt{color:var(--st-planlagt)} .st-vei{color:var(--st-vei)}
  .st-levert{color:var(--st-levert)} .st-avvik{color:var(--st-avvik)} .st-retur{color:var(--st-retur)}

  /* ---------- LANSERING 30.09.2026: kontakt i toppen, bevisrad, hvorfor Greida, kontaktseksjon ---------- */
  .nav-kontakt{display:flex;align-items:center;gap:1.1rem}
  .nav-tlf{font-family:var(--f-mono);font-weight:700;font-size:.85rem;letter-spacing:.06em;text-decoration:none;color:var(--ink);white-space:nowrap}
  .nav-tlf:hover{color:var(--orange)}
  .btn.nav-knapp{padding:.5rem 1.05rem;font-size:.85rem}
  @media(max-width:600px){.btn.nav-knapp{display:none}}
  .hero-bevis{list-style:none;display:flex;flex-wrap:wrap;gap:.7rem 1.8rem;margin-top:1.8rem;padding:0;max-width:62rem}
  .hero-bevis li{display:flex;align-items:baseline;gap:.45rem;font-size:.92rem}
  .hero-bevis li span{opacity:.75}
  .hero-bevis b{font-family:var(--f-display);font-weight:800;font-size:clamp(1.3rem,2.1vw,1.6rem);letter-spacing:-.02em;color:var(--orange);white-space:nowrap}
  .hvorfor{padding:clamp(3rem,7vw,5.5rem) 0;border-top:1px solid var(--line)}
  .hvorfor .sec-head .eyebrow{color:var(--orange)}
  .hv-ingress{max-width:60ch;opacity:.8;margin-top:.8rem}
  .hv-tabell{width:100%;margin-top:2rem;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;font-size:.95rem;line-height:1.5}
  .hv-tabell th,.hv-tabell td{text-align:left;vertical-align:top;padding:1.05rem 1.3rem;border-top:1px solid var(--line)}
  .hv-tabell thead th{border-top:0;font-family:var(--f-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;opacity:.75}
  .hv-tabell tbody th{font-weight:700;width:22%}
  .hv-tabell td:nth-child(2){opacity:.72;width:34%}
  .hv-tabell td:nth-child(3),.hv-tabell thead th:nth-child(3){background:var(--flate)}
  .hv-tabell td b{color:var(--aksent-tekst)}
  .hv-skjult{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  @media(max-width:760px){
    .hv-tabell,.hv-tabell tbody,.hv-tabell tr,.hv-tabell th,.hv-tabell td{display:block;width:auto!important}
    .hv-tabell thead{display:none}
    .hv-tabell tr{border-top:1px solid var(--line);padding:.9rem 1rem}
    .hv-tabell tr:first-child{border-top:0}
    .hv-tabell th,.hv-tabell td{border:0;padding:.25rem 0}
    .hv-tabell td:nth-child(3){background:none}
    .hv-tabell td::before{content:attr(data-l) ": ";font-family:var(--f-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;display:block;margin-top:.35rem;opacity:.8}
  }
  .kontakt-sec{padding:clamp(3rem,7vw,5.5rem) 0;background:var(--flate);border-top:1px solid var(--line)}
  .kontakt-sec .eyebrow{color:var(--orange)}
  .kontakt-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
  .kontakt-sec h2{font-family:var(--f-display);font-weight:800;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.03em;line-height:1.02;margin:.5rem 0 1rem}
  .kontakt-sec .ingress{max-width:52ch;opacity:.85}
  .kontakt-kort{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1.4rem 1.5rem}
  .kontakt-kort dl{display:grid;gap:1rem}
  .kontakt-kort dt{font-family:var(--f-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;opacity:.7}
  .kontakt-kort dd{margin:.2rem 0 0;font-weight:600}
  .kontakt-kort a{text-decoration:none}
  .kontakt-kort a:hover{color:var(--orange)}
  @media(max-width:760px){.kontakt-grid{grid-template-columns:1fr}}
  .ordre-sok-res .none a{color:inherit}
  /* Ankerlenker (#kontakt, #tjenester …) havner under den faste toppen, ikke bak den */
  section[id],[id="mottaker"]{scroll-margin-top:150px}
  @media(max-width:700px){section[id],[id="mottaker"]{scroll-margin-top:122px}}
  /* Dekorativ glød i toppen skal aldri gi sidelengs rulling */
  html{overflow-x:clip}
  @media(max-width:700px){.hero,.stub-hero{overflow:hidden}}

  /* ---------- SEKSJONER MED MOTSATT TEMA (luft og kontrast, 30.09.2026) ----------
     class="revers" på en seksjon gir hvit seksjon når siden er mørk, og mørk seksjon når siden er lys. */
  .revers{
    --ink:#1A1F1B; --paper:#F6F7F3; --orange:#1B7A4B; --teal:#ECEFE8; --butter:#1E8A55; --sand:#EEF1EB; --line:#0000001A;
    --green:#1B7A4B; --green2:#1E8A55; --panel:#ECEFE8; --panel2:#E5E9E2;
    --flate:#ECEFE8; --flate-2:#FBFCF9; --flate-3:#F1F3EE; --flate-topp:#E5E9E2; --bilde-bg:#E1E6DE;
    --skygge:#0000001a; --skygge-stor:#0000002e; --hvit-svak:#0000000d; --kant-sterk:#00000026; --dempet:#C3CCC5;
    --aksent-tekst:#1B7A4B; --pa-aksent:#FFFFFF; --fot:#EBEEE7; --kort-hover:#E6EDE7;
    --callout:linear-gradient(135deg,#DDEFE4,#F1F6F2); --levert-bg:linear-gradient(160deg,#DDEFE4,#F1F3EE 60%);
    --feil-tekst:#A63A1C; --gul-tekst:#8A5A00; --gronn-tekst:#146B40; --pill-tekst:#3A403B; --pill-sterk:#111511;
    --st-venter:#5F666B; --st-planlagt:#1A1F1B; --st-vei:#9A6200; --st-levert:#1B7A4B; --st-avvik:#B23F1E; --st-retur:#7A3FA8;
    color-scheme:light;
    background:var(--paper);color:var(--ink);border-color:var(--line)
  }
  @media (prefers-color-scheme: light){
    :root:not([data-tema="mork"]) .revers{
      --ink:#EDEFEA; --paper:#141614; --orange:#2EB873; --teal:#1A1D1A; --butter:#57C88F; --sand:#1F221F; --line:#FFFFFF1F;
      --green:#2EB873; --green2:#57C88F; --panel:#1A1D1A; --panel2:#202422;
      --flate:#181B18; --flate-2:#202422; --flate-3:#262A28; --flate-topp:#1C1F1C; --bilde-bg:#1E211E;
      --skygge:#0006; --skygge-stor:#00000099; --hvit-svak:#ffffff14; --kant-sterk:#ffffff40; --dempet:#44504A;
      --aksent-tekst:#57C88F; --pa-aksent:#04140c; --fot:#101210; --kort-hover:#212923;
      --callout:linear-gradient(135deg,#173a28,#121a15); --levert-bg:linear-gradient(160deg,#173a28,#1A1D1A 60%);
      --feil-tekst:#f2a58c; --gul-tekst:#f0c777; --gronn-tekst:#7ddcaa; --pill-tekst:#d9ddd9; --pill-sterk:#f1f3f1;
      --st-venter:#9aa0a6; --st-planlagt:#EDEFEA; --st-vei:#E0A83A; --st-levert:#2EB873; --st-avvik:#e0603a; --st-retur:#B97FE0;
      color-scheme:dark;
    }
  }
  :root[data-tema="lys"] .revers{
    --ink:#EDEFEA; --paper:#141614; --orange:#2EB873; --teal:#1A1D1A; --butter:#57C88F; --sand:#1F221F; --line:#FFFFFF1F;
    --green:#2EB873; --green2:#57C88F; --panel:#1A1D1A; --panel2:#202422;
    --flate:#181B18; --flate-2:#202422; --flate-3:#262A28; --flate-topp:#1C1F1C; --bilde-bg:#1E211E;
    --skygge:#0006; --skygge-stor:#00000099; --hvit-svak:#ffffff14; --kant-sterk:#ffffff40; --dempet:#44504A;
    --aksent-tekst:#57C88F; --pa-aksent:#04140c; --fot:#101210; --kort-hover:#212923;
    --callout:linear-gradient(135deg,#173a28,#121a15); --levert-bg:linear-gradient(160deg,#173a28,#1A1D1A 60%);
    --feil-tekst:#f2a58c; --gul-tekst:#f0c777; --gronn-tekst:#7ddcaa; --pill-tekst:#d9ddd9; --pill-sterk:#f1f3f1;
    --st-venter:#9aa0a6; --st-planlagt:#EDEFEA; --st-vei:#E0A83A; --st-levert:#2EB873; --st-avvik:#e0603a; --st-retur:#B97FE0;
    color-scheme:dark;
  }
  .revers .eyebrow{color:var(--orange)}