/* Elektryk Simulator PRO • v0.7.12.1
   Warstwa motywów interfejsu. Nie modyfikuje kolorów przewodów ani grafiki rozdzielnicy. */
:root,html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#15191e;--panel:#222930;--panel2:#29323c;--line:#3d4853;
  --accent:#eda943;--text:#edf1f5;--muted:#acb7c2;--yellow:#ffc76e;
  --ui-page:#15191e;--ui-panel:#222930;--ui-panel-raised:#2a333d;
  --ui-panel-soft:#1c232b;--ui-border:#45515f;--ui-text:#edf1f5;
  --ui-muted:#aebbc7;--ui-primary:#f0ae4a;--ui-primary-on:#24190c;
  --ui-input:#171e25;--ui-hover:#344250;--ui-shadow:#0006;
  --ui-success:#74d9ab;--ui-error:#ffa49e
}
html[data-theme] body{color:var(--ui-text)!important;background:var(--ui-page)!important}
html[data-theme] .topbar{background:var(--ui-panel)!important;border-bottom:1px solid var(--ui-border)!important;box-shadow:0 4px 15px var(--ui-shadow)!important}
html[data-theme] .brand small,html[data-theme] .cabinet-head small{color:var(--ui-muted)!important}
html[data-theme] .brand-bolt{color:var(--ui-primary)!important}
html[data-theme] .panel,html[data-theme] .cabinet-head,html[data-theme] .catalog-card,
html[data-theme] .details-panel,html[data-theme] .player-progress,html[data-theme] .wiring-console,
html[data-theme] .bridge-console,html[data-theme] .power-analyzer,html[data-theme] .learning-board-v0712,
html[data-theme] .wiring-rules-v0712{
  color:var(--ui-text)!important;background:var(--ui-panel)!important;
  border-color:var(--ui-border)!important;box-shadow:0 5px 18px var(--ui-shadow)!important
}
html[data-theme] .panel-title,html[data-theme] .cabinet-head{border-color:var(--ui-border)!important}
html[data-theme] .version{color:var(--ui-primary)!important;border-color:var(--ui-border)!important}
html[data-theme] .task-button,html[data-theme] .free-board-button,
html[data-theme] .player-navbtn,html[data-theme] .auth-logout,
html[data-theme] .wiring-actions button,html[data-theme] .bridge-actions button,
html[data-theme] .bridge-mode-btn{
  color:var(--ui-text)!important;background:var(--ui-panel-raised)!important;border-color:var(--ui-border)!important
}
html[data-theme] .task-button:hover,html[data-theme] .free-board-button:hover,
html[data-theme] .player-navbtn:hover,html[data-theme] .auth-logout:hover,
html[data-theme] .wiring-actions button:hover,html[data-theme] .bridge-mode-btn:hover{
  background:var(--ui-hover)!important;border-color:var(--ui-primary)!important
}
html[data-theme] .task-button>span,html[data-theme] .task-button i{color:var(--ui-primary)!important}
html[data-theme] .task-button small,html[data-theme] .active-task p,
html[data-theme] .detail-desc,html[data-theme] .details-content p,
html[data-theme] .cable-panel small{color:var(--ui-muted)!important}
html[data-theme] .task-goals,html[data-theme] .task-hint-box,html[data-theme] .learning-v0712,
html[data-theme] .free-save-panel .free-save-slot,html[data-theme] .free-save-slots button{
  background:var(--ui-panel-soft)!important;border-color:var(--ui-border)!important;
  color:var(--ui-text)!important
}
html[data-theme] .task-goals span,html[data-theme] .task-goals b{color:var(--ui-text)!important}
html[data-theme] .task-goals .done b{color:var(--ui-success)!important}
html[data-theme] .reward{background:var(--ui-panel-raised)!important;border-color:var(--ui-border)!important}
html[data-theme] .reward b,html[data-theme] .reward em{color:var(--ui-primary)!important}
/* Widoki logowania, startowy i administracyjny */
html[data-theme] .auth-gate{background:var(--ui-page)!important}
html[data-theme="dark"] .auth-gate{background:radial-gradient(circle at 50% 0,#2a333d,#15191e 65%,#101318)!important}
html[data-theme] .auth-card,html[data-theme] .game-settings-window,
html[data-theme] .players-window,html[data-theme] .board-selector-window,
html[data-theme] .task-window,html[data-theme] .solution-window,
html[data-theme] .task-result-card{
  color:var(--ui-text)!important;background:var(--ui-panel)!important;
  border:1px solid var(--ui-border)!important;
  border-radius:14px!important;box-shadow:0 24px 70px var(--ui-shadow)!important
}
html[data-theme] .auth-brand{border-color:var(--ui-border)!important}
html[data-theme] .auth-brand b,html[data-theme] .auth-brand-line b,
html[data-theme] .auth-card h1,html[data-theme] .player-welcome h1,
html[data-theme] .player-welcome h1 span{color:var(--ui-text)!important}
html[data-theme] .auth-brand small,html[data-theme] .auth-card p,
html[data-theme] .player-welcome p{color:var(--ui-muted)!important}
html[data-theme] .auth-field span,html[data-theme] .setting-row small{color:var(--ui-muted)!important}
html[data-theme] .auth-field input,html[data-theme] .game-settings-body select,
html[data-theme] .game-settings-body input:not([type="checkbox"]),
html[data-theme] .free-project-name input{
  color:var(--ui-text)!important;background:var(--ui-input)!important;
  border:1px solid var(--ui-border)!important;border-radius:8px!important
}
html[data-theme] .auth-field input:focus,html[data-theme] select:focus-visible,
html[data-theme] input:focus-visible{outline:2px solid var(--ui-primary)!important;outline-offset:2px!important}
html[data-theme] .auth-submit{
  background:var(--ui-primary)!important;color:var(--ui-primary-on)!important;
  border:1px solid var(--ui-primary)!important;border-radius:8px!important
}
html[data-theme] .mode-card,html[data-theme] .hub-tools button,
html[data-theme] .account-summary,html[data-theme] .account-grid>div,
html[data-theme] .board-selector-grid .board-card,
html[data-theme] .player-account,html[data-theme] .setting-row{
  background:var(--ui-panel-raised)!important;color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;border-radius:10px!important
}
html[data-theme] .mode-card:hover,html[data-theme] .hub-tools button:hover{
  border-color:var(--ui-primary)!important;background:var(--ui-hover)!important;
  box-shadow:0 8px 20px var(--ui-shadow)!important
}
html[data-theme] .mode-card small,html[data-theme] .account-grid span,
html[data-theme] .account-summary-head span{color:var(--ui-muted)!important}
html[data-theme] .player-welcome>small,html[data-theme] .mode-icon{color:var(--ui-primary)!important}
html[data-theme] .game-settings-head,html[data-theme] .players-head,
html[data-theme] .task-window-head,html[data-theme] .solution-head,
html[data-theme] .board-selector-head{background:var(--ui-panel-raised)!important;border-color:var(--ui-border)!important}
html[data-theme] .hub-header-link{border-color:var(--ui-border)!important;color:var(--ui-text)!important}
/* Zadania i wzorzec */
html[data-theme] .task-cards .task-card{
  background:var(--ui-panel-raised)!important;color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;box-shadow:0 3px 11px var(--ui-shadow)!important
}
html[data-theme] .task-cards .task-card:hover,html[data-theme] .task-cards .task-card.selected-task{
  background:var(--ui-hover)!important;border-color:var(--ui-primary)!important;
  outline-color:var(--ui-primary)!important
}
html[data-theme] .task-card-top b,html[data-theme] .task-card em,
html[data-theme] .task-card-meta span,html[data-theme] .task-card small{color:var(--ui-text)!important}
html[data-theme] .task-card-top span,html[data-theme] .task-card-meta span,
html[data-theme] .task-catalog-tabs button{background:var(--ui-panel-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
html[data-theme] .task-catalog-tabs button.active{background:var(--ui-primary)!important;color:var(--ui-primary-on)!important;border-color:var(--ui-primary)!important}
html[data-theme] .learning-board-v0712 h2,html[data-theme] .learning-board-v0712 p,
html[data-theme] .learning-board-eyebrow{color:var(--ui-text)!important}
html[data-theme] .learning-board-result{background:var(--ui-panel-raised)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
html[data-theme] .learning-board-result.is-complete{background:var(--ui-panel-soft)!important;color:var(--ui-success)!important;border-color:var(--ui-success)!important}
html[data-theme] .learning-board-actions button{color:var(--ui-text)!important;background:var(--ui-panel-raised)!important;border-color:var(--ui-border)!important}
html[data-theme] .learning-board-actions #learningCheckBoard{background:var(--ui-primary)!important;color:var(--ui-primary-on)!important;border-color:var(--ui-primary)!important}
html[data-theme] .learning-v0712 li,html[data-theme] .learning-v0712 small{color:var(--ui-muted)!important}
/* Okablowanie i analizator: tylko kontenery, nie zaciski, kolory żył i fizyczna obudowa */
html[data-theme] .wiring-status,html[data-theme] .wiring-rule-diagram,
html[data-theme] .wiring-rules-content section,html[data-theme] .power-issues,
html[data-theme] .power-main-status,html[data-theme] .wiring-rules-warning{
  color:var(--ui-text)!important;background:var(--ui-panel-raised)!important;border-color:var(--ui-border)!important
}
html[data-theme] .wiring-rules-content p{color:var(--ui-muted)!important}
html[data-theme] .wiring-rules-sources a{color:var(--ui-primary)!important}
html[data-theme] .power-analyzer-head,html[data-theme] .wiring-console-head,
html[data-theme] .bridge-console-head{color:var(--ui-text)!important;border-color:var(--ui-border)!important}
html[data-theme] .catalog-card:hover{border-color:var(--ui-primary)!important;background:var(--ui-hover)!important}
html[data-theme] .player-progress-head b{color:var(--ui-text)!important}
/* Czytelność i aktywne stany w obu wariantach */
html[data-theme] .player-level-status{
  background:var(--ui-panel-raised)!important;color:var(--ui-primary)!important;
  border-color:var(--ui-border)!important
}
html[data-theme] .auth-footer{color:var(--ui-muted)!important;border-color:var(--ui-border)!important}
html[data-theme] .auth-footer a{color:var(--ui-primary)!important}
html[data-theme] .catalog-card small{color:var(--ui-muted)!important}
html[data-theme] .catalog-card.install-selected{
  background:var(--ui-hover)!important;
  border:2px solid var(--ui-primary)!important
}
html[data-theme] .details-content small{color:var(--ui-primary)!important}
html[data-theme] .cable-buttons button{background:var(--ui-panel-raised)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
html[data-theme] .cable-buttons button.active{border-color:var(--ui-primary)!important}
html[data-theme] .task-window-head small,html[data-theme] .solution-head small{color:var(--ui-muted)!important}
html[data-theme] .game-settings-window .settings-note{background:var(--ui-panel-soft)!important;color:var(--ui-muted)!important;border-color:var(--ui-border)!important}