/* v243: deadline-first production queue. Loaded after the existing production modules. */
.production-urgency-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.production-urgency-card{
  appearance:none;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:4px 10px;
  align-items:center;
  min-height:92px;
  padding:13px 14px;
  border:1px solid #cbd9ea;
  border-radius:15px;
  background:#f8fbff;
  color:#17365d;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.production-urgency-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(30,64,175,.1)}
.production-urgency-card:focus-visible{outline:3px solid rgba(37,99,235,.24);outline-offset:2px}
.production-urgency-icon{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#e7f0ff;
  font-size:20px;
}
.production-urgency-card span:not(.production-urgency-icon){font-size:14px;font-weight:900}
.production-urgency-card small{grid-column:2;color:#687b94;font-size:11px;font-weight:700;line-height:1.35}
.production-urgency-card b{grid-column:3;grid-row:1/3;font-size:29px;line-height:1;color:#17365d}
.production-urgency-card.active,.production-urgency-card[aria-pressed="true"]{border-color:#2563eb;background:#eef5ff;box-shadow:0 0 0 2px rgba(37,99,235,.15)}
.production-urgency-card.urgency-overdue{border-color:#fecaca;background:#fff7f7;color:#991b1b}
.production-urgency-card.urgency-overdue .production-urgency-icon{background:#fee2e2}
.production-urgency-card.urgency-overdue b{color:#b91c1c}
.production-urgency-card.urgency-overdue.active{border-color:#ef4444;background:#fff1f2;box-shadow:0 0 0 2px rgba(239,68,68,.17)}
.production-urgency-card.urgency-near{border-color:#fde68a;background:#fffdf4;color:#92400e}
.production-urgency-card.urgency-near .production-urgency-icon{background:#fef3c7}
.production-urgency-card.urgency-near b{color:#b45309}
.production-urgency-card.urgency-near.active{border-color:#f59e0b;background:#fffbeb;box-shadow:0 0 0 2px rgba(245,158,11,.18)}
.production-urgency-card.urgency-claimed{border-color:#fed7aa;background:#fffaf4;color:#9a3412}
.production-urgency-card.urgency-claimed .production-urgency-icon{background:#ffedd5}
.production-urgency-card.urgency-claimed b{color:#c2410c}
.production-urgency-card.urgency-claimed.active{border-color:#f97316;background:#fff7ed;box-shadow:0 0 0 2px rgba(249,115,22,.16)}

.production-priority-section{margin-top:15px}
.production-priority-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:11px 14px;
  border:1px solid #cbd9ea;
  border-radius:15px 15px 0 0;
  background:#edf5ff;
  color:#17365d;
}
.production-priority-head span{display:grid;gap:2px}
.production-priority-head small{color:inherit;font-weight:650;opacity:.78}
.production-priority-head strong{white-space:nowrap;font-size:14px}
.production-priority-section>.production-list{overflow:hidden;border:1px solid #dbe5f1;border-top:0;border-radius:0 0 15px 15px;background:#fff}
.production-priority-section.tone-overdue .production-priority-head{border-color:#fda4af;background:#ffe4e6;color:#9f1239}
.production-priority-section.tone-near .production-priority-head{border-color:#fcd34d;background:#fef3c7;color:#92400e}

.production-card.deadline-overdue{border-left-color:#dc2626!important;box-shadow:inset 0 0 0 1px rgba(239,68,68,.2)}
.production-card.deadline-overdue>summary{background:linear-gradient(90deg,#fff1f2 0,#fff8f8 68%,#fff 100%)}
.production-card.deadline-overdue[open]>summary{border-bottom:1px solid #fecdd3}
.production-card.deadline-near{border-left-color:#f59e0b!important;box-shadow:inset 0 0 0 1px rgba(245,158,11,.18)}
.production-card.deadline-near>summary{background:linear-gradient(90deg,#fffbeb 0,#fffdf5 68%,#fff 100%)}
.production-card.deadline-near[open]>summary{border-bottom:1px solid #fde68a}
.production-deadline-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:950;
  line-height:1.25;
  white-space:nowrap;
}
.production-deadline-badge.is-overdue{background:#dc2626;color:#fff;box-shadow:0 5px 14px rgba(220,38,38,.2)}
.production-deadline-badge.is-near{border:1px solid #f59e0b;background:#fef3c7;color:#92400e}
.production-deadline-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:productionDeadlinePulse 1.35s ease-out infinite}
.production-deadline-badge.is-near .production-deadline-dot{animation:none}
.production-deadline-callout{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:11px 14px;
  border-top:1px solid;
  border-bottom:1px solid;
}
.production-deadline-callout span{display:grid;gap:2px}
.production-deadline-callout small{font-weight:700;line-height:1.45}
.production-deadline-callout strong{white-space:nowrap;font-size:13px}
.production-deadline-callout.is-overdue{border-color:#fda4af;background:#ffe4e6;color:#9f1239}
.production-deadline-callout.is-near{border-color:#fcd34d;background:#fef3c7;color:#92400e}

body.dark .production-urgency-card{border-color:#38506f;background:#132842;color:#e7f1ff}
body.dark .production-urgency-card small{color:#a9bbd1}
body.dark .production-urgency-card b{color:#f8fafc}
body.dark .production-urgency-card.urgency-overdue,body.dark .production-card.deadline-overdue>summary{background:#351b25;color:#fecdd3}
body.dark .production-urgency-card.urgency-near,body.dark .production-card.deadline-near>summary{background:#362b17;color:#fde68a}
body.dark .production-priority-section>.production-list{border-color:#344c68;background:#10233a}
body.dark .production-priority-head{border-color:#38506f;background:#18304d;color:#e7f1ff}
body.dark .production-priority-section.tone-overdue .production-priority-head,body.dark .production-deadline-callout.is-overdue{border-color:#9f4352;background:#421f29;color:#fecdd3}
body.dark .production-priority-section.tone-near .production-priority-head,body.dark .production-deadline-callout.is-near{border-color:#8a651d;background:#3a2d16;color:#fde68a}

@keyframes productionDeadlinePulse{
  60%{box-shadow:0 0 0 6px rgba(255,255,255,0)}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}

@media(max-width:980px){
  .production-urgency-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .production-deadline-badge{grid-column:3;grid-row:1}
}
@media(max-width:640px){
  .production-urgency-summary{grid-template-columns:1fr 1fr}
  .production-urgency-card{min-height:82px;padding:11px}
  .production-urgency-card small{display:none}
  .production-urgency-card b{font-size:25px}
  .production-priority-head,.production-deadline-callout{align-items:flex-start;flex-direction:column;gap:5px}
  .production-deadline-callout strong{white-space:normal}
  .production-deadline-badge{grid-column:2/4;grid-row:auto;justify-self:start;white-space:normal}
}
@media(max-width:390px){.production-urgency-summary{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .production-urgency-card{transition:none}
  .production-urgency-card:hover{transform:none}
  .production-deadline-dot{animation:none}
}
