@import url('css/admin-layout.css');
@import url('css/shell-components.css');
@import url('css/auth-pages.css');
@import url('css/market-components.css');

html { color-scheme: light; }
html.dark-theme { color-scheme: dark; }
html[data-theme-storage="native"]:not([data-theme-ready]) #app { visibility: hidden; }
.page { width: 100%; min-width: 0; }
.admin-menu-secondary { min-width: 0; }
.admin-menu-primary { flex-shrink: 0; }
.admin-content-inner { overflow-wrap: anywhere; }
.admin-icon-btn:disabled { cursor: default; opacity: 0.5; }
.admin-search-input { min-width: 0; }
.admin-menu-secondary-inner { width: 100%; }
.admin-dropdown-wrapper > summary { list-style: none; }
.admin-dropdown-wrapper > summary::-webkit-details-marker { display: none; }
.admin-dropdown-wrapper[open] .admin-dropdown { display: block; }
#blazor-error-ui { display: none; }

@media (max-width: 959px) {
    .admin-left-menu.secondary-visible { max-width: 100%; }
    .admin-menu-secondary.visible {
        flex: 1 1 auto;
        width: min(var(--admin-left-menu-secondary-width), calc(100vw - var(--admin-left-menu-primary-width)));
        overflow-y: auto;
    }
    html.admin-mobile-nav-open { overflow: hidden; }
}