.production .card { margin-bottom: 18px; }
.prod-tabs, .prod-actions, .prod-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; align-items: end; }
.prod-filters label { min-width: 170px; flex: 1; }
.prod-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap: 12px; margin: 20px 0; }
.prod-metrics > div { padding: 14px; background: var(--bg,#f6f8fa); border-radius: 8px; font-size: 12px; }
.prod-metrics b { display: block; font-size: 24px; margin-bottom: 5px; }
.production small { display: block; margin-top: 5px; color: var(--muted,#687785); }
.prod-alert { color: #b42318 !important; font-weight: 600; }
.prod-warning { border-left: 3px solid #dc8a21; background: #fff7e7; padding: 12px; color: #785017; }
.prod-prose { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 550px; }
.prod-status { border-radius: 16px; padding: 4px 10px; display: inline-block; background: #eef2f6; }
.prod-status.review { background: #fff1ca; color: #765015; }
.prod-status.accepted { background: #dff4e6; color: #22633b; }
.prod-status.in_progress { background: #e1edfd; color: #245994; }
.prod-change { padding: 16px 0; border-top: 1px solid #dfe5eb; }
.prod-breadcrumb { margin-bottom: 16px; font-size: 13px; }
.production h4 { margin: 18px 0 10px; }
@media (max-width: 700px) { .prod-metrics { grid-template-columns: 1fr 1fr; } .prod-tabs .btn { flex: 1 1 40%; } .prod-filters label { min-width: 100%; } }