/* Retter-Portal v1.2.83
   Content-only responsive polish. Header files/layout remain untouched. */

/* Dashboard: dates such as 10.11.2026 must stay completely inside narrow metric cards. */
html body .rp55-own-metrics .agt-date-metric,
html body .dashboard-member-metrics .agt-date-metric,
html body .dashboard-own-compact .agt-date-metric{
  min-width:0!important;
  overflow:hidden!important;
}
html body .rp55-own-metrics .agt-date-metric span,
html body .dashboard-member-metrics .agt-date-metric span,
html body .dashboard-own-compact .agt-date-metric span{
  font-size:clamp(.64rem,.74vw,.76rem)!important;
  line-height:1.14!important;
  letter-spacing:.065em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
html body .rp55-own-metrics .agt-date-metric strong,
html body .dashboard-member-metrics .agt-date-metric strong,
html body .dashboard-own-compact .agt-date-metric strong{
  max-width:100%!important;
  font-size:clamp(.98rem,1.18vw,1.34rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

/* Tablet form layout: keep Einsatzleitung in the normal two-column flow. */
@media (min-width:761px) and (max-width:1180px),
       (min-width:1181px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  html body .content .incident-form > .incident-command-smart-select{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html body .content .incident-form > :is(label,.smart-select-field,.form-subcard,section){
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body .content .incident-form :is(input,select,textarea){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    font-size:clamp(.92rem,1.4vw,1rem)!important;
  }
  html body .content .incident-form select{
    padding-right:46px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body .content .incident-form > :is(label,.smart-select-field) > label,
  html body .content .incident-form > label{
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  html body .content .incident-form .smart-select-field input{
    text-overflow:ellipsis!important;
  }
  html body .content .incident-form input[type="date"],
  html body .content .incident-form input[type="time"]{
    padding-left:14px!important;
    padding-right:14px!important;
    text-align:center!important;
    font-variant-numeric:tabular-nums!important;
  }
  html body .content :is(.pill,.status,.role,.badge,.incident-status-pill,.secure-pill){
    max-width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    text-align:center!important;
  }
}

/* Portrait tablet: one column remains intentional, but every control stays within its card. */
@media (min-width:761px) and (max-width:900px){
  html body .content .incident-form > .incident-command-smart-select{
    grid-column:1!important;
  }
}