/* INFOTECH 3.10AE — LED Tools lower mapper visual polish
   Goal: bottom editable mapper matches the clean separated block look of the upper visual map.
*/
.assign-wrap{
  border:1px solid rgba(0,245,255,.22)!important;
  border-radius:22px!important;
  padding:18px 20px!important;
  background:rgba(2,4,10,.38)!important;
  overflow:auto hidden!important;
}
.assign-grid{
  display:grid!important;
  gap:6px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px!important;
  max-width:100%!important;
}
.assign-cell{
  width:var(--mapper-cab-w,28px)!important;
  height:var(--mapper-cab-h,16px)!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border-radius:5px!important;
  border:1px solid rgba(0,245,255,.34)!important;
  background:linear-gradient(135deg,rgba(0,245,255,.12),rgba(255,0,212,.12))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease!important;
}
.assign-cell:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(0,245,255,.76)!important;
  box-shadow:0 0 12px rgba(0,245,255,.12), inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.assign-cell.out-1{background:linear-gradient(135deg,rgba(0,245,255,.46),rgba(0,245,255,.18))!important;border-color:rgba(0,245,255,.9)!important}
.assign-cell.out-2{background:linear-gradient(135deg,rgba(255,0,212,.46),rgba(255,0,212,.18))!important;border-color:rgba(255,0,212,.84)!important}
.assign-cell.out-3{background:linear-gradient(135deg,rgba(255,209,102,.52),rgba(255,209,102,.20))!important;border-color:rgba(255,209,102,.92)!important}
.assign-cell.out-4{background:linear-gradient(135deg,rgba(85,255,204,.48),rgba(85,255,204,.18))!important;border-color:rgba(85,255,204,.9)!important}
.assign-cell.out-5{background:linear-gradient(135deg,rgba(124,140,255,.48),rgba(124,140,255,.18))!important;border-color:rgba(124,140,255,.9)!important}
.assign-cell.out-6,.assign-cell.out-7,.assign-cell.out-8,.assign-cell.out-9,.assign-cell.out-10,
.assign-cell.out-11,.assign-cell.out-12,.assign-cell.out-13,.assign-cell.out-14,.assign-cell.out-15,
.assign-cell.out-16,.assign-cell.out-17,.assign-cell.out-18,.assign-cell.out-19,.assign-cell.out-20{
  box-shadow:0 0 10px rgba(0,245,255,.06), inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
@media(max-width:900px){
  .assign-wrap{padding:14px!important}
  .assign-grid{gap:5px!important;justify-content:start!important}
  .assign-cell{
    width:var(--mapper-cab-w-mobile,var(--mapper-cab-w,24px))!important;
    height:var(--mapper-cab-h-mobile,var(--mapper-cab-h,14px))!important;
    border-radius:4px!important;
  }
}