@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-17iszliu4b] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-17iszliu4b] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

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

.top-row[b-17iszliu4b] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    height: 3.5rem;
    display: flex;
    align-items: center;
    padding: 0;
}

.top-row[b-17iszliu4b]  {
    display: contents;
}

.content[b-17iszliu4b] {
    flex: 1;
}

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

#blazor-error-ui[b-17iszliu4b] {
    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-17iszliu4b] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.horizontal-nav[b-5esj81l1cq] {
    display: flex;
    align-items: center;
    width: 100%;
    background: linear-gradient(90deg, rgb(5, 39, 103) 0%, #3a0647 100%);
    color: white;
    padding: 0;
    gap: 1rem;
}

.app-version[b-5esj81l1cq] {
    margin-left: auto;
    padding: 0 1rem;
    font-size: 0.8rem;
    color: rgba(255,255,255,0.7);
    white-space: nowrap;
}

.nav-brand[b-5esj81l1cq] {
    font-size: 1.1rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

.nav-menu[b-5esj81l1cq] {
    display: flex;
    gap: 0;
    align-items: center;
    flex: 1;
}

.nav-item[b-5esj81l1cq] {
    padding: 0;
    font-size: 0.9rem;
    position: relative;
}

.nav-item.has-submenu[b-5esj81l1cq] {
    position: relative;
}

.nav-item[b-5esj81l1cq]  .nav-link,
.submenu-toggle[b-5esj81l1cq] {
    color: #d7d7d7;
    text-decoration: none;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 3.5rem;
    line-height: 1;
    transition: background-color 0.2s, color 0.2s;
    border: none;
    background: transparent;
    cursor: pointer;
    font: inherit;
}

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

.nav-item[b-5esj81l1cq]  a.active {
    background-color: rgba(255, 255, 255, 0.25);
    color: white;
    border-bottom: 3px solid #fff;
}

/* Submenu - hidden by default */
.submenu[b-5esj81l1cq] {
    display: none;
    position: absolute;
    top: 3.5rem;
    left: 0;
    background: rgba(5, 39, 103, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    min-width: 140px;
    z-index: 100;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    overflow: hidden;
}

/* Show submenu on hover over parent item */
.has-submenu:hover .submenu[b-5esj81l1cq],
.has-submenu:focus-within .submenu[b-5esj81l1cq] {
    display: flex;
}

.submenu-caret[b-5esj81l1cq] {
    margin-left: 0.25rem;
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

/* Submenu links styling */
.submenu[b-5esj81l1cq]  .nav-link {
    color: #d7d7d7;
    text-decoration: none;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: auto;
    transition: background-color 0.2s, color 0.2s;
    font-size: 0.9rem;
    border: none;
    background: transparent;
}

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

.submenu[b-5esj81l1cq]  a.active {
    background-color: rgba(255, 255, 255, 0.25);
    color: white;
    border-left: 3px solid #fff;
    padding-left: calc(1rem - 3px);
    border-bottom: none;
}

/* Hamburger toggle for mobile */
.navbar-toggler[b-5esj81l1cq] {
    display: none;
}

.nav-toggle-label[b-5esj81l1cq] {
    display: none;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    margin-left: auto;
    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.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.5rem;
}

#nav-toggle:checked ~ .nav-menu[b-5esj81l1cq] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 3.5rem;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 99;
}

#nav-toggle:checked ~ .nav-toggle-label[b-5esj81l1cq] {
    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.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 4l22 22M4 26l22-22'/%3e%3c/svg%3e") no-repeat center/1.5rem;
}

/* Responsive behavior */
@media (max-width: 640.98px) {
    .nav-toggle-label[b-5esj81l1cq] {
        display: block;
    }

    .nav-menu[b-5esj81l1cq] {
        display: none;
    }

    #nav-toggle:checked ~ .nav-menu[b-5esj81l1cq] {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 3.5rem;
        left: 0;
        right: 0;
        width: 100%;
        background: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 100%);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        z-index: 100;
    }

    .nav-item[b-5esj81l1cq]  .nav-link,
    .submenu-toggle[b-5esj81l1cq] {
        height: auto;
        padding: 1rem;
        border-bottom: none;
    }

    .nav-item[b-5esj81l1cq]  a.active {
        border-bottom: none;
        border-left: 4px solid #fff;
        padding-left: calc(1rem - 4px);
    }

    /* Submenu on mobile - show inline by default */
    .submenu[b-5esj81l1cq] {
        position: static;
        background: rgba(5, 39, 103, 0.8);
        border: none;
        border-left: 4px solid rgba(255, 255, 255, 0.2);
        border-radius: 0;
        min-width: auto;
        box-shadow: none;
        margin: 0;
        padding: 0;
        display: none;
    }

    .has-submenu:hover .submenu[b-5esj81l1cq],
    .has-submenu:focus-within .submenu[b-5esj81l1cq] {
        display: flex;
    }

    .submenu[b-5esj81l1cq]  .nav-link {
        padding-left: 2.5rem;
        height: auto;
    }

    .submenu[b-5esj81l1cq]  a.active {
        border-left: 4px solid #fff;
        padding-left: calc(2.5rem - 4px);
    }
}

