.productionMilestonesPanel{margin:18px 0;padding:20px;border:1px solid rgba(99,220,255,.18);border-radius:18px;background:linear-gradient(180deg,rgba(15,21,28,.97),rgba(9,12,17,.98));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.productionMilestoneHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.productionMilestoneHead h3{margin:4px 0 0}.productionMilestonesPanel>p{margin:10px 0 16px;color:var(--muted,#8a939f);line-height:1.55}.productionMilestoneSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(220px,1.8fr);gap:10px;margin-bottom:14px}.productionMilestoneSummary>div{padding:12px;border:1px solid var(--line,rgba(255,255,255,.085));border-radius:12px;background:rgba(255,255,255,.025)}.productionMilestoneSummary small{display:block;margin-bottom:6px;color:var(--muted,#8a939f);font-size:10px;letter-spacing:.08em}.productionMilestoneSummary b{font-size:16px}.productionMilestoneRows{display:grid;gap:8px}.productionMilestoneRow{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(130px,.8fr) minmax(150px,.9fr) minmax(180px,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--line,rgba(255,255,255,.085));border-radius:14px;background:rgba(0,0,0,.12)}.productionMilestoneIdentity{display:grid;gap:4px}.productionMilestoneIdentity small{color:var(--muted,#8a939f);line-height:1.35}.productionMilestoneDate,.productionMilestoneActual{display:grid;gap:6px}.productionMilestoneDate span,.productionMilestoneActual span{font-size:10px;letter-spacing:.08em;color:var(--muted,#8a939f)}.productionMilestoneActual input{width:100%}.productionMilestoneState{display:flex;justify-content:flex-end}.productionMilestoneFoot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}.productionMilestoneFoot span{max-width:800px;color:var(--muted,#8a939f);font-size:12px;line-height:1.45}
@media(max-width:1000px){.productionMilestoneSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.productionMilestoneRow{grid-template-columns:1fr 1fr}.productionMilestoneState{justify-content:flex-start}}
@media(max-width:560px){.productionMilestonesPanel{padding:15px;border-radius:15px}.productionMilestoneHead,.productionMilestoneFoot{display:grid}.productionMilestoneSummary,.productionMilestoneRow{grid-template-columns:1fr}.productionMilestoneFoot button{width:100%}}