/* Retter-Portal v1.2.85 – ausschließlich Tablet-Korrekturen im Einsatzformular.
   Header, Desktop- und Smartphone-Ansicht bleiben unverändert. */
@media (min-width:761px) and (max-width:1180px),
       (min-width:1181px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  /* Datum und Uhrzeit: Safari/iPad darf keine intrinsische Breite über die Karte hinaus erzwingen. */
  html body .app-shell .main .content .incident-form > label.incident-datetime-field{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto 50px!important;
    align-content:start!important;
    gap:9px!important;
    inline-size:100%!important;
    width:100%!important;
    min-inline-size:0!important;
    min-width:0!important;
    max-inline-size:100%!important;
    max-width:100%!important;
    min-height:108px!important;
    height:108px!important;
    margin:0!important;
    padding:14px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html body .app-shell .main .content .incident-form > label.incident-datetime-field > input{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:block!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    inline-size:100%!important;
    width:100%!important;
    min-inline-size:0!important;
    min-width:0!important;
    max-inline-size:100%!important;
    max-width:100%!important;
    block-size:50px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    padding:0 40px 0 14px!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-align:center!important;
    font-variant-numeric:tabular-nums!important;
  }
  @supports (width:-webkit-fill-available){
    html body .app-shell .main .content .incident-form > label.incident-datetime-field > input{
      inline-size:-webkit-fill-available!important;
      width:-webkit-fill-available!important;
    }
  }
  html body .app-shell .main .content .incident-form > label.incident-datetime-field > input::-webkit-date-and-time-value{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
  }
  html body .app-shell .main .content .incident-form > label.incident-datetime-field > input::-webkit-calendar-picker-indicator{
    flex:0 0 auto!important;
    margin:0!important;
  }

  /* Einsatzleitung erhält dieselbe sichtbare Karte wie Status und die übrigen Felder. */
  html body .app-shell .main .content .incident-form > .incident-command-smart-select{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto 50px!important;
    align-content:start!important;
    gap:9px!important;
    inline-size:100%!important;
    width:100%!important;
    min-inline-size:0!important;
    min-width:0!important;
    max-inline-size:100%!important;
    max-width:100%!important;
    min-height:108px!important;
    height:108px!important;
    margin:0!important;
    padding:14px!important;
    border:1px solid rgba(118,134,157,.16)!important;
    border-radius:18px!important;
    background:rgba(148,163,184,.075)!important;
    box-shadow:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  body[data-theme="dark"] .app-shell .main .content .incident-form > .incident-command-smart-select{
    background:rgba(255,255,255,.035)!important;
    border-color:rgba(255,255,255,.07)!important;
  }
  @media (prefers-color-scheme:dark){
    body[data-theme="system"] .app-shell .main .content .incident-form > .incident-command-smart-select{
      background:rgba(255,255,255,.035)!important;
      border-color:rgba(255,255,255,.07)!important;
    }
  }
  html body .app-shell .main .content .incident-form > .incident-command-smart-select > label{
    display:contents!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .app-shell .main .content .incident-form > .incident-command-smart-select input{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:block!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    inline-size:100%!important;
    width:100%!important;
    min-inline-size:0!important;
    min-width:0!important;
    max-inline-size:100%!important;
    max-width:100%!important;
    block-size:50px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid var(--line)!important;
    border-radius:14px!important;
    background:var(--surface-2)!important;
    color:var(--text)!important;
    box-sizing:border-box!important;
  }
}