/* _content/Kvindo.ManagedS3.AdminPanel/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-cj3k33tfpa] {
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Connect hint (MainLayout.razor). Present only in the prerendered document; removed by the first
   interactive render. Timing is done in CSS so it works even when blazor.web.js never runs.
   The two messages are stacked in the same grid cell and cross-faded, so nothing depends on
   animating `display` (which does not interpolate and would just snap at the delay boundary).
   Deliberately quiet: no border, no background, no icon - a muted status line above the content,
   invisible for the first 2s so a normal (sub-second) connect never shows it at all. */
#kc-connect-hint[b-cj3k33tfpa] {
    display: inline-grid;
    margin: 0 0 0.25rem 0;
    padding: 0;
    color: #8a8a8a;
    font-size: 0.8rem;
    line-height: 1.2;
    opacity: 0;
    animation: kc-hint-visible-b-cj3k33tfpa 0.3s ease-in 2s forwards;
}

#kc-connect-hint > span[b-cj3k33tfpa] {
    grid-area: 1 / 1;
}

#kc-connect-hint .kc-connect-hint-failed[b-cj3k33tfpa] {
    opacity: 0;
    animation: kc-hint-show-failed-b-cj3k33tfpa 0.3s linear 20s forwards;
}

#kc-connect-hint .kc-connect-hint-connecting[b-cj3k33tfpa] {
    animation: kc-hint-hide-b-cj3k33tfpa 0.3s linear 20s forwards;
}

#kc-connect-hint .kc-connect-reload[b-cj3k33tfpa] {
    border: 0;
    background: none;
    padding: 0;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    font: inherit;
}

#kc-connect-hint .kc-connect-reload:hover[b-cj3k33tfpa] {
    color: #555;
}

@keyframes kc-hint-visible-b-cj3k33tfpa {
    to { opacity: 1; }
}

@keyframes kc-hint-hide-b-cj3k33tfpa {
    to { opacity: 0; }
}

@keyframes kc-hint-show-failed-b-cj3k33tfpa {
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    /* No fade-in: readable immediately. The 20s "no connection" swap is kept (it is information,
       not decoration), just instant. */
    #kc-connect-hint[b-cj3k33tfpa] {
        opacity: 1;
        animation: none;
    }

    #kc-connect-hint .kc-connect-hint-connecting[b-cj3k33tfpa],
    #kc-connect-hint .kc-connect-hint-failed[b-cj3k33tfpa] {
        animation-duration: 0s;
    }
}

main[b-cj3k33tfpa] {
    flex: 1;
}

.sidebar[b-cj3k33tfpa] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-cj3k33tfpa] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-cj3k33tfpa]  a, .top-row[b-cj3k33tfpa]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-cj3k33tfpa]  a:hover, .top-row[b-cj3k33tfpa]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-cj3k33tfpa]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-cj3k33tfpa] {
        justify-content: space-between;
    }

    .top-row[b-cj3k33tfpa]  a, .top-row[b-cj3k33tfpa]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-cj3k33tfpa] {
        flex-direction: row;
    }

    .sidebar[b-cj3k33tfpa] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-cj3k33tfpa] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-cj3k33tfpa]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-cj3k33tfpa], article[b-cj3k33tfpa] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-cj3k33tfpa] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-cj3k33tfpa] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Kvindo.ManagedS3.AdminPanel/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-5jyj3pmvtm] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-5jyj3pmvtm] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-5jyj3pmvtm] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-5jyj3pmvtm] {
    font-size: 1.1rem;
}

.bi[b-5jyj3pmvtm] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-5jyj3pmvtm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-5jyj3pmvtm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-5jyj3pmvtm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-5jyj3pmvtm] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-5jyj3pmvtm] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-5jyj3pmvtm] {
        padding-bottom: 1rem;
    }

    .nav-item[b-5jyj3pmvtm]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-5jyj3pmvtm]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-5jyj3pmvtm]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-5jyj3pmvtm] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-5jyj3pmvtm] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-5jyj3pmvtm] {
        display: none;
    }

    .nav-scrollable[b-5jyj3pmvtm] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}