/* /Components/Layout/CustomerNavMenu.razor.rz.scp.css */
/* Icons for the customer portal nav. Blazor CSS isolation is per-component, so the icon classes
   used by CustomerNavMenu must be defined here (they can't inherit NavMenu.razor.css). */

.bi[b-krbj6sdhqn] {
    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-krbj6sdhqn] {
    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-building-nav-menu[b-krbj6sdhqn] {
    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='M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z'/%3E%3Cpath d='M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-krbj6sdhqn] {
    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-folder-fill-nav-menu[b-krbj6sdhqn] {
    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='M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.825a2 2 0 0 1-1.991-1.819l-.637-7a2 2 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3m-8.322.12q.322-.119.684-.12h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981z'/%3E%3C/svg%3E");
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Top-nav layout: the NavMenu bar sits at the top (full width); content flows below, full width. */
.page[b-gsbn633a7t] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

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

.content[b-gsbn633a7t] {
    padding-top: 1.25rem;
}

/* NOTE: #blazor-error-ui styling lives in the GLOBAL wwwroot/app.css — it must NOT be scoped to a single
   layout, or the banner won't be hidden on the other layout (the customer portal uses CustomerLayout). */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ---- Top navigation bar (replaces the old left sidebar) ---- */
.topnav[b-io5s37higl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    padding: 0 1rem;
    min-height: 3.25rem;
    background-image: linear-gradient(90deg, rgb(5, 39, 103) 0%, #3a0647 100%);
    color: #d7d7d7;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.topnav-brand[b-io5s37higl] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    margin-right: 0.5rem;
    white-space: nowrap;
}

    .topnav-brand:hover[b-io5s37higl] { color: #fff; }

/* The mobile burger toggle (hidden on desktop). */
.topnav-toggle[b-io5s37higl] { display: none; }

.topnav-burger[b-io5s37higl] {
    display: none;
    margin-left: auto;
    cursor: pointer;
    padding: 0.4rem 0.6rem;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 4px;
}

.bi[b-io5s37higl] {
    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-io5s37higl] {
    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-io5s37higl] {
    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-io5s37higl] {
    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-speedometer2-nav-menu[b-io5s37higl] {
    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 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4M3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707M2 10a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10m9.5 0a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m.754-4.246a.39.39 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.39.39 0 0 0-.029-.518z'/%3E%3Cpath fill-rule='evenodd' d='M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A8 8 0 0 1 0 10m8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.246 1.477-.055 1.68-.63A7 7 0 0 0 8 3'/%3E%3C/svg%3E");
}

.bi-building-nav-menu[b-io5s37higl] {
    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='M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z'/%3E%3Cpath d='M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3z'/%3E%3C/svg%3E");
}

.bi-clock-history-nav-menu[b-io5s37higl] {
    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.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022zm2.004.45a7 7 0 0 0-.985-.299l.219-.976q.576.129 1.126.342zm1.37.71a7 7 0 0 0-.439-.27l.493-.87a8 8 0 0 1 .979.654l-.615.789a7 7 0 0 0-.418-.302zm1.834 1.79a7 7 0 0 0-.653-.796l.724-.69q.406.429.747.91zm.744 1.352a7 7 0 0 0-.214-.468l.893-.45a8 8 0 0 1 .45 1.088l-.95.313a7 7 0 0 0-.179-.483m.53 2.507a7 7 0 0 0-.1-1.025l.985-.17q.1.58.116 1.17zm-.131 1.538q.05-.254.081-.51l.993.123a8 8 0 0 1-.23 1.155l-.964-.267q.069-.247.12-.501m-.952 2.379q.276-.436.486-.908l.914.405q-.24.54-.555 1.038zm-.964 1.205q.183-.183.35-.378l.758.653a8 8 0 0 1-.401.432z'/%3E%3Cpath d='M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0z'/%3E%3Cpath d='M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}

.bi-kanban-fill-nav-menu[b-io5s37higl] {
    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='M2.5 0A2.5 2.5 0 0 0 0 2.5v11A2.5 2.5 0 0 0 2.5 16h11a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 13.5 0zM4 4a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm5-1h1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
}

.bi-calendar-week-nav-menu[b-io5s37higl] {
    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='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z'/%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 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
}

.bi-receipt-nav-menu[b-io5s37higl] {
    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='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .801.13l.5 1A.5.5 0 0 1 15 2v12a.5.5 0 0 1-.053.224l-.5 1a.5.5 0 0 1-.8.13L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647a.5.5 0 0 1-.801-.13l-.5-1A.5.5 0 0 1 1 14V2a.5.5 0 0 1 .053-.224l.5-1a.5.5 0 0 1 .367-.27m.217 1.338L2 2.118v11.764l.137.274.51-.51a.5.5 0 0 1 .707 0l.646.647.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.509.509.137-.274V2.118l-.137-.274-.51.51a.5.5 0 0 1-.707 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0z'/%3E%3Cpath d='M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m8-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}

.bi-graph-up-nav-menu[b-io5s37higl] {
    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 fill-rule='evenodd' d='M0 0h1v15h15v1H0zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07'/%3E%3C/svg%3E");
}

.bi-robot-nav-menu[b-io5s37higl] {
    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='M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5M3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.6 26.6 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.93.93 0 0 1-.765.935c-.845.147-2.34.346-4.235.346s-3.39-.2-4.235-.346A.93.93 0 0 1 3 9.219zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a25 25 0 0 1-1.871-.183.25.25 0 0 0-.068.495c.55.076 1.232.149 2.02.193a.25.25 0 0 0 .189-.071l.754-.736.847 1.71a.25.25 0 0 0 .404.062l.932-.97a25 25 0 0 0 1.922-.188.25.25 0 0 0-.068-.495c-.538.074-1.207.145-1.98.189a.25.25 0 0 0-.166.076l-.754.785-.842-1.7a.25.25 0 0 0-.182-.135'/%3E%3Cpath d='M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2zM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5'/%3E%3C/svg%3E");
}

.bi-journal-text-nav-menu[b-io5s37higl] {
    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='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E");
}

.bi-book-nav-menu[b-io5s37higl] {
    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='M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783'/%3E%3C/svg%3E");
}

.bi-truck-nav-menu[b-io5s37higl] {
    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='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.5-.5a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h.5a2 2 0 0 1 4 0h5a2 2 0 0 1 4 0h.5a.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 6H12V3.5a.5.5 0 0 0-.5-.5zM4 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2m10 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}

.bi-key-nav-menu[b-io5s37higl] {
    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='M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8m4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5'/%3E%3Cpath d='M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E");
}

.bi-download-nav-menu[b-io5s37higl] {
    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='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z'/%3E%3C/svg%3E");
}

.bi-cart-nav-menu[b-io5s37higl] {
    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='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5M3.102 4l1.313 7h8.17l1.313-7zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4m7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4m-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2m7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E");
}

.bi-list-check-nav-menu[b-io5s37higl] {
    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 fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3.854 2.146a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 3.293l1.146-1.147a.5.5 0 0 1 .708 0m0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 7.293l1.146-1.147a.5.5 0 0 1 .708 0m0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}

.bi-bar-chart-nav-menu[b-io5s37higl] {
    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='M4 11H2v3h2zm5-4H7v7h2zm5-5v12h-2V2zm-2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM6 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm-5 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}

.bi-envelope-nav-menu[b-io5s37higl] {
    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='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z'/%3E%3C/svg%3E");
}

.bi-calendar-check-nav-menu[b-io5s37higl] {
    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='M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0'/%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 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
}

.bi-file-earmark-text-nav-menu[b-io5s37higl] {
    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='M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-gear-nav-menu[b-io5s37higl] {
    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 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-io5s37higl] {
    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='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492z'/%3E%3C/svg%3E");
}

.bi-shield-lock-nav-menu[b-io5s37higl] {
    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='M5.338 1.59a61 61 0 0 0-2.837.856.48.48 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.7 10.7 0 0 0 2.287 2.233c.346.244.652.42.893.533q.18.085.293.118a1 1 0 0 0 .101.025 1 1 0 0 0 .1-.025q.114-.034.294-.118c.24-.113.547-.29.893-.533a10.7 10.7 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.8 11.8 0 0 1-2.517 2.453 7 7 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7 7 0 0 1-1.048-.625 11.8 11.8 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 63 63 0 0 1 5.072.56'/%3E%3Cpath d='M9.5 6.5a1.5 1.5 0 0 1-1 1.415l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99a1.5 1.5 0 1 1 2-1.415'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-io5s37higl] {
    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='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-clipboard-data-nav-menu[b-io5s37higl] {
    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='M4 11a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm6-4a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0zM7 9a1 1 0 0 1 2 0v3a1 1 0 1 1-2 0z'/%3E%3Cpath d='M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z'/%3E%3Cpath d='M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z'/%3E%3C/svg%3E");
}

.bi-heart-pulse-fill-nav-menu[b-io5s37higl] {
    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='M1.475 9C2.702 10.84 4.779 12.871 8 15c3.221-2.129 5.298-4.16 6.525-6H12a.5.5 0 0 1-.464-.314l-1.457-3.642-1.598 5.593a.5.5 0 0 1-.945.049L5.889 6.568l-1.473 2.21A.5.5 0 0 1 4 9z'/%3E%3Cpath d='M.88 7a3.6 3.6 0 0 1-.398-1.181C-.012 4.077.327 1.95 2.4.92a4 4 0 0 1 1.385-.4c.987-.1 2.022.193 2.93.834q.27.19.491.409.221-.219.491-.409c.908-.64 1.943-.934 2.93-.834.471.05.94.186 1.385.401 2.073 1.03 2.412 3.157 1.917 4.899A3.6 3.6 0 0 1 13.4 7h-1.353a.5.5 0 0 0-.469.327l-.81 2.214-1.604-5.61a.5.5 0 0 0-.961-.001L6.165 8.42 5.122 7.42A.5.5 0 0 0 4.78 7z'/%3E%3C/svg%3E");
}

.bi-database-fill-nav-menu[b-io5s37higl] {
    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.904 1.777C4.978 1.289 6.427 1 8 1s3.022.289 4.096.777C13.125 2.245 14 2.993 14 4s-.875 1.755-1.904 2.223C11.022 6.711 9.573 7 8 7s-3.022-.289-4.096-.777C2.875 5.755 2 5.007 2 4s.875-1.755 1.904-2.223'/%3E%3Cpath d='M2 6.161V7c0 1.007.875 1.755 1.904 2.223C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777C13.125 8.755 14 8.007 14 7v-.839c-.457.432-1.004.751-1.49.972C11.278 7.693 9.682 8 8 8s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972'/%3E%3Cpath d='M2 9.161V10c0 1.007.875 1.755 1.904 2.223C4.978 12.71 6.427 13 8 13s3.022-.289 4.096-.777C13.125 11.755 14 11.007 14 10v-.839c-.457.432-1.004.751-1.49.972C11.278 10.693 9.682 11 8 11s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972'/%3E%3Cpath d='M2 12.161V13c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13v-.839c-.457.432-1.004.751-1.49.972C11.278 13.693 9.682 14 8 14s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972'/%3E%3C/svg%3E");
}

.bi-folder-fill-nav-menu[b-io5s37higl] {
    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='M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.825a2 2 0 0 1-1.991-1.819l-.637-7a2 2 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3m-8.322.12q.322-.119.684-.12h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981z'/%3E%3C/svg%3E");
}

.bi-person-lines-fill-nav-menu[b-io5s37higl] {
    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='M6 8c2.21 0 4-1.79 4-4S8.21 0 6 0 2 1.79 2 4s1.79 4 4 4m4 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5M0 14s-1 0-1-1 1-4 7-4 7 3 7 4-1 1-1 1z'/%3E%3C/svg%3E");
}

.bi-person-vcard-fill-nav-menu[b-io5s37higl] {
    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='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm9 1.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1h-4a.5.5 0 0 0-.5.5M9 8a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1h-4A.5.5 0 0 0 9 8m1 2.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5m-1 2C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1 1 0 0 0 2 13h6.96q.04-.245.04-.5M7 6a2 2 0 1 0-4 0 2 2 0 0 0 4 0'/%3E%3C/svg%3E");
}

.bi-percent-nav-menu[b-io5s37higl] {
    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='M13.442 2.558a.625.625 0 0 1 0 .884l-10 10a.625.625 0 1 1-.884-.884l10-10a.625.625 0 0 1 .884 0M4.5 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m7 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E");
}

.bi-telephone-fill-nav-menu[b-io5s37higl] {
    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 fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3E%3C/svg%3E");
}

.bi-gift-fill-nav-menu[b-io5s37higl] {
    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 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A3 3 0 0 1 3 2.506zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43zM9 3h2.932l.023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0zM1 4v2h6V4zm8 0v2h6V4zM8 7v8h5.5a.5.5 0 0 0 .5-.5V7zm-1 0H2v7.5a.5.5 0 0 0 .5.5H7z'/%3E%3C/svg%3E");
}

.bi-cash-stack-nav-menu[b-io5s37higl] {
    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='M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3Cpath d='M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}

/* Account + Sign Out, pushed to the far right of the bar on desktop. */
.topnav-right[b-io5s37higl] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .topnav-right[b-io5s37higl]  a,
    .topnav-right[b-io5s37higl]  .btn-link {
        color: #d7d7d7;
        text-decoration: none;
        white-space: nowrap;
    }

    .topnav-right[b-io5s37higl]  a:hover { color: #fff; }

.bi-box-arrow-right-nav-menu[b-io5s37higl] {
    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 fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z'/%3E%3C/svg%3E");
}

/* ---- Inline links + group dropdowns ---- */
.topnav-links[b-io5s37higl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.15rem 0.25rem;
    flex: 1 1 auto;
}

/* Shared pill look for the top-level links and the group toggles. */
.nav-dropdown-toggle[b-io5s37higl],
.topnav-links[b-io5s37higl]  .topnav-link {
    display: inline-flex;
    align-items: center;
    color: #d7d7d7;
    text-decoration: none;
    padding: 0.4rem 0.7rem;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    font-size: 0.95rem;
}

    .nav-dropdown-toggle:hover[b-io5s37higl],
    .topnav-links[b-io5s37higl]  .topnav-link:hover {
        background-color: rgba(255,255,255,0.12);
        color: #fff;
    }

.topnav-links[b-io5s37higl]  .topnav-link.active {
    background-color: rgba(255,255,255,0.30);
    color: #fff;
}

.nav-dropdown-toggle[b-io5s37higl]::after {
    content: "\25BE"; /* ▾ */
    font-size: 0.7rem;
    margin-left: 0.35rem;
}

.nav-dropdown[b-io5s37higl] {
    position: relative;
}

.nav-dropdown-menu[b-io5s37higl] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    min-width: 14rem;
    padding: 0.35rem;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 100%);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.35);
}

/* Open on hover or keyboard focus — no JS. */
.nav-dropdown:hover > .nav-dropdown-menu[b-io5s37higl],
.nav-dropdown:focus-within > .nav-dropdown-menu[b-io5s37higl] {
    display: block;
}

.nav-dropdown-menu[b-io5s37higl]  .nav-link {
    color: #d7d7d7;
    display: flex;
    align-items: center;
    padding: 0.45rem 0.6rem;
    border-radius: 4px;
    white-space: nowrap;
    text-decoration: none;
}

    .nav-dropdown-menu[b-io5s37higl]  .nav-link:hover {
        background-color: rgba(255,255,255,0.12);
        color: #fff;
    }

.nav-dropdown-menu[b-io5s37higl]  a.active {
    background-color: rgba(255,255,255,0.30);
    color: #fff;
}

/* ---- Mobile: the burger reveals the links stacked; dropdowns expand inline ---- */
@media (max-width: 640.98px) {
    .topnav-burger[b-io5s37higl] { display: inline-block; }

    .topnav-links[b-io5s37higl] {
        display: none;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 0.1rem;
        padding-bottom: 0.5rem;
    }

    .topnav-toggle:checked ~ .topnav-links[b-io5s37higl] { display: flex; }

    .nav-dropdown-menu[b-io5s37higl] {
        position: static;
        display: block;        /* every group is expanded in the mobile list */
        box-shadow: none;
        border: none;
        background: transparent;
        padding-left: 1rem;
    }

    .nav-dropdown-toggle[b-io5s37higl]::after { content: ""; }

    .topnav-right[b-io5s37higl] {
        margin-left: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
        margin-top: 0.5rem;
        border-top: 1px solid rgba(255,255,255,0.15);
        padding-top: 0.5rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ra3g92zhhg],
.components-reconnect-repeated-attempt-visible[b-ra3g92zhhg],
.components-reconnect-failed-visible[b-ra3g92zhhg],
.components-pause-visible[b-ra3g92zhhg],
.components-resume-failed-visible[b-ra3g92zhhg],
.components-rejoining-animation[b-ra3g92zhhg] {
    display: none;
}

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


#components-reconnect-modal[b-ra3g92zhhg] {
    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-ra3g92zhhg 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-ra3g92zhhg {
    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;
    }
}
/* /Components/Pages/Customers/CustomerDetail.razor.rz.scp.css */
/* Collapsible "Company" section — the summary is a single click-to-open row with a caret. */
.company-summary[b-t6afgzjsuo] {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .5rem .75rem;
    border: 1px solid #dee2e6;
    border-radius: 6px;
}

    .company-summary[b-t6afgzjsuo]::-webkit-details-marker {
        display: none;
    }

    .company-summary[b-t6afgzjsuo]::before {
        content: "\25B8"; /* ▸ */
        width: 1rem;
        color: #6c757d;
    }

details[open] > .company-summary[b-t6afgzjsuo]::before {
    content: "\25BE"; /* ▾ */
}

.company-summary:hover[b-t6afgzjsuo] {
    background: #f8f9fa;
}

/* Type-keyed row highlight: Contract = gold, Regular = light blue, Archive = gray. */
.company-summary.company-contract[b-t6afgzjsuo] {
    background: #fde6b3;
    border-color: #e9c96a;
}

    .company-summary.company-contract:hover[b-t6afgzjsuo] {
        background: #fbdd94;
    }

.company-summary.company-regular[b-t6afgzjsuo] {
    background: #d6e9ff;
    border-color: #9ec5f0;
}

    .company-summary.company-regular:hover[b-t6afgzjsuo] {
        background: #c2ddff;
    }

.company-summary.company-archive[b-t6afgzjsuo] {
    background: #e2e3e5;
    border-color: #c6c8cb;
}

    .company-summary.company-archive:hover[b-t6afgzjsuo] {
        background: #d3d5d8;
    }

.company-title[b-t6afgzjsuo] {
    font-size: 1.25rem;
    font-weight: 500;
}
/* /Components/Pages/Customers/DirectionPrint.razor.rz.scp.css */
.direction-print[b-vvu7qehgxs] {
    max-width: 800px;
    margin: 1.5rem auto;
    padding: 0 1rem;
    font-family: system-ui, "Segoe UI", sans-serif;
    color: #000;
}

.direction-print h1[b-vvu7qehgxs] {
    font-size: 1.6rem;
    margin-bottom: .25rem;
}

.direction-print .meta[b-vvu7qehgxs] {
    color: #555;
    font-size: .9rem;
    margin: 0 0 .5rem;
}

.direction-print .desc[b-vvu7qehgxs] {
    font-style: italic;
    color: #333;
}

.direction-print .body[b-vvu7qehgxs]  img {
    max-width: 100%;
    height: auto;
}

.no-print[b-vvu7qehgxs] {
    max-width: 800px;
    margin: 1rem auto 0;
    padding: 0 1rem;
}

@media print {
    .no-print[b-vvu7qehgxs] {
        display: none !important;
    }
}
/* /Components/Pages/Customers/Tabs/CameraMapPanel.razor.rz.scp.css */
.cam-stage[b-qhun6497ss] {
    flex: 1 1 30rem;
    min-width: 20rem;
}

/* The map canvas: background image with an SVG cone overlay and absolutely-positioned camera markers. */
.cam-canvas[b-qhun6497ss] {
    position: relative;
    display: inline-block;
    max-width: 100%;
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: .25rem;
    overflow: hidden;
    touch-action: none; /* let pointer drag work without the browser panning */
    user-select: none;
}

.cam-img[b-qhun6497ss] {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
}

/* FoV cones layer — sits above the image, below the markers; never intercepts pointer events. */
.cam-svg[b-qhun6497ss] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* A camera marker, centered on its X/Y percentage point. */
.cam-marker[b-qhun6497ss] {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    cursor: grab;
    z-index: 2;
}

.cam-marker.cam-ro[b-qhun6497ss] { cursor: default; }
.cam-marker:active[b-qhun6497ss] { cursor: grabbing; }

.cam-dot[b-qhun6497ss] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 1.25rem;
    padding: 0 .35rem;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .02em;
    color: #fff;
    background: #dc3545;
    border: 2px solid #fff;
    border-radius: .35rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

.cam-marker.cam-sel .cam-dot[b-qhun6497ss] {
    outline: 2px solid #0d6efd;
    outline-offset: 1px;
}

.cam-label[b-qhun6497ss] {
    font-size: .68rem;
    line-height: 1;
    padding: 1px 4px;
    background: rgba(255, 255, 255, .85);
    border-radius: 3px;
    color: #212529;
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Drag-to-aim handle shown on the selected camera. */
.cam-rot-handle[b-qhun6497ss] {
    position: absolute;
    width: 14px;
    height: 14px;
    transform: translate(-50%, -50%);
    background: #0d6efd;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    cursor: grab;
    z-index: 3;
}

.cam-rot-handle:active[b-qhun6497ss] { cursor: grabbing; }

/* Cable runs (SVG polylines). The transparent "hit" line widens the clickable target; the parent svg is
   pointer-events:none, so the hit line opts back in to receive the select click. */
.cam-cable-hit[b-qhun6497ss] {
    pointer-events: stroke;
    cursor: pointer;
}

.cam-cable[b-qhun6497ss] {
    pointer-events: none;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.cam-cable-sel[b-qhun6497ss] {
    filter: drop-shadow(0 0 1px #0d6efd);
}

/* Full-canvas overlay that captures the scale measuring-line drag (only present in "set scale" mode). */
.cam-scale-surface[b-qhun6497ss] {
    position: absolute;
    inset: 0;
    z-index: 5;
    cursor: crosshair;
    background: rgba(102, 16, 242, .04);
    touch-action: none;
}

/* Bottom-right resize grip to scale the whole map. */
.cam-resize-handle[b-qhun6497ss] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    cursor: nwse-resize;
    background: linear-gradient(135deg, transparent 50%, rgba(13, 110, 253, .8) 50%);
    z-index: 4;
}

/* Selected-camera editor beside the canvas. */
.cam-editor[b-qhun6497ss] {
    flex: 0 0 20rem;
    max-width: 22rem;
    padding: .75rem;
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: .375rem;
    background: var(--bs-body-bg, #fff);
}
/* /Components/Pages/Customers/Tabs/DocumentsPanel.razor.rz.scp.css */
/* Folder icon size for the Root button and the file listing (the tree nodes are a child component with
   its own scoped copy of this rule). */
.folder-icon[b-r572pqqply] {
    font-size: 1.2rem;
    line-height: 1;
}

.doc-dropzone[b-r572pqqply] {
    position: relative;
    border: 2px dashed #adb5bd;
    border-radius: 0.5rem;
    padding: 1rem;
    text-align: center;
    color: #6c757d;
    max-width: 32rem;
}

.doc-dropzone.dragover[b-r572pqqply] {
    border-color: #0d6efd;
    background: rgba(13, 110, 253, 0.06);
    color: #0d6efd;
}

.doc-dropzone-input[b-r572pqqply] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
/* /Components/Pages/Customers/Tabs/FloorPlanPanel.razor.rz.scp.css */
.fp-palette[b-wbh538117t] {
    min-width: 11rem;
    max-width: 13rem;
}

.fp-stage[b-wbh538117t] {
    flex: 1 1 auto;
    min-width: 0;
}

/* Horizontal Draw toolbar above the canvas. */
.fp-drawbar .fp-tool[b-wbh538117t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .25rem .45rem;
    line-height: 1;
}

.fp-drawbar .fp-tool svg[b-wbh538117t] { display: block; }
.fp-drawbar .fp-width[b-wbh538117t] { width: auto; }
.fp-drawbar .form-control-color[b-wbh538117t] { width: 2rem; padding: .12rem; }

.fp-canvas[b-wbh538117t] {
    position: relative;
    display: inline-block;
    /* Cap the width so the plan doesn't stretch across the whole page on wide screens. */
    max-width: min(100%, 760px);
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    line-height: 0;
}

.fp-img[b-wbh538117t] {
    display: block;
    max-width: 100%;
    height: auto;
    user-select: none;
    -webkit-user-drag: none;
}

.fp-marker[b-wbh538117t] {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: grab;
    touch-action: none;
    line-height: 1;
}

.fp-marker.fp-ro[b-wbh538117t] {
    cursor: default;
}

/* Equipment dot: a coloured circle with a short type abbreviation (icon font isn't loaded). */
.fp-dot[b-wbh538117t] {
    color: #fff;
    background: #0d6efd;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: -.02em;
    box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, .45);
}

/* Per-marker shape (default is the circle above). Square/diamond/triangle drop the round corners; the diamond
   rotates the box (text is counter-rotated to stay upright); the triangle clips to a wedge. clip-path/rotate
   also clip the white ring on non-circle shapes, which is fine. */
.fp-dot.shape-square[b-wbh538117t] { border-radius: 4px; }
.fp-dot.shape-diamond[b-wbh538117t] { border-radius: 3px; transform: rotate(45deg); }
.fp-dot.shape-diamond .fp-dot-text[b-wbh538117t] { transform: rotate(-45deg); }
.fp-dot.shape-triangle[b-wbh538117t] {
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
    clip-path: polygon(50% 4%, 96% 96%, 4% 96%);
    align-items: flex-end;
    padding-bottom: .15rem;
}

/* Colour families, shared by the canvas dots and the palette swatches. */
.fp-marker.fp-net .fp-dot[b-wbh538117t] { background: #0d6efd; }   /* network gear — blue */
.fp-marker.fp-end .fp-dot[b-wbh538117t] { background: #198754; }   /* endpoints — green */
.fp-marker.fp-cam .fp-dot[b-wbh538117t] { background: #dc3545; }   /* cameras — red */
.fp-marker.fp-pow .fp-dot[b-wbh538117t] { background: #6c757d; }   /* power / racks / servers — grey */
.fp-marker.fp-other .fp-dot[b-wbh538117t] { background: #212529; } /* other — dark */

.fp-swatch[b-wbh538117t] {
    display: inline-block;
    flex: 0 0 auto;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    background: #0d6efd;
}

.fp-swatch.fp-net[b-wbh538117t] { background: #0d6efd; }
.fp-swatch.fp-end[b-wbh538117t] { background: #198754; }
.fp-swatch.fp-cam[b-wbh538117t] { background: #dc3545; }
.fp-swatch.fp-pow[b-wbh538117t] { background: #6c757d; }
.fp-swatch.fp-other[b-wbh538117t] { background: #212529; }

/* Palette swatch previews the shape chosen for new markers. */
.fp-swatch.swatch-square[b-wbh538117t] { border-radius: 2px; }
.fp-swatch.swatch-diamond[b-wbh538117t] { border-radius: 1px; transform: rotate(45deg); }
.fp-swatch.swatch-triangle[b-wbh538117t] { border-radius: 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); }

.fp-label[b-wbh538117t] {
    font-size: .7rem;
    background: rgba(0, 0, 0, .65);
    color: #fff;
    padding: 0 .25rem;
    border-radius: .2rem;
    margin-top: 2px;
    white-space: nowrap;
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Vector annotation overlay (sits between the image and the markers). */
.fp-svg[b-wbh538117t] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* empty areas pass clicks through to markers / placement */
    overflow: visible;
}

/* Shapes are click-selectable only when the plan is editable. */
.fp-canvas:not(.fp-ro) .fp-shape-el[b-wbh538117t] {
    pointer-events: visibleStroke;
    cursor: pointer;
}

.fp-shape-sel .fp-shape-el[b-wbh538117t] {
    stroke-dasharray: 3 2;
}

.fp-handle[b-wbh538117t] {
    fill: #fff;
    stroke: #0d6efd;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
    pointer-events: all;
    cursor: pointer;
}

.fp-draw-surface[b-wbh538117t] {
    pointer-events: all;
    cursor: crosshair;
}

/* Standalone text box (an item with no equipment dot — just positioned text). */
.fp-textbox[b-wbh538117t] {
    position: absolute;
    transform: translate(-50%, -50%);
    cursor: grab;
    touch-action: none;
    line-height: 1.15;
    font-size: .8rem;
    font-weight: 600;
    color: #212529;
    background: rgba(255, 255, 255, .8);
    padding: .05rem .3rem;
    border-radius: .2rem;
    white-space: pre-wrap;
    max-width: 14rem;
    text-align: center;
}

.fp-textbox.fp-ro[b-wbh538117t] { cursor: default; }

/* Bottom-right corner handle to scale the whole plan (Paint-style). Editor-only. */
.fp-resize-handle[b-wbh538117t] {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 16px;
    height: 16px;
    background: linear-gradient(135deg, transparent 45%, #0d6efd 45%, #0d6efd 100%);
    border: 1px solid #fff;
    border-radius: 0 0 3px 0;
    cursor: nwse-resize;
    touch-action: none;
    z-index: 5;
    line-height: 0;
}

/* Floating edit card, anchored next to the clicked marker. */
.fp-editor[b-wbh538117t] {
    position: absolute;
    z-index: 30;
    width: 17rem;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    padding: .75rem;
    line-height: 1.5;
    cursor: default;
}
/* /Components/Pages/Customers/Tabs/FolderTreeNode.razor.rz.scp.css */
.folder-row[b-5xt2sy2dr1] {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .1rem 0;
}

.folder-row.active[b-5xt2sy2dr1] {
    font-weight: 600;
}

.folder-caret[b-5xt2sy2dr1] {
    border: 0;
    background: none;
    width: 1.1rem;
    padding: 0;
    color: #6c757d;
    cursor: pointer;
    line-height: 1;
}

.folder-caret-spacer[b-5xt2sy2dr1] {
    display: inline-block;
    width: 1.1rem;
}

.folder-icon[b-5xt2sy2dr1] {
    font-size: 1.2rem; /* a little bigger than the surrounding text */
    line-height: 1;
}

.folder-name[b-5xt2sy2dr1] {
    color: inherit;
}

/* Nested level: indent + a left guide line so the hierarchy reads as a tree. */
.folder-children[b-5xt2sy2dr1] {
    margin-left: .55rem;
    padding-left: .75rem;
    border-left: 1px solid #dee2e6;
}
/* /Components/Pages/Customers/Tabs/MasterDevicePanel.razor.rz.scp.css */
/* Compact device editor: a dense field grid, up to 10 columns on wide screens. */
.dev-edit-grid[b-uwqqv6dzs0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.3rem 0.6rem;
    align-items: end;
}

@media (min-width: 768px) {
    .dev-edit-grid[b-uwqqv6dzs0] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .dev-edit-grid[b-uwqqv6dzs0] {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }
}

.dev-edit-cell .form-check[b-uwqqv6dzs0] {
    padding-top: 0.15rem;
}

/* Small round copy buttons (C / U / P) that sit right after a value in the device list. */
.dev-dot[b-uwqqv6dzs0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    margin-left: 0.25rem;
    padding: 0;
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1;
    color: #556;
    background: #fff;
    border: 1px solid #b7b7c2;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
}

.dev-dot:hover[b-uwqqv6dzs0] {
    background: #eef1ff;
    border-color: #8a8ad0;
    color: #223;
}

/* The password copy button reads as a credential action. */
.dev-dot-pw[b-uwqqv6dzs0] {
    color: #a11550;
    border-color: #d79ab6;
}

.dev-dot-pw:hover[b-uwqqv6dzs0] {
    background: #fdeef4;
    border-color: #b3557f;
    color: #7a0f3c;
}

/* Change/set-password triangle. */
.dev-tri[b-uwqqv6dzs0] {
    margin-left: 0.3rem;
    padding: 0 0.15rem;
    font-size: 0.8rem;
    line-height: 1;
    color: #333;
    background: transparent;
    border: none;
    cursor: pointer;
    vertical-align: middle;
}

.dev-tri:hover[b-uwqqv6dzs0] {
    color: #0d6efd;
}

/* Change-password mini dialog. */
.dev-pw-backdrop[b-uwqqv6dzs0] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1050;
}

.dev-pw-modal[b-uwqqv6dzs0] {
    position: fixed;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
    width: min(24rem, 92vw);
    z-index: 1051;
}
/* /Components/Pages/Customers/Tabs/NetworkDiagramPanel.razor.rz.scp.css */
.nd-palette[b-bvdmrrnpi6] {
    flex: 0 0 12rem;
    max-width: 12rem;
}

.nd-stage[b-bvdmrrnpi6] {
    flex: 1 1 30rem;
    min-width: 0;
}

/* The drawing surface. Nodes are positioned by their center (% of this box); links live in the SVG overlay. */
.nd-canvas[b-bvdmrrnpi6] {
    position: relative;
    width: 100%;
    max-width: 1100px;
    height: 560px;
    border: 1px solid #adb5bd;
    border-radius: .375rem;
    background-color: #fff;
    background-image:
        linear-gradient(#eef1f4 1px, transparent 1px),
        linear-gradient(90deg, #eef1f4 1px, transparent 1px);
    background-size: 28px 28px;
    overflow: hidden;
    user-select: none;
    touch-action: none;
}

.nd-svg[b-bvdmrrnpi6] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.nd-link-line[b-bvdmrrnpi6] { fill: none; }
.nd-link-hit[b-bvdmrrnpi6] { stroke: transparent; cursor: pointer; }
.nd-link.nd-link-sel .nd-link-line[b-bvdmrrnpi6] { stroke-dasharray: 2 2 !important; filter: drop-shadow(0 0 1px #000); }

/* HTML midpoint label for a link (does not block clicks on the line under it). */
.nd-linklabel[b-bvdmrrnpi6] {
    position: absolute;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,.85);
    border-radius: .2rem;
    padding: 0 .2rem;
    font-size: .7rem;
    color: #212529;
    white-space: nowrap;
    pointer-events: none;
}

/* A device node: a colored badge + label/detail. Positioned by center. */
.nd-node[b-bvdmrrnpi6] {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .2rem .4rem .2rem .25rem;
    background: #fff;
    border: 1.5px solid var(--nd-c, #0d6efd);
    border-radius: .35rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
    cursor: grab;
    max-width: 11rem;
}

.nd-node.nd-ro[b-bvdmrrnpi6] { cursor: default; }
.nd-node.nd-sel[b-bvdmrrnpi6] { outline: 2px solid #0d6efd; outline-offset: 1px; }
.nd-node.nd-connect-src[b-bvdmrrnpi6] { outline: 2px dashed #198754; outline-offset: 1px; }

.nd-badge[b-bvdmrrnpi6] {
    flex: 0 0 auto;
    min-width: 1.9rem;
    text-align: center;
    font-size: .68rem;
    font-weight: 700;
    color: #fff;
    background: var(--nd-c, #0d6efd);
    border-radius: .25rem;
    padding: .1rem .25rem;
    line-height: 1.1;
}

.nd-text[b-bvdmrrnpi6] { display: flex; flex-direction: column; line-height: 1.05; min-width: 0; }
.nd-label[b-bvdmrrnpi6] { font-size: .78rem; font-weight: 600; color: #212529; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nd-detail[b-bvdmrrnpi6] { font-size: .68rem; color: #6c757d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* A free-text node (no box/badge). */
.nd-textnode[b-bvdmrrnpi6] {
    position: absolute;
    transform: translate(-50%, -50%);
    font-size: .85rem;
    font-weight: 600;
    color: #212529;
    cursor: grab;
    white-space: nowrap;
}
.nd-textnode.nd-ro[b-bvdmrrnpi6] { cursor: default; }
.nd-textnode.nd-sel[b-bvdmrrnpi6] { outline: 2px solid #0d6efd; outline-offset: 2px; }

/* Floating editor card for the selected node / link. */
/* Centered, scrollable so the Save/Delete/Cancel buttons are always reachable regardless of node position. */
.nd-editor[b-bvdmrrnpi6] {
    position: fixed;
    left: 50%;
    top: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    z-index: 1080;
    width: min(22rem, 92vw);
    max-height: 85vh;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.3);
    padding: .8rem;
}

.nd-resize-handle[b-bvdmrrnpi6] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    cursor: nwse-resize;
    background: linear-gradient(135deg, transparent 50%, #adb5bd 50%);
    border-bottom-right-radius: .375rem;
    touch-action: none;
}

/* Photo to Diagram: source-photo filmstrip */
.nd-photos .nd-photo[b-bvdmrrnpi6] {
    position: relative;
    width: 7.5rem;
    height: 5.5rem;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    overflow: hidden;
    background: #f8f9fa;
}

.nd-photos .nd-photo img[b-bvdmrrnpi6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.nd-photos .nd-photo-del[b-bvdmrrnpi6] {
    position: absolute;
    top: .15rem;
    right: .15rem;
    line-height: 1;
    padding: 0 .35rem;
    background: rgba(255,255,255,.85);
}

/* Photo to Diagram: "choose from Documents" picker thumbnails */
.nd-library .nd-libitem[b-bvdmrrnpi6] {
    position: relative;
    width: 6rem;
    height: 4.5rem;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    overflow: hidden;
    cursor: pointer;
    display: block;
}

.nd-library .nd-libitem img[b-bvdmrrnpi6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.nd-library .nd-libitem input[b-bvdmrrnpi6] {
    position: absolute;
    top: .2rem;
    left: .2rem;
    z-index: 1;
}

/* Photo to Diagram: source-photo selection + canvas background mockup */
.nd-photos .nd-photo[b-bvdmrrnpi6] { cursor: pointer; }
.nd-photos .nd-photo-sel[b-bvdmrrnpi6] { outline: 3px solid #0d6efd; outline-offset: 1px; }
.nd-photos .nd-photo-bg[b-bvdmrrnpi6] { border-color: #198754; }
.nd-photos .nd-photo-badge[b-bvdmrrnpi6] {
    position: absolute;
    bottom: .15rem;
    left: .15rem;
    background: #198754;
    color: #fff;
    font-size: .6rem;
    font-weight: 600;
    padding: 0 .25rem;
    border-radius: .2rem;
    line-height: 1.3;
}

.nd-canvas.nd-has-bg[b-bvdmrrnpi6] { background: #fff; }
.nd-canvas .nd-bg[b-bvdmrrnpi6] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 0;
    pointer-events: none;
    user-select: none;
}

/* 2D rack elevation for reports */
.nd-rack[b-bvdmrrnpi6] {
    display: inline-block;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    padding: .25rem;
    background: #fff;
    max-width: 100%;
    overflow: auto;
}

/* Photo to Diagram: drag-to-select-an-area preview */
.vc-wrap[b-bvdmrrnpi6] {
    position: relative;
    display: inline-block;
    max-width: 32rem;
    line-height: 0;
}
.vc-img[b-bvdmrrnpi6] {
    max-width: 100%;
    height: auto;
    display: block;
    cursor: crosshair;
    touch-action: none;
    border: 1px solid #ced4da;
    border-radius: .375rem;
}
.vc-box[b-bvdmrrnpi6] {
    position: absolute;
    display: none;
    border: 2px solid #0d6efd;
    background: rgba(13,110,253,.15);
    pointer-events: none;
}

/* Compare view: read-only diagrams side by side (like the Racks "Compare racks" strip). */
.nd-compare-strip[b-bvdmrrnpi6] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-start;
}

.nd-compare-col[b-bvdmrrnpi6] {
    flex: 0 0 auto;
}
/* /Components/Pages/Customers/Tabs/RackElevation.razor.rz.scp.css */
.rack-wrap[b-9d49xxikbg] {
    display: flex;
    align-items: flex-start;
    gap: 2px;
}

.rack-gutter[b-9d49xxikbg] {
    display: flex;
    flex-direction: column;
}

.rack-uno[b-9d49xxikbg] {
    height: var(--ru, 28px);
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 6px;
    font-size: 11px;
    color: #6c757d;
    box-sizing: border-box;
}

.rack-grid[b-9d49xxikbg] {
    display: grid;
    grid-auto-rows: var(--ru, 28px);
    width: 300px;
    border: 2px solid #495057;
    border-radius: 4px;
    background: #f1f3f5;
    overflow: hidden;
}

.rack-slot[b-9d49xxikbg] {
    border-top: 1px dashed #dee2e6;
    font-size: 10px;
    color: #ced4da;
    display: flex;
    align-items: center;
    padding-left: 8px;
    box-sizing: border-box;
}

.rack-slot.dragover[b-9d49xxikbg] {
    background: #cfe2ff;
    color: #0d6efd;
}

.rack-unit[b-9d49xxikbg] {
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 3px;
    margin: 1px;
    padding: 1px 6px;
    font-size: 12px;
    line-height: 1.15;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rack-unit .text-truncate[b-9d49xxikbg] {
    max-width: 100%;
}

.rack-unit-meta[b-9d49xxikbg] {
    font-size: 10px;
    opacity: .85;
}

/* Compact variant — narrower grid and no meta line, so many racks fit side by side. */
.rack-wrap.compact .rack-grid[b-9d49xxikbg] { width: 210px; }
.rack-wrap.compact .rack-uno[b-9d49xxikbg] { width: 28px; font-size: 10px; }
.rack-wrap.compact .rack-unit-meta[b-9d49xxikbg] { display: none; }

/* Tight variant — short rows (zoomed out so a tall rack fits one screen): drop the detail line + shrink text. */
.rack-wrap.tight .rack-unit-meta[b-9d49xxikbg] { display: none; }
.rack-wrap.tight .rack-unit[b-9d49xxikbg] { font-size: 11px; padding: 0 4px; }
.rack-wrap.tight .rack-uno[b-9d49xxikbg] { font-size: 10px; }

/* Type colors */
.ru-server[b-9d49xxikbg] { background: #0d6efd; }
.ru-switch[b-9d49xxikbg] { background: #198754; }
.ru-firewall[b-9d49xxikbg] { background: #dc3545; }
.ru-router[b-9d49xxikbg] { background: #6610f2; }
.ru-patchpanel[b-9d49xxikbg] { background: #6c757d; }
.ru-pdu[b-9d49xxikbg] { background: #fd7e14; }
.ru-ups[b-9d49xxikbg] { background: #212529; }
.ru-kvm[b-9d49xxikbg] { background: #20c997; }
.ru-storage[b-9d49xxikbg] { background: #0dcaf0; color: #212529; }
.ru-shelf[b-9d49xxikbg] { background: #8a5a44; }
.ru-blank[b-9d49xxikbg] { background: #ced4da; color: #212529; }
.ru-other[b-9d49xxikbg] { background: #495057; }
/* /Components/Pages/Customers/Tabs/RacksPanel.razor.rz.scp.css */
/* The rack elevation itself lives in RackElevation.razor (and RackElevation.razor.css). This file styles only
   the panel chrome around it. */

/* Side-by-side compare strip: each rack is a column; scroll horizontally when there are many. */
.rack-strip[b-hkmtuznrnl] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    align-items: flex-start;
    padding-bottom: .5rem;
}

.rack-col[b-hkmtuznrnl] {
    flex: 0 0 auto;
}

.rack-col-head[b-hkmtuznrnl] {
    margin-bottom: .25rem;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-wpbpt7peov] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    padding: 2rem;
    background: linear-gradient(135deg, #0a1a33 0%, #15294d 55%, #2a1f52 100%);
}

.login-card[b-wpbpt7peov] {
    width: 100%;
    max-width: 23rem;
    background: #fff;
    border-radius: 14px;
    padding: 2rem 2rem 1.75rem;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
}

.login-brand[b-wpbpt7peov] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.login-logo[b-wpbpt7peov] {
    height: 54px;
    width: auto;
    display: block;
}

.login-name[b-wpbpt7peov] {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.05;
}

.login-tag[b-wpbpt7peov] {
    color: #6c757d;
    font-size: .8rem;
}

.login-foot[b-wpbpt7peov] {
    text-align: center;
}

.login-copy[b-wpbpt7peov] {
    color: rgba(255, 255, 255, .65);
}
/* /Components/Shared/RichTextEditor.razor.rz.scp.css */
.rte-editor[b-bawbaasznl] {
    min-height: 16rem;
    max-height: 32rem;
    overflow: auto;
    height: auto;
}

/* Make pasted/inserted images behave inside the editor. Pointer cursor hints they can be clicked to resize. */
.rte-editor[b-bawbaasznl]  img {
    max-width: 100%;
    height: auto;
    cursor: pointer;
}

.rte-editor:focus[b-bawbaasznl] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    outline: 0;
}