.measurement-entry{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.measurement-entry h2{margin:0}.measurement-list article{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.measurement-list h3{margin:0 0 8px}.measurement-list p{overflow-wrap:anywhere}.measurement-compare-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.measurement-compare-row small{display:block;color:var(--muted);font-size:11px}.measurement-impact-row{display:grid;gap:5px;border-bottom:1px solid var(--line);padding:10px 0}.measurement-impact-row small{color:var(--muted)}#measurement-impact{max-height:340px;overflow:auto}#measurement-openings .opening-row{margin-bottom:10px}#dialog-form:has(.measurement-compare) .modal-foot{flex-wrap:wrap}#dialog-form:has(.measurement-compare) details{margin:16px 0}
@media(max-width:600px){.measurement-entry,.measurement-list article{display:block}.measurement-entry .actions{margin-top:12px}.measurement-compare-row{grid-template-columns:1fr 1fr}.measurement-compare-row strong{grid-column:1/-1}.measurement-list article button{margin-top:8px}#measurement-openings .opening-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}#measurement-openings .opening-row select{grid-column:1/-1}#measurement-openings .opening-row input{min-width:0;width:100%}#dialog-form:has(.measurement-compare) .modal-foot button{flex:1;min-width:120px}}

#measurement-openings .opening-row{grid-template-columns:1.2fr 1fr 1fr 1fr auto;align-items:end}#measurement-openings .field{min-width:0}#measurement-openings .opening-row .field:first-child select{width:100%}@media(max-width:600px){#measurement-openings .opening-row{grid-template-columns:1fr 1fr}#measurement-openings .opening-row .field:first-child{grid-column:1/-1}#measurement-openings .opening-row select{min-width:0}}

@media(max-width:600px){#dialog-form:has(.measurement-compare) .modal-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px}#dialog-form:has(.measurement-compare) .modal-foot button{min-width:0;width:100%;margin:0;padding:10px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}}
