/* Retter-Portal v1.3.41
   Whitemode-Hintergrund vollständig beruhigt: keine Raster, Schleier,
   Phantom-Karten oder dekorativen Flächen zwischen den echten Komponenten.
   Testphasenhinweis im hellen Modus klarer und kontrastreicher gestaltet. */

/* --------------------------------------------------------------------------
   WHITEMODE: eine ruhige, einheitliche Arbeitsfläche ohne Hintergrundeffekte
   -------------------------------------------------------------------------- */
html[data-theme="light"],
html body[data-theme="light"]{
  background:#f3f6fa!important;
  background-color:#f3f6fa!important;
  background-image:none!important;
}

html body[data-theme="light"]::before,
html body[data-theme="light"]::after,
html body[data-theme="light"] .app-shell::before,
html body[data-theme="light"] .app-shell::after,
html body[data-theme="light"] .main::before,
html body[data-theme="light"] .main::after,
html body[data-theme="light"] .content::before,
html body[data-theme="light"] .content::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}

html body[data-theme="light"] .app-shell,
html body[data-theme="light"] .main{
  background:#f3f6fa!important;
  background-color:#f3f6fa!important;
  background-image:none!important;
}

html body[data-theme="light"] .content{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Ausschließlich echte Komponenten erhalten sichtbare Flächen. */
html body[data-theme="light"] .content > :is(
  .page-head,
  .page-hero,
  .card,
  .toolbar,
  .pagination,
  .table-wrap,
  .data-table-card,
  .checks-table-wrap,
  .portal-footer
),
html body[data-theme="light"] .content :is(
  .form-subcard,
  .detail-item,
  .entity-card,
  .department-card,
  .stat-card,
  .billing-status-card,
  .admin-panel,
  .admin-card,
  .admin-command-nav,
  .admin-water-source-row
),
html body[data-theme="light"] .rp55-dashboard :is(
  .rp55-dash-hero,
  .card,
  .rp55-kpi-card,
  .rp55-focus-card,
  .rp55-own-card,
  .rp55-table-card
),
html body[data-theme="light"] :is(
  .feed-card,
  .dashboard-card,
  .overview-card,
  .youth-calendar-card,
  .youth-table-card
){
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  border-color:rgba(71,85,105,.18)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.065)!important;
}

html body[data-theme="light"] .content > :is(
  .page-head,
  .page-hero,
  .card,
  .toolbar,
  .pagination,
  .table-wrap,
  .data-table-card,
  .checks-table-wrap,
  .portal-footer
)::before,
html body[data-theme="light"] .content > :is(
  .page-head,
  .page-hero,
  .card,
  .toolbar,
  .pagination,
  .table-wrap,
  .data-table-card,
  .checks-table-wrap,
  .portal-footer
)::after,
html body[data-theme="light"] .rp55-dashboard :is(
  .rp55-dash-hero,
  .card,
  .rp55-kpi-card,
  .rp55-focus-card,
  .rp55-own-card,
  .rp55-table-card
)::before,
html body[data-theme="light"] .rp55-dashboard :is(
  .rp55-dash-hero,
  .card,
  .rp55-kpi-card,
  .rp55-focus-card,
  .rp55-own-card,
  .rp55-table-card
)::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* Kleine Unterelemente bleiben ebenfalls klar weiß statt halbtransparent. */
html body[data-theme="light"] :is(
  .timeline-item,
  .feed-list article,
  .v138-feed-item,
  .rp55-dash-tags span,
  .rp55-focus-grid article,
  .rp55-own-metrics article,
  .rp55-priority-list a,
  .department-chip
){
  background:#ffffff!important;
  background-image:none!important;
  border-color:rgba(71,85,105,.16)!important;
  box-shadow:0 4px 14px rgba(15,23,42,.045)!important;
}

/* Header ebenfalls ohne milchigen Verlauf oder zusätzliche Hintergrundschicht. */
html body[data-theme="light"] .topbar{
  background:#f8fafc!important;
  background-color:#f8fafc!important;
  background-image:none!important;
  border-bottom-color:rgba(71,85,105,.17)!important;
  box-shadow:0 5px 16px rgba(15,23,42,.055)!important;
}

/* --------------------------------------------------------------------------
   TESTPHASE: im Whitemode bewusst sichtbarer, aber weiterhin ruhig und edel
   -------------------------------------------------------------------------- */
html body[data-theme="light"] .organization-commercial-strip{
  color:#3f2b0b!important;
  background:#fff7e8!important;
  background-color:#fff7e8!important;
  background-image:none!important;
  border:1px solid rgba(217,119,6,.38)!important;
  box-shadow:0 8px 22px rgba(120,72,10,.10)!important;
}

html body[data-theme="light"] .organization-commercial-strip__icon{
  color:#ffffff!important;
  background:#d97706!important;
  background-image:none!important;
  border-color:#c96f06!important;
  box-shadow:0 5px 14px rgba(217,119,6,.20)!important;
}

html body[data-theme="light"] .organization-commercial-strip__copy strong{
  color:#4b3107!important;
}

html body[data-theme="light"] .organization-commercial-strip__copy small{
  color:#765527!important;
  opacity:1!important;
}

html body[data-theme="light"] .organization-commercial-strip .btn{
  color:#3f2b0b!important;
  background:#ffffff!important;
  background-image:none!important;
  border-color:rgba(180,114,15,.30)!important;
  box-shadow:0 4px 12px rgba(120,72,10,.08)!important;
}

html body[data-theme="light"] .organization-commercial-strip .btn:hover{
  background:#fffdf8!important;
  border-color:rgba(180,114,15,.46)!important;
}

html body[data-theme="light"] .organization-commercial-strip.is-warning{
  color:#5b2108!important;
  background:#fff1df!important;
  border-color:rgba(234,88,12,.46)!important;
}

html body[data-theme="light"] .organization-commercial-strip.is-warning .organization-commercial-strip__icon{
  background:#ea580c!important;
  border-color:#c2410c!important;
}

/* Benachrichtigungs- und Erfolgshinweise bleiben klar abgegrenzte Einzelkarten. */
html body[data-theme="light"] .dashboard-notification-strip{
  background:#fff8fa!important;
  background-image:none!important;
  border-color:rgba(225,29,72,.25)!important;
  box-shadow:0 7px 20px rgba(15,23,42,.06)!important;
}

html body[data-theme="light"] :is(.flash,.flash.success,.flash.info){
  background-image:none!important;
  box-shadow:0 6px 18px rgba(15,23,42,.055)!important;
}

/* Mobile und Tablet verwenden dieselbe ruhige Fläche ohne dekorative Schleier. */
@media(max-width:1100px){
  html body[data-theme="light"],
  html body[data-theme="light"] .app-shell,
  html body[data-theme="light"] .main,
  html body[data-theme="light"] .content{
    background-color:#f3f6fa!important;
    background-image:none!important;
  }
}