.management-nav{margin-top:14px;border-top:1px solid #ffffff18;padding-top:14px}.management-nav summary{cursor:pointer;font-size:12px;padding:12px 15px;color:#94a8c6}.management-nav[open] summary{margin-bottom:8px}.production-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.production-intro>div{display:grid;grid-template-columns:34px 1fr;gap:5px 12px;align-items:center}.production-intro span{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;background:#e6eefc;border-radius:50%;color:#3a74db;font-weight:600}.production-intro b{font-size:13px}.production-intro small{font-size:11px;line-height:1.6}.production-grid{align-items:start}.production-card{padding:23px}.production-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.production-label{font-size:11px;color:#8293ac}.production-card h2{font-size:19px;margin-bottom:9px;line-height:1.4}.production-card p{font-size:12px;line-height:1.6}.production-facts{display:flex;gap:20px;flex-wrap:wrap;margin:23px 0}.production-facts span{color:#94a1b2;font-size:10px}.production-facts b{display:block;font-size:12px;color:#354b68;margin-top:7px;font-weight:600}.production-consumption{display:flex;justify-content:space-between;gap:12px;padding:13px 0;margin:0 0 18px;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;font-size:11px;color:#8a9bb0}.production-consumption b{font-weight:500;color:#556f91}.production-card .btn{font-size:11px;padding:10px 12px;white-space:normal;text-align:center;line-height:1.4}.production-secondary{margin-top:12px}.production-secondary .btn{background:#f8faff;color:#7286a1;border-color:#edf2f8;font-weight:500;padding:8px 11px}.material-subtitle{font-size:12px;margin:10px 0 0}.material-history-title{margin-top:28px;font-size:13px}@media(max-width:1050px){.production-grid{grid-template-columns:1fr}.production-intro{gap:12px}.production-intro small{display:none}}@media(max-width:600px){.production-intro{grid-template-columns:1fr}.production-intro small{display:block}.production-card{padding:17px}.production-consumption{flex-direction:column;gap:7px}.production-card-top{align-items:flex-start}.production-card .actions .btn{flex:1;min-width:110px}.management-nav{margin-top:5px;padding-top:5px}}

.production-card{overflow:hidden}.production-cover{display:block;position:relative;width:calc(100% + 46px);height:260px;margin:-23px -23px 22px;padding:12px;background:#edf3f6;border-bottom:1px solid #dde8ec;cursor:zoom-in}.production-cover img{display:block;width:100%;height:100%;object-fit:contain}.production-cover span{position:absolute;right:12px;bottom:12px;padding:6px 10px;border-radius:20px;background:#11243bd9;color:white;font-size:12px}.production-cover:focus-visible{outline-offset:-4px}.attachment-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.attachment-photo{display:flex;flex-direction:column;width:122px;max-width:100%;padding:6px;border:1px solid #dce6ef;border-radius:8px;background:white;cursor:zoom-in;gap:7px}.attachment-photo img{width:100%;height:78px;object-fit:contain;background:#f2f6f8;border-radius:5px}.attachment-photo span{display:block;width:100%;font-size:11px;line-height:1.5;overflow-wrap:anywhere;color:#405c76}.photo-viewer img{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain;background:#f3f6f8}.photo-viewer .modal-foot{flex-wrap:wrap}.cover-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.cover-choice{display:flex;flex-direction:column;gap:10px;border:1px solid #dbe5ed;border-radius:9px;padding:12px;color:#314a61;background:white}.cover-choice img{width:100%;height:150px;object-fit:contain;background:#f2f6f8}.cover-choice span{overflow-wrap:anywhere;line-height:1.5}.cover-choice b{color:#008a99}.modal-head h2{overflow-wrap:anywhere;min-width:0}.modal-head button{flex-shrink:0}dialog:has(.photo-viewer){width:min(1100px,96vw)}
@media(max-width:600px){.production-cover{width:calc(100% + 34px);margin:-17px -17px 18px;height:230px}.attachment-photo{width:110px}.photo-viewer .modal-foot .btn{flex:1}.cover-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}

.photo-viewer [data-action=deletePhoto]{color:#b83d3d;border-color:#eccaca;background:#fff5f5}