.production-bulk-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto minmax(420px,auto);
  align-items:center;
  gap:16px;
  margin:14px 0;
  border:1px solid #86efac;
  border-radius:16px;
  padding:14px 16px;
  background:linear-gradient(135deg,#f0fdf4,#ecfeff);
  box-shadow:0 8px 22px rgba(15,118,110,.08)
}
.production-bulk-copy{display:grid;gap:2px}
.production-bulk-copy .eyebrow{margin:0;color:#047857;font-size:9px}
.production-bulk-copy>b{color:#14532d;font-size:15px}
.production-bulk-copy>small{color:#527264;font-size:11px}
.production-bulk-summary{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:0 8px;
  min-width:125px;
  border-left:1px solid #bbf7d0;
  padding-left:16px
}
.production-bulk-summary strong{
  grid-row:1/3;
  color:#047857;
  font-size:31px;
  line-height:1
}
.production-bulk-summary span{color:#14532d;font-size:12px;font-weight:900}
.production-bulk-summary small{color:#64748b;font-size:9px}
.production-bulk-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.production-bulk-actions button{min-height:40px;border-radius:11px;padding:8px 12px;font-size:12px;white-space:nowrap}
.production-bulk-actions button:disabled{cursor:not-allowed;opacity:.45;transform:none}
.production-bulk-actions .production-complete-all{
  border-color:#059669;
  background:linear-gradient(135deg,#059669,#0f766e);
  box-shadow:0 8px 18px rgba(5,150,105,.2);
  color:#fff
}
.production-bulk-actions button span{
  display:inline-grid;
  min-width:20px;
  height:20px;
  margin-left:4px;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  font-size:10px
}
.production-card{position:relative}
.production-card.has-bulk-select>summary{position:relative;padding-left:76px}
.production-bulk-pick{
  position:absolute;
  z-index:3;
  top:50%;
  left:10px;
  display:grid;
  width:54px;
  min-height:48px;
  place-items:center;
  gap:0;
  border:1px solid #bfdbfe;
  border-radius:11px;
  padding:5px 3px;
  background:#eff6ff;
  color:#1d4ed8;
  cursor:pointer;
  transform:translateY(-50%);
  transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease
}
.production-bulk-pick i{font-size:18px;font-style:normal;line-height:1}
.production-bulk-pick span{font-size:9px;font-weight:900}
.production-bulk-pick:hover,.production-bulk-pick:focus-visible{
  border-color:#3b82f6;
  box-shadow:0 0 0 3px rgba(59,130,246,.14);
  outline:0
}
.production-bulk-pick.is-selected{
  border-color:#10b981;
  background:#d1fae5;
  color:#047857;
  box-shadow:0 0 0 3px rgba(16,185,129,.12)
}
.production-card.has-bulk-select:has(.production-bulk-pick.is-selected){
  background:#f4fff9;
  box-shadow:inset 0 0 0 2px rgba(16,185,129,.22)
}
body.dark .production-bulk-toolbar{
  border-color:#26775f;
  background:linear-gradient(135deg,#12362f,#102f3a)
}
body.dark .production-bulk-copy>b,body.dark .production-bulk-summary span{color:#d1fae5}
body.dark .production-bulk-copy>small,body.dark .production-bulk-summary small{color:#a7c4b8}
body.dark .production-bulk-summary{border-left-color:#26775f}
body.dark .production-bulk-pick{border-color:#345e8d;background:#173a66;color:#bfdbfe}
body.dark .production-bulk-pick.is-selected{border-color:#34d399;background:#164e3f;color:#d1fae5}
body.dark .production-card.has-bulk-select:has(.production-bulk-pick.is-selected){background:#102f29}
@media(max-width:1180px){
  .production-bulk-toolbar{grid-template-columns:1fr auto}
  .production-bulk-actions{grid-column:1/-1}
}
@media(max-width:720px){
  .production-bulk-toolbar{grid-template-columns:1fr;padding:13px}
  .production-bulk-summary{border-top:1px solid #bbf7d0;border-left:0;padding:10px 0 0}
  .production-bulk-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;width:100%}
  .production-bulk-actions button{white-space:normal}
  .production-bulk-actions [data-production-bulk-ready]{grid-column:span 1;min-height:48px}
  .production-card.has-bulk-select>summary{padding-left:60px}
  .production-bulk-pick{left:6px;width:46px}
  .production-bulk-pick span{font-size:8px}
}
@media(max-width:430px){
  .production-bulk-actions{grid-template-columns:1fr}
  .production-bulk-actions [data-production-bulk-ready]{grid-column:auto}
}