/* Retter-Portal v1.3.46
   Mobile Datensatzkarten ohne innere Kästchen und kompakterer Abstand
   zwischen Markenblock und erster Sidebar-Sektion. */

/* Weniger Leerraum zwischen Retter-Portal/Feuerwehrverwaltung und Übersicht. */
html body .sidebar .sidebar-brand-row,
html body[data-theme="light"] .sidebar .sidebar-brand-row,
html body[data-theme="dark"] .sidebar .sidebar-brand-row{
  margin-bottom:0!important;
  padding-bottom:2px!important;
}
html body .sidebar .brand,
html body[data-theme="light"] .sidebar .brand,
html body[data-theme="dark"] .sidebar .brand{
  padding-bottom:4px!important;
}
html body .sidebar .sidebar-nav{
  padding-top:0!important;
}
html body .sidebar .sidebar-nav > .nav-section:first-child{
  margin-top:8px!important;
}

@media(max-width:760px){
  /* Sämtliche äußeren Tabellenhüllen mobil vollständig neutralisieren. */
  html body .app-shell .main section.content > div.card.table-wrap,
  html body .app-shell .main section.content > div.table-wrap,
  html body .app-shell .main section.content > div.data-table-card,
  html body .app-shell .main section.content > div.checks-table-wrap,
  html body .app-shell .main section.content .card > div.table-wrap,
  html body .app-shell .main section.content .card > div.data-table-card,
  html body .app-shell .main section.content .card > div.checks-table-wrap{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!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;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }
  html body .app-shell .main section.content :is(.card.table-wrap,.table-wrap,.data-table-card,.checks-table-wrap)::before,
  html body .app-shell .main section.content :is(.card.table-wrap,.table-wrap,.data-table-card,.checks-table-wrap)::after{
    display:none!important;
    content:none!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  html body .app-shell .main section.content table.responsive-table,
  html body .app-shell .main section.content table.responsive-table > tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!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;
    overflow:visible!important;
  }
  html body .app-shell .main section.content table.responsive-table > tbody{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  html body .app-shell .main section.content table.responsive-table::before,
  html body .app-shell .main section.content table.responsive-table::after,
  html body .app-shell .main section.content table.responsive-table > tbody::before,
  html body .app-shell .main section.content table.responsive-table > tbody::after{
    display:none!important;
    content:none!important;
  }

  /* Nur der Datensatz selbst ist eine Karte. */
  html body .app-shell .main section.content table.responsive-table > tbody > tr,
  html body .app-shell .main section.content table.responsive-table > tbody > tr:nth-child(n){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px 14px!important;
    border:0!important;
    border-radius:17px!important;
    outline:0!important;
    background:linear-gradient(145deg,rgba(11,25,43,.98),rgba(8,20,35,.96))!important;
    background-image:linear-gradient(145deg,rgba(11,25,43,.98),rgba(8,20,35,.96))!important;
    box-shadow:inset 0 0 0 1px rgba(148,163,184,.18),0 10px 24px rgba(1,7,18,.14)!important;
    overflow:hidden!important;
  }
  html body .app-shell .main section.content table.responsive-table > tbody > tr::before,
  html body .app-shell .main section.content table.responsive-table > tbody > tr::after{
    display:none!important;
    content:none!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  /* Keine Linie, kein Rahmen und keine eigene Fläche an einzelnen Tabellenzellen. */
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td,
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td:nth-child(n),
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td:first-child,
  html body .app-shell .main section.content table.responsive-table > tbody > tr > 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;
    max-width:100%!important;
    margin:0!important;
    padding:8px 0!important;
    border:0!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left: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::after{
    display:none!important;
    content:none!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td::before{
    display:block!important;
    content:attr(data-label)!important;
    margin:1px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!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 .app-shell .main section.content table.responsive-table > tbody > tr > td.mobile-action-cell,
  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{
    display:block!important;
    padding:10px 0 0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td.mobile-action-cell::before,
  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.table-actions::before{
    display:none!important;
    content:none!important;
  }
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td.mobile-action-cell :is(.btn,button),
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td.actions :is(.btn,button),
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td.table-actions :is(.btn,button){
    width:100%!important;
    margin:0!important;
  }

  /* Leere Tabellen: ebenfalls nur genau eine Hinweisfläche. */
  html body .app-shell .main section.content table.responsive-table > tbody > tr:has(> td.mobile-full-row),
  html body .app-shell .main section.content table.responsive-table > tbody > tr:has(> td.empty[colspan]){
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td.mobile-full-row,
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td.empty[colspan]{
    display:block!important;
    padding:16px 14px!important;
    border:0!important;
    border-radius:14px!important;
    background:rgba(148,163,184,.045)!important;
    box-shadow:inset 0 0 0 1px rgba(148,163,184,.14)!important;
    color:var(--muted)!important;
    text-align:center!important;
  }
}

@media(max-width:430px){
  html body .app-shell .main section.content table.responsive-table > tbody > tr,
  html body .app-shell .main section.content table.responsive-table > tbody > tr:nth-child(n){
    padding:11px 12px!important;
    border-radius:16px!important;
  }
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td,
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td:nth-child(n){
    grid-template-columns:1fr!important;
    gap:3px!important;
    padding:7px 0!important;
  }
  html body .app-shell .main section.content table.responsive-table > tbody > tr > td::before{
    margin:0!important;
    font-size:.62rem!important;
  }
}

@media(max-width:760px){
  body[data-theme="light"] .app-shell .main section.content table.responsive-table > tbody > tr,
  body[data-theme="light"] .app-shell .main section.content table.responsive-table > tbody > tr:nth-child(n){
    background:linear-gradient(145deg,#ffffff,#f5f8fc)!important;
    background-image:linear-gradient(145deg,#ffffff,#f5f8fc)!important;
    box-shadow:inset 0 0 0 1px rgba(148,163,184,.22),0 9px 22px rgba(100,116,139,.10)!important;
  }
  body[data-theme="light"] .app-shell .main section.content table.responsive-table > tbody > tr > td::before{
    color:#64748b!important;
  }
}