/* Przezroczystość elementów panelu (75%) — ładowane bez przebudowy Vite. */

/* Kafelki, pasek menu, boczne menu, ramki formularzy i tabel */
.rod-panel-glass,
.rod-panel-background [data-flux-header],
.rod-panel-background [data-flux-navbar],
.rod-panel-background [data-flux-sidebar],
.rod-panel-background [data-flux-card],
.rod-panel-background [data-flux-callout],
.rod-panel-background .rounded-xl.border.border-zinc-200,
.rod-panel-background .rounded-lg.border.border-zinc-200 {
    background-color: rgb(255 255 255 / 0.25) !important;
    backdrop-filter: blur(16px) saturate(1.15);
    -webkit-backdrop-filter: blur(16px) saturate(1.15);
}

/* Pola formularzy */
.rod-panel-background input:not([type="checkbox"]):not([type="radio"]),
.rod-panel-background select,
.rod-panel-background textarea,
.rod-panel-background [data-flux-input],
.rod-panel-background [data-flux-select],
.rod-panel-background [data-flux-textarea],
.rod-panel-background [data-flux-control] {
    background-color: rgb(255 255 255 / 0.25) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Przyciski wypełnione (filled) */
.rod-panel-background [data-flux-button][data-variant="filled"] {
    background-color: rgb(255 255 255 / 0.25) !important;
}

/* Rozwijane menu, okna dialogowe i powiadomienia leżą NAD treścią —
   zostają czytelne (bez przezroczystości). */
.rod-panel-background [data-flux-menu],
.rod-panel-background [data-flux-modal],
.rod-panel-background [data-flux-dialog],
.rod-panel-background [data-flux-toast] {
    background-color: rgb(255 255 255 / 0.96) !important;
}

/* Logo wyboru ogrodu i logo w pasku menu — bez przezroczystości i bez rozmycia. */
.rod-panel-background .garden-logo-selection,
.rod-panel-background .garden-logo-button,
.rod-panel-background .garden-logo-image,
.rod-panel-background .garden-logo-fallback,
.rod-panel-background .rod-brand-logo {
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.rod-panel-background .garden-logo-selection,
.rod-panel-background .garden-logo-button {
    background-color: transparent !important;
}

.rod-brand-logo {
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.25));
}

@media (prefers-reduced-transparency: reduce) {
    .rod-panel-glass,
    .rod-panel-background [data-flux-header],
    .rod-panel-background [data-flux-navbar],
    .rod-panel-background [data-flux-sidebar],
    .rod-panel-background [data-flux-card],
    .rod-panel-background [data-flux-callout],
    .rod-panel-background .rounded-xl.border.border-zinc-200,
    .rod-panel-background .rounded-lg.border.border-zinc-200,
    .rod-panel-background input:not([type="checkbox"]):not([type="radio"]),
    .rod-panel-background select,
    .rod-panel-background textarea,
    .rod-panel-background [data-flux-input],
    .rod-panel-background [data-flux-select],
    .rod-panel-background [data-flux-textarea],
    .rod-panel-background [data-flux-control] {
        background-color: rgb(255 255 255 / 0.92) !important;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}