.production-items-editor{display:grid;gap:14px}
.production-items-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #bed5ef;border-radius:14px;background:#f6faff}
.production-items-toolbar>div{display:grid;gap:2px}
.production-items-toolbar b{font-size:16px;color:#102f56}
.production-items-toolbar small{color:#5d728c}
.production-items-toolbar button{white-space:nowrap}
.production-item-list{display:grid;gap:14px}
.production-item-card{display:grid;gap:12px;padding:14px;border:1px solid #a9c9ec;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,49,91,.06)}
.production-item-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.production-item-heading{display:flex;align-items:center;gap:10px}
.production-item-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#185fbd;color:#fff;font-weight:900}
.production-item-heading span{display:grid;gap:1px}
.production-item-heading b{font-size:16px;color:#102f56}
.production-item-heading small{color:#61758d}
.production-item-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.production-item-card-actions button{min-height:36px;padding:7px 11px}
.production-item-card-actions .danger{background:#fff5f5;color:#b42318;border-color:#f0a19b}
.production-item-grid{display:grid;grid-template-columns:1.4fr .7fr .8fr 1fr;gap:10px}
.production-item-grid label,.production-item-finishing{display:grid;gap:6px;color:#1d3f68;font-weight:700}
.production-item-grid input,.production-item-finishing textarea{width:100%;border:1px solid #c5d6e8;border-radius:11px;background:#fbfdff;color:#10233d;padding:10px 12px;font:inherit}
.production-item-finishing textarea{min-height:88px;resize:vertical;line-height:1.55}
.production-item-finishing small{font-weight:400;color:#60758e}
.production-item-drop{display:grid;gap:9px;padding:12px;border:2px dashed #7caee8;border-radius:13px;background:#f7fbff;outline:none;cursor:pointer}
.production-item-drop:is(:hover,:focus-within,.is-dragging){border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px #dbeafe}
.production-item-drop.has-files{border-style:solid;border-color:#66b88d;background:#f7fffb}
.production-item-drop-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.production-item-drop-copy{display:grid;gap:2px}
.production-item-drop-copy b{color:#10345f}
.production-item-drop-copy small{color:#60758e}
.production-item-file-message{margin:0;color:#425d7c}
.production-item-file-lists{display:grid;gap:7px}
.production-item-file-lists .production-file-row{background:#fff}
.production-item-total{padding:10px 12px;border-radius:12px;background:#eaf4ff;color:#174879}
.production-item-total.is-error{background:#fff1f0;color:#b42318}
.production-items-help{padding:11px 13px;border-radius:12px;background:#fff8df;color:#725100}
.production-items-help b{display:block;margin-bottom:2px}
.production-item-download-groups{display:grid;gap:10px}
.production-item-download-group{display:grid;gap:8px;padding:11px;border:1px solid #c7d9ed;border-radius:13px;background:#f8fbff}
.production-item-download-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.production-item-download-head>span{display:grid;gap:2px}
.production-item-download-head b{color:#102f56}
.production-item-download-head small{color:#60758e;line-height:1.45}
.production-item-download-head button{white-space:nowrap}
.production-item-download-details{display:flex;flex-wrap:wrap;gap:6px}
.production-item-download-details span{padding:4px 8px;border-radius:999px;background:#e9f2ff;color:#1c4f88;font-size:12px}
.production-item-download-note{padding:8px 10px;border-radius:9px;background:#fff;color:#253f5e;line-height:1.55}
body.dark .production-items-toolbar,body.dark .production-item-card,body.dark .production-item-download-group{background:#10243c;border-color:#31577e}
body.dark .production-items-toolbar b,body.dark .production-item-heading b,body.dark .production-item-grid label,body.dark .production-item-finishing,body.dark .production-item-drop-copy b,body.dark .production-item-download-head b{color:#eef6ff}
body.dark .production-item-grid input,body.dark .production-item-finishing textarea,body.dark .production-item-drop{background:#0b1c30;color:#f8fafc;border-color:#365d86}
body.dark .production-item-download-note,body.dark .production-item-file-lists .production-file-row{background:#0b1c30;color:#e6eef8}
@media(max-width:860px){
  .production-items-toolbar,.production-item-drop-head,.production-item-download-head{align-items:stretch;flex-direction:column}
  .production-item-grid{grid-template-columns:1fr 1fr}
  .production-items-toolbar button,.production-item-drop-head button,.production-item-download-head button{width:100%}
}
@media(max-width:560px){
  .production-item-grid{grid-template-columns:1fr}
  .production-item-card-head{align-items:flex-start;flex-direction:column}
  .production-item-card-actions{width:100%;justify-content:stretch}
  .production-item-card-actions button{flex:1}
}