/* RozdzielnicaPRO.pl • v0.7.17.1
 * Zwarty, ale pełny funkcjonalnie tryb nauki na stanowisku.
 * Nie dotyka szyn DIN, kabli, zacisków, wymiarów obudów ani silnika. */
/* Ukrywanie nauki w Egzaminie i DEMO ma pierwszeństwo przed wyglądem. */
html[data-theme="dark"] body.exam-active[data-game-mode="learn"] .learning-assembly-v0715,
html[data-theme="dark"] body.demo-viewer[data-game-mode="learn"] .learning-assembly-v0715{
  display:none!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-v0712{
  margin:0 0 8px!important;
  padding:12px 14px!important;
  border-radius:10px!important;
  border:1px solid #41617d!important;
  background:linear-gradient(115deg,#182d42,#112237)!important;
  box-shadow:0 3px 10px #0003!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-top{
  align-items:center!important;gap:9px 16px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-top>div:first-child{
  flex:1 1 320px;min-width:0!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-eyebrow{
  color:#83c9ff!important;font-size:9px!important;
  letter-spacing:.7px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-v0712 h2{
  color:#f2f8ff!important;
  font:800 15px/1.28 Inter,"Segoe UI",sans-serif!important;
  margin:3px 0 4px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-v0712 p{
  color:#b9d0e4!important;
  font:400 11px/1.45 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-actions{
  display:flex!important;gap:6px!important;
  justify-content:flex-end;align-items:center!important;
  flex:0 1 auto;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-actions button{
  min-height:32px!important;padding:6px 10px!important;
  border-radius:7px!important;
  font:800 10px/1.25 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-actions .ll-reference-toggle{
  background:#1b344d!important;border:1px solid #5781a2!important;
  color:#cce8fc!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-actions .ll-reference-toggle:hover{
  background:#295071!important;border-color:#79b9ef!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-legend{
  gap:12px!important;margin:8px 0 6px!important;
  font:500 10px/1.35 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-scroll{
  padding:2px 0 5px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] #learningReferenceRows{
  gap:6px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-reference-rail{
  min-height:44px!important;padding:5px 5px 4px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-reference-device,
html[data-theme="dark"] body[data-game-mode="learn"] .learning-reference-empty{
  min-height:31px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-reference-row-title{
  font-size:9px!important;margin-bottom:4px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-result{
  padding:8px 10px!important;margin-top:8px!important;
  border-radius:7px!important;
  font:500 10.5px/1.5 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-disclaimer{
  margin-top:5px!important;font-size:9px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .ll-reference-details[hidden]{
  display:none!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-v0712.ll-reference-condensed{
  padding-bottom:11px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-v0712.ll-reference-condensed .learning-board-top p{
  display:none!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-v0712.ll-reference-condensed .learning-board-result{
  margin-top:8px!important;
}

/* Drugi blok: narzędzia asysty mają pozostać stale widoczne.
 * Nawigacja po krokach nie jest ograniczana wysokością. */
html[data-theme="dark"] body[data-game-mode="learn"] .learning-assembly-v0715{
  display:grid!important;
  gap:6px!important;
  margin:5px 0 9px!important;
  padding:10px 12px!important;
  background:linear-gradient(115deg,#18324b,#12283c)!important;
  border:1px solid #41749b!important;
  border-radius:10px!important;
  box-shadow:0 3px 12px #0003!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .learning-assembly-v0715[hidden]{
  display:none!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-heading{
  align-items:center!important;gap:8px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-heading h2{
  font:800 14px/1.3 Inter,"Segoe UI",sans-serif!important;
  margin:2px 0!important;color:#f2f8ff!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-eyebrow{
  font-size:9px!important;color:#83c7ff!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-heading p{
  color:#bed3e3!important;font:400 10px/1.45 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-mode{
  font-size:9px!important;padding:5px 7px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-toolbar{
  display:flex!important;gap:6px!important;flex-wrap:wrap!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-toolbar button{
  min-height:34px!important;padding:7px 9px!important;
  font:800 10px/1.25 Inter,"Segoe UI",sans-serif!important;
  border-radius:7px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-toolbar .ll-jump-board{
  flex:0 1 auto!important;
  background:#153650!important;
  color:#c3e6ff!important;
  border:1px solid #3f81b0!important;
  white-space:nowrap;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-toolbar .ll-jump-board:hover{
  background:#24618c!important;border-color:#6abfff!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-status{
  padding:7px 10px!important;
  font:500 10px/1.45 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-disclaimer{
  font-size:9px!important;
  line-height:1.35!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] .la-stepper{
  padding:10px!important;gap:8px!important;
}
html[data-theme="dark"] body[data-game-mode="learn"] :is(.ll-reference-toggle,.ll-jump-board):focus-visible{
  outline:2px solid #80c7ff!important;outline-offset:2px!important;
}
@media(max-width:1150px){
  html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-actions{
    justify-content:flex-start!important;flex-wrap:wrap!important;
  }
  html[data-theme="dark"] body[data-game-mode="learn"] .learning-board-actions button{
    flex:0 1 auto!important;
  }
  html[data-theme="dark"] body[data-game-mode="learn"] .la-toolbar .ll-jump-board{
    flex:1 1 auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="dark"] body[data-game-mode="learn"] :is(.ll-reference-toggle,.ll-jump-board){
    transition:none!important;
  }
}