/* ─────────────────────────────────────────────────────────────────────────────
 * css/production-agent.css — layout for js/production-agent.js (Production → Production Agent)
 *
 * LAYOUT ONLY. Every .pda-* rule is scoped under #tab-production-agent so nothing here can restyle
 * another screen. Colours are --ds-* tokens; STATUS colour comes from dsBadge / .ds-badge--<tone>
 * (docs/design-system.md), never from this file.
 * The .mfg-mat-* rules at the bottom style the MO detail's materials strip (#mfg-mat-ready), which now
 * prints the one readiness rule's states; they are scoped to that element.
 * ──────────────────────────────────────────────────────────────────────────── */

#tab-production-agent .pda-page{display:flex;flex-direction:column;gap:var(--ds-sp3);padding:var(--ds-sp4);min-width:0;
  background:var(--ds-bg0);color:var(--ds-text);border-radius:var(--ds-radius-lg)}
#tab-production-agent .pda-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ds-sp4);flex-wrap:wrap}
#tab-production-agent .pda-head-text{min-width:0;flex:1 1 420px}
#tab-production-agent .pda-title{margin:0;font-size:20px;font-weight:700;color:var(--ds-text)}
#tab-production-agent .pda-sub{font-size:13px;color:var(--ds-text-muted);margin-top:3px;max-width:760px}
#tab-production-agent .pda-run{font-size:12px;color:var(--ds-text-muted);margin-top:6px}
#tab-production-agent .pda-head-actions{display:flex;gap:var(--ds-sp2);align-items:center;flex-wrap:wrap}
#tab-production-agent .pda-head-actions input[type=search]{min-width:220px;padding:6px 10px;border:1px solid var(--ds-border);
  border-radius:var(--ds-radius);background:var(--ds-bg1);color:var(--ds-text)}
#tab-production-agent .pda-tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--ds-border);padding-bottom:4px}
#tab-production-agent .pda-tab{padding:6px 12px;color:var(--ds-text-muted)}
#tab-production-agent .pda-tab.is-on{background:var(--ds-blue-dim);color:var(--ds-blue);font-weight:600}
#tab-production-agent .pda-count{font-variant-numeric:tabular-nums;opacity:.8}
#tab-production-agent .pda-view{display:flex;flex-direction:column;gap:var(--ds-sp3);min-width:0}

#tab-production-agent .pda-scroll{overflow-x:auto;max-width:100%}
#tab-production-agent .pda-table td{vertical-align:top}
#tab-production-agent .pda-click{cursor:pointer}
#tab-production-agent .pda-table tr.is-open td{background:var(--ds-blue-dim)}
#tab-production-agent .pda-lines-row > td{padding:var(--ds-sp2) var(--ds-sp3)}
#tab-production-agent .pda-lines td{vertical-align:top;font-size:12px}
#tab-production-agent .pda-r{text-align:right;white-space:nowrap}
#tab-production-agent .pda-actions{white-space:nowrap}
#tab-production-agent .pda-small{font-size:12px;color:var(--ds-text-muted)}
#tab-production-agent .pda-muted{color:var(--ds-text-dim)}
#tab-production-agent .pda-warn{color:var(--ds-amber);font-weight:600}
#tab-production-agent .pda-bad{color:var(--ds-red);font-weight:600}
#tab-production-agent .pda-k{display:block;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);margin:var(--ds-sp2) 0 4px}
#tab-production-agent .pda-row{display:flex;gap:var(--ds-sp2);align-items:center;flex-wrap:wrap;margin-top:var(--ds-sp2)}
#tab-production-agent .pda-brief{display:flex;flex-direction:column;gap:2px;max-width:960px}
#tab-production-agent .pda-brief-subject{width:100%}
#tab-production-agent .pda-brief-body{width:100%;font-family:var(--font-mono);font-size:12px;line-height:1.5;white-space:pre-wrap}

/* the MO detail's materials strip */
#mfg-mat-ready .mfg-mat-ok{color:var(--ds-green);font-weight:600}
#mfg-mat-ready .mfg-mat-muted{color:var(--ds-text-muted)}
#mfg-mat-ready .mfg-mat-note{color:var(--ds-text)}
#mfg-mat-ready .mfg-mat-warn{color:var(--ds-amber);font-weight:600}
#mfg-mat-ready .mfg-mat-bad{color:var(--ds-red);font-weight:600}
#mfg-mat-ready .mfg-mat-line{font-size:12px;margin-top:3px}