#apLaserResultSvgWrap{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);
  gap:14px;
  align-items:stretch;
  margin:14px 0;
}

#apLaserResultSvgWrap > .card,
#apLaserResultSvgWrap > section{
  width:100%;
  margin:0 !important;
  box-sizing:border-box;
}

/* Ergebnis darf im neuen Wrapper nicht wieder volle Breite erzwingen */
#apLaserResultSvgWrap > .result-card{
  grid-column:auto !important;
}

/* Ergebnis kompakter */
#apLaserResultSvgWrap .result-card{
  padding:16px !important;
}

#apLaserResultSvgWrap .result-card .result-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(90px,1fr));
  gap:8px;
}

#apLaserResultSvgWrap .result-card .metric{
  min-height:58px;
  padding:10px 12px;
}

#apLaserResultSvgWrap .result-card .summary-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:10px;
}

#apLaserResultSvgWrap .result-card .summary-main{
  min-height:92px;
  padding:14px;
}

/* SVG-Zeit rechts kompakt */
#apLaserResultSvgWrap > section:not(.result-card),
#apLaserResultSvgWrap > .card:not(.result-card){
  padding:16px !important;
  min-height:auto !important;
}

#apLaserResultSvgWrap input{
  min-height:42px;
}

/* Bei mittlerer Breite Ergebnis sauber umbrechen */
@media(max-width:1350px){
  #apLaserResultSvgWrap{
    grid-template-columns:1fr;
  }

  #apLaserResultSvgWrap .result-card .result-grid{
    grid-template-columns:repeat(3,minmax(120px,1fr));
  }
}

@media(max-width:750px){
  #apLaserResultSvgWrap .result-card .result-grid,
  #apLaserResultSvgWrap .result-card .summary-row{
    grid-template-columns:1fr;
  }
}