/* Retter-Portal v1.3.17 – durchgehende Konturen und robuste Mobile-/Tablet-Flächen. */
:root{--rp1317-edge:rgba(100,116,139,.20);--rp1317-edge-dark:rgba(148,163,184,.15);--rp1317-panel-dark:rgba(12,23,40,.88);--rp1317-panel-light:rgba(255,255,255,.84)}

/* Alte punktuelle Farbkreise erzeugten an einzelnen Karten blaue/rote Randsegmente. */
html body .app-shell .main .content :is(.rp55-dash-hero,.page-head,.page-hero,.card,.toolbar,.pagination,.table-wrap,.data-table-card,.checks-table-wrap):not(.account-delete-card):not(.tone-warning):not(.tone-danger):not(.is-warning)::before,
html body .app-shell .main .content :is(.rp55-dash-hero,.page-head,.page-hero,.card,.toolbar,.pagination,.table-wrap,.data-table-card,.checks-table-wrap):not(.account-delete-card):not(.tone-warning):not(.tone-danger):not(.is-warning)::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
html body .app-shell .main .content :is(.rp55-dash-hero,.page-head,.page-hero,.card,.toolbar,.pagination,.table-wrap,.data-table-card,.checks-table-wrap):not(.account-delete-card):not(.tone-warning):not(.tone-danger):not(.is-warning){
  background-image:none!important;
  border:1px solid var(--rp1317-edge)!important;
  background-clip:padding-box!important;
  box-shadow:0 18px 48px rgba(15,23,42,.09),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body[data-theme="dark"] .app-shell .main .content :is(.rp55-dash-hero,.page-head,.page-hero,.card,.toolbar,.pagination,.table-wrap,.data-table-card,.checks-table-wrap):not(.account-delete-card):not(.tone-warning):not(.tone-danger):not(.is-warning){
  border-color:var(--rp1317-edge-dark)!important;
  background:linear-gradient(180deg,rgba(16,29,49,.91),var(--rp1317-panel-dark))!important;
  box-shadow:0 20px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body[data-theme="light"] .app-shell .main .content :is(.rp55-dash-hero,.page-head,.page-hero,.card,.toolbar,.pagination,.table-wrap,.data-table-card,.checks-table-wrap):not(.account-delete-card):not(.tone-warning):not(.tone-danger):not(.is-warning){
  background:linear-gradient(180deg,rgba(255,255,255,.93),var(--rp1317-panel-light))!important;
}

/* Ein einzelner sauberer Tabellenrahmen statt verschachtelter Glaskarten. */
html body .app-shell .main .content :is(.table-wrap,.data-table-card,.checks-table-wrap) table{background:transparent!important}
html body .app-shell .main .content :is(.table-wrap,.data-table-card,.checks-table-wrap) tbody td{box-shadow:none!important}

/* Account-Löschdialog: dynamische Safari-Höhe, sichtbare Aktionen, kleiner echter Schließen-Button. */
html body .account-delete-modal{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important}
html body .account-delete-modal__dialog{max-height:calc(100dvh - 28px)!important;overscroll-behavior:contain!important}
html body .account-delete-modal__close{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;inset:15px 15px auto auto!important}
html body .account-delete-modal__actions{position:sticky!important;bottom:-1px!important;z-index:2!important;padding:12px 0 2px!important;background:linear-gradient(180deg,transparent 0%,rgba(9,17,30,.96) 30%)!important}
html body .account-delete-modal__submit:not(:disabled){background:linear-gradient(135deg,#e11d48,#be123c)!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important;box-shadow:0 13px 30px rgba(225,29,72,.25)!important}

/* Jede responsive Tabellenzeile ist mobil genau eine Karte. */
@media(max-width:760px){
  html body .app-shell .main .content :is(.table-wrap,.data-table-card,.checks-table-wrap):not(:has(> .card-head)):has(> table.responsive-table){
    padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
  }
  html body .app-shell .main .content table.responsive-table tbody tr{
    margin:0 0 12px!important;padding:0!important;border:1px solid var(--rp1317-edge-dark)!important;border-radius:18px!important;background:rgba(16,29,49,.88)!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important;overflow:hidden!important;
  }
  html body .app-shell .main .content table.responsive-table tbody tr:last-child{margin-bottom:0!important}
  html body .app-shell .main .content table.responsive-table tbody td{background:transparent!important;border-radius:0!important;box-shadow:none!important}
  html body .account-delete-modal{align-items:center!important;padding-bottom:max(18px,calc(env(safe-area-inset-bottom) + 76px))!important}
  html body .account-delete-modal__dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 96px)!important;padding:20px 16px 16px!important}
  html body .account-delete-modal__actions{padding-bottom:4px!important}
}

/* Tablet: keine Komponente darf aus dem Inhaltsbereich herausrechnen. */
@media(min-width:761px) and (max-width:1180px){
  html body .app-shell .main,.content,.content>*{min-width:0!important;max-width:100%!important}
  html body .content :is(.grid,.form-grid,.detail-grid,.info-grid,.billing-layout,.billing-status-grid){min-width:0!important}
  html body .content :is(input,select,textarea,.btn){max-width:100%!important;box-sizing:border-box!important}
  html body .content :is(.table-wrap,.data-table-card,.checks-table-wrap){max-width:100%!important}
}