.gjennomgang-dialog{width:min(920px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto}
.gjennomgang-hode{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.gjennomgang-hode h3{margin:0}
.gjennomgang-status{margin:0 0 12px;color:var(--dim);font-size:13px;line-height:1.45}
.gjennomgang-framdrift{width:100%;height:8px;margin:0 0 14px;accent-color:var(--gull,#c9a227)}
.gjennomgang-kurve{margin:0 0 14px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
.gjennomgang-kurve svg{display:block;width:100%;height:auto;max-height:180px}
.gjennomgang-kurve .akse{stroke:var(--border);stroke-width:1}
.gjennomgang-kurve .kurve{fill:none;stroke:var(--gull,#c9a227);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.gjennomgang-kurve .merke{fill:var(--fare,#e56b6f);stroke:var(--panel);stroke-width:2}
.gjennomgang-kurve figcaption{margin-top:6px;color:var(--dim);font-size:12px}
.gjennomgang-merker{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin:0 0 10px}
.gjennomgang-merke{flex:0 0 auto;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);padding:7px 10px;text-align:left;cursor:pointer}
.gjennomgang-merke[aria-current="true"]{border-color:var(--gull,#c9a227);box-shadow:0 0 0 1px var(--gull,#c9a227)}
.gjennomgang-merke b,.gjennomgang-merke span{display:block}
.gjennomgang-merke span{font-size:11px;color:var(--dim);margin-top:2px}
.gjennomgang-tom{margin:0 0 12px;color:var(--dim);font-size:13px}
.gjennomgang-detalj{display:grid;grid-template-columns:minmax(240px,420px) minmax(220px,1fr);gap:16px;align-items:start}
.gjennomgang-brett{width:100%;max-width:420px;aspect-ratio:1;display:grid;border:2px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}
.gjennomgang-rute{position:relative;border:0;padding:0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
.gjennomgang-rute{background:var(--rute-lys,#d8c6a2)}
.gjennomgang-rute[data-spillbar="ja"]{background:var(--rute-mork,#73543d)}
.gjennomgang-rute:disabled{opacity:1}
.gjennomgang-rute[data-spillbar="ja"]{cursor:pointer}
.gjennomgang-rute.valgt{box-shadow:inset 0 0 0 4px var(--gull,#c9a227)}
.gjennomgang-rute .brikke{width:72%;height:72%;border-radius:50%;box-sizing:border-box}
.gjennomgang-dom{font-size:14px;line-height:1.55}
.gjennomgang-dom h4{margin:0 0 8px;font-size:17px}
.gjennomgang-dom p{margin:0 0 10px}
.gjennomgang-svar{padding:10px;border-left:3px solid var(--gull,#c9a227);background:var(--panel);border-radius:0 10px 10px 0}
.gjennomgang-handlinger{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.gjennomgang-handlinger .knapp{min-height:44px}
.gjennomgang-lager{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);color:var(--dim);font-size:13px;line-height:1.45}
.gjennomgang-lager p{margin:0 0 6px}
.gjennomgang-lager .gjennomgang-handlinger{margin-top:6px}
.gjennomgang-lagerstatus:empty{display:none}
@media(max-width:700px){
  .gjennomgang-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:10px}
  .gjennomgang-detalj{grid-template-columns:1fr}
  .gjennomgang-kurve{order:-1}
  .gjennomgang-brett{max-width:min(100%,360px);margin:0 auto}
}