.gridrow{grid-template-columns:minmax(155px,1.1fr) minmax(100px,.7fr) minmax(165px,1fr);gap:12px;align-items:end}
.element-name{display:flex;flex-direction:column;gap:5px;align-self:center;min-width:0}
.element-name strong{font-size:14px;color:#234779}
.element-name small{font-size:11px;color:#667c94;line-height:1.4}
.gridrow .field{min-width:0}
.gridrow input,.gridrow select{width:100%;min-width:0}
.gridrow button{width:40px;height:43px;padding:0;align-self:end;font-size:23px}
/* Keep the two project-area labels aligned even when the allowance label wraps. */
.field:has(> #floor-area) label,.field:has(> #removed-openings) label{min-height:3em;display:flex;align-items:flex-end}
.field:has(> #floor-area) input,.field:has(> #removed-openings) input{min-height:44px}
.metrics{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.metrics span{flex:1;min-width:135px;background:#f1f7ff;border-radius:12px;padding:13px;color:#647891;font-size:12px}
.metrics strong{display:block;color:#234779;font-size:18px;margin-top:5px}
.reference-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:10px 2px;border-bottom:1px solid #e7edf6;font-size:13px;align-items:center}
.check-list .reference-row{grid-template-columns:minmax(0,1fr) auto}
.pass{color:#18834b}.fail{color:#b24432}h3{margin-top:23px;font-size:15px}
@media(max-width:1080px){.gridrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.gridrow .element-name{grid-column:1/-1}.gridrow .field:nth-child(2){grid-column:1}.gridrow .field:nth-child(3){grid-column:2}}
@media(max-width:600px){.gridrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:760px){.field:has(> #floor-area) label,.field:has(> #removed-openings) label{min-height:0}}
@media print{body{background:#fff}.shell{max-width:100%;padding:0}.top,.panel{box-shadow:none}.layout{display:block}.result{position:static;margin-top:15px}.actions,.tag{display:none}.gridrow{grid-template-columns:1.1fr .7fr 1fr}.panel{break-inside:avoid}}

.sap-alternative{margin-top:18px;padding:17px;background:#f1f7ff;border:1px solid #cadcf0;border-radius:12px;color:#263d60;font-size:13px;line-height:1.55}.sap-alternative p{margin:8px 0 11px}.sap-alternative a{font-weight:700;color:#175f9e;text-decoration:underline}.sap-alternative[hidden]{display:none!important}.brand a{display:inline-flex;align-items:center}.footer a{color:inherit;text-decoration:underline}
