/* solpark-elektro: egne stiler for modulen, prefiks .solpark-elektro- (agent E) */
.solpark-elektro-merk { color: var(--ink-3, oklch(0.5 0 0)); font-size: 12px; align-self: center; }
.solpark-elektro-adv li { color: oklch(0.45 0.14 45); }
.solpark-elektro-tabell td, .solpark-elektro-tabell th { font-variant-numeric: tabular-nums; }
.solpark-elektro-tabell td small { color: var(--ink-3, oklch(0.5 0 0)); }
.solpark-elektro-tabell tr.solpark-elektro-best td { font-weight: 600; background: oklch(0.95 0.04 150); }
.solpark-elektro-svg { margin: 8px 0 4px; overflow-x: auto; border: 1px solid oklch(0.88 0 0); border-radius: 8px; background: white; }
.solpark-elektro-svg svg { display: block; width: 100%; min-width: 560px; height: auto; }
.solpark-elektro-lag { margin-top: 10px; }
.solpark-lenkeknapp.on { font-weight: 700; text-decoration: underline; }

/* kartmerker */
.solpark-elektro-st { display: flex; align-items: center; justify-content: center; }
.solpark-elektro-st span {
  display: block; padding: 1px 4px; border-radius: 3px; font: 600 10px/14px "DM Sans", sans-serif; white-space: nowrap;
  background: oklch(0.3 0.06 250); color: white; border: 1.5px solid white; box-shadow: 0 1px 3px oklch(0 0 0 / 0.35);
}
.solpark-elektro-st--k span { background: oklch(0.45 0.18 25); }
.solpark-elektro-st--bess span { background: oklch(0.55 0.17 50); }
.solpark-elektro-tilk span {
  display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%;
  background: oklch(0.85 0.17 95); border: 2px solid oklch(0.3 0 0); font-size: 13px; box-shadow: 0 1px 3px oklch(0 0 0 / 0.35);
}

/* bak måler (agent V): valg av tilkobling, effektgrense og egenforbruk */
.solpark-elektro-modus { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; margin: 0 0 12px; }
.solpark-elektro-modus label { display: flex; gap: 8px; align-items: flex-start; padding: 9px 11px; border: 1.5px solid var(--sp-kant, oklch(0.86 0.04 75)); border-radius: 12px; background: #fff; cursor: pointer; }
.solpark-elektro-modus label.on { border-color: var(--sp-aksent, oklch(0.45 0.14 45)); background: oklch(0.97 0.03 70); }
.solpark-elektro-modus input { margin-top: 3px; accent-color: var(--sp-aksent, oklch(0.45 0.14 45)); }
.solpark-elektro-modus span { display: flex; flex-direction: column; gap: 1px; }
.solpark-elektro-modus b { font-size: 13.5px; color: var(--sp-tekst, oklch(0.25 0.03 60)); }
.solpark-elektro-modus small { font-size: 12px; color: var(--sp-dempet, oklch(0.5 0.04 60)); }
.solpark-elektro-modus--liten { margin: 6px 0 8px; }
.solpark-elektro-grense { display: flex; gap: 12px; align-items: center; margin: 10px 0 4px; padding: 10px 12px; border-radius: 12px; background: oklch(0.96 0.03 230); color: var(--sp-tekst, oklch(0.25 0.03 60)); }
.solpark-elektro-grense b { font: 600 24px/1 "DM Sans", system-ui, sans-serif; white-space: nowrap; font-variant-numeric: tabular-nums; }
.solpark-elektro-grense b em { font-style: normal; font-size: 13px; font-weight: 500; margin-left: 3px; color: var(--sp-dempet, oklch(0.5 0.04 60)); }
.solpark-elektro-grense span { font-size: 12.5px; line-height: 1.45; }
.solpark-elektro-ef { margin: 8px 0 0; }
.solpark-elektro-ef .ef-egen { fill: oklch(0.62 0.15 145); }
.solpark-elektro-ef .ef-eks { fill: oklch(0.8 0.12 85); }
.solpark-elektro-ef .ef-klipp { fill: oklch(0.6 0.2 25); }
.solpark-elektro-ef line.ef-forbruk { stroke: oklch(0.3 0.03 260); stroke-width: 2.5; }
.solpark-elektro-ef figcaption { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; color: var(--sp-dempet, oklch(0.5 0.04 60)); }
.solpark-elektro-ef figcaption span::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; }
.solpark-elektro-ef figcaption .ef-egen::before { background: oklch(0.62 0.15 145); }
.solpark-elektro-ef figcaption .ef-eks::before { background: oklch(0.8 0.12 85); }
.solpark-elektro-ef figcaption .ef-klipp::before { background: oklch(0.6 0.2 25); }
.solpark-elektro-ef figcaption .ef-forbruk::before { height: 3px; vertical-align: 3px; background: oklch(0.3 0.03 260); }
.solpark-elektro-st--s span { background: oklch(0.5 0.13 230); }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .solpark-elektro-tabell tr.solpark-elektro-best td { background: oklch(0.32 0.05 150); }
  :root:not([data-theme="light"]) .solpark-elektro-adv li { color: oklch(0.8 0.12 60); }
  :root:not([data-theme="light"]) .solpark-elektro-modus label { background: oklch(0.27 0.01 260); }
  :root:not([data-theme="light"]) .solpark-elektro-modus label.on { background: oklch(0.32 0.04 60); }
  :root:not([data-theme="light"]) .solpark-elektro-grense { background: oklch(0.3 0.04 230); }
  :root:not([data-theme="light"]) .solpark-elektro-ef line.ef-forbruk { stroke: oklch(0.88 0.02 260); }
}
:root[data-theme="dark"] .solpark-elektro-tabell tr.solpark-elektro-best td { background: oklch(0.32 0.05 150); }
:root[data-theme="dark"] .solpark-elektro-adv li { color: oklch(0.8 0.12 60); }
:root[data-theme="dark"] .solpark-elektro-modus label { background: oklch(0.27 0.01 260); }
:root[data-theme="dark"] .solpark-elektro-modus label.on { background: oklch(0.32 0.04 60); }
:root[data-theme="dark"] .solpark-elektro-grense { background: oklch(0.3 0.04 230); }
:root[data-theme="dark"] .solpark-elektro-ef line.ef-forbruk { stroke: oklch(0.88 0.02 260); }
/* Utstyr som kan dras i kartet (stasjoner, samleskap, tilknytning, batteri, teknisk felt; SOLPARK_DRA i solpark-kart.jsx) */
.solpark-flyttbar { cursor: grab; }
.solpark-flyttbar:active, .leaflet-dragging .solpark-flyttbar { cursor: grabbing; }
.solpark-flyttbar span { outline: 1px dashed oklch(0.99 0 0 / 0.8); outline-offset: 1px; }