/* ============================================================
   Greida CRM – Salg og Marked
   Samme lyse arbeidsflate som planleggeren: hvit flate, mørk tekst,
   grønn aksent, Poppins + Space Mono.
   ============================================================ */
/* Varsel når serveren kjører en eldre versjon enn filene (se app.js) */
.versjon-varsel{position:sticky;top:0;z-index:9999;background:#8a6212;color:#fff;font:600 14px/1.4 Poppins,system-ui,sans-serif;padding:.7rem 1rem;text-align:center}
/* hidden-attributtet skal alltid vinne over display-regler i modulen */
.sx-in.sx-ugyldig{border-color:#b3401f!important;box-shadow:0 0 0 2px #e0603a33}
.sx-side [hidden],.sx-modal [hidden],.sx-forslag[hidden],.sx-tip[hidden],#tilbud-utskrift[hidden]{display:none!important}
.sx-side{
  --ink:#1b1e1b; --paper:#ffffff; --panel:#f7f8f5; --panel2:#eef0ec; --line:#0000001f;
  --mut:#5f645f; --gronn:#1b7a4b; --gronn-l:#2EB8731f; --rod:#b3401f; --rod-l:#e0603a1f; --gul:#8a6212; --gul-l:#E0A83A26; --blaa:#1c5f92; --blaa-l:#4FA3E026;
  background:#fff; color:var(--ink); color-scheme:light; min-height:100vh; font-size:14px;
}
.sx-side select,.sx-side input,.sx-side textarea{color-scheme:light}
.sx-side a{color:var(--gronn)}
.sx-side .mut{color:var(--mut)}
.sx-side .mono{font-family:var(--mono);font-size:.92em}
.sx-side .rodt{color:var(--rod)}
.sx-side .gront{color:var(--gronn)}
.sx-side .spacer{flex:1}
.sx-side h2{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.sx-side h3{font-size:.98rem;font-weight:700}

/* Topplinje */
.sx-bar{display:flex;align-items:center;gap:.8rem 1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--line);flex-wrap:wrap;position:sticky;top:57px;z-index:50;background:#fff}
.sx-bar .pl-title{font-weight:700;font-size:1.05rem}
.sx-nav a{position:relative;display:inline-flex;align-items:center;gap:.35rem}
.sx-teller{font-family:var(--mono);font-size:.6rem;font-weight:700;background:var(--ink);color:#fff;border-radius:999px;padding:.05rem .38rem;line-height:1.3}
.sx-teller.rod{background:#c2401f}
.sx-teller[hidden]{display:none}
.sx-sok{flex:1 1 220px;max-width:380px;position:relative}
.sx-sok input{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;font-family:var(--f);font-size:.85rem;color:var(--ink)}
.sx-ny{position:relative}
.sx-nymeny{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0002;padding:.35rem;display:flex;flex-direction:column;min-width:190px;z-index:60}
.sx-nymeny[hidden]{display:none}
.sx-nymeny button{text-align:left;background:none;border:0;padding:.55rem .75rem;border-radius:8px;font-family:var(--f);font-size:.88rem;cursor:pointer;color:var(--ink)}
.sx-nymeny button:hover{background:var(--panel2)}
.sx-innhold{padding:14px;transition:opacity .15s}
.sx-innhold.laster{opacity:.55;pointer-events:none}

/* Knapper og felt */
.sx-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--f);font-weight:600;font-size:.84rem;border-radius:999px;padding:.5rem 1rem;cursor:pointer;border:2px solid var(--green);background:var(--green);color:#04140c;text-decoration:none;white-space:nowrap;line-height:1.2}
.sx-btn:hover{background:var(--green2);border-color:var(--green2)}
.sx-btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.sx-btn.ghost:hover{background:var(--panel2)}
.sx-btn.gronn{background:#1b7a4b;border-color:#1b7a4b;color:#fff}
.sx-btn.gronn:hover{background:#15623c}
.sx-btn.rod,.sx-btn.ghost.rod{color:var(--rod)}
.sx-btn.ghost.rod:hover{background:var(--rod-l)}
.sx-btn:disabled,.sx-btn.av{opacity:.45;cursor:not-allowed;pointer-events:none}
.sx-side a.sx-btn{color:#04140c}
.sx-side a.sx-btn.ghost{color:var(--ink)}
.sx-ikonknapp{border:1px solid var(--line);background:#fff;border-radius:10px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--ink);flex:0 0 auto}
.sx-ikonknapp:hover{background:var(--panel2)}
.sx-ikonknapp.rod{color:var(--rod)}
.sx-lenkeknapp{background:none;border:0;padding:0;color:var(--gronn);font-family:var(--f);font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.sx-lenkeknapp.rodt{color:var(--rod)}
.sx-chipknapp{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.32rem .75rem;font-family:var(--f);font-size:.8rem;font-weight:600;cursor:pointer;color:var(--ink)}
.sx-chipknapp.on{background:var(--green);border-color:var(--green);color:#04140c}
.sx-in{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.5rem .65rem;font-family:var(--f);font-size:.88rem;min-width:0;width:100%}
.sx-in:focus{outline:2px solid #2EB87366;border-color:var(--green)}
.sx-in:disabled{background:#f5f6f3;color:var(--ink);opacity:1;border-color:transparent}
.sx-in.num{text-align:right;font-variant-numeric:tabular-nums}
.sx-in.liten{padding:.3rem .45rem;font-size:.8rem;width:auto}
textarea.sx-in{resize:vertical;line-height:1.45}
.sx-filter .sx-in{width:auto}
.sx-filter input[type=search].sx-in{min-width:220px;border-radius:999px}
.sx-rel{position:relative}

/* Rader og rutenett */
.sx-filter{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:14px}
.sx-sum{font-size:.82rem;color:var(--mut)}
.sx-sum b{color:var(--ink)}
.sx-rad{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}
.sx-rad .grow{flex:1 1 200px;width:auto}
.sx-rad .sx-in:not(.grow){width:auto}
.sx-kol2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;align-items:start}
.sx-kol2.smal{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.sx-kol{display:flex;flex-direction:column;gap:14px;min-width:0}
.sx-kort{border:1px solid var(--line);border-radius:14px;background:#fff;padding:1rem 1.1rem;min-width:0}
.sx-kort.flat{background:var(--panel);margin-top:14px}
.sx-kort + .sx-kort.flat{margin-top:14px}
.sx-kort-h{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:.7rem}
.sx-kort-h h3{margin-right:auto}
.sx-kort-h .mut{font-size:.76rem}
.sx-kort-h a{font-size:.8rem;font-weight:600;text-decoration:none}
.sx-kort-h h3.rod{color:var(--rod)}
.sx-kort-h h3.gronn{color:var(--gronn)}
.sx-lbl{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mut);margin:.7rem 0 .4rem;font-weight:700}
.sx-lbl.inline{margin:0}
.sx-lbl .mut{text-transform:none;letter-spacing:0;font-family:var(--f);font-weight:400}
.sx-p{font-size:.88rem;line-height:1.55;max-width:none;margin:0 0 .4rem}
.sx-hint{font-size:.76rem;color:var(--mut);line-height:1.5;margin:.5rem 0 0;max-width:none}
.sx-tom{color:var(--mut);font-size:.85rem;padding:.8rem 0;text-align:left}
.sx-mer{display:inline-block;margin-top:.6rem;font-size:.8rem;font-weight:600;text-decoration:none}
.sx-info{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:.6rem .85rem;font-size:.85rem;margin-bottom:12px}
.sx-info.ok{border-color:#2EB87366;background:var(--gronn-l)}
.sx-info.gul{border-color:#E0A83A66;background:var(--gul-l)}

/* Piller og brikker */
.sx-pille{display:inline-block;font-family:var(--mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:.18rem .55rem;background:#0000000d;color:#4d5257;white-space:nowrap;vertical-align:middle}
.sx-pille.ok{background:var(--gronn-l);color:var(--gronn)}
.sx-pille.blaa{background:var(--blaa-l);color:var(--blaa)}
.sx-pille.gul{background:var(--gul-l);color:var(--gul)}
.sx-pille.rod{background:var(--rod-l);color:var(--rod)}
.sx-pille.graa{background:#0000000a;color:#7a7f7a}
.sx-chip{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--mono);font-size:.6rem;font-weight:700;border-radius:5px;padding:.14rem .38rem;background:#0000000d;color:#3a3f3a;white-space:nowrap}
.sx-chip.varsel,.sx-chip.gul{background:var(--gul-l);color:var(--gul)}
.sx-chip.rod{background:var(--rod-l);color:var(--rod)}
.sx-chip.ok{background:var(--gronn-l);color:var(--gronn)}
.sx-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:99px;background:#1b1e1b;color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.02em;flex:0 0 auto;margin-left:auto}
.sx-avatar.stor{width:36px;height:36px;font-size:.75rem;margin:0;background:var(--panel2);color:var(--ink);border:1px solid var(--line)}
.sx-prikk{display:inline-block;width:8px;height:8px;border-radius:99px;margin-right:.35rem;vertical-align:1px}

/* Nøkkeltall */
.sx-fliser{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px}
.sx-fliser.smaa{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.sx-flis{border:1px solid var(--line);border-radius:14px;background:#fff;padding:.8rem .95rem;display:flex;flex-direction:column;gap:.2rem;min-width:0}
.sx-flis .lbl{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.11em;color:var(--mut);font-weight:700}
.sx-flis b{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-flis .under{font-size:.74rem;color:var(--mut);line-height:1.35}
.sx-flis.varsel{border-color:#e0603a66;background:#fff8f5}
.sx-flis.varsel b{color:var(--rod)}
.sx-flis.god{border-color:#2EB87366}
.sx-flis.klikk{cursor:pointer}
.sx-flis.klikk:hover{border-color:var(--green)}
.sx-flis .meter{height:6px;border-radius:99px;background:#2EB87326;overflow:hidden;margin:.2rem 0 .1rem}
.sx-flis .meter i{display:block;height:100%;background:#22995e;border-radius:99px}
.sx-fliser.smaa .sx-flis b{font-size:1.15rem}

/* Grafer */
.sx-graf{width:100%;height:auto;display:block;overflow:visible}
.sx-graf .ax{font-family:var(--mono);font-size:10px;fill:#6b716b}
.sx-graf .ax.uthev{fill:#1b1e1b;font-weight:700}
.sx-graf .sx-hit{cursor:default;outline:none}
.sx-graf .sx-hit:hover path,.sx-graf .sx-hit:focus path{filter:brightness(1.12)}
.sx-graf .sx-hit:focus rect{stroke:#2EB87388;stroke-width:1.5}
.sx-legende{display:flex;gap:1rem;font-size:.74rem;color:var(--mut);margin:-.3rem 0 .3rem}
.sx-legende i{display:inline-block;margin-right:.35rem;vertical-align:1px}
.sx-legende i.boks{width:10px;height:10px;border-radius:3px}
.sx-legende i.strek{width:14px;height:2px;vertical-align:3px}
.sx-bjelker{display:flex;flex-direction:column;gap:.45rem}
.sx-bj{display:grid;grid-template-columns:minmax(90px,34%) minmax(0,1fr) auto;gap:.6rem;align-items:center;font-size:.8rem;outline:none;border-radius:6px}
.sx-bj:hover .fyll,.sx-bj:focus .fyll{filter:brightness(1.12)}
.sx-bj .l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.35rem}
.sx-bj .l i{width:8px;height:8px;border-radius:99px;flex:0 0 auto}
.sx-bj .spor{height:14px;background:#0000000a;border-radius:4px;overflow:hidden}
.sx-bj .fyll{display:block;height:100%;background:#22995e;border-radius:0 4px 4px 0;min-width:2px}
.sx-bj .v{font-family:var(--mono);font-size:.72rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.sx-tip{position:fixed;z-index:9000;background:#1b1e1b;color:#fff;border-radius:10px;padding:.5rem .7rem;font-size:.76rem;line-height:1.45;pointer-events:none;max-width:280px;box-shadow:0 8px 24px #0004}
.sx-tip[hidden]{display:none}
.sx-tip b{display:block;font-size:.8rem}

/* Tabeller */
.sx-tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.sx-kort .sx-tbl-wrap{border-radius:10px}
.sx-tbl{width:100%;border-collapse:collapse;font-size:.84rem}
.sx-tbl th{text-align:left;font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#6b716b;font-weight:700;padding:.55rem .7rem;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--panel)}
.sx-tbl td{padding:.55rem .7rem;border-bottom:1px solid #0000000f;vertical-align:top}
.sx-tbl tr:last-child td{border-bottom:0}
.sx-tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sx-tbl th.sort{cursor:pointer;user-select:none}
.sx-tbl th.sort.on{color:var(--ink)}
.sx-tbl.klikkbar tbody tr[data-id],.sx-tbl.klikkbar tbody tr[data-kid]{cursor:pointer}
.sx-tbl.klikkbar tbody tr[data-id]:hover td,.sx-tbl.klikkbar tbody tr[data-kid]:hover td{background:#2EB8730d}
.sx-tbl tbody tr:focus{outline:2px solid #2EB87388;outline-offset:-2px}
.sx-tbl tr.dempet td{opacity:.55}
.sx-tbl td .mut{font-size:.74rem}

/* Pipeline-tavle */
.sx-tavle-wrap{overflow-x:auto;padding-bottom:8px;margin:0 -14px;padding-left:14px;padding-right:14px}
.sx-tavle{display:flex;gap:10px;align-items:flex-start;min-width:min-content}
.sx-kolonne{flex:1 0 235px;max-width:320px;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;max-height:calc(100vh - 250px);min-height:200px}
.sx-kolonne.slipp{outline:2px dashed var(--green);outline-offset:-3px;background:#2EB87314}
.sx-kol-h{display:flex;align-items:center;gap:.45rem;padding:.65rem .75rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
.sx-kol-h i{width:10px;height:10px;border-radius:99px;flex:0 0 auto}
.sx-kol-h b{font-size:.86rem}
.sx-kol-h .mut{font-family:var(--mono);font-size:.62rem}
.sx-kol-sum{margin-left:auto;font-family:var(--mono);font-size:.66rem;color:var(--mut)}
.sx-kol-liste{padding:.55rem;display:flex;flex-direction:column;gap:.45rem;overflow-y:auto;flex:1}
.sx-salgkort{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.55rem .6rem;cursor:grab;user-select:none;display:flex;flex-direction:column;gap:.2rem}
.sx-salgkort:hover,.sx-salgkort:focus{border-color:var(--green);outline:none}
.sx-salgkort.drar{opacity:.4}
.sx-salgkort.rotner{border-left:3px solid #E0A83A}
.sx-sk-t{font-weight:600;font-size:.83rem;line-height:1.25}
.sx-sk-f{font-size:.74rem;color:var(--mut)}
.sx-sk-v{display:flex;justify-content:space-between;gap:.4rem;font-size:.78rem;align-items:baseline}
.sx-sk-v .mut,.sx-sk-v .rodt{font-family:var(--mono);font-size:.64rem}
.sx-sk-c{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap;margin-top:.15rem}
.sx-kol-ny{background:none;border:0;border-top:1px solid var(--line);padding:.5rem;font-family:var(--f);font-size:.78rem;color:var(--mut);cursor:pointer;border-radius:0 0 14px 14px}
.sx-kol-ny:hover{background:#fff;color:var(--ink)}
.sx-slippsone{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:12px;z-index:3000}
.sx-slippsone[hidden]{display:none}
.sx-slippsone div{min-width:170px;padding:1rem 1.4rem;border-radius:14px;border:2px dashed;font-weight:700;text-align:center;background:#fff;box-shadow:0 10px 30px #0003}
.sx-slippsone [data-s=vunnet]{border-color:#1b7a4b;color:#1b7a4b}
.sx-slippsone [data-s=tapt]{border-color:#c2401f;color:#c2401f}
.sx-slippsone div.over{background:#f0faf4}
.sx-slippsone [data-s=tapt].over{background:#fdf1ed}

/* Detaljsider (salg, kunde, tilbud) */
.sx-hode{display:flex;flex-direction:column;gap:.35rem;margin-bottom:12px}
.sx-tilbake{font-size:.8rem;font-weight:600;text-decoration:none;align-self:flex-start}
.sx-tilbake.mobil{display:none}
.sx-hode-t{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.sx-hode-m{font-size:.86rem;color:var(--mut)}
.sx-hode-k{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.35rem;align-items:center}
.sx-ulagret{font-family:var(--mono);font-size:.62rem;font-weight:700;color:var(--gul);background:var(--gul-l);border-radius:999px;padding:.18rem .55rem}
.sx-ulagret[hidden]{display:none}
.sx-trinnbar{display:flex;margin:4px 0 14px;overflow-x:auto;border-radius:12px;border:1px solid var(--line)}
.sx-trinnbar button{flex:1 1 0;min-width:110px;background:var(--panel);border:0;border-right:1px solid var(--line);padding:.6rem .7rem;font-family:var(--f);font-size:.8rem;font-weight:600;color:var(--mut);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.05rem;line-height:1.2}
.sx-trinnbar button:last-child{border-right:0}
.sx-trinnbar button:hover:not(:disabled){background:#2EB8731a;color:var(--ink)}
.sx-trinnbar button.forbi{background:#2EB87314;color:var(--gronn)}
.sx-trinnbar button.on{background:#1b7a4b;color:#fff}
.sx-trinnbar button small{font-family:var(--mono);font-size:.58rem;opacity:.85;font-weight:400}
.sx-trinnbar.lukket{opacity:.6}
.sx-trinnbar button:disabled{cursor:default}
.sx-kv{display:grid;grid-template-columns:minmax(110px,38%) minmax(0,1fr);gap:.6rem;padding:.38rem 0;border-bottom:1px solid #0000000d;font-size:.84rem}
.sx-kv:last-child{border-bottom:0}
.sx-kv > span{color:var(--mut);font-size:.78rem}
.sx-kv > b{font-weight:600;min-width:0;overflow-wrap:anywhere}
.sx-notat{white-space:pre-wrap;font-size:.84rem;line-height:1.5;background:var(--panel);border-radius:10px;padding:.6rem .75rem;margin-top:.6rem}
.sx-lead-opph{font-size:.78rem;color:var(--mut);margin-top:.6rem}
.sx-liste{display:flex;flex-direction:column}
.sx-li{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .1rem;border-bottom:1px solid #0000000d;text-decoration:none;color:var(--ink);background:none;border-left:0;border-right:0;border-top:0;text-align:left;font-family:var(--f);cursor:pointer;width:100%}
.sx-li:last-child{border-bottom:0}
.sx-li:hover b{color:var(--gronn)}
.sx-li b{font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.sx-li span{font-size:.76rem;color:var(--mut)}
.sx-side a.sx-li{color:var(--ink)}
.sx-oppm{margin-bottom:.6rem}
.sx-oppm-h{font-size:.78rem;font-weight:700;display:flex;gap:.4rem;align-items:center;color:var(--gul)}
.sx-oppm-h span{font-family:var(--mono);font-size:.62rem;background:var(--gul-l);border-radius:999px;padding:.05rem .4rem}

/* Aktiviteter */
.sx-aktliste{display:flex;flex-direction:column}
.sx-akt{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:.55rem;align-items:start;padding:.5rem 0;border-bottom:1px solid #0000000d}
.sx-akt:last-child{border-bottom:0}
.sx-sjekkboks{width:22px;height:22px;border-radius:99px;border:2px solid #b8bdb8;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;margin-top:1px;padding:0}
.sx-sjekkboks:hover{border-color:#1b7a4b;background:#2EB8731a}
.sx-sjekkboks.on{background:#1b7a4b;border-color:#1b7a4b}
.sx-akt-ik{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--mut)}
.sx-akt-t{min-width:0}
.sx-akt-emne{font-size:.86rem;font-weight:600;cursor:pointer;line-height:1.3}
.sx-akt-emne:hover{color:var(--gronn)}
.sx-akt-type{font-family:var(--mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin-right:.2rem}
.sx-akt-m{font-size:.75rem;color:var(--mut);margin-top:.12rem}
.sx-akt-m a{text-decoration:none}
.sx-akt-u{font-size:.78rem;margin-top:.25rem;white-space:pre-wrap;background:var(--panel);border-radius:8px;padding:.35rem .55rem}
.sx-akt.ferdig .sx-akt-emne{color:var(--mut);font-weight:500}
.sx-akt.forfalt .sx-sjekkboks{border-color:#c2401f}
.sx-akt .sx-ikonknapp,.sx-akt [data-rediger]{width:26px;height:26px;border-radius:8px;font-size:1rem;border:0;background:none;color:var(--mut);cursor:pointer}
.sx-akt [data-rediger]:hover{background:var(--panel2);color:var(--ink)}
.sx-hurtig{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--line)}
.sx-hurtig .sx-in{width:auto}
.sx-hurtig .grow{flex:1 1 200px}
.sx-tidslinje{display:flex;flex-direction:column}
.sx-hend{display:grid;grid-template-columns:28px minmax(0,1fr);gap:.55rem;padding:.5rem 0;border-bottom:1px solid #0000000d;font-size:.82rem}
.sx-hend .mut{font-size:.72rem;margin-top:.1rem}
.sx-hend-p{width:10px;height:10px;border-radius:99px;background:#c9ccc9;margin:4px 0 0 6px}
.sx-aktgrupper{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px;align-items:start}

/* Henvendelser */
.sx-delt{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:14px;align-items:start}
.sx-delt.mal{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}
.sx-delt-liste{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;max-height:calc(100vh - 210px);overflow-y:auto}
.sx-delt-vis{border:1px solid var(--line);border-radius:14px;background:#fff;padding:1rem 1.15rem;min-height:300px}
.sx-lead{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:.6rem;padding:.65rem .75rem;border-bottom:1px solid #0000000f;cursor:pointer;align-items:start}
.sx-lead:hover{background:#2EB8730a}
.sx-lead.on{background:#2EB87318;box-shadow:inset 3px 0 0 #1b7a4b}
.sx-lead.ny .sx-lead-t b{font-weight:800}
.sx-lead-t{min-width:0;font-size:.85rem}
.sx-lead-m{font-size:.72rem;color:var(--mut);margin-top:.1rem}
.sx-lead-x{font-size:.75rem;color:#3a3f3a;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-lead-s{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}
.sx-temp{width:30px;height:30px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.66rem;font-weight:700;background:#0000000d;color:#4d5257}
.sx-temp.varm{background:#c2401f;color:#fff}
.sx-temp.lunken{background:#E0A83A;color:#1b1e1b}
.sx-temp.kald{background:#dfe6ee;color:#1c5f92}
.sx-frist{font-family:var(--mono);font-size:.6rem;font-weight:700;white-space:nowrap;color:var(--mut)}
.sx-frist.rod{color:var(--rod)}
.sx-frist.gul{color:var(--gul)}
.sx-frist.ok{color:var(--gronn)}
.sx-lead-hode{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.4rem}
.sx-kontaktlinje .sx-btn{font-weight:500}
.sx-lead-k{margin:.8rem 0}
.sx-frist-stor{font-size:.84rem;font-weight:600;border-radius:10px;padding:.5rem .75rem;background:var(--panel);margin:.6rem 0}
.sx-frist-stor.rod{background:var(--rod-l);color:var(--rod)}
.sx-frist-stor.ok{background:var(--gronn-l);color:var(--gronn)}
.sx-melding{white-space:pre-wrap;font-size:.92rem;line-height:1.55;background:#fffdf5;border:1px solid #E0A83A44;border-radius:12px;padding:.8rem 1rem;margin:.6rem 0}
.sx-poeng{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem;font-size:.8rem}
.sx-poeng b{display:inline-block;min-width:34px;font-family:var(--mono);font-size:.7rem;color:var(--gronn)}
.sx-poeng li.minus b{color:var(--rod)}

/* Kunder */
.sx-kontakter{display:flex;flex-direction:column}
.sx-kontakt{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.5rem 0;border-bottom:1px solid #0000000d;cursor:pointer;font-size:.84rem}
.sx-kontakt:last-child{border-bottom:0}
.sx-kontakt:hover b{color:var(--gronn)}
.sx-kontakt.dempet{opacity:.55}
.sx-kontakt-l{display:flex;gap:.7rem;flex-wrap:wrap;font-size:.76rem;margin-top:.1rem}
.sx-kontakt-l a{text-decoration:none}

/* Modaler og skjema */
.sx-modal{position:fixed;inset:0;background:#000a;display:flex;align-items:flex-start;justify-content:center;z-index:4000;padding:4vh 1rem;overflow-y:auto}
.sx-mcard{background:#fff;color:#1b1e1b;border-radius:16px;width:100%;max-width:620px;box-shadow:0 24px 70px #0006;display:flex;flex-direction:column;max-height:92vh}
.sx-mcard.bred{max-width:860px}
.sx-mcard.smal{max-width:460px}
.sx-mhead{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;padding:1.05rem 1.25rem .5rem}
.sx-mhead h3{font-size:1.15rem;font-weight:800;margin-right:auto}
.sx-msub{flex-basis:100%;order:3;font-size:.8rem;color:#5f645f;line-height:1.45}
.sx-x{border:0;background:none;font-size:1.6rem;line-height:1;cursor:pointer;color:#1b1e1b;opacity:.45;padding:0 .2rem}
.sx-x:hover{opacity:1}
.sx-mbody{padding:.4rem 1.25rem 1rem;overflow-y:auto}
.sx-mfoot{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.8rem 1.25rem;border-top:1px solid #0000001a;background:#fafbf9;border-radius:0 0 16px 16px}
.sx-feil{color:#b3401f;font-weight:600;font-size:.86rem;padding:0 1.25rem .6rem}
.sx-feil[hidden]{display:none}
.sx-grid2,.sx-grid3{display:grid;gap:.55rem .7rem}
.sx-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-grid2 .span2,.sx-grid3 .span2{grid-column:span 2}
.sx-grid3 .span3{grid-column:1 / -1}
.sx-grid2 .span2{grid-column:1 / -1}
.sx-f{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.sx-f > span{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#4d5257;font-weight:700}
.sx-f > span .mut{text-transform:none;letter-spacing:0;font-family:var(--f);font-weight:400}
.sx-f[hidden]{display:none}
.sx-kobling{font-size:.86rem;padding:.5rem .65rem;background:#f5f6f3;border-radius:10px}
.sx-typer{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}
.sx-typer label{cursor:pointer}
.sx-typer input{position:absolute;opacity:0;pointer-events:none}
.sx-typer span{display:inline-block;border:1px solid #0000001f;border-radius:999px;padding:.35rem .75rem;font-size:.82rem;font-weight:600}
.sx-typer input:checked + span{background:#1b1e1b;color:#fff;border-color:#1b1e1b}
.sx-typer input:focus-visible + span{outline:2px solid #2EB873}
.sx-sjekk{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;cursor:pointer;line-height:1.3}
.sx-sjekk input{accent-color:#1b7a4b;width:17px;height:17px;flex:0 0 auto}
.sx-seksjon{border-top:1px solid #0000001a;padding-top:.7rem;margin-top:.8rem}
.sx-seksjon:first-child{border-top:0;margin-top:0;padding-top:0}
.sx-seksjon [hidden]{display:none}
.sx-valg{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.6rem;font-size:.86rem}
.sx-valg label{display:flex;gap:.45rem;align-items:center;cursor:pointer}
.sx-neste{margin-top:.9rem;background:var(--panel, #f7f8f5);border-radius:12px;padding:.1rem .8rem .8rem}
.sx-brreg-info{margin-top:.7rem;font-size:.82rem;background:#2EB8731a;border-radius:10px;padding:.5rem .7rem}
.sx-brreg-info[hidden]{display:none}
.sx-steg{margin:.2rem 0 0 1.1rem;padding:0;display:flex;flex-direction:column;gap:.55rem;font-size:.88rem;line-height:1.45}
.sx-ki-svar{margin-top:.8rem;display:flex;flex-direction:column;gap:.5rem}
.sx-ki-svar[hidden]{display:none}
.sx-forslag{position:absolute;left:0;right:0;top:calc(100% + 3px);z-index:5000;background:#fff;border:1px solid #0000002a;border-radius:12px;box-shadow:0 12px 32px #0002;max-height:320px;overflow-y:auto;min-width:280px}
.sx-forslag[hidden]{display:none}
.sx-fl{padding:.5rem .7rem;font-size:.82rem;cursor:pointer;border-bottom:1px solid #0000000d;line-height:1.35;color:#1b1e1b}
.sx-fl:last-child{border-bottom:0}
.sx-fl.on,.sx-fl:hover{background:#2EB8731a}
.sx-fl.ekstra{color:#1b7a4b;font-weight:600}
.sx-fl .mut{font-size:.74rem}
.sx-fl-t{font-family:var(--mono);font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;background:#0000000d;border-radius:4px;padding:.08rem .3rem;margin-right:.4rem;color:#4d5257}
.sx-fl .rodt{color:#b3401f}
.sx-fl .gront{color:#1b7a4b}

/* Tilbud */
.sx-tilbud{display:flex;flex-direction:column;gap:14px}
.sx-ltype{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);pointer-events:none}
.sx-linjer td{vertical-align:top;padding:.4rem .4rem}
.sx-linjer td.beskr{min-width:280px}
.sx-linjer td.beskr .sx-in{padding-left:4.2rem}
.sx-linjer td .sx-in.num{width:88px}
.sx-linjer td [data-f=enhet]{width:70px}
.sx-linjer td [data-f=rabatt]{width:64px}
.sx-linjer td.sum{padding-top:.85rem;font-weight:600}
.sx-linjer tr.tekst .sx-in{font-weight:700;background:#fff;border-style:dashed}
.sx-linjer .k{display:none}
.sx-linjer.kost .k{display:table-cell}
.sx-linjer td.k:not(:has(input)){padding-top:.85rem}
.sx-lager{font-size:.7rem;margin:.25rem 0 0 .2rem;font-weight:600}
.sx-lager.ok{color:var(--gronn)}
.sx-lager.mangler{color:var(--gul)}
.sx-lager.fri{color:var(--mut);font-weight:400;font-style:italic}
.sx-lk{display:inline-flex;gap:2px}
.sx-lk button{border:0;background:none;cursor:pointer;font-size:.95rem;color:var(--mut);padding:.35rem .3rem;border-radius:6px}
.sx-lk button:hover:not(:disabled){background:var(--panel2);color:var(--ink)}
.sx-lk button:disabled{opacity:.25;cursor:default}
.sx-lk button.rodt{color:var(--rod)}
.sx-sumboks{display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap;margin-top:.8rem}
.sx-sumrader,.sx-sumintern{min-width:280px;display:flex;flex-direction:column;gap:.15rem;font-size:.86rem}
.sx-sumrader div,.sx-sumintern div{display:flex;justify-content:space-between;gap:1.5rem;padding:.2rem 0}
.sx-sumrader b,.sx-sumintern b{font-variant-numeric:tabular-nums}
.sx-sumrader .netto{border-top:1px solid var(--line);padding-top:.4rem;font-weight:600}
.sx-sumrader .total{border-top:2px solid var(--ink);padding-top:.4rem;font-size:1rem;font-weight:800}
.sx-sumintern{background:var(--panel);border-radius:10px;padding:.5rem .8rem;color:var(--mut)}
.sx-sumintern.skjult{display:none}
.sx-tilbud.las .sx-linjer .sx-in{border-color:transparent;background:transparent;padding-left:.3rem}
.sx-tilbud.las .sx-linjer td.beskr .sx-in{padding-left:4.2rem}

/* Innstillinger */
.sx-mal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.sx-mal label{display:flex;flex-direction:column;gap:.2rem;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;color:var(--mut)}
.sx-side input[type=color]{width:42px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:2px;cursor:pointer}

/* Marked */
.sx-lenkeboks{display:flex;gap:.5rem;align-items:center;background:var(--panel);border-radius:10px;padding:.5rem .6rem;margin:.4rem 0}
.sx-lenkeboks code{flex:1;font-family:var(--mono);font-size:.72rem;word-break:break-all;line-height:1.5}
.sx-sjekkliste{display:flex;flex-wrap:wrap;gap:.3rem .8rem;font-size:.82rem;margin-bottom:.4rem}
#mg-filter .sx-grid2{margin-top:.8rem}
.sx-sjekkliste label{display:inline-flex;gap:.35rem;align-items:center;cursor:pointer}
.sx-sjekkliste input{accent-color:#1b7a4b}
.sx-fordeling{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.4rem}
.sx-regler{margin:0 0 0 1.1rem;padding:0;font-size:.84rem;line-height:1.55;display:flex;flex-direction:column;gap:.3rem}
.sx-regler code{font-family:var(--mono);font-size:.74rem;background:#fff;border:1px solid var(--line);border-radius:6px;padding:.05rem .35rem;word-break:break-all}
.sx-side .wknav{display:flex;align-items:center;gap:.6rem}
.sx-side .wknav button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:1.1rem;color:var(--ink)}
.sx-side .wknav b{min-width:130px;text-align:center;text-transform:capitalize}
.mk-leg{display:flex;gap:.7rem;align-items:center;font-size:.74rem;color:var(--mut);flex-wrap:wrap}
.mk-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.2rem;vertical-align:-1px}
.mk-kalender-wrap{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;align-items:start}
.mk-kalender{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mk-uk{background:var(--panel);font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mut);padding:.45rem .5rem;font-weight:700}
.mk-dag{background:#fff;min-height:104px;padding:.35rem;display:flex;flex-direction:column;gap:.25rem;cursor:pointer}
.mk-dag:hover{background:#fbfcfa}
.mk-dag.ute{background:#fafaf8}
.mk-dag.ute .mk-dnr{opacity:.4}
.mk-dnr{font-family:var(--mono);font-size:.68rem;color:var(--mut);align-self:flex-start;padding:0 .2rem}
.mk-dag.idag .mk-dnr{background:#1b7a4b;color:#fff;border-radius:99px;padding:0 .4rem}
.mk-post{display:block;width:100%;text-align:left;border:0;border-left:3px solid #9aa0a6;background:#f1f2ef;border-radius:6px;padding:.25rem .4rem;font-family:var(--f);font-size:.7rem;font-weight:600;line-height:1.25;color:#1b1e1b;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-post:hover{filter:brightness(.96)}
.mk-post.li,.mk-leg .li{border-left-color:#1c5f92}.mk-leg .li{background:#1c5f92}
.mk-post.fb,.mk-leg .fb{border-left-color:#3b5bb8}.mk-leg .fb{background:#3b5bb8}
.mk-post.ig,.mk-leg .ig{border-left-color:#8a4fb3}.mk-leg .ig{background:#8a4fb3}
.mk-post.nb,.mk-leg .nb{border-left-color:#1b7a4b}.mk-leg .nb{background:#1b7a4b}
.mk-post.ns,.mk-leg .ns{border-left-color:#b9791a}.mk-leg .ns{background:#b9791a}
.mk-post.ide{background:#fff;border:1px dashed #0000002a;border-left-width:3px;font-weight:500}
.mk-post.utkast{background:#fff;box-shadow:inset 0 0 0 1px #0000001a}
.mk-post.publisert{background:#e7f5ed}
.mk-post.publisert::before{content:"✓ ";color:#1b7a4b}
.mk-ideer{display:flex;flex-direction:column;gap:.4rem}
.mk-ideer .mk-post{white-space:normal}
.mk-ki{margin-top:.8rem;background:#f7f8f5;border-radius:12px;padding:.6rem .8rem}
.mk-ki summary{cursor:pointer;font-weight:700;font-size:.86rem}

/* Utskrift av tilbud (også forhåndsvisning på skjermen) */
#tilbud-utskrift{background:#e9ebe7;min-height:100vh;padding:1rem 1rem 3rem;color:#1b1e1b;font-family:var(--f)}
#tilbud-utskrift[hidden]{display:none}
body.utskrift > header,body.utskrift #crmbar,body.utskrift .view{display:none !important}
body.utskrift{background:#e9ebe7}
.tu-verktoy{max-width:210mm;margin:0 auto 1rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font-size:.8rem;color:#5f645f}
.tu-verktoy .sx-btn.ghost{background:#fff;color:#1b1e1b;border-color:#0000001f}
.tu-ark{background:#fff;max-width:210mm;min-height:280mm;margin:0 auto;padding:18mm 17mm 14mm;box-shadow:0 10px 40px #0002;display:flex;flex-direction:column;font-size:10.5pt;line-height:1.45}
.tu-hode{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #1b1e1b;padding-bottom:8mm;margin-bottom:8mm}
.tu-logo{font-size:26pt;font-weight:600;letter-spacing:-.04em}
.tu-logo span{color:#2EB873}
.tu-avs{text-align:right;font-size:8.5pt;color:#4d5257;line-height:1.5}
.tu-topp{display:flex;justify-content:space-between;gap:10mm;margin-bottom:8mm}
.tu-mottaker{font-size:10pt;line-height:1.5}
.tu-meta h1{font-size:20pt;font-weight:800;letter-spacing:-.02em;margin:0 0 2mm;text-align:right}
.tu-meta table{font-size:9pt;border-collapse:collapse;margin-left:auto}
.tu-meta td{padding:.5mm 0 .5mm 5mm}
.tu-meta td:first-child{color:#6b716b}
.tu-tittel{font-size:13pt;font-weight:700;margin:0 0 3mm}
.tu-p{margin:0 0 4mm;max-width:none}
.tu-linjer{width:100%;border-collapse:collapse;margin:3mm 0 5mm;font-size:9.5pt}
.tu-linjer th{text-align:left;font-size:7.5pt;text-transform:uppercase;letter-spacing:.08em;color:#6b716b;border-bottom:1.5px solid #1b1e1b;padding:2mm 1.5mm}
.tu-linjer td{border-bottom:1px solid #0000001a;padding:2mm 1.5mm;vertical-align:top}
.tu-linjer .num{text-align:right;white-space:nowrap}
.tu-linjer tr.tekst td{font-weight:700;padding-top:4mm;border-bottom:0}
.tu-sum{margin-left:auto;border-collapse:collapse;font-size:10pt;min-width:75mm}
.tu-sum td{padding:1mm 0 1mm 8mm;text-align:right}
.tu-sum td:first-child{text-align:left;padding-left:0;color:#4d5257}
.tu-sum tr.tot td{border-top:2px solid #1b1e1b;font-weight:800;font-size:11.5pt;padding-top:2mm;color:#1b1e1b}
.tu-vilkar{margin-top:8mm;font-size:8.5pt;color:#3a3f3a}
.tu-vilkar p{margin:1mm 0 0;max-width:none}
.tu-hilsen{margin-top:8mm}
.tu-aksept{margin-top:10mm;display:grid;grid-template-columns:auto 1fr 1.4fr;gap:6mm;align-items:end;font-size:9pt;color:#4d5257}
.tu-strek{border-top:1px solid #1b1e1b;padding-top:1mm}
.tu-fot{margin-top:auto;padding-top:8mm;font-size:7.5pt;color:#6b716b;text-align:center;border-top:1px solid #0000001a}
@page{size:A4;margin:0}
@media print{
  body,body.utskrift{background:#fff !important}
  body > *:not(#tilbud-utskrift){display:none !important}
  #tilbud-utskrift{padding:0;background:#fff;min-height:0}
  .tu-verktoy{display:none}
  .tu-ark{box-shadow:none;max-width:none;min-height:297mm;margin:0}
  .toast,.sx-tip{display:none !important}
}

/* Mobil og nettbrett */
@media (max-width:1100px){
  .sx-kol2,.sx-kol2.smal{grid-template-columns:1fr}
  .mk-kalender-wrap{grid-template-columns:1fr}
  .sx-aktgrupper{grid-template-columns:1fr}
}
@media (max-width:760px){
  .sx-bar{position:static;padding:.6rem .8rem;gap:.5rem}
  .sx-bar .sx-nav{order:5;width:100%;overflow-x:auto;scrollbar-width:none;border-radius:12px}
  .sx-bar .sx-nav a{white-space:nowrap}
  .sx-sok{order:6;max-width:none;flex-basis:100%}
  .sx-innhold{padding:10px}
  .sx-fliser{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-flis b{font-size:1.15rem}
  .sx-delt,.sx-delt.mal{grid-template-columns:1fr}
  .sx-delt.har-valgt .sx-delt-liste{display:none}
  .sx-delt:not(.har-valgt) .sx-delt-vis{display:none}
  .sx-tilbake.mobil{display:inline-block;margin-bottom:.4rem}
  .sx-delt-liste{max-height:none}
  .sx-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-grid3 .span2{grid-column:1 / -1}
  .sx-mal{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sx-kolonne{flex-basis:78vw;max-height:none}
  .sx-filter input[type=search].sx-in{min-width:0;flex:1 1 100%}
  .sx-modal{padding:0}
  .sx-mcard,.sx-mcard.bred,.sx-mcard.smal{max-width:none;min-height:100vh;border-radius:0;max-height:none}
  .sx-mfoot{border-radius:0;position:sticky;bottom:0}
  .mk-dag{min-height:70px}
  .mk-post{font-size:.62rem}
  .sx-kv{grid-template-columns:1fr}
  .sx-slippsone div{min-width:120px;padding:.8rem}
}
@media (max-width:480px){
  .sx-grid2,.sx-grid3{grid-template-columns:1fr}
  .sx-grid2 .span2,.sx-grid3 .span2,.sx-grid3 .span3{grid-column:auto}
  .sx-hode-k .sx-btn{padding:.45rem .8rem}
}

/* style.css setter bakgrunn på alle input i #page-salg (fra prototypen) – disse må vinne */
#page-salg .sx-in:disabled,#page-marked .sx-in:disabled{background-color:#f5f6f3}
#page-salg .sx-tilbud.las .sx-linjer .sx-in{background-color:transparent}
#page-salg .sx-linjer tr.tekst .sx-in{background-color:#fff}
#page-salg input[type=checkbox],#page-salg input[type=radio],#page-marked input[type=checkbox],#page-marked input[type=radio]{background-color:transparent}
#page-salg input[type=color],#page-marked input[type=color]{background-color:#fff}

/* Kartets lagvelger manglet ikon (Leaflet-bildet er ikke med i vendor-mappen) */
.leaflet-control-layers-toggle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b1e1b' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 8l10 5 10-5-10-5Z'/%3E%3Cpath d='m2 13 10 5 10-5'/%3E%3Cpath d='m2 17.5 10 5 10-5' opacity='.5'/%3E%3C/svg%3E") !important;background-size:22px 22px !important;background-repeat:no-repeat;background-position:center}

/* ============================================================
   Prospektlister og ringekø (salg-lister.js)
   ============================================================ */
.sx-side .liten{font-size:.75rem}
.sx-info.rod{border-color:#e0603a66;background:var(--rod-l);color:var(--rod)}
.sx-f.inline{flex-direction:row;align-items:center;gap:.5rem}
.pl-tom{max-width:640px}
.pl-tom h3{margin:0 0 .4rem}
.pl-fremdrift{display:flex;align-items:center;gap:.5rem;min-width:130px}
.pl-fremdrift .spor{flex:1;height:6px;border-radius:99px;background:#2EB87326;overflow:hidden}
.pl-fremdrift .spor i{display:block;height:100%;background:#22995e;border-radius:99px}
.pl-fremdrift .mono{font-size:.7rem;color:var(--mut);min-width:3ch;text-align:right}
.pl-forh{margin-top:.6rem;transition:opacity .15s}
.pl-forh.laster{opacity:.5;pointer-events:none}
.pl-kobling{border:1px solid var(--line);border-radius:12px;padding:.55rem .8rem;margin:0 0 12px;background:var(--panel)}
.pl-kobling summary{cursor:pointer;font-size:.84rem;font-weight:600}
.pl-kobling .sx-tbl-wrap{margin-top:.6rem;max-height:300px;overflow:auto;background:#fff;border-radius:10px}
.pl-forh-tabell{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:12px;margin-bottom:.6rem}
.pl-forh-tabell .sx-tbl tr.dempet td{opacity:.5}
.pl-status{display:flex;gap:2px;height:10px;border-radius:99px;overflow:hidden;margin:.5rem 0 .3rem;max-width:720px}
.pl-st{background:#d7dad7}
.pl-st.gul{background:#E0A83A}
.pl-st.blaa{background:#4FA3E0}
.pl-st.ok{background:#22995e}
.pl-st.graa{background:#9aa0a6}
.pl-st.rod{background:#e0603a}
.pl-statuslegende{display:flex;flex-wrap:wrap;gap:.3rem 1rem;font-size:.76rem;color:#3a3f3a;align-items:center}
.pl-statuslegende i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:.3rem;vertical-align:-1px}
.pl-rad.dempet{opacity:.6}
.pl-rad .sx-avatar{margin:.1rem 0 0}
.pl-hode-s{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}
.pl-kontakt{border:1px solid var(--line);border-radius:14px;padding:.8rem .95rem;margin:.6rem 0;display:flex;flex-direction:column;gap:.55rem;background:var(--panel)}
.pl-navn{font-size:1.1rem}
.pl-ring{flex-direction:column;align-items:flex-start;gap:0;font-size:1rem;padding:.5rem 1.1rem;border-radius:14px}
.pl-ring span{font-family:var(--mono);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.7}
.pl-utfall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.6rem 0 .4rem}
.pl-utfall .sx-btn{justify-content:center;white-space:normal;text-align:center}
.pl-hist{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem}
@media (max-width:760px){
  .pl-utfall{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.pl-forh-tabell .sx-tbl{min-width:920px}
.pl-forh-tabell td.mono{white-space:nowrap}
#pl-filter{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
#pl-filter button{white-space:nowrap}