/* Retter-Portal v1.2.84 – ausschließlich Inhaltskorrekturen.
   Desktop-, Tablet- und Smartphone-Header bleiben unverändert. */

/* Ein leerer Fahrzeugdatensatz hat nichts zu entfernen. */
html body [data-incident-vehicle-remove][hidden]{
  display:none!important;
}

/* Öffentliche Startseite: das Beispiel-Badge darf auf Smartphones nie getrennt werden. */
html body .rp55-preview-head > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

/* Tablets: Formularkarten müssen ihre Bedienelemente vollständig enthalten. */
@media (min-width:761px) and (max-width:1180px),
       (min-width:1181px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  html body .app-shell .main .content .incident-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    gap:18px!important;
  }

  html body .app-shell .main .content .incident-form > label,
  html body .app-shell .main .content .incident-form > .incident-command-smart-select{
    align-self:start!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:108px!important;
    margin:0!important;
    padding:14px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html body .app-shell .main .content .incident-form > .incident-command-smart-select > label{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html body .app-shell .main .content .incident-form > label > :is(input,select,textarea),
  html body .app-shell .main .content .incident-form > .incident-command-smart-select input{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  html body .app-shell .main .content .incident-form > label > :is(input,select),
  html body .app-shell .main .content .incident-form > .incident-command-smart-select input{
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    line-height:1.2!important;
  }

  html body .app-shell .main .content .incident-form input[type="date"],
  html body .app-shell .main .content .incident-form input[type="time"]{
    padding:0 14px!important;
    line-height:normal!important;
    text-align:center!important;
    font-variant-numeric:tabular-nums!important;
  }

  html body .app-shell .main .content .incident-form > label > textarea{
    min-height:112px!important;
    height:auto!important;
    padding:13px 14px!important;
  }

  html body .app-shell .main .content .incident-form > :is(.full,section.full,.form-subcard.full){
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  html body .app-shell .main .content .incident-unit-select{
    overflow:visible!important;
  }

  html body .app-shell .main .content .incident-unit-select .form-section,
  html body .app-shell .main .content .incident-unit-select .unit-choice-grid{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  html body .app-shell .main .content .incident-unit-select .unit-choice{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Schmale Tablets: lieber eine klare Spalte als gequetschte oder überlaufende Karten. */
@media (min-width:761px) and (max-width:930px){
  html body .app-shell .main .content .incident-form{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body .app-shell .main .content .incident-form > :is(label,.smart-select-field,.full,section.full,.form-subcard.full){
    grid-column:1!important;
  }
}