@media (min-width: 641px) {
    .nav-toggle-label[b-5esj81l1cq] {
        display: none;
    }

    .nav-menu[b-5esj81l1cq] {
        display: flex;
    }

    #nav-toggle:checked ~ .nav-menu[b-5esj81l1cq] {
        display: flex;
        position: static;
        width: auto;
        background: none;
        border-bottom: none;
        flex-direction: row;
    }
}

.bi[b-5esj81l1cq] {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
}

.icon[b-5esj81l1cq] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask-image: var(--icon);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: var(--icon);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.bi-house-door-fill-nav-menu[b-5esj81l1cq] {
    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-5esj81l1cq] {
    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-5esj81l1cq] {
    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");
}

.bi-door-closed-nav-menu[b-5esj81l1cq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3zm1 13h8V2H4z'/%3E%3Cpath d='M9 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0'/%3E%3C/svg%3E");
}

.bi-door-open-nav-menu[b-5esj81l1cq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 10c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1'/%3E%3Cpath d='M10.828.122A.5.5 0 0 1 11 .5V1h.5A1.5 1.5 0 0 1 13 2.5V15h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V1.5a.5.5 0 0 1 .43-.495l7-1a.5.5 0 0 1 .398.117M11.5 2H11v13h1V2.5a.5.5 0 0 0-.5-.5M4 1.934V15h6V1.077z'/%3E%3C/svg%3E");
}

.bi-people[b-5esj81l1cq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E");
}

.bi-collection[b-5esj81l1cq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-collection' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5z'/%3E%3C/svg%3E");
}

.bi-person-fill[b-5esj81l1cq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E");
}

.bi-person[b-5esj81l1cq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/%3E%3C/svg%3E");
}

.bi-cloud-arrow-down[b-5esj81l1cq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-cloud-arrow-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 10.854a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 9.293V5.5a.5.5 0 0 0-1 0v3.793L6.354 8.146a.5.5 0 1 0-.708.708z'/%3E%3Cpath d='M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383m.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z'/%3E%3C/svg%3E");
}

.bi-houses-fill[b-5esj81l1cq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-houses-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.207 1a1 1 0 0 0-1.414 0L.146 6.646a.5.5 0 0 0 .708.708L1 7.207V12.5A1.5 1.5 0 0 0 2.5 14h.55a2.5 2.5 0 0 1-.05-.5V9.415a1.5 1.5 0 0 1-.56-2.475l5.353-5.354z'/%3E%3Cpath d='M8.793 2a1 1 0 0 1 1.414 0L12 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l1.854 1.853a.5.5 0 0 1-.708.708L15 8.207V13.5a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 4 13.5V8.207l-.146.147a.5.5 0 1 1-.708-.708z'/%3E%3C/svg%3E");
}

.bi-truck[b-5esj81l1cq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-truck' viewBox='0 0 16 16'%3E%3Cpath d='M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5zm1.294 7.456A2 2 0 0 1 4.732 11h5.536a2 2 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456M12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2m9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/%3E%3C/svg%3E");
}

.bi-map[b-5esj81l1cq] {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15.817.113A.5.5 0 0 1 16 .5v14a.5.5 0 0 1-.402.49l-5 1a.5.5 0 0 1-.196 0L5.5 15.01l-4.902.98A.5.5 0 0 1 0 15.5v-14a.5.5 0 0 1 .402-.49l5-1a.5.5 0 0 1 .196 0L10.5.99l4.902-.98a.5.5 0 0 1 .415.103M10 1.91l-4-.8v12.98l4 .8zm1 12.98 4-.8V1.11l-4 .8zm-6-.8V1.11l-4 .8v12.98z'/%3E%3C/svg%3E");
}

