/* Production board presentation only; filters, calendars and job editors keep their existing handlers. */
#productionView #productionFilters[hidden],#productionView #productionViewSwitcher[hidden] { display:none!important; }
#productionView .production-summary-stats {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0 0 10px;
  border:1px solid var(--line); border-radius:9px; background:#fff;
}
#productionView .production-summary-stats>div {
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 14px; min-width:0; border:0; border-right:1px solid var(--line); border-radius:0; background:transparent;
}
#productionView .production-summary-stats>div:last-child { border:0; }
#productionView .production-summary-stats span { font-size:12px; font-weight:600; }
#productionView .production-summary-stats strong { margin:0; font-size:22px; line-height:1.2; }
#productionView .production-summary-stats .past-due { border-top:0; }
#productionView .production-summary-stats .due-today strong { color:#8b5900; }
#productionView .production-compact-toolbar {
  position:relative; display:flex; flex-direction:row; align-items:end; justify-content:flex-start;
  flex-wrap:wrap; gap:8px; padding:10px 12px; margin:0 0 10px; min-width:0;
}
#productionView .production-compact-toolbar>label {
  display:grid; gap:3px; min-width:140px; max-width:100%; margin:0;
  color:var(--muted); font-size:10px; font-weight:700;
}
#productionView .production-compact-toolbar>.production-saved-choice { flex:1 1 220px; min-width:180px; }
#productionView .production-compact-toolbar select {
  width:100%; min-width:0; min-height:36px; padding:6px 28px 6px 9px;
  font-size:12px; font-weight:650; color:var(--ink); border:1px solid var(--line); border-radius:6px; background:#fff;
}
#productionView .production-compact-toolbar>button { min-height:36px; padding:7px 12px; font-size:12px; }
#productionView #productionResultCount { margin-left:auto; align-self:center; font-size:12px; white-space:nowrap; }
#productionView .production-view-menu { position:relative; }
#productionView .production-view-menu>summary {
  display:block; min-width:36px; min-height:36px; padding:5px 10px; cursor:pointer;
  border:1px solid var(--line); border-radius:6px; background:#fff; font-size:18px; font-weight:800; list-style:none;
}
#productionView .production-view-menu>summary::-webkit-details-marker { display:none; }
#productionView .production-view-actions {
  position:absolute; top:calc(100% + 5px); right:0; z-index:20; display:grid;
  grid-template-columns:minmax(0,1fr); gap:6px; width:180px; padding:8px;
  border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 8px 24px #142b4426;
}
#productionView .production-view-menu:not([open])>.production-view-actions { display:none; }
#productionView .production-view-actions button { width:100%; min-width:0; min-height:36px; padding:7px 9px; text-align:left; }
#productionView .production-view-menu>summary:focus-visible { outline:3px solid #1565c0; outline-offset:2px; }
#productionView :is(.production-column-head,.production-column-row) {
  grid-template-columns:minmax(175px,1.25fr) minmax(150px,1.1fr) minmax(140px,1fr) minmax(135px,1fr) minmax(125px,.9fr) 140px;
  min-width:960px; gap:10px;
}
#productionView .production-column-row { padding:8px 12px; }
#productionView .production-column-row .production-column-job>span { font-size:15px!important; margin-bottom:2px; }
#productionView .production-column-row .production-column-job>strong { font-size:12px; line-height:1.4; }
#productionView .production-column-row .production-column-dates>span,
#productionView .production-column-row .production-column-assigned>span { margin:1px 0; line-height:1.3; }
#productionView .production-due-status {
  display:inline-block; width:fit-content; padding:2px 5px; margin:0 0 3px;
  border-radius:4px; color:#9d2929; background:#fff0ee; font-size:10px; font-weight:800;
}
#productionView .production-past-due .production-column-dates>strong { color:#a22e2e; }
#productionView .production-due-today .production-due-status { color:#805300; background:#fff5d8; }
#productionView .production-replacement-pill { color:#814500; background:#fff0cd; font-size:10px; font-weight:800; }
#productionView .production-replacement-alert { border-color:#e6bc70; background:#fff7e7; }
#productionView .production-card { padding:12px; }
#productionView .production-card .production-dates { gap:5px; }
@media(max-width:700px) {
  #productionView .production-summary-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #productionView .production-summary-stats>div { padding:9px 11px; border-bottom:1px solid var(--line); }
  #productionView .production-summary-stats>div:nth-child(even) { border-right:0; }
  #productionView .production-summary-stats>div:nth-last-child(-n+2) { border-bottom:0; }
  #productionView .production-compact-toolbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  #productionView .production-compact-toolbar>label,#productionView .production-compact-toolbar>.production-saved-choice { min-width:0; }
  #productionView .production-compact-toolbar>.production-saved-choice { grid-column:auto; }
  #productionView .production-view-menu { position:static; }
  #productionView .production-view-actions { left:12px; right:12px; width:auto; }
  #productionView .production-view-menu>summary { width:fit-content; }
  #productionView #productionResultCount { justify-self:end; }
}
/* Scoped palette overrides legacy important colors only; labels and focus remain the primary cues. */
#productionView #productionStageSelect:not(:disabled),
#productionView #productionBoard [data-job-stage]:not(:disabled) {
  color:#193f6e; background:#edf4ff; border-color:#a9c3e5!important;
}
#productionView #openProductionFilters:not(:disabled) {
  color:#833b0a!important; background:#fff1e5!important; border-color:#e6b38b!important;
}
#productionView #productionSavedViewSelect:not(:disabled) {
  color:#24562c; background:#edf7ef; border-color:#a6c9ad!important;
}
#productionView #productionLayoutSelect:not(:disabled) {
  color:#34465c; background:#f0f3f8; border-color:#b5c1cf!important;
}
#productionView .production-view-menu>summary {
  color:#34465c; background:#f0f3f8; border-color:#b5c1cf;
}
#productionView #productionStageSelect:not(:disabled):hover,
#productionView #productionBoard [data-job-stage]:not(:disabled):hover {
  background:#e0ecff; border-color:#6f97ca!important;
}
#productionView #openProductionFilters:not(:disabled):hover {
  background:#ffe3cd!important; border-color:#cd884e!important;
}
#productionView #productionSavedViewSelect:not(:disabled):hover { background:#def0e2; border-color:#6a9e75!important; }
#productionView #productionLayoutSelect:not(:disabled):hover,
#productionView .production-view-menu>summary:hover { background:#e2e8f1; border-color:#8194ab; }
#productionView .production-compact-toolbar select option { color:#182333; background:#fff; }
#productionView .production-view-actions #deleteProductionSavedView:not(:disabled) {
  color:#9d2929!important; background:#fff0ee!important; border-color:#ddb1ac!important;
}
#productionView .production-view-actions #deleteProductionSavedView:not(:disabled):hover { background:#ffe1dd!important; }
#productionView .production-view-actions button:disabled,
#productionView .production-compact-toolbar select:disabled,
#productionView #productionBoard [data-job-stage]:disabled {
  color:#6b7280!important; background:#f4f5f7!important; border-color:#d5d9de!important; cursor:not-allowed;
}
#productionView .production-compact-toolbar :is(select,button):focus-visible,
#productionView #productionBoard [data-job-stage]:focus-visible {
  outline:3px solid #1565c0; outline-offset:2px;
}
/* Production filter dialog and toolbar containment; existing actions remain unchanged. */
#productionView .production-compact-toolbar>label { flex:0 1 170px; min-width:0; }
#productionView .production-compact-toolbar>.production-saved-choice { flex:1 1 240px; min-width:180px; }
#productionView .production-view-menu { flex:0 0 auto; }
#productionView .production-view-menu>summary {
  display:flex; align-items:center; min-width:0; min-height:36px; padding:7px 12px;
  font-size:12px; font-weight:650; white-space:nowrap;
}
#productionView #productionResultCount {
  display:flex; align-items:center; justify-content:flex-end; flex:0 0 auto; align-self:end;
  min-width:64px; min-height:36px; margin:0 0 0 8px; padding:0 2px; white-space:nowrap;
}
#productionFilterDialog {
  box-sizing:border-box; width:min(1120px,calc(100vw - 32px)); max-width:calc(100vw - 32px);
  max-height:calc(100dvh - 32px); margin:auto; padding:0; overflow:auto;
}
#productionFilterDialog .dialog-heading {
  position:sticky; top:0; z-index:2; margin:0; padding:16px 20px; gap:12px; background:#fff;
}
#productionFilterDialog .dialog-heading>div { min-width:0; overflow-wrap:anywhere; }
#productionFilterDialog .dialog-heading .icon-button { flex:0 0 36px; width:36px; height:36px; }
#productionFilterDialog .production-filter-workspace {
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:16px; padding:16px; min-width:0;
}
#productionFilterDialog :is(.production-filter-panel,.saved-production-filters,.saved-filter-row) { min-width:0; }
#productionFilterDialog .production-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
#productionFilterDialog .production-filter-grid :is(label,select,input) { min-width:0; max-width:100%; }
#productionFilterDialog .saved-filter-list { grid-template-columns:minmax(0,1fr); }
#productionFilterDialog .saved-filter-row { grid-template-columns:minmax(0,1fr); align-items:start; gap:10px; }
#productionFilterDialog .saved-filter-row>div { min-width:0; overflow-wrap:anywhere; }
#productionFilterDialog .saved-filter-controls { display:flex; justify-content:flex-start; flex-wrap:wrap; gap:6px; }
#productionFilterDialog .saved-filter-controls button { flex:0 0 auto; min-height:32px; white-space:normal; }
#productionFilterDialog .save-filter-form { min-width:0; }
#productionFilterDialog .save-filter-form input { flex:1 1 180px; min-width:0; max-width:100%; }
#productionFilterDialog .save-filter-form button { white-space:normal; }
@media(max-width:900px) {
  #productionFilterDialog .production-filter-workspace { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px) {
  #productionView .production-compact-toolbar>.production-saved-choice { min-width:0; }
  #productionView #productionResultCount { min-width:0; margin:0; }
}
@media(max-width:600px) {
  #productionFilterDialog { width:calc(100vw - 16px); max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  #productionFilterDialog .dialog-heading { padding:12px; }
  #productionFilterDialog .production-filter-workspace { padding:10px; gap:10px; }
  #productionFilterDialog .production-filter-grid { grid-template-columns:minmax(0,1fr); }
  #productionFilterDialog .production-filter-heading { align-items:start; flex-direction:column; gap:8px; }
  #productionFilterDialog .save-filter-form { width:100%; }
}