/* V17.7.4.554 — Production Steel / Cold Rolled native tab extension. */
#view-production .production-material-switch{
  position:relative;
  flex:0 0 auto;
  align-self:flex-start;
  display:grid;
  grid-template-columns:repeat(2,minmax(110px,1fr));
  gap:0;
  min-height:38px;
  margin:0 0 10px;
  padding:0;
  overflow:hidden;
  border:1px solid #304659;
  border-radius:6px;
  background:#142c3c;
  z-index:6;
}
#view-production .production-material-switch button{
  min-width:130px;
  height:36px;
  margin:0;
  padding:0 18px;
  border:0;
  border-right:1px solid #304659;
  border-radius:0;
  background:#142c3c;
  color:#aebfcb;
  cursor:pointer;
  font:700 10px Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.025em;
  text-transform:uppercase;
}
#view-production .production-material-switch button:last-child{border-right:0}
#view-production .production-material-switch button:hover{background:#193548;color:#eef5fb}
#view-production .production-material-switch button[aria-selected="true"]{
  background:#1596e5;
  color:#fff;
}
#view-production .production-material-switch button:focus-visible,
#view-production #productionColdPanel :is(button,input,select):focus-visible{
  outline:2px solid #55b8f0;
  outline-offset:-2px;
}
#view-production.production-cold-active>:is(.production-filter-toolbar,.production-meta-line,.production-result,.production-table-panel){display:none!important}
#view-production #productionColdPanel[hidden]{display:none!important}
#view-production #productionColdPanel{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-width:0;
  min-height:0;
  overflow:hidden;
  color:#eef5fb;
  background:#0B1723;
}
#view-production #productionColdPanel>.production-filter-toolbar,
#view-production #productionColdPanel>.production-meta-line,
#view-production #productionColdPanel>.production-result{flex:0 0 auto}
#view-production #productionColdPanel>.production-filter-toolbar{
  display:grid;
  grid-template-columns:minmax(190px,1.5fr) repeat(4,minmax(115px,1fr));
  gap:8px;
  margin:0 0 8px;
  padding:0;
}
#view-production #productionColdPanel>.production-filter-toolbar :is(input,select){width:100%;min-width:0}
#view-production #productionColdPanel>.production-meta-line{display:flex!important}
#view-production #productionColdPanel>.production-table-panel{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  min-height:0;
  max-height:none;
  padding:0;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-color:#8B8B8B #0B1723;
}
#view-production #productionColdPanel .production-cold-table{
  width:100%;
  min-width:0;
  table-layout:fixed;
}
#view-production #productionColdPanel .production-cold-table thead th{position:sticky;top:0;z-index:45}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(1){width:4%!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(2){width:10%!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(3){width:5%!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(4){width:10%!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(5){width:10%!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(6){width:7%!important;text-align:right!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(7){width:9%!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(8){width:7%!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(9){width:8%!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(10){width:8%!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(11){width:8%!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(12){width:9%!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):nth-child(13){width:5%!important;text-align:center!important}
#view-production #productionColdPanel .production-cold-table :is(th,td):has(>input.production-check){
  position:relative!important;
  padding:0!important;
  text-align:center!important;
  vertical-align:middle!important;
}
#view-production #productionColdPanel .production-cold-table :is(th,td)>input.production-check{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  display:block!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
}
#view-production #productionColdPanel .production-open{
  min-width:0;
  padding:5px 8px;
  font-size:9px;
}
@media(max-width:1180px){
  #view-production #productionColdPanel>.production-filter-toolbar{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:760px){
  #view-production .production-material-switch{align-self:stretch;grid-template-columns:1fr 1fr}
  #view-production .production-material-switch button{min-width:0}
  #view-production #productionColdPanel>.production-filter-toolbar{grid-template-columns:1fr 1fr}
}