.production-page { width:100%; max-width:1280px; margin:0 auto; }
.production-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:12px 0; }
.production-actions { display:flex; gap:8px; }
.production-counts { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin:18px 0; }
.production-count { text-align:left; padding:15px; background:#fff; border:1px solid var(--border-medium); border-radius:12px; }
.production-count span { display:block; color:var(--text-muted); }
.production-count strong { font-size:27px; color:var(--text-title); }
.production-count.is-selected { background:var(--coral-light); border-color:var(--coral); }
.production-trend,.production-projects { padding:18px; margin-top:16px; border:1px solid var(--border-light); background:#fff; border-radius:14px; }
.production-bars { display:flex; gap:6px; overflow-x:auto; padding:10px 0; }
.production-day { flex:1; min-width:40px; text-align:center; }
.production-bar-pair { display:flex; align-items:end; justify-content:center; gap:4px; height:84px; border-bottom:1px solid var(--border-medium); }
.production-bar { display:block; width:12px; min-height:1px; background:var(--coral); border-radius:3px 3px 0 0; }
.production-bar.final_videos { background:var(--sage-green); }
.production-day small { color:var(--text-muted); font-size:10px; }
.production-categories { margin:16px 0; }
.production-categories summary { cursor:pointer; }
.production-categories span { display:inline-block; border:1px solid var(--border-medium); background:#fff; border-radius:20px; padding:4px 10px; margin:8px 8px 0 0; }
.production-project { display:flex; align-items:center; gap:16px; width:100%; padding:14px 0; border-bottom:1px solid var(--border-light); text-align:left; }
.production-project:hover { background:var(--bg-subtle); }
.production-project > div { flex:1; min-width:0; }
.production-project strong { display:block; overflow-wrap:anywhere; }
.production-project small { display:block; color:var(--text-muted); }
.production-state { padding:3px 9px; border-radius:12px; background:var(--bg-tag); white-space:nowrap; }
.state-review { color:#8b5600; background:var(--gold-amber-light); }
.state-attention { color:#a02636; background:var(--coral-light); }
.state-completed { color:#166e50; background:var(--sage-green-light); }
.production-pagination { display:flex; justify-content:center; align-items:center; gap:16px; margin-top:16px; }
.production-page select { padding:6px 9px; border:1px solid var(--border-medium); background:#fff; border-radius:8px; }
.production-field { display:grid; gap:6px; font-weight:600; margin-bottom:14px; }
.production-field input,.production-field select,.production-field textarea { width:100%; min-height:42px; padding:10px; border:1px solid var(--border-medium); border-radius:8px; background:#fff; font-weight:400; }
.batch-dialog { width:min(720px,94vw); }
.batch-form { max-height:70vh; overflow-y:auto; }
.batch-preview { max-height:180px; overflow-y:auto; padding-left:24px; margin:12px 0; }
.batch-preview li { padding:4px 0; overflow-wrap:anywhere; }
.batch-extra { margin-bottom:18px; }
.batch-extra summary { cursor:pointer; margin-bottom:12px; }
.production-page :focus-visible,.batch-dialog :focus-visible { outline:2px solid var(--coral); outline-offset:3px; }
@media(max-width:700px) {
  .production-counts { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .production-count { padding:10px; }
  .production-count strong { font-size:22px; }
  .production-heading { flex-wrap:wrap; }
  .production-project { gap:8px; flex-wrap:wrap; }
  .production-project > div { flex-basis:60%; }
  .production-trend,.production-projects { padding:12px; }
  .top-nav { overflow-x:auto; justify-content:flex-start; }
  .top-nav-item { flex-shrink:0; }
}
@media(max-width:600px) {
  .top-nav { gap:2px; }
  .top-nav .top-nav-item { padding:6px 8px; flex:1; font-size:12px; }
}