/* Retter-Portal v1.3.49
   Mobile Tabellenaktionen global ohne zusätzliche Zell-/Kartenfläche.
   Betrifft Öffnen, Bearbeiten und vergleichbare Aktionsbuttons in allen Modulen. */

@media (max-width:760px){
  /*
   * Aktionszellen dürfen mobil keine zweite Box innerhalb der Datensatzkarte erzeugen.
   * display:contents entfernt nur die Zellhülle; die eigentlichen Buttons/Formulare bleiben erhalten.
   */
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.actions,
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.table-actions,
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.mobile-action-cell:has(.btn),
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.mobile-action-cell:has(button){
    display:contents!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
  }

  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.actions::before,
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.actions::after,
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.table-actions::before,
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.table-actions::after,
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.mobile-action-cell:has(.btn)::before,
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.mobile-action-cell:has(.btn)::after,
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.mobile-action-cell:has(button)::before,
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td.mobile-action-cell:has(button)::after{
    display:none!important;
    content:none!important;
  }

  /* Direkte Aktionsbuttons erhalten nur Abstand zur letzten Information, keine eigene Hülle. */
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td:is(.actions,.table-actions,.mobile-action-cell) > :is(a.btn,button.btn){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-height:44px!important;
    margin:12px 0 0!important;
    padding:10px 14px!important;
    border-radius:13px!important;
  }


  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td:is(.actions,.table-actions,.mobile-action-cell) > form > :is(button.btn,a.btn){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:10px 14px!important;
    border-radius:13px!important;
  }

  /* Formulare und bekannte Aktionsgruppen ebenfalls ohne zusätzliche Fläche. */
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td:is(.actions,.table-actions,.mobile-action-cell) > :is(form,.form-actions,.billing-invoice-actions){
    width:100%!important;
    max-width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td:is(.actions,.table-actions,.mobile-action-cell) > form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }

  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td:is(.actions,.table-actions,.mobile-action-cell) > .form-actions,
  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td:is(.actions,.table-actions,.mobile-action-cell) > .billing-invoice-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }

  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td:is(.actions,.table-actions,.mobile-action-cell)
  :is(.btn,button,select,input){
    max-width:100%!important;
  }

  html body .app-shell .main section.content
  table.responsive-table > tbody > tr > td:is(.actions,.table-actions,.mobile-action-cell)
  :is(.form-actions,.billing-invoice-actions,.billing-status-form) > :is(.btn,button,select,form){
    width:100%!important;
  }
}