.metricForm {max-width:1200px; margin:auto; background:#fff; padding:20px; color:#202a35;}
.metricFormHead {display:flex; gap:20px; align-items:center; border-bottom:3px solid #b72539; padding-bottom:18px; flex-wrap:wrap;}
.metricFormHead img {width:130px; height:55px; object-fit:contain;}
.metricForm h3 {font-size:18px; margin:0; letter-spacing:0;}
.metricDraft {font-size:13px; color:#805407; background:#fff4d9; padding:5px 8px; margin-left:auto;}
.metricSection {padding:20px 0; border-top:1px solid #d6dce4; margin-top:20px;}
.metricSection>h3 {margin-bottom:16px;}
.metricGrid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; padding-top:14px;}
.metricGrid:empty {display:none;}
.metricWide {grid-column:1/-1;}
.metricForm label {display:flex; flex-direction:column; min-width:0; gap:5px; font-size:13px; color:#505c68;}
.metricForm input,.metricForm select,.metricForm textarea {width:100%; min-width:0; box-sizing:border-box; background:#f6f9fb; color:#17212c; border:1px solid #bbc7d4; border-radius:4px; padding:10px; font-size:14px;}
.metricTableHeading {display:flex; justify-content:space-between; align-items:center; gap:12px; margin:10px 0;}
.metricTableHeading h4 {font-size:14px; margin:0;}
.metricEditRow {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:12px 44px 12px 0; border-bottom:1px solid #d6dce4; position:relative;}
.metricRemove {position:absolute; right:0; top:30px; width:32px; min-height:36px; padding:0!important; font-size:22px;}
.metricPhotos {display:flex; gap:16px; flex-wrap:wrap; margin-top:12px;}
.metricPhotos img {display:block; width:220px; height:150px; object-fit:contain;}
.metricForm .actions {margin-top:20px; flex-wrap:wrap;}
@media(max-width:650px){.metricForm{padding:12px}.metricGrid,.metricEditRow{grid-template-columns:minmax(0,1fr)}.metricFormHead{gap:12px}.metricDraft{margin-left:0}.metricTableHeading{align-items:flex-start;flex-wrap:wrap}}