/* v0.4.7 — poziome listwy N i PE */
.din-zone>.bars{
  position:absolute!important;inset:0!important;display:block!important;pointer-events:none!important;z-index:13!important
}
.din-zone>.bars .bar{
  position:absolute!important;left:0!important;right:0!important;width:auto!important;height:24px!important;
  display:grid!important;grid-template-columns:128px 1fr!important;align-items:center!important;
  border:1px solid #69767b!important;border-radius:3px!important;box-shadow:0 2px 5px #0004!important;
  overflow:visible!important;pointer-events:auto!important
}
.din-zone>.bars .nbar{
  top:-42px!important;
  background:linear-gradient(180deg,#147fca,#0c67a8)!important
}
.din-zone>.bars .pebar{
  top:var(--pe-bar-top,276px)!important;
  background:linear-gradient(180deg,#2a9a47,#1f7938)!important
}
.din-zone>.bars .bar>b{
  display:flex!important;align-items:center!important;gap:7px!important;height:100%!important;
  padding:0 10px!important;text-align:left!important;font-size:11px!important;border-right:1px solid #ffffff33!important
}
.din-zone>.bars .bar>b strong{font-size:13px}
.din-zone>.bars .bar>b small{font-size:5.5px!important;letter-spacing:.35px;color:#eaf4f6!important;opacity:.88}
.din-zone>.bars .bar-screws{
  margin:0!important;padding:0 8px!important;display:grid!important;grid-template-columns:repeat(var(--bar-count,12),minmax(0,1fr))!important;
  gap:3px!important;align-items:center!important;justify-items:center!important;writing-mode:initial!important
}
.din-zone>.bars .bar .wire-terminal{
  width:16px!important;height:16px!important;min-width:16px!important;font-size:5px!important;background:#eef1ef!important;
  border:1px solid #526065!important;box-shadow:inset 0 0 0 2px #aeb6b3,0 1px 2px #0004!important
}
.din-zone>.bars .nbar .wire-terminal{
  box-shadow:inset 0 0 0 3px #2997dc,0 1px 2px #0005!important
}
.din-zone>.bars .pebar .wire-terminal{
  box-shadow:inset 0 0 0 3px #76b43d,0 1px 2px #0005!important
}
.din-zone>.bars .wire-terminal:hover{
  transform:scale(1.12)!important;box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #32b8ff,0 0 9px #2daff077!important
}
@media(max-width:1500px){
  .din-zone>.bars .bar{grid-template-columns:104px 1fr!important}
  .din-zone>.bars .bar>b{padding:0 7px!important}
  .din-zone>.bars .bar>b small{display:none!important}
  .din-zone>.bars .bar .wire-terminal{width:14px!important;height:14px!important;min-width:14px!important}
}
.mount-hint{right:0!important}.din-zone>.bars{left:0!important;right:0!important}

/* v0.4.18 — więcej miejsca roboczego wokół szyn N/PE */
.din-zone>.bars .bar{height:28px!important}
.din-zone>.bars .nbar{box-shadow:0 3px 8px #0005!important}
.din-zone>.bars .pebar{box-shadow:0 3px 8px #0005!important}

/* v0.5.7 — wydzielona strefa listew N / PE */
.din-zone>.bars .bar{
  border:1px solid #4f595c!important;
  box-shadow:inset 0 1px #ffffff55,0 2px 6px #0004!important
}
.din-zone>.bars .bar:before{
  content:'';
  position:absolute;left:-6px;right:-6px;top:-5px;bottom:-5px;
  border:1px solid #777f8144;border-radius:4px;pointer-events:none
}
.din-zone>.bars .nbar{background:linear-gradient(180deg,#1b8fd6,#0b68aa)!important}
.din-zone>.bars .pebar{background:linear-gradient(180deg,#4ca144,#2c7f37)!important}