/* /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 */
/* The editor renders in a colspan=99 cell of the very wide device table. Cap it to the visible viewport and pin it
   to the left so every field shows on one screen (was running off the right edge). */
.dev-edit-wrap[b-uwqqv6dzs0] {
    position: sticky;
    left: 0.25rem;
    width: min(1180px, calc(100vw - 13rem));
    max-width: 100%;
}

/* Compact device editor: an auto-wrapping field grid that fits the available width (no horizontal cutoff). */
.dev-edit-grid[b-uwqqv6dzs0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.3rem 0.6rem;
    align-items: end;
}

.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;
}

/* "Add to Maintenance List" reads as an add action; the "+M" glyph is a touch wider than a single letter. */
.dev-dot-m[b-uwqqv6dzs0] {
    width: 1.35rem;
    color: #17663a;
    border-color: #9fcbb2;
}

.dev-dot-m:hover[b-uwqqv6dzs0] {
    background: #e9f7ef;
    border-color: #4c9a70;
    color: #0f4a29;
}

/* Already on the Maintenance List: greyed out (still clickable, but signals "added"). */
.dev-dot-m-added[b-uwqqv6dzs0] {
    color: #9aa0a6;
    border-color: #d0d0d5;
    background: #f2f2f4;
}

.dev-dot-m-added:hover[b-uwqqv6dzs0] {
    background: #e9e9ec;
    border-color: #b7b7c2;
    color: #6b7075;
}

/* 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;
}

/* "RC" — remote-control (in-house RMM) action; reads as an active/connect control (blue). */
.dev-dot-rc[b-uwqqv6dzs0] {
    width: 1.35rem;
    color: #0d5bd1;
    border-color: #9cc0f0;
}

.dev-dot-rc:hover[b-uwqqv6dzs0] {
    background: #e7f0fe;
    border-color: #3b82f6;
    color: #0a3f92;
}

/* "⊕T" — device is eligible for the Tactical RMM agent (Windows, no agent yet); click to get the installer.
   Teal so it reads as "can install", distinct from the blue RC (already installed) dot. Wider for two glyphs. */
.dev-dot-t[b-uwqqv6dzs0] {
    width: 1.5rem;
    color: #0f766e;
    border-color: #99d3cc;
}

.dev-dot-t:hover[b-uwqqv6dzs0] {
    background: #e6f7f4;
    border-color: #14b8a6;
    color: #0a544e;
}

/* Remote Background dots (T / F / BG) — grey/blue, sit next to the blue RC dot. BG is a touch wider for 2 glyphs. */
.dev-dot-bg[b-uwqqv6dzs0] {
    color: #3f4a8a;
    border-color: #b7bde0;
}

.dev-dot-bg:hover[b-uwqqv6dzs0] {
    background: #eef0fb;
    border-color: #6b74c9;
    color: #2b3468;
}

/* 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;
}

/* Robust viewport-centered dialog (the device list can be very wide, which breaks a plain Bootstrap .modal's
   centering — it ends up as wide as the table and cuts off on the right). Fixed + translate keeps it in view. */
.dev-modal-backdrop[b-uwqqv6dzs0] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1055;
}

.dev-modal-panel[b-uwqqv6dzs0] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1056;
    width: min(900px, 95vw);
    max-height: 88vh;
    overflow-y: auto;
    overflow-x: hidden;
    /* Solid surface — without a Bootstrap .modal ancestor, .modal-content has no background var, so set it here
       (otherwise the table shows through the popup). */
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .5);
}

/* The inner .modal-content is just structure now; the panel is the surface. */
.dev-modal-panel .modal-content[b-uwqqv6dzs0] {
    background: transparent;
    border: 0;
}

/* Pin the Remote (Spec/BG/Connect) column to the right edge so it's always reachable on the wide device table. */
.md-remote-col[b-uwqqv6dzs0] {
    position: sticky;
    right: 0;
    z-index: 2;
    background: var(--bs-body-bg, #fff);
    box-shadow: -6px 0 8px -8px rgba(0, 0, 0, .25);
}

/* Keep the KB / Users cells from forcing the whole table extremely wide (one device with many linked users
   used to blow the layout far to the right). Let them wrap within a sane width. */
.md-wrapcell[b-uwqqv6dzs0] {
    white-space: normal !important;
    max-width: 24rem;
}

.dev-modal-panel.xl[b-uwqqv6dzs0] {
    width: min(1100px, 96vw);
}

/* 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;
}