/* Retter-Portal v1.2.81 – tablet content polish only.
   Header, desktop and smartphone layout stay untouched. */
@media (min-width:761px) and (max-width:1180px),
       (min-width:1181px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  /* Forms keep a calm two-column desktop-like layout without squeezing controls. */
  html body .content .incident-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:start!important;
  }
  html body .content .incident-form > label,
  html body .content .incident-form > .smart-select-field{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-content:start!important;
    gap:9px!important;
    min-width:0!important;
    width:100%!important;
    min-height:104px!important;
    height:auto!important;
    margin:0!important;
    padding:14px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  html body .content .incident-form > label.full,
  html body .content .incident-form > section.full,
  html body .content .incident-form > .full,
  html body .content .incident-form > .incident-command-smart-select{
    grid-column:1 / -1!important;
  }
  html body .content .incident-form > label > input,
  html body .content .incident-form > label > select,
  html body .content .incident-form > label > textarea,
  html body .content .incident-form > .smart-select-field input,
  html body .content .incident-form > .smart-select-field select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:48px!important;
    height:48px!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    box-sizing:border-box!important;
  }
  html body .content .incident-form > label > textarea{
    height:auto!important;
    min-height:104px!important;
    padding-top:13px!important;
    padding-bottom:13px!important;
  }
  html body .content .incident-form > label:has(input[type="date"]),
  html body .content .incident-form > label:has(input[type="time"]){
    min-height:104px!important;
  }
  html body .content .incident-form input[type="date"],
  html body .content .incident-form input[type="time"]{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    line-height:48px!important;
  }
  html body .content .incident-form .incident-command-smart-select{
    min-height:104px!important;
  }
  html body .content .incident-form .incident-command-smart-select .smart-select-results{
    max-width:100%!important;
  }
  html body .content .incident-form .form-subcard,
  html body .content .incident-form .incident-vehicle-builder{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Pills and small controls keep enough breathing room on tablets. */
  html body .content :is(.pill,.status,.role,.badge,.incident-status-pill,.secure-pill){
    min-height:36px!important;
    padding:8px 12px!important;
    line-height:1.15!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body .content :is(select,.btn,button.btn,a.btn){
    min-height:42px!important;
  }
}

/* Portrait tablets get one column instead of compressed paired fields. */
@media (min-width:761px) and (max-width:900px){
  html body .content .incident-form{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body .content .incident-form > label,
  html body .content .incident-form > .smart-select-field,
  html body .content .incident-form > label.full,
  html body .content .incident-form > section.full,
  html body .content .incident-form > .full,
  html body .content .incident-form > .incident-command-smart-select{
    grid-column:1!important;
  }
}