/* v0.4.6 — biblioteka 20 wykonywalnych zadań + 1/2/3 listwy DIN */
.din-rows-host{position:absolute;left:0;right:0;top:0;z-index:8}
.din-row{position:relative;height:252px;margin:0}
.din-row+.din-row{border-top:1px dashed #78868b44}
.din-row .din-rail{display:block!important;left:0!important;right:0!important;top:112px!important;height:51px!important}
.din-row .mount-grid{position:absolute!important;left:25px!important;right:0!important;top:17px!important;height:194px!important;display:grid!important;grid-template-columns:repeat(var(--modules-per-row,18),minmax(0,1fr))!important}
.din-row-label{position:absolute;left:0;top:-13px;right:0;display:flex;justify-content:space-between;align-items:center;color:#617078;font:bold 6px Arial;letter-spacing:.35px;pointer-events:none}
.din-row-label span{color:#50626b}.din-row-label b{color:#6e7f87;font-size:5.5px}
.cabinet-inner[data-rows="2"],.cabinet-inner[data-rows="3"]{transition:height .2s ease}
.cabinet-inner[data-rows="2"] .bars,.cabinet-inner[data-rows="3"] .bars{top:16px!important}
.task-goals span{display:flex!important;justify-content:space-between;align-items:center;gap:6px}
.task-goals span b{margin-left:auto;color:#75cfff;font-size:9px}
.task-goals span.done b{color:#6be18c}
.task-window{width:min(1180px,96vw)!important;max-height:92vh}
.task-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;max-height:74vh;overflow-y:auto!important;padding:12px!important}
.task-cards .task-card{position:relative;flex:none!important;width:auto!important;height:164px!important;padding:11px!important;background:linear-gradient(145deg,#102737,#08151e)!important;border:1px solid #31566e!important;border-radius:6px!important;text-align:left!important;cursor:pointer;overflow:hidden}
.task-cards .task-card:hover{border-color:#44b6f7!important;transform:translateY(-1px);box-shadow:0 5px 15px #0005}
.task-cards .task-card.rows-2{border-left:4px solid #cf9b35!important}
.task-cards .task-card.rows-3{border-left:4px solid #b55ed8!important}
.task-cards .task-card.selected-task{outline:2px solid #45baff;box-shadow:0 0 16px #2aaef755}
.task-card-top{display:flex;justify-content:space-between;align-items:center}
.task-card-top b{font-size:22px!important;color:#4ebdff!important}
.task-card-top span{padding:3px 6px;border-radius:8px;background:#132c3b;border:1px solid #31576c;color:#a8c3d1;font:bold 6px Arial}
.task-card strong{display:block;margin-top:5px;font-size:10px;line-height:1.25;min-height:25px}
.task-card-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;margin-top:7px}
.task-card-meta span{padding:4px 2px;background:#07131c;border:1px solid #234154;border-radius:3px;text-align:center;color:#97adba;font:bold 6px Arial}
.task-card small{display:block!important;margin-top:6px!important;color:#79a2b7!important;font-size:6px!important;line-height:1.3}
.task-card em{position:absolute;left:10px;right:10px;bottom:8px;padding-top:6px;border-top:1px solid #234252;color:#53c5ff;font:bold 6.5px Arial;font-style:normal}
@media(max-width:1500px){.task-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.din-row:first-child .din-row-label{top:1px!important;z-index:6}.din-row:first-child .mount-grid{top:17px!important}

/* v0.4.18 — realniejsze odstępy i strefy prowadzenia przewodów */
.din-row:after{
  content:'STREFA PROWADZENIA PRZEWODÓW';
  position:absolute;left:0;right:0;bottom:6px;height:28px;
  display:flex;align-items:center;justify-content:center;
  border-top:1px solid #8d989b88;border-bottom:1px solid #727d8088;
  background:repeating-linear-gradient(90deg,#b8bdbb 0 12px,#d7dad8 12px 18px);
  color:#667278;font:bold 5px Arial;letter-spacing:.7px;z-index:2;pointer-events:none;opacity:.88
}
.din-row:last-child:after{opacity:.72}

/* v0.5.7 — realistyczna szyna DIN i pola modułowe */
.din-row{padding-top:10px}
.din-row .din-rail{
  top:114px!important;height:50px!important;
  background:
    repeating-linear-gradient(90deg,transparent 0 25px,#5d666955 25px 27px,transparent 27px 50px),
    linear-gradient(#6d777b 0 10%,#e9ecec 11% 25%,#7a8487 26% 42%,#f1f3f3 43% 61%,#697275 62% 78%,#c9cecf 79% 100%)!important;
  border:1px solid #596164!important;
  box-shadow:inset 0 1px #fff,0 4px 7px #0005!important
}
.din-row .din-rail:before{
  content:'';
  position:absolute;left:12px;right:12px;top:18px;height:9px;
  background:repeating-linear-gradient(90deg,#586164 0 14px,transparent 14px 31px);
  opacity:.68;border-radius:2px
}
.din-row .mount-grid{
  background:repeating-linear-gradient(90deg,transparent 0 calc(5.555% - 1px),#7e898d38 calc(5.555% - 1px) 5.555%);
}
.din-slot:not(.occupied):after{
  content:attr(data-label);
  position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);
  color:#7b868a;font:600 4.5px Arial;opacity:.75
}


/* v0.7.12 — 40 zadań w czterech kategoriach */
.task-catalog-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 12px 3px}
.task-catalog-tabs button{border:1px solid #315c72;background:#122a3b;color:#bcd9e9;border-radius:8px;padding:12px 5px;cursor:pointer;font:800 10px/1.3 Arial,sans-serif;letter-spacing:.02em}
.task-catalog-tabs button:hover,.task-catalog-tabs button.active{border-color:#45baff;background:#15445d;color:#fff}
.task-cards .task-card.rows-5{border-left:4px solid #35c6aa!important}
.task-cards .task-card.rows-3[data-task-id="31"],.task-cards .task-card.rows-3[data-task-id="32"]{border-left:4px solid #35c6aa!important}
.task-cards .task-card{height:178px!important}
.task-cards .task-card strong{font-size:12px!important;min-height:33px}
.task-cards .task-card small{font-size:8px!important}
.task-card-top span{font-size:8px!important}
.task-card-meta span{font-size:8px!important}
.task-card em{font-size:8px!important}
@media(max-width:740px){.task-catalog-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.task-catalog-tabs button{font-size:9px}.task-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* Rzeczywista siatka dla szkoleniowych obudów 12M i 24M */
.cabinet[data-modules-per-row="12"] .din-row .mount-grid{
 background:repeating-linear-gradient(90deg,transparent 0 calc(8.333333% - 1px),#7e898d38 calc(8.333333% - 1px) 8.333333%)!important;
}
.cabinet[data-modules-per-row="24"] .din-row .mount-grid{
 background:repeating-linear-gradient(90deg,transparent 0 calc(4.166667% - 1px),#7e898d38 calc(4.166667% - 1px) 4.166667%)!important;
}