/* Retter-Portal v1.3.20 - ruhige Statusflaechen und letzter Mobile-/Tablet-Abgleich. */

/* Benachrichtigungsleiste: eine einzige, klare Akzentkante statt mehrerer Rahmen. */
html body .dashboard-notification-strip{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border:0!important;
  border-left:4px solid #e11d48!important;
  outline:0!important;
  background:linear-gradient(90deg,rgba(225,29,72,.075),rgba(30,64,175,.055))!important;
  background-clip:padding-box!important;
  box-shadow:0 10px 28px rgba(15,23,42,.09)!important;
}
html body .dashboard-notification-strip::before,
html body .dashboard-notification-strip::after{
  content:none!important;
  display:none!important;
}
html body .dashboard-notification-strip__icon{
  border:0!important;
  outline:0!important;
}
html body .dashboard-notification-strip__copy,
html body .dashboard-notification-strip__copy strong,
html body .dashboard-notification-strip__copy small{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
html body .dashboard-notification-strip__action{
  border:0!important;
  outline:0!important;
  background:rgba(148,163,184,.075)!important;
  box-shadow:none!important;
}

/* Organisations- und Abrechnungsbereiche bleiben auch in schmalen Split-Views innerhalb der Seite. */
html body .organization-commercial-strip,
html body .billing-layout,
html body .billing-status-grid,
html body .billing-trial-card,
html body .billing-invoice-actions,
html body .billing-status-form,
html body .launch-org-columns,
html body .launch-org-panel,
html body .launch-organization-card,
html body .launch-organization-card > summary{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}
html body .organization-commercial-strip__copy,
html body .organization-commercial-strip__copy strong,
html body .organization-commercial-strip__copy small,
html body .billing-detail-list dt,
html body .billing-detail-list dd,
html body .launch-org-identity,
html body .launch-org-identity > div,
html body .launch-org-summary{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

/* Formulare und Aktionen duerfen auf Tablets nicht durch feste Mindestbreiten auslaufen. */
@media(max-width:1024px){
  html body .billing-layout,
  html body .launch-org-columns{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body .billing-profile-form,
  html body .billing-profile-form > *,
  html body .launch-org-form,
  html body .launch-org-form > *,
  html body .form-grid,
  html body .form-grid > *{
    min-width:0!important;
    max-width:100%!important;
  }
  html body .billing-status-form{
    min-width:0!important;
  }
}

@media(max-width:760px){
  html body .dashboard-notification-strip{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px 11px!important;
    border-radius:15px!important;
  }
  html body .dashboard-notification-strip__icon{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }
  html body .dashboard-notification-strip__action{
    display:none!important;
  }
  html body .organization-commercial-strip{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px 11px!important;
    border-radius:15px!important;
  }
  html body .organization-commercial-strip__icon{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }
  html body .billing-invoice-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
  html body .billing-invoice-actions > .btn,
  html body .billing-invoice-actions > form,
  html body .billing-invoice-actions > form .btn,
  html body .billing-status-form,
  html body .billing-status-form .btn,
  html body .form-actions .btn{
    width:100%!important;
    max-width:100%!important;
  }
  html body .billing-status-form select,
  html body .billing-profile-form :is(input,select,textarea),
  html body .launch-org-form :is(input,select,textarea){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  html body .billing-detail-list > div{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body .billing-detail-list dd{
    text-align:left!important;
  }
}

@media(max-width:480px){
  html body .dashboard-notification-strip__copy strong,
  html body .organization-commercial-strip__copy strong{
    font-size:.86rem!important;
    line-height:1.3!important;
  }
  html body .dashboard-notification-strip__copy small,
  html body .organization-commercial-strip__copy small{
    font-size:.72rem!important;
    line-height:1.38!important;
  }
}