/* Structune Hub V17.7.4.558 — Production workspace cleanup and context controls. */

/* Keep the established physical drawer geometry untouched. Only its internal
   content receives layout and scrolling. */
html body.v17-production-constrained #productionContextDrawer .production-context-content{
  box-sizing:border-box;
  width:100%;
  height:100%;
  padding:18px 14px;
  overflow-x:hidden;
  overflow-y:auto;
  color:#eef5fb;
  background:transparent;
}
html body.v17-production-constrained #productionContextDrawer .production-material-switch{
  box-sizing:border-box;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0 0 18px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #304659!important;
  border-radius:6px!important;
  background:#142c3c!important;
}
html body.v17-production-constrained #productionContextDrawer .production-material-switch button{
  box-sizing:border-box;
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  margin:0!important;
  padding:0 6px!important;
  border:0!important;
  border-right:1px solid #304659!important;
  border-radius:0!important;
  color:#aebfcb!important;
  background:#142c3c!important;
  cursor:pointer;
  font:700 9px/1 Inter,Segoe UI,Arial,sans-serif!important;
  letter-spacing:.015em;
  text-transform:uppercase;
  white-space:nowrap;
}
html body.v17-production-constrained #productionContextDrawer .production-material-switch button:last-child{border-right:0!important}
html body.v17-production-constrained #productionContextDrawer .production-material-switch button:hover{color:#eef5fb!important;background:#193548!important}
html body.v17-production-constrained #productionContextDrawer .production-material-switch button[aria-selected="true"]{color:#fff!important;background:#1596e5!important}
html body.v17-production-constrained #productionContextDrawer .production-material-switch button:focus-visible{outline:2px solid #55b8f0;outline-offset:-2px}
html body.v17-production-constrained #productionContextDrawer .production-context-content h2{
  margin:0 0 7px;
  color:#eef5fb;
  font:700 14px/1.25 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.01em;
}
html body.v17-production-constrained #productionContextDrawer .production-drawer-selection{
  margin:0 0 18px;
  color:#9cb6ca;
  font:700 10px/1.4 Inter,Segoe UI,Arial,sans-serif;
}
html body.v17-production-constrained #productionContextDrawer .production-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.v17-production-constrained #productionContextDrawer .production-field{
  width:100%;
  min-width:0;
}
html body.v17-production-constrained #productionContextDrawer .production-field label{
  display:block;
  margin:0 0 6px;
  color:#9cb6ca;
  font:800 9px/1.1 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.055em;
  text-transform:uppercase;
}
html body.v17-production-constrained #productionContextDrawer .production-field :is(input,select){
  box-sizing:border-box;
  display:block;
  width:100%;
  min-width:0;
  height:38px;
  margin:0;
  padding:0 10px;
  border:1px solid #30475b;
  border-radius:5px;
  outline:0;
  color:#eef5fb;
  background:#132b3d;
  font:400 11px Inter,Segoe UI,Arial,sans-serif;
}
html body.v17-production-constrained #productionContextDrawer .production-field input[readonly]{
  color:#9cb6ca;
  background:#102536;
}
html body.v17-production-constrained #productionContextDrawer .production-field :is(input,select):focus{
  border-color:#168ee2;
  box-shadow:0 0 0 2px rgba(22,142,226,.12);
}
html body.v17-production-constrained #productionContextDrawer .production-submit{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:38px;
  margin:3px 0 0;
  white-space:nowrap;
}
html body.v17-production-constrained #productionContextDrawer .production-result{
  display:none;
  box-sizing:border-box;
  width:100%;
  margin:12px 0 0;
  padding:9px 10px;
  border-radius:6px;
  font:400 10px/1.45 Inter,Segoe UI,Arial,sans-serif;
  overflow-wrap:anywhere;
}
html body.v17-production-constrained #productionContextDrawer .production-result.show{display:block}
html body.v17-production-constrained #productionContextDrawer .production-result.good{color:#a9ebba;background:#123823;border:1px solid #27663a}
html body.v17-production-constrained #productionContextDrawer .production-result.warn{color:#f2d49a;background:#3b2c12;border:1px solid #715523}
html body.v17-production-constrained #productionContextDrawer .production-result.bad{color:#f0aaaa;background:#3b1d21;border:1px solid #71333a}
#view-production:not(.production-cold-active) + #productionContextDrawer #productionColdResult,
#view-production.production-cold-active + #productionContextDrawer #productionBulkResult{display:none!important}

/* The search remains the only Production toolbar control, at its established
   height, directly above the selection line and table. */
body.v17-production-constrained #view-production>.production-filter-toolbar,
body.v17-production-constrained #view-production #productionColdPanel>.production-filter-toolbar{
  display:grid!important;
  grid-template-columns:minmax(260px,420px)!important;
  gap:0!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:0!important;
}
body.v17-production-constrained #view-production :is(#productionSearch,#productionColdSearch){
  width:100%!important;
  min-width:0!important;
  height:38px!important;
}
body.v17-production-constrained #view-production>.production-meta-line,
body.v17-production-constrained #view-production #productionColdPanel>.production-meta-line{
  margin-top:0!important;
}

@media(max-width:820px){
  html body.v17-production-constrained #productionContextDrawer .production-context-content{padding:16px 14px}
  body.v17-production-constrained #view-production>.production-filter-toolbar,
  body.v17-production-constrained #view-production #productionColdPanel>.production-filter-toolbar{grid-template-columns:minmax(0,1fr)!important}
}