/* Retter-Portal v1.3.45
   Mobile Tabellenkarten: nur noch ein äußerer Datensatzrahmen, keine inneren Kästchen. */

@media(max-width:760px){
  /* Der Tabellencontainer selbst bleibt vollständig rahmenlos. */
  html body .content :is(.card.table-wrap,.table-wrap,.data-table-card,.checks-table-wrap),
  html body .content .card > :is(.table-wrap,.data-table-card,.checks-table-wrap){
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html body .content table.responsive-table tbody{
    display:grid!important;
    gap:12px!important;
    width:100%!important;
  }

  /* Pro Datensatz exakt eine Kartenfläche. */
  html body .content table.responsive-table tbody tr{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:12px 14px!important;
    border:1px solid rgba(148,163,184,.18)!important;
    border-radius:17px!important;
    outline:0!important;
    background:linear-gradient(145deg,rgba(11,25,43,.97),rgba(8,20,35,.95))!important;
    box-shadow:0 10px 24px rgba(1,7,18,.14)!important;
    overflow:hidden!important;
  }

  /* Keine einzelnen Kästchen oder Trennrahmen mehr um Tabellenzellen. */
  html body .content table.responsive-table tbody td,
  html body .content table.responsive-table tbody td:first-child,
  html body .content table.responsive-table tbody td:last-child{
    display:grid!important;
    grid-template-columns:minmax(100px,37%) minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:8px 0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body .content table.responsive-table tbody td::before{
    display:block!important;
    content:attr(data-label)!important;
    margin:1px 0 0!important;
    color:#8fa0b5!important;
    font-size:.64rem!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
  }

  html body .content table.responsive-table tbody td.mobile-action-cell,
  html body .content table.responsive-table tbody td.actions,
  html body .content table.responsive-table tbody td.table-actions{
    display:block!important;
    padding:10px 0 0!important;
    border:0!important;
  }

  html body .content table.responsive-table tbody td.mobile-action-cell::before,
  html body .content table.responsive-table tbody td.actions::before,
  html body .content table.responsive-table tbody td.table-actions::before{
    display:none!important;
    content:none!important;
  }

  html body .content table.responsive-table tbody td.mobile-action-cell .btn,
  html body .content table.responsive-table tbody td.actions .btn,
  html body .content table.responsive-table tbody td.table-actions .btn{
    width:100%!important;
    margin:0!important;
  }

  /* Leere Tabellen bleiben eine einzelne ruhige Hinweisfläche. */
  html body .content table.responsive-table tbody tr:has(> td.mobile-full-row),
  html body .content table.responsive-table tbody tr:has(> td.empty[colspan]){
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body .content table.responsive-table td.mobile-full-row,
  html body .content table.responsive-table td.empty[colspan]{
    display:block!important;
    padding:16px 14px!important;
    border:1px solid rgba(148,163,184,.14)!important;
    border-radius:14px!important;
    background:rgba(148,163,184,.045)!important;
    color:var(--muted)!important;
    text-align:center!important;
  }
}

@media(max-width:430px){
  html body .content table.responsive-table tbody tr{
    padding:11px 12px!important;
    border-radius:16px!important;
  }

  html body .content table.responsive-table tbody td,
  html body .content table.responsive-table tbody td:first-child,
  html body .content table.responsive-table tbody td:last-child{
    grid-template-columns:1fr!important;
    gap:3px!important;
    padding:7px 0!important;
  }

  html body .content table.responsive-table tbody td::before{
    margin:0!important;
    font-size:.62rem!important;
  }
}

body[data-theme="light"] .content table.responsive-table tbody tr{
  background:linear-gradient(145deg,#ffffff,#f5f8fc)!important;
  border-color:rgba(148,163,184,.22)!important;
  box-shadow:0 9px 22px rgba(100,116,139,.10)!important;
}
body[data-theme="light"] .content table.responsive-table tbody td::before{
  color:#64748b!important;
}