.user-roles[b-5esj81l1cq] {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3Cpath d='M2 14s0-3 6-3 6 3 6 3v1H2z'/%3E%3Cpath d='M12.5 6.5 15 7.5v2.3c0 1.7-1.1 3.2-2.5 3.7-1.4-.5-2.5-2-2.5-3.7V7.5z'/%3E%3C/svg%3E");
}

.packaging-template[b-5esj81l1cq] {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.186.113a.5.5 0 0 0-.372 0L1.846 2.5l6.154 2.461L14.154 2.5z'/%3E%3Cpath d='M15 3.239 8.5 5.839v9.028l6.5-2.6z'/%3E%3Cpath d='M7.5 14.867V5.839L1 3.239v9.028z'/%3E%3C/svg%3E");
}

.planning[b-5esj81l1cq] {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z'/%3E%3Cpath d='M4.5 7h2v2h-2zm0 3h2v2h-2zm3-3h2v2h-2zm3 0h2v2h-2z'/%3E%3C/svg%3E");
}

.goods-movement[b-5esj81l1cq] {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.878.392a2 2 0 0 0-1.756 0L1.106 3.256A1 1 0 0 0 .5 4.17v7.66a1 1 0 0 0 .606.914l6.016 2.864a2 2 0 0 0 1.756 0l6.016-2.864a1 1 0 0 0 .606-.914V4.17a1 1 0 0 0-.606-.914zM8 1.305 13.787 4 8 6.695 2.213 4zm-6.5 3.77L7.5 7.87v6.823l-6-2.857zm7 9.618V7.87l6-2.796v6.62z'/%3E%3Cpath d='M11.854 6.146a.5.5 0 0 1 0 .708L10.207 8.5l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2a.5.5 0 0 1 .708 0'/%3E%3Cpath d='M4.146 9.854a.5.5 0 0 1 0-.708L5.793 7.5 4.146 5.854a.5.5 0 1 1 .708-.708l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708 0'/%3E%3C/svg%3E");
}

.stock[b-5esj81l1cq] {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 3.5 8 1l6 2.5v7L8 13 2 10.5z'/%3E%3Cpath d='M6.5 8.5 5 7l-.7.7 2.2 2.2 4-4-.7-.7z'/%3E%3C/svg%3E");
}

.sales-orders[b-5esj81l1cq] {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 0h6l3 3v11a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2'/%3E%3Cpath d='M10 0v3h3'/%3E%3Cpath d='M5.5 8.5 7 10l3.5-3.5.7.7L7 11.4 4.8 9.2z'/%3E");
}

/* ── Системни сигнали (мигаща иконка) ── */
.alert-signal-btn[b-5esj81l1cq] {
    position: relative;
}

.alert-signal-icon[b-5esj81l1cq] {
    color: #9aa3b5;
    font-size: 1.1rem;
    transition: color 0.2s;
}

.alert-signal-icon.blinking[b-5esj81l1cq] {
    color: #ff3b3b;
    animation: alert-signal-blink-b-5esj81l1cq 1s infinite;
}

@keyframes alert-signal-blink-b-5esj81l1cq {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.25; }
}

.alert-signal-badge[b-5esj81l1cq] {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background-color: #ff3b3b;
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1.1rem;
    text-align: center;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-46gd26oalb],
.components-reconnect-repeated-attempt-visible[b-46gd26oalb],
.components-reconnect-failed-visible[b-46gd26oalb],
.components-pause-visible[b-46gd26oalb],
.components-resume-failed-visible[b-46gd26oalb],
.components-rejoining-animation[b-46gd26oalb] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-46gd26oalb],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-46gd26oalb],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-46gd26oalb],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-46gd26oalb],
#components-reconnect-modal.components-reconnect-retrying[b-46gd26oalb],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-46gd26oalb],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-46gd26oalb],
#components-reconnect-modal.components-reconnect-failed[b-46gd26oalb],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-46gd26oalb] {
    display: block;
}


#components-reconnect-modal[b-46gd26oalb] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-46gd26oalb 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-46gd26oalb 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-46gd26oalb 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-46gd26oalb]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-46gd26oalb 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-46gd26oalb {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-46gd26oalb {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-46gd26oalb {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-46gd26oalb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-46gd26oalb] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-46gd26oalb] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-46gd26oalb] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-46gd26oalb] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-46gd26oalb] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-46gd26oalb] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-46gd26oalb 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-46gd26oalb] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-46gd26oalb {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}