/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-page[b-3minkxppej] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--bs-body-bg, #fff);
}

.login-top[b-3minkxppej] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.55rem 1.25rem;
    background-image: linear-gradient(90deg, #005d87 0%, #0088ca 100%);
}

html[data-bs-theme="dark"] .login-top[b-3minkxppej] {
    background-image: linear-gradient(90deg, #032e40 0%, #075a80 100%);
}

.login-brand[b-3minkxppej] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #fff;
    font-size: var(--fs-lg);
}

.login-emblem[b-3minkxppej] {
    width: 34px;
    height: 34px;
}

.login-gear[b-3minkxppej] {
    transform-origin: 120px 120px;
    transform-box: view-box;
    will-change: transform;
    animation: demo-hero-gear 51s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .login-gear[b-3minkxppej] {
        animation: none;
    }
}

.login-brand-thor[b-3minkxppej] {
    color: #ffed36;
}

.login-tools[b-3minkxppej] {
    display: flex;
    gap: 0.4rem;
}

.login-tool[b-3minkxppej] {
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    border-radius: 0.45rem;
    min-width: 2.1rem;
    height: 2.1rem;
    cursor: pointer;
    font-size: var(--fs-sm);
    line-height: 1;
}

    .login-tool:hover[b-3minkxppej] {
        background: rgba(255, 255, 255, 0.2);
    }

.login-tool-theme[b-3minkxppej]::before {
    content: "";
    display: block;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0 auto;
    background: currentColor;
    -webkit-mask: var(--icon-moon) center / contain no-repeat;
    mask: var(--icon-moon) center / contain no-repeat;
}

html[data-bs-theme="dark"] .login-tool-theme[b-3minkxppej]::before {
    -webkit-mask-image: var(--icon-sun);
    mask-image: var(--icon-sun);
}

.login-main[b-3minkxppej] {
    flex: 1 1 auto;
    width: min(1060px, 100% - 2.5rem);
    margin: 0 auto;
    padding: 1.75rem 0 2rem;
}

.login-footer[b-3minkxppej] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 1rem 1.25rem 1.4rem;
    color: var(--bs-secondary-color, #6c757d);
}

.login-about[b-3minkxppej] {
    color: inherit;
    font-size: var(--fs-sm);
}

.login-operator[b-3minkxppej]  svg {
    height: 26px;
    width: auto;
    opacity: 0.75;
    transition: opacity 0.15s ease;
}

.login-operator:hover[b-3minkxppej]  svg {
    opacity: 1;
}

.login-operator[b-3minkxppej]  .login-logo-dark,
html[data-bs-theme="dark"] .login-operator[b-3minkxppej]  .login-logo-light {
    display: none;
}

html[data-bs-theme="dark"] .login-operator[b-3minkxppej]  .login-logo-dark {
    display: inline;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-r5z6kjf2cs] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.content[b-r5z6kjf2cs] {
    padding-top: .5rem;
}

.sidebar[b-r5z6kjf2cs] {
    background-image: linear-gradient(180deg, #005d87 0%, #0088ca 100%);
}

html[data-bs-theme="dark"] .sidebar[b-r5z6kjf2cs] {
    background-image: linear-gradient(180deg, #032e40 0%, #075a80 100%);
}

.top-row[b-r5z6kjf2cs] {
    position: relative;
    background-color: #003c58;
    background-image: linear-gradient(90deg, #003c58 0%, #0088ca 100%);
    color: #e8f4fb;
    --insp-text: #ffffff;
    --insp-primary-dark: #dceefb;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg,
        var(--insp-yellow) 0,
        color-mix(in srgb, var(--insp-yellow) 40%, var(--bar-tail, #d6d5d5)) 6rem,
        var(--bar-tail, #d6d5d5) 13rem) 1;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

    .top-row[b-r5z6kjf2cs]  .top-row-title {
        font-size: 1.5rem;
        font-weight: 650;
        color: var(--insp-text, #1f2937);
        white-space: nowrap;
        -webkit-text-stroke: 0.35px rgba(0, 32, 52, 0.45);
        /* Shrinks rather than overflowing over the back arrow; the fade sits at the stretched end, clear of short titles. */
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 5rem), transparent calc(100% - 2.4rem));
        mask-image: linear-gradient(90deg, #000 calc(100% - 5rem), transparent calc(100% - 2.4rem));
        text-shadow: 0 0 14px rgba(120, 205, 255, 0.20), 0 0 32px rgba(120, 205, 255, 0.10);
        animation: title-spark-b-r5z6kjf2cs 11s linear infinite;
    }

@keyframes title-spark-b-r5z6kjf2cs {
    0%, 80%, 96%, 100% {
        text-shadow: 0 0 14px rgba(120, 205, 255, 0.20), 0 0 32px rgba(120, 205, 255, 0.10);
    }

    88% {
        text-shadow: 0 0 18px rgba(120, 205, 255, 0.34), 0 0 40px rgba(120, 205, 255, 0.16);
    }
}

@media (prefers-reduced-motion: reduce) {
    .top-row[b-r5z6kjf2cs]  .top-row-title {
        animation: none;
    }
}

    /* The name stays tucked behind the picture and unrolls from it on hover. */
    .top-row[b-r5z6kjf2cs]  .top-row-identity {
        display: inline-block;
        max-width: 0;
        margin-right: -0.6rem;
        opacity: 0;
        font-size: var(--fs-lg);
        font-weight: 600;
        color: var(--insp-primary-dark);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        transition: max-width .45s cubic-bezier(.2, .7, .2, 1), margin .45s cubic-bezier(.2, .7, .2, 1), opacity .35s ease;
    }

    .top-row[b-r5z6kjf2cs]  .top-row-profile {
        display: inline-flex;
        align-items: center;
        gap: 0.6rem;
        text-decoration: none;
        min-width: 0;
    }

        .top-row[b-r5z6kjf2cs]  .entity-avatar {
            flex: 0 0 auto;
        }

        .top-row[b-r5z6kjf2cs]  .top-row-profile:hover .top-row-identity {
            text-decoration: underline;
        }

    .top-row[b-r5z6kjf2cs]  .help-link {
        flex: 0 0 auto;
        width: 1.63rem;
        height: 1.63rem;
        margin-left: 1.35rem;
        animation: help-pulse-b-r5z6kjf2cs 4.2s ease-in-out infinite;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 1px solid var(--insp-primary-dark);
        color: var(--insp-primary-dark);
        font-size: var(--fs-md);
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
    }

        .top-row[b-r5z6kjf2cs]  .help-link:hover {
            background: rgba(255, 255, 255, 0.92);
            color: #005d87;
            animation: none;
        }

@keyframes help-pulse-b-r5z6kjf2cs {
    0%, 22%, 94%, 100% {
        box-shadow: 0 0 0 0 transparent;
    }

    58% {
        box-shadow: 0 0 12px 4px rgba(214, 238, 252, 0.5);
    }

    68% {
        box-shadow: 0 0 18px 6px color-mix(in srgb, var(--insp-primary) 24%, transparent);
    }

    86% {
        box-shadow: 0 0 25px 9px transparent;
    }
}

.top-row[b-r5z6kjf2cs]  .top-row-profile .top-row-identity,
.top-row[b-r5z6kjf2cs]  .demo-switch summary .top-row-identity {
    -webkit-text-stroke: 0.35px rgba(0, 32, 52, 0.45);
    background-image: linear-gradient(100deg, currentColor 0 44%, var(--insp-primary) 50%, currentColor 56%);
    background-size: 320% 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: identity-glint-b-r5z6kjf2cs 11s ease-in-out infinite;
}

    .top-row[b-r5z6kjf2cs]  .top-row-profile:hover .top-row-identity,
    .top-row[b-r5z6kjf2cs]  .demo-switch summary:hover .top-row-identity {
        text-decoration: underline;
        animation: identity-glint-hover-b-r5z6kjf2cs 1s ease-out;
    }

    .top-row[b-r5z6kjf2cs]  .top-row-profile:hover .top-row-identity,
    .top-row[b-r5z6kjf2cs]  .top-row-profile:focus-visible .top-row-identity,
    .top-row[b-r5z6kjf2cs]  .demo-switch summary:hover .top-row-identity,
    .top-row[b-r5z6kjf2cs]  .demo-switch[open] summary .top-row-identity {
        max-width: var(--profile-name-max, 24rem);
        margin-right: 0;
        opacity: 1;
    }

    .top-row.shows-name[b-r5z6kjf2cs]  .top-row-identity {
        max-width: 24rem;
        margin-right: 0;
        opacity: 1;
    }

@keyframes identity-glint-b-r5z6kjf2cs {
    0%, 72% {
        background-position: 100% 0;
    }

    88%, 100% {
        background-position: 0 0;
    }
}

@keyframes identity-glint-hover-b-r5z6kjf2cs {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: 0 0;
    }
}

.top-row[b-r5z6kjf2cs]  .avatar-orbit {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    isolation: isolate;
}

    .top-row[b-r5z6kjf2cs]  .avatar-orbit::before {
        content: "";
        position: absolute;
        inset: -2px;
        z-index: -1;
        background: conic-gradient(from var(--orbit-angle, 0deg),
            color-mix(in srgb, #4cc9f0 62%, transparent) 0turn,
            color-mix(in srgb, #4cc9f0 80%, transparent) 0.32turn,
            #4cc9f0 0.5turn,
            #9fe8ff 0.6turn,
            #eafcff 0.7turn,
            #9fe8ff 0.8turn,
            #4cc9f0 0.9turn,
            color-mix(in srgb, #4cc9f0 62%, transparent) 1turn);
        filter: drop-shadow(0 0 2.5px color-mix(in srgb, #7ee0ff 73%, transparent))
                drop-shadow(0 0 7.6px color-mix(in srgb, #4cc9f0 46%, transparent));
        animation: avatar-orbit-b-r5z6kjf2cs 2.6s linear infinite;
    }

    .top-row[b-r5z6kjf2cs]  .avatar-orbit-round::before,
    .top-row[b-r5z6kjf2cs]  .avatar-orbit-company::before {
        border-radius: calc(0.55rem + 2px);
    }

    .top-row[b-r5z6kjf2cs]  .avatar-orbit .entity-avatar::after {
        content: "";
        position: absolute;
        top: -40%;
        bottom: -40%;
        left: -70%;
        width: 55%;
        pointer-events: none;
        transform: skewX(-18deg);
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
        animation: avatar-glint-b-r5z6kjf2cs 11s ease-in-out infinite;
    }

    .top-row[b-r5z6kjf2cs]  .top-row-profile:hover .entity-avatar::after {
        animation: avatar-glint-hover-b-r5z6kjf2cs 1s ease-out;
    }

@property --orbit-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes avatar-orbit-b-r5z6kjf2cs {
    to {
        --orbit-angle: 360deg;
    }
}

@keyframes avatar-glint-b-r5z6kjf2cs {
    0%, 72% {
        left: -70%;
        opacity: 0;
    }

    76% {
        opacity: 1;
    }

    88% {
        left: 120%;
        opacity: 1;
    }

    92%, 100% {
        left: 120%;
        opacity: 0;
    }
}

@keyframes avatar-glint-hover-b-r5z6kjf2cs {
    from {
        left: -70%;
        opacity: 1;
    }

    to {
        left: 120%;
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .top-row[b-r5z6kjf2cs]  .help-link,
    .top-row[b-r5z6kjf2cs]  .avatar-orbit::before,
    .top-row[b-r5z6kjf2cs]  .avatar-orbit .entity-avatar::after,
    .top-row[b-r5z6kjf2cs]  .top-row-bell.has-unread .bell-icon {
        animation: none;
    }

    .top-row[b-r5z6kjf2cs]  .top-row-profile .top-row-identity,
    .top-row[b-r5z6kjf2cs]  .demo-switch summary .top-row-identity {
        animation: none;
        background-image: none;
        -webkit-text-fill-color: currentColor;
        transition: none;
    }
}

.top-row[b-r5z6kjf2cs]  .top-row-split {
    flex: 0 0 auto;
    width: 1px;
    height: 1.63rem;
    margin-left: 1.1rem;
    background: color-mix(in srgb, currentColor 22%, transparent);
}

.top-row[b-r5z6kjf2cs]  .top-row-logout {
    flex: 0 0 auto;
    margin: 0 0 0 0.65rem;
}

.top-row[b-r5z6kjf2cs]  .logout-button {
    display: block;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: none;
    color: var(--insp-primary-dark);
    cursor: pointer;
    opacity: 0.75;
}

    .top-row[b-r5z6kjf2cs]  .logout-button::before {
        content: "";
        display: block;
        width: 1.25rem;
        height: 1.25rem;
        margin: 0 auto;
        background: currentColor;
        -webkit-mask: var(--icon-logout) center / contain no-repeat;
        mask: var(--icon-logout) center / contain no-repeat;
    }

    .top-row[b-r5z6kjf2cs]  .logout-button:hover {
        opacity: 1;
        background: color-mix(in srgb, var(--insp-primary) 12%, transparent);
    }

.top-row[b-r5z6kjf2cs]  .bell-wrap {
    margin-left: 1rem;
}

    .top-row[b-r5z6kjf2cs]  .bell-wrap + .help-link {
        margin-left: 0.875rem;
    }

.top-row[b-r5z6kjf2cs]  .top-row-bell {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.63rem;
    height: 1.63rem;
    padding: 0;
    border: 1px solid var(--insp-primary-dark);
    border-radius: 50%;
    background: none;
    color: var(--insp-primary-dark);
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    --bell-cut: #0687c8;
}

    .top-row[b-r5z6kjf2cs]  .top-row-bell:hover {
        background: rgba(255, 255, 255, 0.92);
        color: #005d87;
    }

    .top-row[b-r5z6kjf2cs]  .top-row-bell.has-unread {
        border-color: var(--insp-yellow);
        color: var(--insp-yellow);
    }

        .top-row[b-r5z6kjf2cs]  .top-row-bell.has-unread:hover {
            background: var(--insp-yellow);
            color: #1d2228;
        }

    .top-row[b-r5z6kjf2cs]  .top-row-bell .bell-icon {
        display: inline-block;
        width: 0.94rem;
        height: 0.94rem;
        background: currentColor;
        -webkit-mask: var(--icon-bell) center / contain no-repeat;
        mask: var(--icon-bell) center / contain no-repeat;
    }

html[data-bs-theme="dark"] .top-row[b-r5z6kjf2cs]  .top-row-bell {
    --bell-cut: var(--insp-surface);
}


    .top-row[b-r5z6kjf2cs]  .top-row-bell .bell-badge {
        position: absolute;
        top: -0.44rem;
        right: -0.44rem;
        min-width: 1rem;
        height: 1rem;
        padding: 0 0.25rem;
        border-radius: 0.5rem;
        background: #d83a3a;
        color: #fff;
        font-size: 0.63rem;
        font-weight: 700;
        line-height: 1rem;
        text-align: center;
        box-shadow: 0 0 0 2px var(--bell-cut);
    }

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

    .top-row[b-r5z6kjf2cs]  .top-row-identity {
        display: none;
    }

    .top-row[b-r5z6kjf2cs]  .top-row-title {
        flex: 1 1 auto;
        min-width: 0;
        overflow: visible;
        -webkit-mask-image: none;
        mask-image: none;
        font-weight: 500;
        -webkit-text-stroke: 0;
    }

    .sidebar[b-r5z6kjf2cs] {
        display: none;
        position: absolute;
        top: 3.5rem;
        left: 0;
        right: 0;
        z-index: 50;
        max-height: calc(100dvh - 3.5rem);
        overflow-y: auto;
        overscroll-behavior: contain;
        box-shadow: 0 16px 32px rgba(0, 20, 34, 0.38);
    }

    .sidebar.nav-open[b-r5z6kjf2cs] {
        display: block;
        animation: nav-drop-b-r5z6kjf2cs 0.16s ease-out;
    }

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

    .top-row[b-r5z6kjf2cs]  .bell-wrap {
        margin-left: 0.45rem;
    }

    .top-row[b-r5z6kjf2cs]  .help-link,
    .top-row[b-r5z6kjf2cs]  .bell-wrap + .help-link {
        margin-left: 0.6rem;
    }

    .top-row[b-r5z6kjf2cs]  .top-row-split {
        margin-left: 0.4rem;
    }

    .top-row[b-r5z6kjf2cs]  .top-row-logout {
        margin-left: 0.15rem;
    }

    .top-row[b-r5z6kjf2cs]  .logout-button {
        width: 1.75rem;
    }
}

@keyframes nav-drop-b-r5z6kjf2cs {
    from {
        opacity: 0;
        transform: translateY(-0.4rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sidebar.nav-open[b-r5z6kjf2cs] {
        animation: none;
    }
}

@media (max-width: 991.98px) {
    .top-row[b-r5z6kjf2cs]  .top-row-identity {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .top-row[b-r5z6kjf2cs]  .top-row-title {
        font-size: var(--fs-xl);
    }

    .top-row[b-r5z6kjf2cs]  .bell-wrap {
        margin-left: 0.45rem;
    }

    .top-row[b-r5z6kjf2cs]  .help-link,
    .top-row[b-r5z6kjf2cs]  .bell-wrap + .help-link {
        margin-left: 0.6rem;
    }
}

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

    .sidebar[b-r5z6kjf2cs] {
        width: 164px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
    }

    main[b-r5z6kjf2cs] {
        min-width: 0;
    }

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

    .top-row[b-r5z6kjf2cs], article[b-r5z6kjf2cs] {
        padding-left: 1.25rem !important;
        padding-right: 1rem !important;
    }
}

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

    #blazor-error-ui .dismiss[b-r5z6kjf2cs] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

main[b-r5z6kjf2cs] {
    position: relative;
}

.top-row[b-r5z6kjf2cs]  .top-row-bell {
    animation: bell-pop-b-r5z6kjf2cs 0.5s cubic-bezier(0.3, 1.35, 0.55, 1) backwards;
}

    .top-row[b-r5z6kjf2cs]  .top-row-bell.has-unread .bell-icon {
        transform-origin: 50% 15%;
        animation: bell-ring-load-b-r5z6kjf2cs 0.9s ease-in-out 0.6s 1;
    }

@keyframes bell-ring-load-b-r5z6kjf2cs {
    0%, 100% { transform: rotate(0); }
    15% { transform: rotate(14deg); }
    38% { transform: rotate(-11deg); }
    60% { transform: rotate(7deg); }
    80% { transform: rotate(-3deg); }
}

@keyframes bell-pop-b-r5z6kjf2cs {
    0% { opacity: 0; transform: scale(1.7); }
    65% { opacity: 1; transform: scale(0.94); }
    100% { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .top-row[b-r5z6kjf2cs]  .top-row-bell {
        animation: none;
    }
}

@media (max-width: 767.98px) {
    .top-row[b-r5z6kjf2cs] {
        border-image: linear-gradient(90deg,
            color-mix(in srgb, var(--insp-yellow) 38%, var(--bar-tail, #d6d5d5)) 0,
            var(--bar-tail, #d6d5d5) 100%) 1;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.top-row[b-2mx5dpqfqa] {
    height: 3.5rem;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.35);
    border-bottom: 2px solid #ffed36;
}

    .top-row .navbar-brand[b-2mx5dpqfqa] {
        padding-top: 0;
        padding-bottom: 0;
    }

    .top-row .container-fluid[b-2mx5dpqfqa] {
        flex-wrap: nowrap;
        padding-left: 0;
    }

.top-row.navbar[b-2mx5dpqfqa] {
    padding-left: 0.625rem !important;
}

/* The brand stays quieter than the page title beside it. */
.navbar-brand[b-2mx5dpqfqa] {
    font-size: 1.05rem;
}

    .navbar-brand strong[b-2mx5dpqfqa] {
        font-weight: 600;
        opacity: .8;
    }

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

.bi-dashboard-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1' y='2.25' width='14' height='11.5' rx='2' fill='none' stroke='white' stroke-width='1.6'/%3E%3Crect x='3.5' y='4.75' width='3.6' height='6.5' rx='0.9' fill='white' fill-opacity='0.85'/%3E%3Crect x='8.9' y='4.75' width='3.6' height='3.6' rx='0.9' fill='white' fill-opacity='0.55'/%3E%3Crect x='8.9' y='9.4' width='3.6' height='1.85' rx='0.9' fill='white' fill-opacity='0.55'/%3E%3C/svg%3E");
}

.brand-slot[b-2mx5dpqfqa] {
    position: relative;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
}

    .brand-slot .brand-emblem[b-2mx5dpqfqa],
    .brand-slot .brand-back[b-2mx5dpqfqa] {
        position: absolute;
        inset: 0;
        transition: opacity 0.18s ease 0.14s, transform 0.3s ease 0.14s;
    }

.brand-back[b-2mx5dpqfqa] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 0;
    padding: 0;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    transform: scale(0.55) rotate(-90deg);
    pointer-events: none;
}

.brand-slot.show-back .brand-back[b-2mx5dpqfqa] {
    opacity: 1;
    transform: none;
    pointer-events: auto;
}

.brand-slot.show-back .brand-emblem[b-2mx5dpqfqa] {
    opacity: 0;
    transform: scale(0.55) rotate(90deg);
    pointer-events: none;
}

.brand-back-icon[b-2mx5dpqfqa] {
    width: 28px;
    height: 28px;
}

.brand-back:hover .brand-back-icon[b-2mx5dpqfqa] {
    filter: drop-shadow(0 0 7px rgba(255, 237, 54, 0.7));
}

.brand-divider[b-2mx5dpqfqa] {
    flex: 0 0 auto;
    width: 1px;
    height: 1.63rem;
    margin: 0;
    background: color-mix(in srgb, currentColor 22%, transparent);
    opacity: 0;
    transition: opacity 0.18s ease 0.14s, margin 0.3s ease 0.14s;
}

.brand-slot.show-back + .brand-divider[b-2mx5dpqfqa] {
    opacity: 1;
    margin: 0 0.6rem 0 0.3rem;
}

@media (prefers-reduced-motion: reduce) {
    .brand-slot .brand-emblem[b-2mx5dpqfqa],
    .brand-slot .brand-back[b-2mx5dpqfqa],
    .brand-divider[b-2mx5dpqfqa] {
        transition: none;
        animation: none;
    }
}

.bi-briefcase-fill-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-briefcase-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v1.384l7.614 2.03a1.5 1.5 0 0 0 .772 0L16 5.884V4.5A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5V6.85L8.129 8.947a.5.5 0 0 1-.258 0L0 6.85v5.65z'/%3E%3C/svg%3E");
}

.bi-tools-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-tools' viewBox='0 0 16 16'%3E%3Cpath d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708zM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11z'/%3E%3C/svg%3E");
}

.bi-bar-chart-fill-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-bar-chart-fill' viewBox='0 0 16 16'%3E%3Cpath d='M1 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3zm5-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2z'/%3E%3C/svg%3E");
}

.bi-info-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2.4 3.2c1.9-1 3.7-1 5.6 0 1.9-1 3.7-1 5.6 0v9.3c-1.9-1-3.7-1-5.6 0-1.9-1-3.7-1-5.6 0z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M8 3.2v9.3' stroke='white' stroke-width='1.3' stroke-opacity='0.75'/%3E%3C/svg%3E");
}

.bi-bug-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 3.4h11.6v7.2H8.9L5.8 13.4v-2.8H2.2z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M8 5.4v2.6' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='9.4' r='0.8' fill='white'/%3E%3C/svg%3E");
}

    .nav-footer .about-link .bi[b-2mx5dpqfqa] {
        flex: 0 0 auto;
        top: 0;
        width: 1rem;
        height: 1rem;
        margin-right: 0.45rem;
        background-position: center;
        opacity: 0.75;
    }

.bi-map-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M5.8 2.6 2.2 4v9.4l3.6-1.4 4.4 1.4 3.6-1.4V2.6l-3.6 1.4z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M5.8 2.6v9.4M10.2 4v9.4' stroke='white' stroke-width='1.3' stroke-opacity='0.7'/%3E%3C/svg%3E");
}

.bi-sliders-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-sliders' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3h9.05zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8h2.05zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1h9.05z'/%3E%3C/svg%3E");
}

.bi-clipboard-check-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-clipboard-check' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' 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 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-1h1v-1z'/%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-.5h3zm-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 0h-3z'/%3E%3C/svg%3E");
}

.bi-search-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='6.9' cy='6.9' r='4.7' fill='none' stroke='white' stroke-width='1.6'/%3E%3Cpath d='M10.4 10.4 14.2 14.2' stroke='white' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
}

.bi-geo-alt-nav-menu[b-2mx5dpqfqa] {
    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 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E");
}

.bi-building-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-building' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14.763.075A.5.5 0 0 1 15 .5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10a.5.5 0 0 1 .342-.474L6 7.64V4.5a.5.5 0 0 1 .276-.447l8-4a.5.5 0 0 1 .487.022zM6 8.694 1 10.36V15h5V8.694zM7 15h2v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.309l-7 3.5V15z'/%3E%3Cpath d='M2 11h1v1H2v-1zm2 0h1v1H4v-1zm-2 2h1v1H2v-1zm2 0h1v1H4v-1zm4-4h1v1H8V9zm2 0h1v1h-1V9zm-2 2h1v1H8v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1V9zm0 2h1v1h-1v-1zM8 7h1v1H8V7zm2 0h1v1h-1V7zm2 0h1v1h-1V7zM8 5h1v1H8V5zm2 0h1v1h-1V5zm2 0h1v1h-1V5zm0-2h1v1h-1V3z'/%3E%3C/svg%3E");
}

.bi-calendar-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1.8' y='2.8' width='12.4' height='11.4' rx='1.8' fill='none' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M1.8 6.3h12.4M5 1.4v2.6M11 1.4v2.6' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Crect x='4.4' y='8.2' width='2.4' height='2.2' rx='0.5' fill='white'/%3E%3Crect x='9.2' y='8.2' width='2.4' height='2.2' rx='0.5' fill='white' fill-opacity='0.55'/%3E%3C/svg%3E");
}

.bi-tag-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-tag' viewBox='0 0 16 16'%3E%3Cpath d='M6 4.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-1 0a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0z'/%3E%3Cpath d='M2 1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 1 6.586V2a1 1 0 0 1 1-1zm0 5.586 7 7L13.586 9l-7-7H2v4.586z'/%3E%3C/svg%3E");
}

.bi-archive-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-hdd' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 11a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM3 10.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z'/%3E%3Cpath d='M16 11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V9.51c0-.418.105-.83.305-1.197l2.472-4.531A1.5 1.5 0 0 1 4.094 3h7.812a1.5 1.5 0 0 1 1.317.782l2.472 4.53c.2.368.305.78.305 1.198V11zM3.655 4.26 1.592 8.043C1.724 8.014 1.86 8 2 8h12c.14 0 .276.014.408.042L12.345 4.26a.5.5 0 0 0-.439-.26H4.094a.5.5 0 0 0-.44.26zM1 10v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1z'/%3E%3C/svg%3E");
}

.bi-key-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-key' 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 8zm4-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 5z'/%3E%3Cpath d='M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E");
}

.bi-journal-text-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-journal-text' 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-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z'/%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-2z'/%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-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 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-1H1z'/%3E%3C/svg%3E");
}

.bi-chat-dots-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chat-dots' viewBox='0 0 16 16'%3E%3Cpath d='M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3Cpath d='m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z'/%3E%3C/svg%3E");
}

.bi-shield-check-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-shield-check' 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 .11.028 1 1 0 0 0 .11-.028q.114-.033.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='M10.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}

.nav-item[b-2mx5dpqfqa] {
    font-size: var(--fs-sm);
    padding-bottom: 0.5rem;
    padding-left: 0.3rem !important;
}

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

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

    /* min-height, not height: a label wrapping on a narrow rail takes two lines instead of overflowing. */
    .nav-item[b-2mx5dpqfqa]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        min-height: 3rem;
        display: flex;
        align-items: center;
        line-height: 1.3;
        text-align: left;
        width: 100%;
        position: relative;
    }

        .nav-item[b-2mx5dpqfqa]  .nav-link .bi {
            flex: 0 0 auto;
        }

        .nav-item[b-2mx5dpqfqa]  .nav-link::after {
            content: "";
            position: absolute;
            top: -0.25rem;
            bottom: -0.25rem;
            left: -1rem;
            right: -1rem;
        }

.nav-item[b-2mx5dpqfqa]  a.active {
    background-color: rgba(255, 255, 255, 0.18);
    color: white;
    border-left: 4px solid #ffed36;
    border-radius: 0 4px 4px 0;
}

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

/* Wide faint halos and a 1px core keep the glyphs sharp; mid-size blurs read as out-of-focus text. */
html[data-bs-theme="dark"] .nav-item[b-2mx5dpqfqa]  .nav-link {
    color: #f2f8fd;
    text-shadow: 0 0 1px rgba(180, 230, 255, .55), 0 0 14px rgba(120, 205, 255, .30);
}

html[data-bs-theme="dark"] .nav-item[b-2mx5dpqfqa]  .nav-link:hover {
    color: #ffffff;
    text-shadow: 0 0 1px rgba(200, 238, 255, .65), 0 0 16px rgba(140, 215, 255, .45);
    background-color: rgba(120, 205, 255, .12);
}

html[data-bs-theme="dark"] .nav-item[b-2mx5dpqfqa]  a.active {
    color: #ffffff;
    text-shadow: 0 0 1px rgba(255, 245, 160, .6), 0 0 14px rgba(255, 240, 120, .34), 0 0 24px rgba(140, 215, 255, .28);
    box-shadow: inset 0 0 12px rgba(120, 205, 255, .09);
}

.brand-emblem[b-2mx5dpqfqa] {
    width: 34px;
    height: 34px;
    overflow: visible;
}

.brand-emblem .brand-gear[b-2mx5dpqfqa] {
    opacity: 1;
    fill: #8cb6c9;
}

html[data-bs-theme="dark"] .brand-emblem .brand-gear[b-2mx5dpqfqa] {
    fill: #6d93a8;
    margin-right: 9px;
    flex: 0 0 auto;
    shape-rendering: geometricPrecision;
}

.brand-gear[b-2mx5dpqfqa] {
    transform-origin: 120px 120px;
    transform-box: view-box;
    will-change: transform;
    animation: brand-gear-spin-b-2mx5dpqfqa 51s linear infinite;
}

@keyframes brand-gear-spin-b-2mx5dpqfqa {
    to {
        transform: rotate(1turn);
    }
}

@media (prefers-reduced-motion: reduce) {
    .brand-gear[b-2mx5dpqfqa] {
        animation: none;
    }
}

.operator-link[b-2mx5dpqfqa]  .operator-logo {
    display: block;
    width: 104px;
    height: 28px;
    margin-left: 1rem;
    opacity: 0.55;
    user-select: none;
    transition: opacity 0.15s;
}

.operator-link:hover[b-2mx5dpqfqa]  .operator-logo {
    opacity: 0.9;
}

@media (max-width: 767.98px) {
    .top-row[b-2mx5dpqfqa] {
        display: none;
    }
}

@media (min-width: 768px) {
    .nav-scrollable[b-2mx5dpqfqa] {
        flex: 1 1 auto;
        min-height: 0;
        margin-bottom: 3.4rem;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

/* The side menu on a wide screen is 164 px: smaller type, icons and rows than the menu a phone folds out. */
@media (min-width: 768px) {
    .nav-item[b-2mx5dpqfqa] {
        font-size: .84rem;
        padding-bottom: .3rem;
    }

    .nav-item[b-2mx5dpqfqa]  .nav-link {
        min-height: 2.6rem;
    }

        .nav-item[b-2mx5dpqfqa]  .nav-link .bi {
            width: 1.15rem;
            height: 1.15rem;
            margin-right: .6rem;
        }
}

@media (min-width: 768px) and (max-height: 700px) {
    .nav-item[b-2mx5dpqfqa]  .nav-link {
        min-height: 2.25rem;
    }

    .nav-item[b-2mx5dpqfqa] {
        padding-bottom: 0.15rem;
    }

        .nav-item:first-of-type[b-2mx5dpqfqa] {
            padding-top: 0.5rem;
        }
}

.bi-person-badge-nav-menu[b-2mx5dpqfqa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='3' y='1.5' width='10' height='13' rx='1.8' fill='none' stroke='white' stroke-width='1.4'/%3E%3Ccircle cx='8' cy='6.4' r='1.9' fill='white'/%3E%3Cpath d='M4.8 12.6c.5-1.9 1.7-2.8 3.2-2.8s2.7.9 3.2 2.8z' fill='white' fill-opacity='.85'/%3E%3C/svg%3E");
}

.nav-divider[b-2mx5dpqfqa] {
    height: 1px;
    margin: 0.5rem 1.25rem;
    background: rgba(255, 255, 255, 0.2);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-veht2e01b1],
.components-reconnect-repeated-attempt-visible[b-veht2e01b1],
.components-reconnect-failed-visible[b-veht2e01b1],
.components-pause-visible[b-veht2e01b1],
.components-resume-failed-visible[b-veht2e01b1],
.components-rejoining-animation[b-veht2e01b1] {
    display: none;
}

#components-reconnect-modal.components-reconnect-retrying .components-reconnect-first-attempt-visible[b-veht2e01b1] {
    display: none !important;
}

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

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

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

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-veht2e01b1 {
    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/Layout/TopBarTitle.razor.rz.scp.css */
.top-row-crumb[b-uu5724k839],
.top-row-chevron[b-uu5724k839],
.top-row-menu[b-uu5724k839],
.top-row-back[b-uu5724k839] {
    display: none;
}

/* A section's tabs as cards on the bar's bottom edge: the active one takes the page's colour and joins the page, the page gear inside it. */
.top-row-tabs[b-uu5724k839] {
    display: inline-flex;
    align-items: flex-end;
    gap: 4px;
    margin-bottom: -2px;
    vertical-align: bottom;
}

.top-row-tab[b-uu5724k839] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    height: 2.75rem;
    padding: 0 1.1rem;
    border-radius: 10px 10px 0 0;
    background: rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .88);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    text-decoration: none;
    -webkit-text-stroke: 0;
    transition: background-color .3s ease, color .3s ease;
}

    .top-row-title-line .top-row-tab.top-row-title-tab[b-uu5724k839] {
        margin-left: 0;
    }

    .top-row-title-line .top-row-tab.top-row-title-tab:hover[b-uu5724k839],
    .top-row-title-line .top-row-tab.top-row-title-tab:focus-visible[b-uu5724k839] {
        color: #ffffff;
        background-color: rgba(255, 255, 255, .2);
        text-decoration: none;
    }

    .top-row-tab.is-active[b-uu5724k839] {
        height: 3rem;
        padding-right: calc(var(--head-gear-room, 0px) + .9rem);
        background: var(--surface-base, var(--insp-bg, #eff0f2));
        color: #1f2937;
    }

.top-row-tab-ico[b-uu5724k839] {
    display: inline-flex;
}

    .top-row-tab-ico[b-uu5724k839]  .ribbon-icon {
        display: block;
        width: 1.1rem;
        height: 1.1rem;
    }

.top-row-tab.is-active[b-uu5724k839] {
    text-shadow: none;
}

@media (max-width: 767.98px) {
    .top-row-back[b-uu5724k839] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2.25rem;
        margin: 0 0.2rem 0 -0.45rem;
        padding: 0;
        border: 0;
        border-radius: 0.5rem;
        background: transparent;
        color: inherit;
        vertical-align: middle;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: background-color 0.15s ease;
    }

        .top-row-back svg[b-uu5724k839] {
            width: 1.25rem;
            height: 1.25rem;
        }

        .top-row-back:hover[b-uu5724k839],
        .top-row-back:active[b-uu5724k839] {
            background-color: rgba(255, 255, 255, 0.08);
        }

        .top-row-back:focus-visible[b-uu5724k839] {
            outline: 2px solid var(--insp-yellow);
            outline-offset: -2px;
        }

    .top-row-title.has-back .top-row-head[b-uu5724k839] {
        max-width: calc(100% - max(var(--head-gear-room, 0px) + 4px, 0.6rem) - 1.8rem);
    }

    .top-row-head[b-uu5724k839] {
        position: relative;
        display: inline-flex;
        flex-direction: column;
        gap: 0.1rem;
        max-width: calc(100% - max(var(--head-gear-room, 0px) + 4px, 0.6rem));
        vertical-align: middle;
    }

    .top-row-crumb[b-uu5724k839] {
        display: flex;
        align-items: center;
        align-self: flex-start;
        width: max-content;
        min-width: 0;
        max-width: calc(100% + var(--head-gear-room, 0px));
        font-size: 0.6875rem;
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: 0.01em;
        white-space: nowrap;
        color: color-mix(in srgb, var(--insp-primary-dark) 76%, transparent);
        -webkit-text-stroke: 0;
        text-shadow: none;
    }

    .top-row-emblem[b-uu5724k839] {
        flex: 0 0 auto;
        width: 13px;
        height: 13px;
        margin-right: 0.3rem;
    }

    .top-row-brand[b-uu5724k839] {
        flex: 0 0 auto;
    }

    .top-row-section[b-uu5724k839] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--insp-primary-dark);
    }

        .top-row-section:empty[b-uu5724k839] {
            display: none;
        }

        .top-row-section[b-uu5724k839]::before {
            content: "›";
            margin: 0 0.3rem;
            color: color-mix(in srgb, var(--insp-primary-dark) 76%, transparent);
        }

    .top-row-title-line[b-uu5724k839] {
        display: flex;
        align-items: center;
        gap: 0.3rem;
        min-width: 0;
        line-height: 1.2;
    }

    .top-row-title-text[b-uu5724k839] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .top-row-title-tab[b-uu5724k839],
    .top-row-tab-ico[b-uu5724k839] {
        display: none;
    }

    .top-row-tabs[b-uu5724k839],
    .top-row-tab.is-active[b-uu5724k839] {
        display: contents;
    }

    .top-row-chevron[b-uu5724k839] {
        display: block;
        flex: 0 0 auto;
        width: 0.45rem;
        height: 0.45rem;
        margin: 0 0.15rem 0.2rem 0;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        opacity: 0.7;
        transform: rotate(45deg);
        transition: transform 0.15s ease, margin 0.15s ease;
    }

    .top-row-head:has(> .top-row-menu[aria-expanded="true"]) .top-row-chevron[b-uu5724k839] {
        margin-bottom: -0.2rem;
        transform: rotate(225deg);
    }

    .top-row-menu[b-uu5724k839] {
        display: block;
        position: absolute;
        inset: -0.3rem -0.5rem;
        padding: 0;
        border: 0;
        border-radius: 0.5rem;
        background: transparent;
        color: inherit;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: background-color 0.15s ease;
    }

        .top-row-menu:hover[b-uu5724k839],
        .top-row-menu:active[b-uu5724k839],
        .top-row-menu[aria-expanded="true"][b-uu5724k839] {
            background-color: rgba(255, 255, 255, 0.08);
        }

        .top-row-menu:focus-visible[b-uu5724k839] {
            outline: 2px solid var(--insp-yellow);
            outline-offset: -2px;
        }

    html[data-bs-theme="dark"] .top-row-crumb[b-uu5724k839],
    html[data-bs-theme="dark"] .top-row-section[b-uu5724k839]::before {
        color: #8f9ba8;
    }

    html[data-bs-theme="dark"] .top-row-section[b-uu5724k839] {
        color: #b7c2cd;
    }
}

@media (prefers-reduced-motion: reduce) {
    .top-row-chevron[b-uu5724k839],
    .top-row-menu[b-uu5724k839] {
        transition: none;
    }
}
/* /Components/Notifications/RuleHistoryPanel.razor.rz.scp.css */
.rule-history[b-8mardto790] {
    margin-top: 0.25rem;
    padding: 0.6rem 0.75rem;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--insp-primary) 5%, transparent);
}

.rule-history-list[b-8mardto790],
.rule-history-lines[b-8mardto790] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rule-history-item + .rule-history-item[b-8mardto790] {
    border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 55%, transparent);
}

.rule-history-row[b-8mardto790] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.6rem;
    width: 100%;
    padding: 0.4rem 0;
    border: 0;
    background: none;
    color: inherit;
    text-align: left;
    font-size: var(--fs-sm);
    border-radius: 0.3rem;
}

    .rule-history-row:hover[b-8mardto790] {
        background: color-mix(in srgb, var(--insp-primary) 7%, transparent);
    }

    .rule-history-row:focus-visible[b-8mardto790] {
        outline: 2px solid var(--insp-primary);
        outline-offset: 1px;
    }

.rule-history-when[b-8mardto790] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rule-history-job[b-8mardto790] {
    flex: 1 1 10rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rule-history-counts[b-8mardto790] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.rule-count[b-8mardto790],
.rule-status[b-8mardto790] {
    padding: 0 0.4rem;
    border-radius: 999px;
    font-size: var(--fs-2xs, 0.7rem);
    white-space: nowrap;
    background: color-mix(in srgb, var(--state-accent, #6c757d) 15%, transparent);
    color: color-mix(in srgb, var(--state-accent, #6c757d) 75%, var(--bs-body-color));
}

    .rule-count.ok[b-8mardto790],
    .rule-status.ok[b-8mardto790] {
        --state-accent: #198754;
    }

    .rule-count.merged[b-8mardto790],
    .rule-status.merged[b-8mardto790] {
        --state-accent: #6f42c1;
    }

    .rule-count.queued[b-8mardto790],
    .rule-status.queued[b-8mardto790] {
        --state-accent: #b45309;
    }

    .rule-count.failed[b-8mardto790],
    .rule-status.failed[b-8mardto790] {
        --state-accent: #dc3545;
    }

    .rule-count.hook[b-8mardto790] {
        --state-accent: #0f766e;
    }

.rule-history-lines[b-8mardto790] {
    display: grid;
    gap: 0.45rem;
    padding: 0.2rem 0 0.6rem 1rem;
}

.rule-history-line-head[b-8mardto790] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--fs-sm);
}
/* /Components/Notifications/RulesPanel.razor.rz.scp.css */
.project-rules[b-eykzj88gj2] {
    max-width: 1100px;
}

.rules-card > .tile-head-band[b-eykzj88gj2] {
    position: relative;
}

.rules-card > .tile-head-band[b-eykzj88gj2]  .info-tip {
    position: static;
}

.rules-card > .tile-head-band[b-eykzj88gj2]  .info-tip-bubble {
    left: 0.75rem;
    right: 0.75rem;
    width: auto;
    max-width: 34rem;
}

    .rules-card > .tile-head-band[b-eykzj88gj2]  .info-tip-bubble::before {
        display: none;
    }

.rules-starters[b-eykzj88gj2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--insp-primary) 6%, transparent);
}

.rules-starters-label[b-eykzj88gj2] {
    font-size: var(--fs-sm);
    font-weight: 600;
    margin-right: 0.25rem;
}

.rules-empty[b-eykzj88gj2] {
    margin: 0.75rem 0 0;
    font-size: var(--fs-sm);
    color: var(--bs-secondary-color, #6c757d);
}

.rules-list[b-eykzj88gj2] {
    display: flex;
    flex-direction: column;
    margin-top: 0.5rem;
}

.rules-item[b-eykzj88gj2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.75rem;
    padding: 0.65rem 0;
    border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 60%, transparent);
    transition: opacity var(--motion-fast) var(--ease-out);
}

    .rules-item:first-child[b-eykzj88gj2] {
        border-top: 0;
    }

    .rules-item.paused .rules-item-main[b-eykzj88gj2] {
        opacity: 0.62;
    }

.rules-item-main[b-eykzj88gj2] {
    flex: 1 1 20rem;
    min-width: 0;
}

.rules-item-title[b-eykzj88gj2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.rules-item-meta[b-eykzj88gj2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.3rem;
}

.rules-chip[b-eykzj88gj2] {
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    font-size: var(--fs-xs);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: color-mix(in srgb, var(--chip-accent) 13%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--chip-accent) 30%, transparent);
}

    .rules-chip.when[b-eykzj88gj2] {
        --chip-accent: var(--insp-primary);
    }

    .rules-chip.who[b-eykzj88gj2] {
        --chip-accent: #6f42c1;
    }

    .rules-chip.how[b-eykzj88gj2] {
        --chip-accent: #0f766e;
    }

.rules-item-stats[b-eykzj88gj2] {
    margin-top: 0.25rem;
    font-size: var(--fs-xs);
    color: var(--bs-secondary-color, #6c757d);
}

.rules-item-actions[b-eykzj88gj2] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

    .rules-item-actions .form-switch[b-eykzj88gj2] {
        padding-left: 2.6em;
    }

    .rules-item-actions .btn-action.active[b-eykzj88gj2] {
        box-shadow: inset 0 0 0 1px var(--insp-primary);
    }

.rules-item[b-eykzj88gj2]  .rule-history {
    flex: 1 0 100%;
}

@media (max-width: 575.98px) {
    .rules-item-actions[b-eykzj88gj2] {
        width: 100%;
        justify-content: flex-end;
    }
}

.rules-card .band-heading[b-eykzj88gj2] {
    display: flex;
    flex: 1 1 8rem;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.5rem;
    min-width: 0;
}

.rules-scopes[b-eykzj88gj2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.75rem;
}

    .rules-chip.scope[b-eykzj88gj2] {
        --chip-accent: #b45309;
    }
/* /Components/Notifications/RuleWizard.razor.rz.scp.css */
.rule-wizard[b-ygr25ff7zj] {
    max-width: 1100px;
}

.rule-steps[b-ygr25ff7zj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.4rem;
    list-style: none;
    margin: 0.75rem 0;
    padding: 0;
}

.rule-step[b-ygr25ff7zj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 0.5rem;
    align-items: center;
    width: 100%;
    padding: 0.45rem 0.6rem;
    border: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 80%, transparent);
    border-radius: 0.55rem;
    background: transparent;
    color: inherit;
    text-align: left;
    transition: background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);
}

    .rule-step:hover[b-ygr25ff7zj] {
        background: color-mix(in srgb, var(--insp-primary) 6%, transparent);
    }

    .rule-step:focus-visible[b-ygr25ff7zj] {
        outline: 2px solid var(--insp-primary);
        outline-offset: 2px;
    }

    .rule-step.active[b-ygr25ff7zj] {
        border-color: var(--insp-primary);
        background: color-mix(in srgb, var(--insp-primary) 10%, transparent);
    }

.rule-step-no[b-ygr25ff7zj] {
    grid-row: 1 / span 2;
    display: inline-grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    font-weight: 700;
    font-size: var(--fs-sm);
    background: color-mix(in srgb, var(--bs-secondary-color, #6c757d) 18%, transparent);
}

.rule-step.active .rule-step-no[b-ygr25ff7zj] {
    background: var(--insp-primary);
    color: #fff;
}

.rule-step.done .rule-step-no[b-ygr25ff7zj] {
    background: color-mix(in srgb, #198754 30%, transparent);
}

.rule-step-name[b-ygr25ff7zj] {
    font-weight: 600;
    font-size: var(--fs-sm);
}

.rule-step-hint[b-ygr25ff7zj] {
    font-size: var(--fs-xs);
    color: var(--bs-secondary-color, #6c757d);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rule-step-body[b-ygr25ff7zj] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-height: 12rem;
}

.rule-wizard-foot[b-ygr25ff7zj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 70%, transparent);
}

    .rule-wizard-foot[b-ygr25ff7zj]  .set-row {
        flex: 0 1 18rem;
        padding: 0;
        border: 0;
    }

.rule-wizard-buttons[b-ygr25ff7zj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-left: auto;
}

.rule-step-body[b-ygr25ff7zj]  .rule-field {
    max-width: 44rem;
}

.rule-step-body[b-ygr25ff7zj]  .rule-group {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

    .rule-step-body[b-ygr25ff7zj]  .rule-group > legend {
        float: none;
        width: auto;
        margin-bottom: 0.4rem;
        font-size: var(--fs-sm);
        font-weight: 600;
    }

.rule-step-body[b-ygr25ff7zj]  .rule-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

    .rule-step-body[b-ygr25ff7zj]  .rule-chips .filter-tag {
        min-height: 2.1rem;
    }

.rule-step-body[b-ygr25ff7zj]  .rule-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.6rem;
    font-size: var(--fs-sm);
}

    .rule-step-body[b-ygr25ff7zj]  .rule-inline > label {
        margin: 0;
        font-weight: 600;
    }

.rule-step-body[b-ygr25ff7zj]  .rule-number {
    width: 6.5rem;
}

.rule-step-body[b-ygr25ff7zj]  .rule-time {
    width: 9rem;
}

.rule-step-body[b-ygr25ff7zj]  .rule-select {
    width: auto;
    max-width: 100%;
}

.rule-step-body[b-ygr25ff7zj]  .rule-text {
    flex: 1 1 12rem;
    max-width: 20rem;
}

.rule-step-body[b-ygr25ff7zj]  .rule-filters {
    padding: 0.6rem 0.75rem;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--insp-primary) 5%, transparent);
}

    .rule-step-body[b-ygr25ff7zj]  .rule-filters > summary {
        font-weight: 600;
        font-size: var(--fs-sm);
        cursor: pointer;
    }

    .rule-step-body[b-ygr25ff7zj]  .rule-filters[open] > summary {
        margin-bottom: 0.6rem;
    }

.rule-step-body[b-ygr25ff7zj]  .rule-filter {
    display: grid;
    grid-template-columns: 11rem minmax(0, 1fr);
    gap: 0.4rem 0.75rem;
    align-items: start;
    padding: 0.35rem 0;
}

    .rule-step-body[b-ygr25ff7zj]  .rule-filter > .set-row {
        grid-column: 2;
    }

.rule-step-body[b-ygr25ff7zj]  .rule-filter-label {
    padding-top: 0.4rem;
    font-size: var(--fs-sm);
    font-weight: 600;
}

.rule-step-body[b-ygr25ff7zj]  .rule-picked {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.2rem 0.15rem 0.6rem;
    border-radius: 999px;
    font-size: var(--fs-xs);
    background: color-mix(in srgb, var(--insp-primary) 13%, transparent);
}

    .rule-step-body[b-ygr25ff7zj]  .rule-picked.missing {
        background: color-mix(in srgb, #dc3545 14%, transparent);
        text-decoration: line-through;
    }

.rule-step-body[b-ygr25ff7zj]  .rule-picked-remove {
    display: inline-grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    line-height: 1;
}

    .rule-step-body[b-ygr25ff7zj]  .rule-picked-remove:hover {
        background: color-mix(in srgb, var(--bs-body-color) 12%, transparent);
    }

.rule-step-body[b-ygr25ff7zj]  .rule-picker {
    flex: 1 1 14rem;
    max-width: 22rem;
}

.rule-step-body[b-ygr25ff7zj]  .rule-conditions {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.rule-step-body[b-ygr25ff7zj]  .rule-condition {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.6rem 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 80%, transparent);
}

.rule-step-body[b-ygr25ff7zj]  .rule-condition .rule-filter {
    grid-template-columns: 8rem minmax(0, 1fr);
}

.rule-step-body[b-ygr25ff7zj]  .rule-who {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 0.4rem;
}

.rule-step-body[b-ygr25ff7zj]  .rule-who-option {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.5rem 0.65rem;
    border-radius: 0.5rem;
    border: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 80%, transparent);
    font-size: var(--fs-sm);
    cursor: pointer;
}

    .rule-step-body[b-ygr25ff7zj]  .rule-who-option:has(input:checked) {
        border-color: var(--insp-primary);
        background: color-mix(in srgb, var(--insp-primary) 8%, transparent);
    }

    .rule-step-body[b-ygr25ff7zj]  .rule-who-option.disabled {
        opacity: 0.5;
        cursor: default;
    }

    .rule-step-body[b-ygr25ff7zj]  .rule-who-option input {
        margin-top: 0.15rem;
        flex: none;
    }

.rule-step-body[b-ygr25ff7zj]  .rule-estimate {
    margin: 0;
    font-size: var(--fs-sm);
    color: var(--bs-secondary-color, #6c757d);
}

.rule-step-body[b-ygr25ff7zj]  .rule-what {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.rule-step-body[b-ygr25ff7zj]  .rule-what-edit {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.rule-step-body[b-ygr25ff7zj]  .rule-token {
    font-family: var(--bs-font-monospace);
    font-size: var(--fs-xs);
}

.rule-step-body[b-ygr25ff7zj]  .rule-preview {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.75rem;
    border-radius: 0.6rem;
    background: color-mix(in srgb, var(--insp-primary) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--insp-primary) 22%, transparent);
    min-width: 0;
}

.rule-step-body[b-ygr25ff7zj]  .rule-preview-head {
    --band-pad-y: 0.35rem;
    --band-pad-x: 0.75rem;
    display: flex;
    align-items: center;
    margin: -0.75rem -0.75rem 0;
    padding: var(--band-pad-y) var(--band-pad-x);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom: 1px solid color-mix(in srgb, var(--insp-primary) 22%, transparent);
}

.rule-step-body[b-ygr25ff7zj]  .rule-preview-head > .band-action {
    min-width: 0;
}

.rule-step-body[b-ygr25ff7zj]  .rule-preview-head > .band-action:disabled {
    opacity: 0.55;
    cursor: default;
}

.rule-step-body[b-ygr25ff7zj]  .rule-preview-message {
    padding: 0.6rem 0.7rem;
    border-radius: 0.5rem;
    background: var(--card-solid, var(--card-bg, var(--bs-body-bg)));
    box-shadow: 0 1px 3px rgba(14, 42, 71, 0.12);
}

.rule-step-body[b-ygr25ff7zj]  .rule-preview-subject {
    font-weight: 600;
    margin-bottom: 0.25rem;
    overflow-wrap: anywhere;
}

.rule-step-body[b-ygr25ff7zj]  .rule-preview-body {
    font-size: var(--fs-sm);
    overflow-wrap: anywhere;
}

.rule-step-body[b-ygr25ff7zj]  .rule-preview-count {
    margin: 0;
    font-size: var(--fs-sm);
}

.rule-step-body[b-ygr25ff7zj]  .rule-preview-hits {
    margin: 0.4rem 0 0;
    padding-left: 1rem;
    font-size: var(--fs-xs);
    max-height: 12rem;
    overflow: auto;
}

@media (max-width: 767.98px) {
    .rule-steps[b-ygr25ff7zj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rule-step-body[b-ygr25ff7zj]  .rule-what {
        grid-template-columns: minmax(0, 1fr);
    }

    .rule-step-body[b-ygr25ff7zj]  .rule-filter {
        grid-template-columns: minmax(0, 1fr);
    }

        .rule-step-body[b-ygr25ff7zj]  .rule-filter > .set-row {
            grid-column: 1;
        }

    .rule-step-body[b-ygr25ff7zj]  .rule-filter-label {
        padding-top: 0;
    }
}

@media (max-width: 420px) {
    .rule-step-hint[b-ygr25ff7zj] {
        display: none;
    }
}

.rule-wizard .band-heading[b-ygr25ff7zj] {
    display: flex;
    flex: 1 1 8rem;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.5rem;
    min-width: 0;
}

.rule-scope[b-ygr25ff7zj] {
    margin-bottom: 0.9rem;
}
/* /Components/Pages/AdminPlatform.razor.rz.scp.css */
.platform-hub[b-tl7j0ms2xi] {
    max-width: 1080px;
}

.platform-links[b-tl7j0ms2xi] {
    display: grid;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .platform-links li[b-tl7j0ms2xi] {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 0.2rem 0.75rem;
    }

    .platform-links a[b-tl7j0ms2xi] {
        font-weight: 600;
    }

.platform-link-about[b-tl7j0ms2xi] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm, 0.875rem);
}
/* /Components/Pages/Login.razor.rz.scp.css */
.demo-password[b-5017d71a85] {
    margin-top: 2rem;
    max-width: 22rem;
}

    .demo-password summary[b-5017d71a85] {
        cursor: pointer;
        color: var(--insp-primary);
        font-size: var(--fs-sm);
    }

    .demo-password .login-form[b-5017d71a85] {
        margin-top: 0.9rem;
    }
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notification[b-3tft0sqmzu] {
    text-align: left;
}

.notification.unread[b-3tft0sqmzu] {
    border-left: 3px solid var(--insp-primary);
    background: rgba(0, 136, 202, 0.1);
}

.unread-dot[b-3tft0sqmzu] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--insp-primary);
    display: inline-block;
}

.notification.has-wording[b-3tft0sqmzu] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.notification-wording[b-3tft0sqmzu] {
    border-top: 0;
    padding: 0 1rem 0.5rem 3.1rem;
    margin-top: calc(-1 * var(--bs-list-group-border-width, 1px));
}

.notification-wording.unread[b-3tft0sqmzu] {
    border-left: 3px solid var(--insp-primary);
    background: rgba(0, 136, 202, 0.1);
}

.notification-lines[b-3tft0sqmzu] {
    margin: 0.35rem 0 0;
    padding-left: 1rem;
    display: grid;
    gap: 0.4rem;
}
/* /Components/Pages/PrivacyPolicyPage.razor.rz.scp.css */
.privacy-policy[b-kmg640co84] {
    max-width: 52rem;
    padding-bottom: 2rem;
}

.privacy-policy-meta[b-kmg640co84] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm, 0.875rem);
}

.privacy-policy-text[b-kmg640co84]  h1 {
    font-size: 1.6rem;
    margin: 0.5rem 0 1rem;
}

.privacy-policy-text[b-kmg640co84]  h2 {
    font-size: 1.2rem;
    margin: 1.4rem 0 0.5rem;
}

.privacy-policy-text[b-kmg640co84]  h3 {
    font-size: 1.05rem;
    margin: 1.1rem 0 0.4rem;
}

.privacy-policy-text[b-kmg640co84]  p,
.privacy-policy-text[b-kmg640co84]  li {
    line-height: 1.6;
}
/* /Components/Pages/Reports.razor.rz.scp.css */
.reports-page[b-o7g6zak0as] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    max-width: 1100px;
    margin-bottom: 1.5rem;
}

.report-pick[b-o7g6zak0as] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
}

.report-tile[b-o7g6zak0as] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.75rem;
    background: var(--bs-body-bg, #fff);
    color: inherit;
    text-align: left;
    box-shadow: 0 1px 3px rgba(14, 42, 71, 0.06);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

    .report-tile:hover[b-o7g6zak0as] {
        border-color: color-mix(in srgb, var(--insp-primary) 55%, var(--bs-border-color, #dee2e6));
        box-shadow: 0 3px 12px rgba(14, 42, 71, 0.12);
    }

    .report-tile:focus-visible[b-o7g6zak0as] {
        outline: 2px solid var(--insp-primary);
        outline-offset: 2px;
    }

    .report-tile.active[b-o7g6zak0as] {
        border-color: var(--insp-primary);
        background: color-mix(in srgb, var(--insp-primary) 7%, var(--bs-body-bg, #fff));
        box-shadow: inset 0 -3px 0 var(--insp-yellow, #ffed36), 0 2px 10px rgba(14, 42, 71, 0.1);
    }

.report-tile-icon[b-o7g6zak0as] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.6rem;
    background: color-mix(in srgb, var(--insp-primary) 10%, transparent);
    font-size: 1.15rem;
    line-height: 1;
}

.report-tile.active .report-tile-icon[b-o7g6zak0as] {
    background: color-mix(in srgb, var(--insp-primary) 22%, transparent);
    opacity: 1;
}

.report-tile-text[b-o7g6zak0as] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

    .report-tile-text strong[b-o7g6zak0as] {
        font-size: var(--fs-sm);
        line-height: 1.3;
    }

    .report-tile-text small[b-o7g6zak0as] {
        color: var(--bs-secondary-color, #6c757d);
        font-size: var(--fs-xs);
        line-height: 1.35;
    }

.report-card[b-o7g6zak0as] {
    margin: 0;
    padding: 1rem;
}

.report-toolbar[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1.75rem;
    margin: 0.35rem 0 1rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--insp-primary) 3%, var(--bs-body-bg, #fff));
}

    .report-toolbar[b-o7g6zak0as]  .report-field {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
        min-width: 0;
    }

    .report-toolbar[b-o7g6zak0as]  .lang-seg {
        flex-wrap: nowrap;
    }

.report-field-label[b-o7g6zak0as],
.report-toolbar[b-o7g6zak0as]  .lang-seg-label,
.report-list-head[b-o7g6zak0as],
.report-editor-label[b-o7g6zak0as] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.report-field-note[b-o7g6zak0as] {
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

.report-period[b-o7g6zak0as]  .date-range-field {
    gap: 0.5rem 0.75rem !important;
}

.report-period[b-o7g6zak0as]  .date-range-input {
    width: 9.5rem;
}

.report-period[b-o7g6zak0as]  .date-range-pair .col-form-label {
    padding: 0;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm);
}

.report-list-head[b-o7g6zak0as] {
    margin: 0 0 0.5rem;
}

.report-count[b-o7g6zak0as] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.3rem;
    padding: 0 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--insp-primary) 13%, transparent);
    color: var(--insp-primary-dark);
    font-size: var(--fs-2xs);
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

.report-list[b-o7g6zak0as] {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.65rem;
}

.report-row[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem 1rem;
    padding: 0.65rem 0.8rem;
    transition: background-color 0.12s ease;
}

    .report-row + .report-row[b-o7g6zak0as] {
        border-top: 1px solid var(--bs-border-color, #dee2e6);
    }

    .report-row:first-child[b-o7g6zak0as] {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .report-row:last-child[b-o7g6zak0as] {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }

    .report-row:hover[b-o7g6zak0as] {
        background: color-mix(in srgb, var(--insp-primary) 4%, transparent);
    }

    .report-row.is-editing[b-o7g6zak0as] {
        background: color-mix(in srgb, var(--insp-primary) 7%, transparent);
        box-shadow: inset 3px 0 0 var(--insp-primary);
    }

.report-row-main[b-o7g6zak0as] {
    display: flex;
    flex: 1 1 16rem;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.report-row-title[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.report-chips[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.report-chip[b-o7g6zak0as] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.08rem 0.55rem;
    border: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 85%, transparent);
    border-radius: 999px;
    background: var(--bs-tertiary-bg, #f8f9fa);
    color: var(--bs-body-color);
    font-size: var(--fs-xs);
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}

.report-chip-soft[b-o7g6zak0as] {
    background: transparent;
    color: var(--bs-secondary-color, #6c757d);
}

.report-chip-csv[b-o7g6zak0as] {
    border-color: color-mix(in srgb, var(--insp-primary) 45%, transparent);
    background: color-mix(in srgb, var(--insp-primary) 12%, transparent);
    color: var(--insp-primary-dark);
    font-weight: 600;
}

.report-chip-xlsx[b-o7g6zak0as] {
    border-color: rgba(25, 135, 84, 0.45);
    background: rgba(25, 135, 84, 0.12);
    color: #146c43;
    font-weight: 600;
}

.report-chip-default[b-o7g6zak0as] {
    border-color: color-mix(in srgb, var(--insp-yellow-dark, #ebd713) 75%, transparent);
    background: color-mix(in srgb, var(--insp-yellow, #ffed36) 38%, transparent);
    color: #5b5200;
    font-size: var(--fs-2xs);
    font-weight: 600;
}

.report-chip-person[b-o7g6zak0as] {
    white-space: normal;
}

.report-row-actions[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    margin-left: auto;
}

.report-download[b-o7g6zak0as] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.report-row-actions[b-o7g6zak0as]  .report-icon-button {
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
}

.report-empty[b-o7g6zak0as] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 1.5rem 1rem;
    border: 1px dashed var(--bs-border-color, #dee2e6);
    border-radius: 0.65rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm);
    text-align: center;
}

    .report-empty strong[b-o7g6zak0as] {
        color: var(--bs-body-color);
        font-size: var(--fs-md);
    }

    .report-empty .btn[b-o7g6zak0as] {
        margin-top: 0.4rem;
    }

.report-empty-icon[b-o7g6zak0as] {
    font-size: 1.8rem;
    line-height: 1;
}

.report-editor[b-o7g6zak0as] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-top: 1rem;
    padding: 0.9rem;
    border: 1px solid color-mix(in srgb, var(--insp-primary) 40%, var(--bs-border-color, #dee2e6));
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--insp-primary) 3%, var(--bs-body-bg, #fff));
}

.report-editor-head[b-o7g6zak0as] {
    color: var(--insp-primary-dark);
    font-weight: 600;
}

.report-editor-grid[b-o7g6zak0as] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.75rem;
}

.report-editor-block[b-o7g6zak0as] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.report-editor-label[b-o7g6zak0as] {
    float: none;
    width: auto;
    margin: 0 0 0.45rem;
    padding: 0;
    line-height: 1.4;
}

.report-checks[b-o7g6zak0as] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: 0.35rem 1rem;
}

.report-editor-inline[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
}

.report-number[b-o7g6zak0as] {
    width: 6.5rem;
}

.report-switches[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
}

.report-preview[b-o7g6zak0as] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.6rem 0.8rem;
    border-left: 3px solid var(--insp-primary);
    border-radius: 0.5rem;
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.report-preview-label[b-o7g6zak0as] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-2xs);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.report-editor-actions[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.report-tokens[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.4rem;
}

.report-token[b-o7g6zak0as] {
    padding: 0 0.4rem;
    border: 1px dashed var(--bs-border-color, #dee2e6);
    border-radius: 0.35rem;
    background: transparent;
    color: var(--insp-accent);
    font-family: var(--bs-font-monospace);
    font-size: var(--fs-2xs);
    line-height: 1.6;
}

    .report-token:hover[b-o7g6zak0as] {
        border-style: solid;
        border-color: var(--insp-primary);
        color: var(--insp-primary);
    }

.report-seg[b-o7g6zak0as] {
    display: inline-flex;
    padding: 2px;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 999px;
    background: var(--bs-body-bg, #fff);
}

.report-seg-option[b-o7g6zak0as] {
    min-height: 1.75rem;
    padding: 0.1rem 0.9rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm);
    font-weight: 600;
}

    .report-seg-option:hover:not(.active)[b-o7g6zak0as] {
        background: color-mix(in srgb, var(--insp-primary) 10%, transparent);
        color: var(--bs-body-color);
    }

    .report-seg-option.active[b-o7g6zak0as] {
        background: var(--insp-primary);
        color: #fff;
    }

.report-order[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.report-order-chip[b-o7g6zak0as] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.3rem 0.2rem 0.45rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.45rem;
    background: var(--bs-body-bg, #fff);
    font-size: var(--fs-xs);
    cursor: grab;
    user-select: none;
}

.report-order-move[b-o7g6zak0as] {
    padding: 0 0.2rem;
    border: 0;
    background: transparent;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.65rem;
    line-height: 1;
}

    .report-order-move:hover[b-o7g6zak0as] {
        color: var(--insp-primary);
    }

.report-subsection[b-o7g6zak0as] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.report-subsection .report-list-head[b-o7g6zak0as] {
    color: var(--insp-primary-dark);
}

.report-filters[b-o7g6zak0as] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

.report-note[b-o7g6zak0as] {
    display: block;
    margin: -0.4rem 0 0.8rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs);
}

.report-picklist[b-o7g6zak0as] {
    margin-bottom: 0.75rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.65rem;
    overflow: hidden;
}

.report-pick-all[b-o7g6zak0as],
.report-pick-row[b-o7g6zak0as] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.45rem 0.8rem;
}

    .report-pick-all .form-check-input[b-o7g6zak0as],
    .report-pick-row .form-check-input[b-o7g6zak0as] {
        float: none;
        flex-shrink: 0;
        margin: 0.15rem 0 0;
    }

.report-pick-all[b-o7g6zak0as] {
    align-items: center;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-tertiary-bg, #f8f9fa);
    font-weight: 600;
}

    .report-pick-all .form-check-input[b-o7g6zak0as] {
        margin-top: 0;
    }

.report-pick-rows[b-o7g6zak0as] {
    max-height: 320px;
    overflow-y: auto;
}

.report-pick-row[b-o7g6zak0as] {
    cursor: pointer;
}

    .report-pick-row + .report-pick-row[b-o7g6zak0as] {
        border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 60%, transparent);
    }

    .report-pick-row:hover[b-o7g6zak0as] {
        background: color-mix(in srgb, var(--insp-primary) 4%, transparent);
    }

    .report-pick-row.is-picked[b-o7g6zak0as] {
        background: color-mix(in srgb, var(--insp-primary) 8%, transparent);
    }

.report-pick-text[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 0.6rem;
    min-width: 0;
}

.report-pick-title[b-o7g6zak0as] {
    overflow-wrap: anywhere;
}

.report-parts[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.85rem;
}

    .report-parts .report-field-label[b-o7g6zak0as] {
        margin-right: 0.25rem;
    }

.report-toggle[b-o7g6zak0as] {
    padding: 0.25rem 0.8rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 999px;
    background: transparent;
    color: var(--bs-body-color);
    font-size: var(--fs-sm);
    transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

    .report-toggle:hover:not(.active)[b-o7g6zak0as] {
        border-color: var(--insp-primary);
        background: color-mix(in srgb, var(--insp-primary) 8%, transparent);
    }

    .report-toggle.active[b-o7g6zak0as] {
        border-color: var(--insp-primary);
        background: var(--insp-primary);
        color: #fff;
    }

.report-footer[b-o7g6zak0as] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.report-summaries[b-o7g6zak0as] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 0.6rem;
}

.report-job-part + .report-job-part[b-o7g6zak0as] {
    margin-top: 0.9rem;
}

.report-job-label[b-o7g6zak0as] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.4rem;
    font-size: var(--fs-sm);
}

.report-photos[b-o7g6zak0as] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
    gap: 0.5rem;
}

.report-photo[b-o7g6zak0as] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    text-decoration: none;
}

    .report-photo img[b-o7g6zak0as] {
        width: 100%;
        aspect-ratio: 1;
        border: 1px solid var(--bs-border-color, #dee2e6);
        border-radius: 0.45rem;
        object-fit: cover;
    }

html[data-bs-theme="dark"] .report-tile[b-o7g6zak0as],
html[data-bs-theme="dark"] .report-list[b-o7g6zak0as],
html[data-bs-theme="dark"] .report-row + .report-row[b-o7g6zak0as],
html[data-bs-theme="dark"] .report-toolbar[b-o7g6zak0as],
html[data-bs-theme="dark"] .report-picklist[b-o7g6zak0as],
html[data-bs-theme="dark"] .report-subsection[b-o7g6zak0as],
html[data-bs-theme="dark"] .report-footer[b-o7g6zak0as] {
    border-color: var(--insp-border);
}

html[data-bs-theme="dark"] .report-tile[b-o7g6zak0as] {
    background: var(--insp-surface-2);
}

    html[data-bs-theme="dark"] .report-tile.active[b-o7g6zak0as] {
        background: color-mix(in srgb, var(--insp-primary) 16%, var(--insp-surface-2));
    }

html[data-bs-theme="dark"] .report-toolbar[b-o7g6zak0as],
html[data-bs-theme="dark"] .report-editor[b-o7g6zak0as] {
    background: color-mix(in srgb, var(--insp-primary) 5%, var(--insp-surface));
}

html[data-bs-theme="dark"] .report-chip-xlsx[b-o7g6zak0as] {
    color: #75d6a4;
}

html[data-bs-theme="dark"] .report-chip-default[b-o7g6zak0as] {
    color: #fff3a3;
}

html[data-bs-theme="dark"] .report-seg-option.active[b-o7g6zak0as],
html[data-bs-theme="dark"] .report-toggle.active[b-o7g6zak0as] {
    color: #08151c;
}

@media (max-width: 991.98px) {
    .report-pick[b-o7g6zak0as] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .report-pick[b-o7g6zak0as] {
        gap: 0.45rem;
    }

    .report-tile[b-o7g6zak0as] {
        align-items: center;
        gap: 0.5rem;
        padding: 0.55rem 0.6rem;
    }

    .report-tile-icon[b-o7g6zak0as] {
        width: 1.8rem;
        height: 1.8rem;
        font-size: 1rem;
    }

    .report-tile-text small[b-o7g6zak0as] {
        display: none;
    }

    .report-card > .tile-head-band[b-o7g6zak0as] {
        flex-wrap: nowrap;
    }

        .report-card > .tile-head-band > .tile-heading[b-o7g6zak0as] {
            min-width: 0;
        }

        .report-card > .tile-head-band > .band-action[b-o7g6zak0as] {
            flex-shrink: 0;
            padding: 0 0.65rem;
        }

    .report-toolbar[b-o7g6zak0as] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.85rem;
        padding: 0.65rem;
    }

    .report-period[b-o7g6zak0as]  .date-range-field {
        width: 100%;
    }

    .report-row[b-o7g6zak0as] {
        flex-direction: column;
        align-items: stretch;
    }

    .report-row-main[b-o7g6zak0as] {
        flex-basis: auto;
    }

    .report-row-actions[b-o7g6zak0as] {
        flex-wrap: nowrap;
        margin-left: 0;
    }

        .report-row-actions .report-download[b-o7g6zak0as] {
            flex: 1 1 auto;
        }

    .report-checks[b-o7g6zak0as] {
        grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    }

    .report-footer .report-download[b-o7g6zak0as] {
        flex: 1 1 100%;
    }

    .report-footer small[b-o7g6zak0as] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-shell[b-ltcc6b9qpf] {
    container-type: inline-size;
    width: 100%;
    min-width: 0;
}

.settings-layout[b-ltcc6b9qpf] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.settings-nav[b-ltcc6b9qpf] {
    display: flex;
    gap: 0.35rem;
    margin: 0 -0.75rem;
    padding: 0.15rem 0.75rem 0.45rem;
    overflow-x: auto;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    -webkit-mask: linear-gradient(90deg, transparent 0, #000 0.75rem, #000 calc(100% - 1.25rem), transparent 100%);
    mask: linear-gradient(90deg, transparent 0, #000 0.75rem, #000 calc(100% - 1.25rem), transparent 100%);
}

    .settings-nav[b-ltcc6b9qpf]::-webkit-scrollbar {
        display: none;
    }

.settings-nav-group[b-ltcc6b9qpf] {
    display: contents;
}

.settings-nav-group-title[b-ltcc6b9qpf] {
    display: none;
}

.settings-nav-item[b-ltcc6b9qpf] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.5rem;
    padding: 0.35rem 0.9rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 999px;
    background: var(--bs-body-bg, #fff);
    color: var(--bs-secondary-color, #64748b);
    font-size: var(--fs-sm, 0.875rem);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

    .settings-nav-item:hover[b-ltcc6b9qpf] {
        border-color: color-mix(in srgb, var(--insp-primary, #0088ca) 45%, var(--bs-border-color, #dee2e6));
        color: var(--insp-primary-dark, #006c9f);
    }

    .settings-nav-item.active[b-ltcc6b9qpf] {
        border-color: var(--insp-primary, #0088ca);
        background: var(--insp-primary, #0088ca);
        color: #fff;
    }

    .settings-nav-item:focus-visible[b-ltcc6b9qpf] {
        outline: 2px solid var(--insp-accent, #00aad3);
        outline-offset: 2px;
    }

.settings-nav-icon[b-ltcc6b9qpf] {
    flex: 0 0 auto;
    width: 1.1rem;
    height: 1.1rem;
    background: currentColor;
    -webkit-mask: var(--nav-icon, var(--icon-notif-flag)) center / contain no-repeat;
    mask: var(--nav-icon, var(--icon-notif-flag)) center / contain no-repeat;
}

.icon-user[b-ltcc6b9qpf] { --nav-icon: var(--icon-notif-user); }
.icon-bell[b-ltcc6b9qpf] { --nav-icon: var(--icon-bell); }
.icon-key[b-ltcc6b9qpf] { --nav-icon: var(--icon-notif-key); }
.icon-plug[b-ltcc6b9qpf] { --nav-icon: var(--icon-notif-plug); }
.icon-pin[b-ltcc6b9qpf] { --nav-icon: var(--icon-notif-pin); }
.icon-sliders[b-ltcc6b9qpf] { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h9M17 6h3M4 12h3M11 12h9M4 18h11M19 18h1'/%3E%3Ccircle cx='15' cy='6' r='2'/%3E%3Ccircle cx='9' cy='12' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E"); }
.icon-palette[b-ltcc6b9qpf] { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5a8.5 8.5 0 1 0 0 17c1.2 0 1.8-.8 1.8-1.7 0-1.3-1-1.6-1-2.6 0-.9.7-1.5 1.7-1.5H17a3.5 3.5 0 0 0 3.5-3.5c0-4.3-3.8-7.7-8.5-7.7z'/%3E%3Ccircle cx='7.8' cy='11' r='1.1'/%3E%3Ccircle cx='10.2' cy='7.4' r='1.1'/%3E%3Ccircle cx='14.6' cy='7.6' r='1.1'/%3E%3C/svg%3E"); }
.icon-card[b-ltcc6b9qpf] { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.2'/%3E%3Ccircle cx='9' cy='11' r='2.2'/%3E%3Cpath d='M5.8 16.2a3.4 3.4 0 0 1 6.4 0M14.5 10h4M14.5 13.5h3'/%3E%3C/svg%3E"); }
.icon-shield[b-ltcc6b9qpf] { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 5 6.2v5.3c0 4.3 3 7.6 7 9 4-1.4 7-4.7 7-9V6.2z'/%3E%3Cpath d='M9.2 12.2l2 2 3.8-4'/%3E%3C/svg%3E"); }
.icon-users[b-ltcc6b9qpf] { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3.2'/%3E%3Cpath d='M3.5 19a5.5 5.5 0 0 1 11 0'/%3E%3Cpath d='M16 5.6a3 3 0 0 1 0 5.8M17.5 14.2a5 5 0 0 1 3 4.8'/%3E%3C/svg%3E"); }
.icon-calendar[b-ltcc6b9qpf] { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.2'/%3E%3Cpath d='M3.5 9.8h17M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
.icon-calfeed[b-ltcc6b9qpf] { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11V7.2A2.2 2.2 0 0 0 18.3 5H5.7A2.2 2.2 0 0 0 3.5 7.2v11.1a2.2 2.2 0 0 0 2.2 2.2H11'/%3E%3Cpath d='M3.5 9.8h17M8 3v4M16 3v4'/%3E%3Cpath d='M15 18.2a3.2 3.2 0 0 1 5.6-2.1M21 18.2a3.2 3.2 0 0 1-5.6 2.1'/%3E%3Cpath d='M20.8 14.4v1.9h-1.9M15.2 22v-1.9h1.9'/%3E%3C/svg%3E"); }
.icon-badge[b-ltcc6b9qpf] { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M8.8 13 7.5 21l4.5-2.4 4.5 2.4-1.3-8'/%3E%3C/svg%3E"); }
.icon-mydata[b-ltcc6b9qpf] { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14.5v3.3A2.2 2.2 0 0 0 6.2 20h11.6a2.2 2.2 0 0 0 2.2-2.2v-3.3'/%3E%3Cpath d='M12 4v11M7.5 10.5 12 15l4.5-4.5'/%3E%3C/svg%3E"); }

.settings-main[b-ltcc6b9qpf] {
    min-width: 0;
}

.settings-head[b-ltcc6b9qpf] {
    margin-bottom: 0.9rem;
}

.settings-title[b-ltcc6b9qpf] {
    margin: 0;
    color: var(--insp-text, #475363);
    font-size: var(--fs-xl, 1.25rem);
    font-weight: 650;
}

.settings-summary[b-ltcc6b9qpf] {
    margin: 0.15rem 0 0;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm, 0.875rem);
}

@container (min-width: 860px) {
    .settings-layout[b-ltcc6b9qpf] {
        display: grid;
        grid-template-columns: 14.5rem minmax(0, 52rem);
        align-items: start;
        gap: 1.75rem;
    }

    .settings-nav[b-ltcc6b9qpf] {
        position: sticky;
        top: 4.25rem;
        flex-direction: column;
        gap: 0.15rem;
        margin: 0;
        padding: 0;
        overflow: visible;
        -webkit-mask: none;
        mask: none;
    }

    .settings-nav-group[b-ltcc6b9qpf] {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
    }

        .settings-nav-group + .settings-nav-group[b-ltcc6b9qpf] {
            margin-top: 0.9rem;
        }

    .settings-nav-group-title[b-ltcc6b9qpf] {
        display: block;
        padding: 0 0.75rem 0.25rem;
        color: var(--bs-secondary-color, #6c757d);
        font-size: var(--fs-2xs, 0.72rem);
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .settings-nav-item[b-ltcc6b9qpf] {
        display: flex;
        padding: 0.45rem 0.75rem;
        border: 0;
        border-radius: 0.6rem;
        background: transparent;
        white-space: normal;
    }

        .settings-nav-item:hover[b-ltcc6b9qpf] {
            background: color-mix(in srgb, var(--insp-primary, #0088ca) 9%, transparent);
        }

        .settings-nav-item.active[b-ltcc6b9qpf] {
            background: color-mix(in srgb, var(--insp-primary, #0088ca) 14%, transparent);
            box-shadow: inset 3px 0 0 var(--insp-yellow, #ffed36);
            color: var(--insp-primary-dark, #006c9f);
        }
}

.settings-shell[b-ltcc6b9qpf]  .settings-form {
    display: grid;
    grid-template-columns: minmax(8rem, 11rem) minmax(0, 26rem);
    align-items: center;
    gap: 0.6rem 1rem;
}

    .settings-shell[b-ltcc6b9qpf]  .settings-form > label {
        margin: 0;
        font-weight: 500;
    }

.settings-shell[b-ltcc6b9qpf]  .settings-facts {
    display: grid;
    grid-template-columns: minmax(8rem, 11rem) minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem 1rem;
    margin: 0;
}

    .settings-shell[b-ltcc6b9qpf]  .settings-facts dt {
        color: var(--bs-secondary-color, #6c757d);
        font-weight: 500;
    }

    .settings-shell[b-ltcc6b9qpf]  .settings-facts dd {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.35rem 0.5rem;
        min-width: 0;
        margin: 0;
    }

.settings-shell[b-ltcc6b9qpf]  .settings-actions,
.settings-shell[b-ltcc6b9qpf]  .settings-inline-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.settings-shell[b-ltcc6b9qpf]  .settings-field-hint {
    display: block;
    margin-top: 0.25rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}

.settings-shell[b-ltcc6b9qpf]  .settings-more {
    font-size: var(--fs-sm, 0.875rem);
    white-space: nowrap;
}

.settings-shell[b-ltcc6b9qpf]  .settings-savebar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.9rem;
    margin-bottom: 1rem;
    padding: 0.6rem 0.9rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.75rem;
    background: var(--bs-body-bg, #fff);
    box-shadow: 0 2px 8px rgba(14, 42, 71, 0.06);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .settings-shell[b-ltcc6b9qpf]  .settings-savebar.is-dirty {
        position: sticky;
        bottom: 0.5rem;
        z-index: 5;
        border-color: var(--insp-primary, #0088ca);
        box-shadow: 0 6px 22px color-mix(in srgb, var(--insp-primary, #0088ca) 22%, transparent);
    }

.settings-shell[b-ltcc6b9qpf]  .settings-savebar-note {
    color: var(--bs-warning-text-emphasis, #997404);
    font-size: var(--fs-sm, 0.875rem);
    font-weight: 600;
}

.settings-shell[b-ltcc6b9qpf]  .segmented {
    display: inline-flex;
    align-self: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 3px;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 999px;
    background: var(--bs-body-bg, #fff);
}

.settings-shell[b-ltcc6b9qpf]  .segmented-option {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.5rem;
    padding: 0 1.1rem 0 0.8rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--bs-secondary-color, #6c757d);
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

    .settings-shell[b-ltcc6b9qpf]  .segmented-option:hover:not(.active) {
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 10%, transparent);
        color: var(--bs-body-color);
    }

    .settings-shell[b-ltcc6b9qpf]  .segmented-option.active {
        background: var(--insp-primary, #0088ca);
        color: #fff;
    }

html[data-bs-theme="dark"] .settings-shell[b-ltcc6b9qpf]  .segmented-option.active {
    color: #08151c;
}

    .settings-shell[b-ltcc6b9qpf]  .segmented-option:focus-visible {
        outline: 2px solid var(--insp-accent, #00aad3);
        outline-offset: 2px;
    }

.settings-shell[b-ltcc6b9qpf]  .segmented-flag {
    display: inline-block;
    width: 1.3rem;
    height: 0.9rem;
    border: 0;
    border-radius: 2px;
    background-size: cover;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.settings-shell[b-ltcc6b9qpf]  .storage-gauge {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-width: 30rem;
}

    .settings-shell[b-ltcc6b9qpf]  .storage-gauge .progress {
        height: 0.5rem;
    }

.settings-shell[b-ltcc6b9qpf]  .hint-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    column-gap: 1.5rem;
    margin-top: 0.6rem;
    padding-top: 0.4rem;
    border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 65%, transparent);
}

.settings-shell[b-ltcc6b9qpf]  .card > .badge {
    align-self: flex-start;
}

.settings-shell[b-ltcc6b9qpf]  .band-action:disabled {
    opacity: 0.5;
    cursor: default;
}

.settings-shell[b-ltcc6b9qpf]  .tile-head-band {
    position: relative;
}

.settings-shell[b-ltcc6b9qpf]  .band-heading {
    display: flex;
    flex: 1 1 8rem;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.5rem;
    min-width: 0;
}

@media (max-width: 575.98px) {
    .settings-shell[b-ltcc6b9qpf]  .settings-form,
    .settings-shell[b-ltcc6b9qpf]  .settings-facts {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.25rem;
    }

        .settings-shell[b-ltcc6b9qpf]  .settings-form > label:not(:first-child),
        .settings-shell[b-ltcc6b9qpf]  .settings-facts dt:not(:first-child) {
            margin-top: 0.5rem;
        }

        .settings-shell[b-ltcc6b9qpf]  .settings-form > span:empty {
            display: none;
        }

    .settings-shell[b-ltcc6b9qpf]  .band-action,
    .settings-shell[b-ltcc6b9qpf]  .btn-action.compact {
        min-height: 2.5rem;
    }

    .settings-shell[b-ltcc6b9qpf]  .info-tip-button {
        position: relative;
    }

        .settings-shell[b-ltcc6b9qpf]  .info-tip-button::after {
            content: "";
            position: absolute;
            inset: -0.7rem;
        }
}
/* /Components/Pages/TechnicianPlaceDetail.razor.rz.scp.css */
.tplace-history[b-qle1t6phrg] {
    max-width: calc(100vw - 3rem);
    white-space: normal;
}

.tplace-values td[b-qle1t6phrg] {
    white-space: normal;
    overflow-wrap: anywhere;
}
/* /Components/Places/ValueSparkline.razor.rz.scp.css */
.value-sparkline[b-nrfytiro8l] {
    display: block;
    color: var(--insp-primary);
}
/* /Components/Platform/ClosedRangePurgeCard.razor.rz.scp.css */
.closed-range-dates[b-e71qi9pjt2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-bottom: 0.6rem;
}

    .closed-range-dates label[b-e71qi9pjt2] {
        margin: 0;
        font-weight: 500;
    }

.closed-range-result[b-e71qi9pjt2] {
    margin: 0 0 0.5rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm, 0.875rem);
}
/* /Components/Platform/PrivacyPolicyEditor.razor.rz.scp.css */
.platform-facts[b-xxwm1ron3r] {
    display: grid;
    grid-template-columns: minmax(7rem, 9rem) minmax(0, 1fr);
    gap: 0.4rem 1rem;
    margin: 0 0 0.9rem;
}

    .platform-facts dt[b-xxwm1ron3r] {
        color: var(--bs-secondary-color, #6c757d);
        font-weight: 500;
    }

    .platform-facts dd[b-xxwm1ron3r] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.35rem 0.5rem;
        margin: 0;
    }

.policy-form[b-xxwm1ron3r] {
    display: grid;
    grid-template-columns: minmax(7rem, 9rem) minmax(0, 1fr);
    align-items: start;
    gap: 0.6rem 1rem;
}

    .policy-form > label[b-xxwm1ron3r] {
        margin: 0.3rem 0 0;
        font-weight: 500;
    }

.policy-version[b-xxwm1ron3r] {
    max-width: 12rem;
}

.policy-text[b-xxwm1ron3r] {
    font-family: var(--bs-font-monospace, monospace);
    font-size: var(--fs-sm, 0.875rem);
}

.policy-hint[b-xxwm1ron3r] {
    display: block;
    margin-top: 0.25rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}

@media (max-width: 600px) {
    .platform-facts[b-xxwm1ron3r],
    .policy-form[b-xxwm1ron3r] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.policy-actions[b-xxwm1ron3r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.policy-history td[b-xxwm1ron3r],
.policy-history th[b-xxwm1ron3r] {
    font-size: var(--fs-sm, 0.875rem);
}
/* /Components/Platform/RetentionSection.razor.rz.scp.css */
.retention-row[b-29hqnpsbfd] {
    display: grid;
    grid-template-columns: minmax(12rem, 1.1fr) minmax(0, 1.4fr);
    align-items: center;
    gap: 0.35rem 1rem;
    padding: 0.65rem 0;
}

    .retention-row + .retention-row[b-29hqnpsbfd] {
        border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 65%, transparent);
    }

.retention-text[b-29hqnpsbfd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.5rem;
    min-width: 0;
}

.retention-label[b-29hqnpsbfd] {
    font-weight: 600;
}

.retention-current[b-29hqnpsbfd] {
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--insp-primary, #0088ca) 14%, transparent);
    color: var(--bs-body-color, #212529);
    font-size: var(--fs-xs, 0.78rem);
    font-weight: 600;
    white-space: nowrap;
}

    .retention-current.is-unlimited[b-29hqnpsbfd] {
        background: color-mix(in srgb, var(--bs-secondary-color, #6c757d) 16%, transparent);
    }

.retention-default[b-29hqnpsbfd],
.retention-unit[b-29hqnpsbfd],
.retention-run-hint[b-29hqnpsbfd] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}

.retention-edit[b-29hqnpsbfd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.6rem;
}

.retention-days[b-29hqnpsbfd] {
    width: 7.5rem;
}

.retention-edit[b-29hqnpsbfd]  .retention-unlimited {
    min-height: 0;
    padding: 0;
    flex: 0 0 auto;
    flex-direction: row-reverse;
    gap: 0.4rem;
}

.retention-preview[b-29hqnpsbfd] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
}

.retention-preview-text[b-29hqnpsbfd] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm, 0.875rem);
    overflow-wrap: anywhere;
}

.retention-run[b-29hqnpsbfd] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.75rem;
    padding: 0.6rem 0.75rem;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--bs-danger, #dc3545) 8%, var(--bs-body-bg, #fff));
}

@media (max-width: 720px) {
    .retention-row[b-29hqnpsbfd] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Projects/ProjectMilestonesPanel.razor.rz.scp.css */
.ms-panel[b-5j6xwo753j] {
    --ms-done: var(--bs-success, #198754);
    --ms-remaining: color-mix(in srgb, var(--insp-primary) 55%, transparent);
    --ms-risk: var(--bs-danger, #dc3545);
    --ms-cols: 1.6rem 4.4rem minmax(0, 1fr) minmax(6.5rem, 26%) 6.9rem .9rem;
    min-width: 0;
    scroll-margin-top: 4rem;
}

.ms-panel-head[b-5j6xwo753j] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem .5rem;
    margin-bottom: .3rem;
}

.ms-panel-title[b-5j6xwo753j] {
    font-size: var(--fs-md, 1rem);
}

/* In the project head's tabs the tab names the table, so its head is a slim row with the help and + Milník on the right. */
.ms-panel.is-tabbed > .ms-panel-head[b-5j6xwo753j] {
    justify-content: flex-end;
    margin-bottom: .15rem;
}

    .ms-panel.is-tabbed > .ms-panel-head[b-5j6xwo753j]  .head-actions-band {
        margin-left: 0;
    }

.ms-panel-head[b-5j6xwo753j]  .head-actions-band {
    flex: 0 1 auto;
    min-width: 0;
    margin: 0 0 0 auto;
}

    .ms-panel-head[b-5j6xwo753j]  .head-actions-band > .head-actions-list {
        flex: 0 1 auto;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: .1rem;
    }

.ms-panel-head[b-5j6xwo753j]  .band-action {
    flex: 0 0 auto;
    min-width: 0;
    min-height: 0;
    padding: .1rem .5rem;
    border-left: 0;
    border-radius: .35rem;
    line-height: 1.5;
    white-space: nowrap;
}

.ms-empty[b-5j6xwo753j] {
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: var(--fs-sm);
}

.ms-row[b-5j6xwo753j] {
    display: grid;
    grid-template-columns: var(--ms-cols);
    column-gap: .6rem;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: .4rem .35rem;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: var(--fs-sm);
    text-align: left;
}

.ms-row-head[b-5j6xwo753j] {
    padding-top: 0;
    padding-bottom: .2rem;
    border-bottom: 1px solid var(--bs-border-color);
    color: var(--bs-secondary-color);
    font-size: var(--fs-2xs);
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ms-list[b-5j6xwo753j] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ms-item[b-5j6xwo753j] {
    position: relative;
    border-bottom: 1px dashed var(--bs-border-color);
}

    .ms-item.is-target[b-5j6xwo753j] {
        border-top: 2px solid var(--bs-border-color);
        border-bottom: 0;
    }

    .ms-item > .ms-row[b-5j6xwo753j] {
        cursor: pointer;
        border-radius: .4rem;
    }

        .ms-item > .ms-row:hover[b-5j6xwo753j],
        .ms-item.is-open > .ms-row[b-5j6xwo753j] {
            background: color-mix(in srgb, var(--insp-primary) 10%, transparent);
        }

.ms-num[b-5j6xwo753j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border: 3px solid var(--bs-secondary-color);
    border-radius: 50%;
    background: var(--bs-body-bg);
    font-size: var(--fs-2xs);
    font-weight: 700;
    line-height: 1;
}

.is-met .ms-num[b-5j6xwo753j] {
    border-color: var(--ms-done);
    color: var(--ms-done);
}

.is-risky .ms-num[b-5j6xwo753j],
.is-missed .ms-num[b-5j6xwo753j],
.is-target:not(.is-met) .ms-num[b-5j6xwo753j] {
    border-color: var(--ms-risk);
    color: var(--ms-risk);
}

.ms-date[b-5j6xwo753j] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    white-space: nowrap;
}

.ms-countdown[b-5j6xwo753j] {
    color: var(--bs-secondary-color);
    font-size: var(--fs-2xs);
    font-weight: 500;
}

    .ms-countdown.is-soon[b-5j6xwo753j] {
        color: var(--bs-warning-text-emphasis, #664d03);
    }

    .ms-countdown.is-past[b-5j6xwo753j] {
        color: var(--ms-risk);
    }

    .ms-countdown.is-met[b-5j6xwo753j] {
        color: var(--ms-done);
    }

.ms-name[b-5j6xwo753j] {
    min-width: 0;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.is-risky > .ms-row .ms-name[b-5j6xwo753j],
.is-missed > .ms-row .ms-name[b-5j6xwo753j] {
    color: var(--ms-risk);
}

.ms-progress[b-5j6xwo753j] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
}

    .ms-progress > small[b-5j6xwo753j] {
        min-width: 2.2rem;
        color: var(--bs-secondary-color);
        font-size: var(--fs-2xs);
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

.ms-bar[b-5j6xwo753j] {
    display: flex;
    flex: 1 1 auto;
    height: .5rem;
    min-width: 0;
    overflow: hidden;
    border-radius: 999px;
    background: var(--bs-secondary-bg);
}

.ms-seg[b-5j6xwo753j] {
    flex: 0 1 0;
    min-width: 0;
    transition: flex-grow var(--motion-slow) var(--ease-out);
}

    .ms-seg.is-done[b-5j6xwo753j] {
        background: var(--ms-done);
    }

    .ms-seg.is-remaining[b-5j6xwo753j] {
        background: var(--ms-remaining);
    }

    .ms-seg.is-risk[b-5j6xwo753j] {
        background: var(--ms-risk);
    }

.ms-state[b-5j6xwo753j] {
    min-width: 0;
}

.ms-badge[b-5j6xwo753j] {
    display: inline-block;
    max-width: 100%;
    padding: .05rem .5rem;
    overflow: hidden;
    border-radius: .35rem;
    font-size: var(--fs-2xs);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .ms-badge.is-ok[b-5j6xwo753j] {
        background: var(--bs-success-bg-subtle, #d1e7dd);
        color: var(--bs-success-text-emphasis, #0a3622);
    }

    .ms-badge.is-risk[b-5j6xwo753j] {
        background: var(--bs-danger-bg-subtle, #f8d7da);
        color: var(--bs-danger-text-emphasis, #58151c);
    }

    .ms-badge.is-muted[b-5j6xwo753j] {
        background: var(--bs-secondary-bg);
        color: var(--bs-secondary-color);
    }

.ms-caret[b-5j6xwo753j] {
    color: var(--bs-secondary-color);
    font-size: var(--fs-2xs);
    text-align: center;
}

.ms-backdrop[b-5j6xwo753j] {
    z-index: 29;
}

.ms-pop[b-5j6xwo753j] {
    position: absolute;
    top: calc(100% + .2rem);
    left: 2.2rem;
    right: 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    gap: .45rem;
    max-width: 34rem;
    margin-left: auto;
    padding: .65rem .8rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .6rem;
    background: var(--bs-body-bg);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    font-size: var(--fs-sm);
}

    .ms-pop.is-wide[b-5j6xwo753j] {
        left: auto;
        width: min(38rem, calc(100vw - 2rem));
        max-width: none;
    }

    .ms-pop.is-head[b-5j6xwo753j] {
        left: auto;
        width: min(24rem, calc(100vw - 2rem));
    }

        .ms-pop.is-head.is-wide[b-5j6xwo753j] {
            width: min(38rem, calc(100vw - 2rem));
        }

.ms-pop-head[b-5j6xwo753j] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.ms-pop-title[b-5j6xwo753j] {
    min-width: 0;
    margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ms-pop-close[b-5j6xwo753j] {
    display: inline-grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border: 0;
    border-radius: .35rem;
    background: transparent;
    color: var(--bs-secondary-color);
}

    .ms-pop-close:hover[b-5j6xwo753j] {
        background: var(--bs-secondary-bg);
    }

.ms-pop-meta[b-5j6xwo753j],
.ms-pop-scope[b-5j6xwo753j] {
    color: var(--bs-secondary-color);
    font-size: var(--fs-xs);
}

.ms-met[b-5j6xwo753j] {
    color: var(--ms-done);
    font-weight: 600;
}

.ms-pop-note[b-5j6xwo753j] {
    margin: 0;
}

.ms-jobs[b-5j6xwo753j] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: .35rem 0 0;
    border-top: 1px solid var(--bs-border-color);
    list-style: none;
}

.ms-job[b-5j6xwo753j] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) auto 1.7rem;
    gap: .5rem;
    align-items: center;
    padding: .2rem 0;
    font-size: var(--fs-xs);
}

.ms-job-due[b-5j6xwo753j] {
    color: var(--bs-secondary-color);
    font-variant-numeric: tabular-nums;
}

.ms-job.is-risk .ms-job-due[b-5j6xwo753j] {
    color: var(--ms-risk);
}

.ms-job-what[b-5j6xwo753j] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
}

    .ms-job-what > a[b-5j6xwo753j] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ms-job-what > small[b-5j6xwo753j] {
        color: var(--bs-secondary-color);
        font-size: var(--fs-2xs);
    }

.ms-job-move[b-5j6xwo753j] {
    display: inline-grid;
    place-items: center;
    width: 1.7rem;
    height: 1.5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .35rem;
    background: transparent;
    color: var(--bs-body-color);
}

    .ms-job-move:hover[b-5j6xwo753j],
    .ms-job-move[aria-expanded="true"][b-5j6xwo753j] {
        background: var(--bs-secondary-bg);
    }

.ms-job-editor[b-5j6xwo753j] {
    padding: .2rem 0 .4rem;
}

.ms-pop-actions[b-5j6xwo753j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem;
    padding-top: .2rem;
}

.ms-order[b-5j6xwo753j] {
    display: inline-flex;
    gap: .15rem;
}

.deadline-form[b-5j6xwo753j] {
    display: grid;
    gap: .6rem;
    padding: .65rem;
    border-radius: .5rem;
    background: color-mix(in srgb, var(--insp-primary) 5%, transparent);
}

.deadline-form-row[b-5j6xwo753j] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .6rem;
}

.deadline-field[b-5j6xwo753j] {
    display: grid;
    gap: .2rem;
    min-width: 0;
    font-size: var(--fs-sm);
    font-weight: 600;
}

.deadline-field-title[b-5j6xwo753j] {
    flex: 1 1 14rem;
}

.deadline-form-actions[b-5j6xwo753j] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.deadline-scope-pick[b-5j6xwo753j] {
    display: grid;
    gap: .45rem;
    min-width: 0;
    margin: 0;
}

    .deadline-scope-pick > legend[b-5j6xwo753j] {
        margin-bottom: .25rem;
        font-size: var(--fs-sm);
        font-weight: 600;
    }

.deadline-scope-choice[b-5j6xwo753j] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.deadline-pick[b-5j6xwo753j] {
    display: grid;
    gap: .3rem;
    min-width: 0;
}

.deadline-pick-label[b-5j6xwo753j] {
    font-size: var(--fs-sm);
    font-weight: 600;
}

.deadline-form[b-5j6xwo753j]  .rule-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
}

.deadline-form[b-5j6xwo753j]  .rule-filter {
    display: grid;
    gap: .3rem;
}

.deadline-form[b-5j6xwo753j]  .rule-filter-label {
    font-size: var(--fs-sm);
    font-weight: 600;
}

.deadline-form[b-5j6xwo753j]  .rule-picked {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    max-width: 100%;
    padding: .15rem .2rem .15rem .6rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--insp-primary) 13%, transparent);
    font-size: var(--fs-xs);
    overflow-wrap: anywhere;
}

.deadline-form[b-5j6xwo753j]  .rule-picked-remove {
    display: inline-grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    line-height: 1;
}

    .deadline-form[b-5j6xwo753j]  .rule-picked-remove:hover {
        background: color-mix(in srgb, var(--bs-body-color) 12%, transparent);
    }

.deadline-form[b-5j6xwo753j]  .rule-picker {
    flex: 1 1 14rem;
    max-width: 22rem;
}

@media (max-width: 575.98px) {
    .ms-panel[b-5j6xwo753j] {
        --ms-cols: 1.6rem 3.6rem minmax(0, 1fr) 4.5rem .9rem;
    }

    .ms-progress[b-5j6xwo753j],
    .ms-row-head > span:nth-child(4)[b-5j6xwo753j] {
        display: none;
    }

    .ms-pop[b-5j6xwo753j] {
        left: 0;
    }

    .deadline-form[b-5j6xwo753j]  .date-field {
        width: 100%;
    }
}
/* /Components/Projects/ProjectRecurrencePanel.razor.rz.scp.css */
.rec-panel[b-rz2p6xen0s] {
    min-width: 0;
}

.rec-empty[b-rz2p6xen0s] {
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: var(--fs-sm);
}

.rec-name[b-rz2p6xen0s] {
    display: block;
    font-weight: 600;
}

.rec-sub[b-rz2p6xen0s] {
    display: block;
    color: var(--bs-secondary-color);
    font-size: var(--fs-2xs);
}

.rec-dates[b-rz2p6xen0s] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.rec-date[b-rz2p6xen0s] {
    display: inline-block;
    padding: .05rem .45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--insp-primary) 12%, transparent);
    font-size: var(--fs-2xs);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

    .rec-date.is-soon[b-rz2p6xen0s] {
        background: var(--bs-warning-bg-subtle, #fff3cd);
        color: var(--bs-warning-text-emphasis, #664d03);
        font-weight: 600;
    }

.rec-badge[b-rz2p6xen0s] {
    display: inline-block;
    padding: .05rem .5rem;
    border-radius: .35rem;
    font-size: var(--fs-2xs);
    font-weight: 600;
    white-space: nowrap;
}

    .rec-badge.is-ok[b-rz2p6xen0s],
    .rec-badge.is-publish[b-rz2p6xen0s] {
        background: var(--bs-success-bg-subtle, #d1e7dd);
        color: var(--bs-success-text-emphasis, #0a3622);
    }

    .rec-badge.is-draft[b-rz2p6xen0s],
    .rec-badge.is-paused[b-rz2p6xen0s] {
        background: var(--bs-secondary-bg);
        color: var(--bs-secondary-color);
    }

    .rec-badge.is-error[b-rz2p6xen0s] {
        background: var(--bs-danger-bg-subtle, #f8d7da);
        color: var(--bs-danger-text-emphasis, #58151c);
    }

.rec-notice[b-rz2p6xen0s] {
    margin-left: .25rem;
    color: var(--bs-secondary-color);
    cursor: help;
}

.rec-panel[b-rz2p6xen0s]  td.rec-actions {
    white-space: nowrap;
}

.rec-panel[b-rz2p6xen0s]  td.rec-actions > * {
    margin-right: .25rem;
}

.pdrawer.rec-drawer[b-rz2p6xen0s] {
    width: min(52rem, 100vw);
}

.rec-form[b-rz2p6xen0s] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rec-field[b-rz2p6xen0s] {
    display: grid;
    gap: .25rem;
    min-width: 0;
    font-size: var(--fs-sm);
    font-weight: 600;
}

.rec-field-sm[b-rz2p6xen0s] {
    flex: 1 1 9rem;
    max-width: 14rem;
}

.rec-fieldset[b-rz2p6xen0s] {
    display: grid;
    gap: .6rem;
    min-width: 0;
    margin: 0;
    padding: .75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .6rem;
}

    .rec-fieldset > legend[b-rz2p6xen0s] {
        float: left;
        width: auto;
        margin: 0 0 .25rem;
        padding: 0;
        font-size: var(--fs-sm);
        font-weight: 650;
    }

.rec-choice[b-rz2p6xen0s] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.rec-row[b-rz2p6xen0s] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .6rem;
}

.rec-hint[b-rz2p6xen0s] {
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: var(--fs-xs);
}

.rec-summary[b-rz2p6xen0s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .5rem .7rem;
    border-radius: .5rem;
    background: var(--bs-tertiary-bg);
}

.rec-summary-row[b-rz2p6xen0s] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rec-summary-title[b-rz2p6xen0s] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rec-summary-meta[b-rz2p6xen0s] {
    color: var(--bs-secondary-color);
    font-size: var(--fs-xs);
}

.rec-brief[b-rz2p6xen0s]  .row > [class*="col-xl-"] {
    flex: 0 0 100%;
    max-width: 100%;
}

.rec-preview[b-rz2p6xen0s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    padding: .5rem .7rem;
    border-radius: .5rem;
    background: color-mix(in srgb, var(--insp-primary) 6%, transparent);
    font-size: var(--fs-sm);
}

.rec-preview-label[b-rz2p6xen0s] {
    font-weight: 600;
}

.rec-preview-text[b-rz2p6xen0s] {
    color: var(--bs-secondary-color);
    font-size: var(--fs-xs);
}

@media (max-width: 575.98px) {
    .rec-field-sm[b-rz2p6xen0s] {
        max-width: none;
    }

    .rec-row[b-rz2p6xen0s]  .date-field {
        width: 100%;
    }
}
/* /Components/SettingsParts/AppearanceSection.razor.rz.scp.css */
.look-layout[b-lb4kb2tx06] {
    display: grid;
    gap: 0 1rem;
    min-width: 0;
}

.look-controls[b-lb4kb2tx06] {
    min-width: 0;
}

@container (min-width: 1000px) {
    .look-layout[b-lb4kb2tx06] {
        grid-template-columns: minmax(0, 1fr) 17.5rem;
        align-items: start;
    }

    .look-preview[b-lb4kb2tx06] {
        position: sticky;
        top: 4.5rem;
    }
}

.look-presets[b-lb4kb2tx06] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(8.5rem, 100%), 1fr));
    gap: 0.6rem;
}

.look-preset[b-lb4kb2tx06] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.4rem 0.4rem 0.55rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.7rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    text-align: left;
    cursor: pointer;
    transition: border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);
}

    .look-preset:hover[b-lb4kb2tx06] {
        border-color: color-mix(in srgb, var(--insp-primary) 55%, var(--bs-border-color));
    }

    .look-preset.active[b-lb4kb2tx06] {
        border-color: var(--insp-primary);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--insp-primary) 45%, transparent);
    }

    .look-preset:focus-visible[b-lb4kb2tx06] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

.look-swatch[b-lb4kb2tx06] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 0.6rem;
    height: 4.2rem;
    padding: 0.6rem 0.7rem;
    border-radius: 0.5rem;
}

.look-swatch-tile[b-lb4kb2tx06] {
    height: 72%;
    border-radius: 0.35rem;
}

    .look-swatch-tile + .look-swatch-tile[b-lb4kb2tx06] {
        align-self: end;
        height: 58%;
    }

.look-preset-name[b-lb4kb2tx06] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.3rem;
    padding: 0 0.15rem;
    font-weight: 600;
    font-size: var(--fs-sm);
    line-height: 1.25;
}

.look-preset-letter[b-lb4kb2tx06] {
    color: var(--insp-primary-dark);
    font-weight: 700;
}

.look-preset-default[b-lb4kb2tx06] {
    padding: 0 0.35rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--insp-yellow) 55%, transparent);
    color: var(--bs-body-color);
    font-size: var(--fs-2xs);
    font-weight: 600;
}

.look-preset-desc[b-lb4kb2tx06] {
    padding: 0 0.15rem;
    color: var(--bs-secondary-color);
    font-size: var(--fs-xs);
    line-height: 1.3;
}

.look-field[b-lb4kb2tx06] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.6rem 0;
}

    .look-field + .look-field[b-lb4kb2tx06] {
        border-top: 1px solid color-mix(in srgb, var(--bs-border-color) 65%, transparent);
    }

.look-label[b-lb4kb2tx06] {
    font-weight: 600;
}

.look-hint[b-lb4kb2tx06] {
    color: var(--bs-secondary-color);
    font-size: var(--fs-xs);
}

.look-swatches[b-lb4kb2tx06] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.look-chip[b-lb4kb2tx06] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.1rem;
    padding: 0.2rem 0.65rem 0.2rem 0.3rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-size: var(--fs-sm);
    cursor: pointer;
}

    .look-chip:not(:has(.look-chip-sample))[b-lb4kb2tx06] {
        padding-left: 0.75rem;
    }

    .look-chip.active[b-lb4kb2tx06] {
        border-color: var(--insp-primary);
        box-shadow: 0 0 0 1px var(--insp-primary);
        font-weight: 600;
    }

    .look-chip:focus-visible[b-lb4kb2tx06] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

.look-chip-sample[b-lb4kb2tx06] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 1px solid var(--bs-border-color);
}

.look-chip-note[b-lb4kb2tx06] {
    color: var(--bs-secondary-color);
    font-size: var(--fs-2xs);
    font-weight: 400;
}

.look-dot[b-lb4kb2tx06] {
    position: relative;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 50%;
    background: var(--swatch, #ffffff);
    box-shadow: inset 0 0 0 2px var(--bs-body-bg), 0 0 0 1px var(--bs-border-color);
    cursor: pointer;
    transition: transform var(--motion-fast) var(--ease-out);
}

    .look-dot:hover[b-lb4kb2tx06] {
        transform: scale(1.08);
    }

    .look-dot.active[b-lb4kb2tx06] {
        border-color: var(--bs-body-color);
    }

    .look-dot.is-brand[b-lb4kb2tx06]::after {
        content: "";
        position: absolute;
        right: -2px;
        bottom: -2px;
        width: 0.7rem;
        height: 0.7rem;
        border-radius: 50%;
        background: var(--insp-yellow);
        box-shadow: 0 0 0 2px var(--bs-body-bg);
    }

    .look-dot.is-custom[b-lb4kb2tx06] {
        background: var(--swatch, conic-gradient(#dc3545, #fd7e14, #ffc107, #198754, #0dcaf0, #0d6efd, #6f42c1, #dc3545));
    }

[data-bs-theme="dark"] .look-dot[b-lb4kb2tx06] {
    background: var(--swatch-d, var(--swatch, #ffffff));
}

[data-bs-theme="dark"] .look-dot.is-custom[b-lb4kb2tx06] {
    background: var(--swatch-d, conic-gradient(#dc3545, #fd7e14, #ffc107, #198754, #0dcaf0, #0d6efd, #6f42c1, #dc3545));
}

        .look-dot.is-custom input[b-lb4kb2tx06] {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }

    .look-dot:focus-visible[b-lb4kb2tx06],
    .look-dot:has(input:focus-visible)[b-lb4kb2tx06] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

.look-range[b-lb4kb2tx06] {
    display: flex;
    white-space: nowrap;
    align-items: center;
    gap: 0.6rem;
    max-width: 26rem;
    margin: 0;
    font-size: var(--fs-sm);
}

    .look-range input[b-lb4kb2tx06] {
        flex: 1 1 auto;
    }

    .look-range output[b-lb4kb2tx06] {
        min-width: 3rem;
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

.look-mock[b-lb4kb2tx06] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.75rem;
    border-radius: 0.7rem;
    border: 1px solid var(--bs-border-color);
    color: var(--bs-body-color);
}

.look-mock-tile[b-lb4kb2tx06] {
    padding: 1rem;
}

.look-mock-head[b-lb4kb2tx06] {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--insp-primary-dark);
}

.look-mock-row[b-lb4kb2tx06] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.look-mock-donut[b-lb4kb2tx06] {
    flex: 0 0 auto;
    width: 3.6rem;
    height: 3.6rem;
}

.look-mock-num[b-lb4kb2tx06] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    padding: 0.3rem 0.15rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.45rem;
    font-size: var(--fs-2xs);
    color: var(--bs-secondary-color);
}

    .look-mock-num b[b-lb4kb2tx06] {
        color: var(--bs-body-color);
        font-size: var(--fs-md);
    }

.look-mock-bars[b-lb4kb2tx06] {
    display: flex;
    align-items: flex-end;
    gap: 0.35rem;
    height: 3.6rem;
}

    .look-mock-bars i[b-lb4kb2tx06] {
        flex: 1;
        border-radius: 3px 3px 0 0;
        background: #f2a31b;
    }

.look-mock-actions[b-lb4kb2tx06] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0 0.25rem;
    font-size: var(--fs-sm);
}

.look-theme[b-lb4kb2tx06] {
    margin-top: 0.6rem;
}

.look-reset[b-lb4kb2tx06] {
    gap: 0.35rem;
}

.look-nav-icon[b-lb4kb2tx06] {
    flex: 0 0 auto;
    width: 1.4rem;
    height: 1rem;
}
/* /Components/SettingsParts/AvatarColorPicker.razor.rz.scp.css */
.avatar-color[b-fbru48l28n] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.avatar-color-swatches[b-fbru48l28n] {
    display: flex;
    flex: 1 1 14rem;
    flex-wrap: wrap;
    gap: 0.45rem;
    min-width: 0;
}

.avatar-swatch[b-fbru48l28n] {
    position: relative;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 50%;
    background: var(--swatch, #6f42c1);
    box-shadow: inset 0 0 0 2px var(--bs-body-bg, #fff);
    cursor: pointer;
    transition: transform 0.12s ease, border-color 0.12s ease;
}

    .avatar-swatch:hover:not(:disabled)[b-fbru48l28n] {
        transform: scale(1.08);
    }

    .avatar-swatch.active[b-fbru48l28n] {
        border-color: var(--bs-body-color, #212529);
    }

    .avatar-swatch.active[b-fbru48l28n]::after {
        content: "✓";
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 0.9rem;
        font-weight: 700;
    }

    .avatar-swatch:focus-visible[b-fbru48l28n],
    .avatar-swatch:has(input:focus-visible)[b-fbru48l28n] {
        outline: 2px solid var(--insp-accent, #00aad3);
        outline-offset: 2px;
    }

    .avatar-swatch.is-default[b-fbru48l28n] {
        background: linear-gradient(135deg, #8b5cf6, #6f42c1);
    }

    .avatar-swatch.is-custom[b-fbru48l28n] {
        background: var(--swatch, conic-gradient(#dc3545, #fd7e14, #ffc107, #198754, #0dcaf0, #0d6efd, #6f42c1, #dc3545));
    }

    .avatar-swatch.is-pale[b-fbru48l28n] {
        box-shadow: inset 0 0 0 2px var(--bs-body-bg, #fff), inset 0 0 0 3px rgba(0, 0, 0, 0.2);
    }

        .avatar-swatch.is-pale.active[b-fbru48l28n]::after {
            color: #1d2228;
        }

    .avatar-swatch.is-custom input[b-fbru48l28n] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
/* /Components/SettingsParts/CompanyLicenseSection.razor.rz.scp.css */
.licence-summary[b-en0lc3ngdl] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.6rem;
}

.licence-summary-kind[b-en0lc3ngdl] {
    display: flex;
    flex: 1 1 12rem;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.licence-summary-stat[b-en0lc3ngdl] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    min-width: 6.5rem;
    padding: 0.35rem 0.75rem;
    border-radius: 0.55rem;
    background: color-mix(in srgb, var(--insp-primary, #0088ca) 7%, var(--bs-body-bg, #fff));
}

.licence-summary-value[b-en0lc3ngdl] {
    font-size: var(--fs-lg, 1.15rem);
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.licence-summary-label[b-en0lc3ngdl] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}

.slot-grid[b-en0lc3ngdl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
    gap: 0.6rem;
}

    .slot-grid .slot-tile[b-en0lc3ngdl] {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        width: auto;
        min-width: 0;
    }

.slot-tile-main[b-en0lc3ngdl] {
    min-width: 0;
}

.slot-tile-tags[b-en0lc3ngdl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.slot-tile-actions[b-en0lc3ngdl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: auto;
}

.slot-grid button.slot-tile.free[b-en0lc3ngdl] {
    min-height: 6rem;
}
/* /Components/SettingsParts/ImageUpload.razor.rz.scp.css */
.image-upload[b-ak90rh9qq2] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
    min-width: 0;
}

.image-upload-preview[b-ak90rh9qq2] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    overflow: hidden;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--insp-primary, #0088ca) 6%, var(--bs-body-bg, #fff));
}

.is-round .image-upload-preview[b-ak90rh9qq2] {
    border-radius: 50%;
}

.image-upload-empty[b-ak90rh9qq2] {
    width: 1.9rem;
    height: 1.9rem;
    background: var(--bs-secondary-color, #6c757d);
    opacity: 0.55;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='15' rx='2.4'/%3E%3Ccircle cx='9' cy='10' r='1.8'/%3E%3Cpath d='M21 16.2l-4.8-4.6L7 19.5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='15' rx='2.4'/%3E%3Ccircle cx='9' cy='10' r='1.8'/%3E%3Cpath d='M21 16.2l-4.8-4.6L7 19.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.image-upload-zone[b-ak90rh9qq2] {
    position: relative;
    display: flex;
    flex: 1 1 14rem;
    flex-direction: column;
    justify-content: center;
    gap: 0.1rem;
    min-width: 0;
    min-height: 4.5rem;
    padding: 0.55rem 0.9rem;
    border: 1.5px dashed color-mix(in srgb, var(--insp-primary, #0088ca) 45%, var(--bs-border-color, #dee2e6));
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--insp-primary, #0088ca) 4%, transparent);
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .image-upload-zone:hover[b-ak90rh9qq2],
    .is-dragging .image-upload-zone[b-ak90rh9qq2] {
        border-color: var(--insp-primary, #0088ca);
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 11%, transparent);
    }

    .image-upload-zone:focus-within[b-ak90rh9qq2] {
        outline: 2px solid var(--insp-accent, #00aad3);
        outline-offset: 2px;
    }

.is-busy .image-upload-zone[b-ak90rh9qq2] {
    opacity: 0.7;
}

.image-upload-zone[b-ak90rh9qq2]  .image-upload-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.image-upload-title[b-ak90rh9qq2] {
    color: var(--insp-primary-dark, #006c9f);
    font-weight: 600;
}

.image-upload-sub[b-ak90rh9qq2],
.image-upload-hint[b-ak90rh9qq2] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}

.image-upload-hint[b-ak90rh9qq2] {
    font-variant-numeric: tabular-nums;
}

.image-upload-error[b-ak90rh9qq2] {
    margin-top: 0.4rem;
    color: var(--bs-danger-text-emphasis, #b02a37);
    font-size: var(--fs-sm, 0.875rem);
}
/* /Components/SettingsParts/NotificationChoices.razor.rz.scp.css */
.notif-choices[b-pgngzhjyin] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.notif-group-head[b-pgngzhjyin] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.2rem 0 0.3rem;
    border-bottom: 1px solid color-mix(in srgb, var(--insp-primary, #0088ca) 18%, var(--bs-border-color, #dee2e6));
}

.notif-group-title[b-pgngzhjyin] {
    color: var(--insp-primary-dark, #006c9f);
    font-size: var(--fs-xs, 0.78rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.notif-group-count[b-pgngzhjyin] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
    font-variant-numeric: tabular-nums;
}

.notif-group-all[b-pgngzhjyin] {
    margin-left: auto;
    min-height: 2rem;
    padding: 0 0.6rem;
    border: 0;
    border-radius: 0.4rem;
    background: transparent;
    color: var(--insp-primary, #0088ca);
    font-size: var(--fs-xs, 0.78rem);
    font-weight: 600;
    cursor: pointer;
}

    .notif-group-all:hover:not(:disabled)[b-pgngzhjyin] {
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 12%, transparent);
    }

    .notif-group-all:focus-visible[b-pgngzhjyin] {
        outline: 2px solid var(--insp-accent, #00aad3);
        outline-offset: 1px;
    }

@media (max-width: 575.98px) {
    .notif-group-all[b-pgngzhjyin] {
        min-height: 2.5rem;
    }
}
/* /Components/SettingsParts/PasswordField.razor.rz.scp.css */
.password-field[b-khrzaz45xr] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.password-input[b-khrzaz45xr] {
    padding-right: 2.75rem;
}

.password-toggle[b-khrzaz45xr] {
    position: absolute;
    top: 50%;
    right: 0.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 0;
    border-radius: 0.4rem;
    background: transparent;
    color: var(--bs-secondary-color, #6c757d);
    transform: translateY(-50%);
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

    .password-toggle:hover[b-khrzaz45xr] {
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 12%, transparent);
        color: var(--insp-primary, #0088ca);
    }

    .password-toggle:focus-visible[b-khrzaz45xr] {
        outline: 2px solid var(--insp-primary, #0088ca);
        outline-offset: 1px;
    }

    .password-toggle[b-khrzaz45xr]::after {
        content: "";
        position: absolute;
        inset: -0.15rem;
    }

.password-eye[b-khrzaz45xr] {
    width: 1.1rem;
    height: 1.1rem;
    background: currentColor;
    -webkit-mask: var(--icon-eye) center / contain no-repeat;
    mask: var(--icon-eye) center / contain no-repeat;
}

    .password-eye.is-shown[b-khrzaz45xr] {
        -webkit-mask-image: var(--icon-eye-off);
        mask-image: var(--icon-eye-off);
    }

.password-note[b-khrzaz45xr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.3rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}

    .password-note.is-match[b-khrzaz45xr] {
        color: var(--bs-success-text-emphasis, #146c43);
    }

    .password-note.is-mismatch[b-khrzaz45xr] {
        color: var(--bs-danger-text-emphasis, #b02a37);
    }

.password-meter[b-khrzaz45xr] {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 3px;
}

    .password-meter i[b-khrzaz45xr] {
        width: 1.1rem;
        height: 0.3rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--bs-secondary-color, #6c757d) 25%, transparent);
    }

.strength-tooshort .password-meter i:nth-child(-n+1)[b-khrzaz45xr] {
    background: #dc3545;
}

.strength-weak .password-meter i:nth-child(-n+2)[b-khrzaz45xr] {
    background: #fd7e14;
}

.strength-fair .password-meter i:nth-child(-n+3)[b-khrzaz45xr] {
    background: #20a36b;
}

.strength-strong .password-meter i[b-khrzaz45xr] {
    background: #198754;
}

.strength-strong[b-khrzaz45xr],
.strength-fair[b-khrzaz45xr] {
    color: var(--bs-success-text-emphasis, #146c43);
}
/* /Components/SettingsParts/QualificationsSection.razor.rz.scp.css */
.qualification-list[b-2h4e3r1jsb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.4rem 1rem;
}

.qualification-row[b-2h4e3r1jsb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    min-height: 2.75rem;
    padding: 0.3rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 0.55rem;
}

    .qualification-row.is-selected[b-2h4e3r1jsb] {
        border-color: color-mix(in srgb, var(--tag-accent, #0088ca) 35%, transparent);
        background: color-mix(in srgb, var(--tag-accent, #0088ca) 7%, transparent);
    }

.qualification-pick[b-2h4e3r1jsb]  .tag-cat {
    font-size: var(--fs-sm);
}

.qualification-pick[b-2h4e3r1jsb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-weight: 500;
    cursor: pointer;
}

    .qualification-pick .form-check-input[b-2h4e3r1jsb] {
        width: 1.15rem;
        height: 1.15rem;
        margin: 0;
    }

.qualification-cert[b-2h4e3r1jsb] {
    flex: 1 1 100%;
}
/* /Components/SettingsParts/SettingsCard.razor.rz.scp.css */
.settings-card[b-mnk79bt7x0] {
    min-width: 0;
    margin-bottom: 1rem;
}

.settings-card-head[b-mnk79bt7x0] {
    position: relative;
    align-items: center;
    min-height: 2.6rem;
}

.settings-card-title[b-mnk79bt7x0] {
    margin: 0;
    color: inherit;
    font-size: var(--fs-md, 1rem);
    font-weight: 600;
    line-height: 1.3;
}

.settings-card-head[b-mnk79bt7x0]  .info-tip {
    position: static;
}

.settings-card-head[b-mnk79bt7x0]  .info-tip-bubble {
    left: 0.75rem;
    right: 0.75rem;
    width: auto;
    max-width: 34rem;
}

    .settings-card-head[b-mnk79bt7x0]  .info-tip-bubble::before {
        display: none;
    }
/* /Components/SettingsParts/SwitchRow.razor.rz.scp.css */
.set-row[b-53tkotkzzc] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 2.75rem;
    padding: 0.4rem 0;
}

    .set-row + .set-row[b-53tkotkzzc] {
        border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 65%, transparent);
    }

.set-row-text[b-53tkotkzzc] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.1rem 0.4rem;
    min-width: 0;
}

.set-row-label[b-53tkotkzzc] {
    margin: 0;
    font-weight: 500;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.set-row-hint[b-53tkotkzzc] {
    flex-basis: 100%;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}

.set-switch[b-53tkotkzzc] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    margin: 0;
    padding-left: 0;
}

    .set-switch .form-check-input[b-53tkotkzzc] {
        width: 2.6rem;
        height: 1.4rem;
        margin: 0;
        cursor: pointer;
    }

    .set-switch .form-check-input:disabled[b-53tkotkzzc] {
        cursor: default;
    }

.set-row[b-53tkotkzzc]  .info-tip {
    position: static;
}

.set-row[b-53tkotkzzc]  .info-tip-bubble {
    left: 0;
    right: 0;
    width: auto;
    max-width: none;
}

    .set-row[b-53tkotkzzc]  .info-tip-bubble::before {
        display: none;
    }
/* /Components/SettingsParts/VisibilityMatrix.razor.rz.scp.css */
.vis-matrix[b-hyjfucq6ao] {
    --vis-label-col: minmax(9rem, 15rem);
    --vis-closed-col: 0;
    min-width: 0;
}

    .vis-matrix.has-closed[b-hyjfucq6ao] {
        --vis-closed-col: minmax(3.2rem, 0.7fr);
    }

.vis-head[b-hyjfucq6ao] {
    display: grid;
    grid-template-columns: var(--vis-label-col) minmax(0, 1fr);
    gap: 0 1rem;
    padding: 0.25rem 0;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
    font-weight: 600;
}

.vis-head-stages[b-hyjfucq6ao] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) var(--vis-closed-col);
    text-align: center;
}

    .vis-head-stages > span[b-hyjfucq6ao] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

.vis-head-closed[b-hyjfucq6ao] {
    margin-left: 0.5rem;
    line-height: 1.15;
}

.vis-group[b-hyjfucq6ao] {
    min-width: 0;
    margin: 0.4rem 0 0;
    padding: 0;
    border: 0;
}

.vis-group-title[b-hyjfucq6ao] {
    float: none;
    width: auto;
    margin: 0.5rem 0 0;
    padding: 0;
    color: var(--insp-primary-dark, #006c9f);
    font-size: var(--fs-sm, 0.875rem);
    font-weight: 700;
}

.vis-company-only[b-hyjfucq6ao] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
    font-style: italic;
}

.vis-own .form-check-label[b-hyjfucq6ao] {
    color: var(--bs-secondary-color, #6c757d);
}

.vis-reset[b-hyjfucq6ao] {
    font-size: 1rem;
    line-height: 1;
    text-decoration: none;
}

.vis-legend[b-hyjfucq6ao] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 1rem;
    margin-top: 0.6rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}

.vis-swatch[b-hyjfucq6ao] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.1rem;
    margin-right: 0.2rem;
    border-radius: 0.3rem;
    color: var(--insp-primary-dark, #006c9f);
    vertical-align: -0.3rem;
}

    .vis-swatch.is-hidden[b-hyjfucq6ao] {
        color: var(--bs-secondary-color, #6c757d);
    }

.vis-dot[b-hyjfucq6ao] {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    border: 1.5px solid currentColor;
    border-radius: 50%;
}

    .vis-dot.is-partial[b-hyjfucq6ao] {
        background: linear-gradient(90deg, currentColor 50%, transparent 50%);
    }

    .vis-dot.is-full[b-hyjfucq6ao] {
        background: currentColor;
    }

.vis-head-short[b-hyjfucq6ao] {
    display: none;
}

    .vis-swatch.is-hidden[b-hyjfucq6ao] {
        background: color-mix(in srgb, var(--bs-secondary-color, #6c757d) 12%, var(--bs-body-bg, #fff));
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bs-secondary-color, #6c757d) 25%, transparent);
    }

    .vis-swatch.is-partial[b-hyjfucq6ao] {
        background: repeating-linear-gradient(135deg,
            color-mix(in srgb, var(--insp-primary, #0088ca) 24%, var(--bs-body-bg, #fff)) 0 0.25rem,
            color-mix(in srgb, var(--insp-primary, #0088ca) 9%, var(--bs-body-bg, #fff)) 0.25rem 0.5rem);
    }

    .vis-swatch.is-full[b-hyjfucq6ao] {
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 30%, var(--bs-body-bg, #fff));
    }

@media (max-width: 575.98px) {
    .vis-matrix.has-closed[b-hyjfucq6ao] {
        --vis-closed-col: minmax(2.4rem, 0.5fr);
    }

    .vis-head[b-hyjfucq6ao] {
        grid-template-columns: minmax(0, 1fr);
    }

        .vis-head > span:first-child[b-hyjfucq6ao] {
            display: none;
        }

    .vis-head-long[b-hyjfucq6ao] {
        display: none;
    }

    .vis-head-short[b-hyjfucq6ao] {
        display: inline;
    }
}
/* /Components/SettingsParts/VisibilityScale.razor.rz.scp.css */
.vis-row[b-nwltvvx465] {
    position: relative;
    display: grid;
    grid-template-columns: var(--vis-label-col, minmax(8rem, 12rem)) minmax(0, 1fr);
    align-items: center;
    gap: 0.2rem 1rem;
    min-width: 0;
    padding: 0.5rem 0;
}

    .vis-row + .vis-row[b-nwltvvx465] {
        border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 65%, transparent);
    }

.vis-row-label[b-nwltvvx465] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.4rem;
    min-width: 0;
    font-weight: 500;
}

.vis-row-name[b-nwltvvx465] {
    overflow-wrap: anywhere;
}

.vis-row-tools[b-nwltvvx465] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
    font-weight: 400;
}

.vis-track[b-nwltvvx465] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) var(--vis-closed-col, 0);
    min-width: 0;
}

.vis-cell[b-nwltvvx465] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    min-height: 2.4rem;
    margin-left: -0.35rem;
    padding: 0.25rem 0.85rem 0.25rem 1.1rem;
    clip-path: polygon(0 0, calc(100% - 0.7rem) 0, 100% 50%, calc(100% - 0.7rem) 100%, 0 100%, 0.7rem 50%);
    transition: background-color var(--motion-fast) var(--ease-out), filter var(--motion-fast) var(--ease-out);
}

    .vis-cell:first-child[b-nwltvvx465] {
        margin-left: 0;
        padding-left: 0.6rem;
        border-radius: 0.5rem 0 0 0.5rem;
        clip-path: polygon(0 0, calc(100% - 0.7rem) 0, 100% 50%, calc(100% - 0.7rem) 100%, 0 100%);
    }

    .vis-cell:nth-child(3)[b-nwltvvx465] {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0.7rem 50%);
        border-radius: 0 0.5rem 0.5rem 0;
        padding-right: 0.6rem;
    }

    .vis-cell.is-hidden[b-nwltvvx465] {
        background: color-mix(in srgb, var(--bs-secondary-color, #6c757d) 12%, var(--bs-body-bg, #fff));
    }

    .vis-cell.is-partial[b-nwltvvx465] {
        background: repeating-linear-gradient(135deg,
            color-mix(in srgb, var(--insp-primary, #0088ca) 24%, var(--bs-body-bg, #fff)) 0 0.35rem,
            color-mix(in srgb, var(--insp-primary, #0088ca) 9%, var(--bs-body-bg, #fff)) 0.35rem 0.7rem);
    }

    .vis-cell.is-full[b-nwltvvx465] {
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 30%, var(--bs-body-bg, #fff));
    }

.vis-closed[b-nwltvvx465] {
    margin-left: 0.5rem;
    padding: 0.25rem;
    border-radius: 0.5rem;
    clip-path: none;
    color: var(--bs-secondary-color, #6c757d);
    line-height: 1;
}

.vis-dot[b-nwltvvx465] {
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    border: 1.5px solid currentColor;
    border-radius: 50%;
}

    .vis-dot.is-partial[b-nwltvvx465] {
        background: linear-gradient(90deg, currentColor 50%, transparent 50%);
    }

    .vis-dot.is-full[b-nwltvvx465] {
        background: currentColor;
    }

.vis-option[b-nwltvvx465] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
    color: color-mix(in srgb, var(--bs-secondary-color, #6c757d) 80%, transparent);
    line-height: 1;
    cursor: pointer;
    user-select: none;
    transition: background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out),
        transform var(--motion-fast) var(--ease-out);
}

    .vis-option:hover[b-nwltvvx465] {
        background: color-mix(in srgb, var(--bs-body-bg, #fff) 70%, transparent);
        color: var(--bs-body-color, #212529);
    }

    .vis-option:active[b-nwltvvx465] {
        transform: scale(var(--motion-press, 0.97));
    }

.btn-check:checked + .vis-option[b-nwltvvx465] {
    background: var(--bs-body-bg, #fff);
    color: var(--insp-primary-dark, #006c9f);
    box-shadow: 0 0 0 1.5px var(--insp-primary, #0088ca);
    font-weight: 700;
}

    .btn-check:checked + .vis-option.is-hidden[b-nwltvvx465] {
        color: var(--bs-secondary-color, #6c757d);
        box-shadow: 0 0 0 1.5px var(--bs-secondary-color, #6c757d);
    }

.btn-check:disabled + .vis-option[b-nwltvvx465] {
    cursor: default;
    pointer-events: none;
}

    .btn-check:disabled + .vis-option.is-blocked[b-nwltvvx465] {
        opacity: 0.3;
    }

.btn-check:focus-visible + .vis-option[b-nwltvvx465] {
    outline: 2px solid var(--focus-ring, #00aad3);
    outline-offset: 1px;
}

.vis-row.is-inherited .vis-track[b-nwltvvx465] {
    opacity: 0.62;
}

.vis-caption[b-nwltvvx465] {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.1rem 0.45rem;
    min-width: 0;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}

.vis-source[b-nwltvvx465] {
    padding: 0 0.4rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 999px;
    background: var(--bs-tertiary-bg, #f8f9fa);
    color: var(--bs-body-color, #212529);
    white-space: nowrap;
}

.vis-row[b-nwltvvx465]  .info-tip {
    position: static;
}

.vis-row[b-nwltvvx465]  .info-tip-bubble {
    left: 0;
    right: 0;
    width: auto;
    max-width: none;
}

    .vis-row[b-nwltvvx465]  .info-tip-bubble::before {
        display: none;
    }

@media (max-width: 575.98px) {
    .vis-row[b-nwltvvx465] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vis-caption[b-nwltvvx465] {
        grid-column: 1;
    }

    .vis-cell[b-nwltvvx465] {
        padding-left: 0.95rem;
        padding-right: 0.7rem;
        gap: 0;
    }

    .vis-option[b-nwltvvx465] {
        width: 1.4rem;
        height: 1.4rem;
    }
}
/* /Components/Shared/AccountErasurePanel.razor.rz.scp.css */
.erasure-panel[b-z2t5gazxfp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--bs-danger, #dc3545) 7%, var(--bs-body-bg, #fff));
    border: 1px solid color-mix(in srgb, var(--bs-danger, #dc3545) 30%, transparent);
}

.erasure-lead[b-z2t5gazxfp] {
    margin: 0;
    max-width: 62rem;
}

.erasure-counts[b-z2t5gazxfp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--fs-sm, 0.875rem);
}

.erasure-hint[b-z2t5gazxfp] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}
/* /Components/Shared/CatalogueErasurePanel.razor.rz.scp.css */
.erasure-panel[b-pbn8eh8xx9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--bs-danger, #dc3545) 7%, var(--bs-body-bg, #fff));
    border: 1px solid color-mix(in srgb, var(--bs-danger, #dc3545) 30%, transparent);
}

.erasure-lead[b-pbn8eh8xx9] {
    margin: 0;
    max-width: 62rem;
}

.erasure-counts[b-pbn8eh8xx9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--fs-sm, 0.875rem);
}

.erasure-hint[b-pbn8eh8xx9] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}
/* /Components/Shared/DateField.razor.rz.scp.css */
.date-field[b-mhp2wgxmfc] {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 10rem;
    min-width: 0;
    max-width: 100%;
    vertical-align: middle;
}

.date-field.date-field-time[b-mhp2wgxmfc] {
    width: 13rem;
}

.date-field-text[b-mhp2wgxmfc] {
    width: 100%;
    min-width: 0;
    padding-right: 2.25rem;
    font-variant-numeric: tabular-nums;
}

.date-field-text.is-invalid[b-mhp2wgxmfc] {
    padding-right: 2.25rem;
    background-image: none;
}

.date-field-open[b-mhp2wgxmfc] {
    position: absolute;
    top: 50%;
    right: 0.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border: 0;
    border-radius: 0.4rem;
    background: transparent;
    color: var(--bs-secondary-color, #6c757d);
    transform: translateY(-50%);
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

    .date-field-open[b-mhp2wgxmfc]::before {
        content: "";
        width: 1rem;
        height: 1rem;
        background: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.2'/%3E%3Cpath d='M3.5 9.8h17M8 3v4M16 3v4'/%3E%3Cpath d='M7.6 13.4h.01M12 13.4h.01M16.4 13.4h.01M7.6 17h.01M12 17h.01'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.2'/%3E%3Cpath d='M3.5 9.8h17M8 3v4M16 3v4'/%3E%3Cpath d='M7.6 13.4h.01M12 13.4h.01M16.4 13.4h.01M7.6 17h.01M12 17h.01'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .date-field-open:hover:not(:disabled)[b-mhp2wgxmfc] {
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 14%, transparent);
        color: var(--insp-primary, #0088ca);
    }

    .date-field-open:focus-visible[b-mhp2wgxmfc] {
        outline: 2px solid var(--insp-primary, #0088ca);
        outline-offset: 1px;
    }

.date-field-sm .date-field-text[b-mhp2wgxmfc] {
    padding-right: 2rem;
}

.date-field-sm .date-field-open[b-mhp2wgxmfc] {
    width: 1.55rem;
    height: 1.55rem;
    right: 0.2rem;
}

    .date-field-sm .date-field-open[b-mhp2wgxmfc]::before {
        width: 0.9rem;
        height: 0.9rem;
    }

.date-field-native[b-mhp2wgxmfc] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.date-field-error[b-mhp2wgxmfc] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    z-index: 25;
    width: max-content;
    max-width: min(18rem, 80vw);
    padding: 0.25rem 0.55rem;
    border-radius: 0.4rem;
    background: var(--bs-danger, #dc3545);
    color: #fff;
    font-size: var(--fs-xs, 0.78rem);
    line-height: 1.3;
    white-space: normal;
    box-shadow: 0 4px 14px rgba(14, 42, 71, 0.22);
}

    .date-field-error[b-mhp2wgxmfc]::before {
        content: "";
        position: absolute;
        top: -0.3rem;
        left: 0.9rem;
        border: 0.3rem solid transparent;
        border-top: 0;
        border-bottom-color: var(--bs-danger, #dc3545);
    }
/* /Components/Shared/DemoAccountTiles.razor.rz.scp.css */
.demo-hero[b-1wyrwp0ujt] {
    display: flex;
    justify-content: center;
    margin: 0.25rem 0 0.75rem;
}

.demo-hero-emblem[b-1wyrwp0ujt] {
    width: 128px;
    height: 128px;
    overflow: visible;
    filter: drop-shadow(0 6px 18px rgba(0, 93, 135, 0.22));
}

.demo-hero-disc[b-1wyrwp0ujt] {
    fill: color-mix(in srgb, var(--insp-primary, #0088CA) 10%, #ffffff);
}

.demo-hero-emblem .demo-hero-gear[b-1wyrwp0ujt] {
    opacity: 1;
    fill: color-mix(in srgb, var(--insp-primary, #0088CA) 42%, var(--bs-body-bg, #ffffff));
}

html[data-bs-theme="dark"] .demo-hero-disc[b-1wyrwp0ujt] {
    fill: color-mix(in srgb, var(--insp-primary, #0088CA) 34%, #223039);
}

.demo-hero-gear[b-1wyrwp0ujt] {
    transform-box: view-box;
    transform-origin: 120px 120px;
    animation: demo-hero-gear 12s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .demo-hero-gear[b-1wyrwp0ujt] {
        animation: none;
    }
}

.demo-head[b-1wyrwp0ujt] {
    margin-bottom: 1.4rem;
    text-align: center;
}

    .demo-head p[b-1wyrwp0ujt] {
        margin-left: auto;
        margin-right: auto;
    }

    .demo-head p[b-1wyrwp0ujt] {
        margin: 0.55rem 0 0;
        color: var(--bs-secondary-color, #6c757d);
        max-width: 46rem;
    }

.demo-group[b-1wyrwp0ujt] {
    font-size: var(--fs-xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bs-secondary-color, #6c757d);
    margin: 1.5rem 0 0.6rem;
}

.demo-tiles[b-1wyrwp0ujt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr));
    gap: 0.7rem;
}

    .demo-tiles form[b-1wyrwp0ujt] {
        margin: 0;
    }

.demo-tile[b-1wyrwp0ujt] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 0.95rem;
    text-align: left;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.7rem;
    color: inherit;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .demo-tile:hover[b-1wyrwp0ujt], .demo-tile:focus-visible[b-1wyrwp0ujt] {
        border-color: var(--insp-primary);
        box-shadow: 0 0.35rem 0.9rem color-mix(in srgb, var(--insp-primary) 22%, transparent);
        transform: translateY(-1px);
        outline: none;
    }

@media (prefers-reduced-motion: reduce) {
    .demo-tile[b-1wyrwp0ujt] {
        transition: none;
    }

        .demo-tile:hover[b-1wyrwp0ujt], .demo-tile:focus-visible[b-1wyrwp0ujt] {
            transform: none;
        }
}

.demo-tile-text[b-1wyrwp0ujt] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.demo-tile-name[b-1wyrwp0ujt] {
    font-weight: 650;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.demo-tile-note[b-1wyrwp0ujt] {
    font-size: var(--fs-xs);
    color: var(--bs-secondary-color, #6c757d);
}
/* /Components/Shared/DemoSwitcher.razor.rz.scp.css */
.demo-switch[b-l17ix75zce] {
    position: relative;
    flex: 0 0 auto;
    min-width: 0;
}

    .demo-switch > summary[b-l17ix75zce] {
        display: inline-flex;
        align-items: center;
        gap: 0.6rem;
        cursor: pointer;
        list-style: none;
        min-width: 0;
    }

        .demo-switch > summary[b-l17ix75zce]::-webkit-details-marker {
            display: none;
        }

.demo-switch-caret[b-l17ix75zce] {
    width: 0.42rem;
    height: 0.42rem;
    border-right: 2px solid var(--insp-primary-dark);
    border-bottom: 2px solid var(--insp-primary-dark);
    transform: rotate(45deg) translate(-0.08rem, -0.08rem);
    transition: transform 0.15s ease;
}

.demo-switch[open] .demo-switch-caret[b-l17ix75zce] {
    transform: rotate(225deg) translate(-0.06rem, -0.06rem);
}

@media (prefers-reduced-motion: reduce) {
    .demo-switch-caret[b-l17ix75zce] {
        transition: none;
    }
}

.demo-switch-panel[b-l17ix75zce] {
    position: absolute;
    top: calc(100% + 1.35rem);
    right: 0;
    z-index: 1050;
    width: min(19rem, calc(100vw - 1.5rem));
    padding: 0 0 0.35rem;
    box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.18);
    text-align: left;
}

    .demo-switch-panel[b-l17ix75zce]::before {
        content: "";
        position: absolute;
        top: -0.35rem;
        right: 1.6rem;
        width: 0.7rem;
        height: 0.7rem;
        transform: rotate(45deg);
        background: inherit;
        border-left: 1px solid var(--bs-border-color, #dee2e6);
        border-top: 1px solid var(--bs-border-color, #dee2e6);
    }

.demo-switch-panel .demo-switch-profile[b-l17ix75zce] {
    display: block;
    /* Outranks .top-row ::deep a, whose margin-left would indent the row away from the panel edge. */
    margin: 0;
    padding: 0.5rem 0.75rem;
    font-size: var(--fs-sm);
    color: var(--insp-primary);
    text-decoration: none;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

    .demo-switch-profile:hover[b-l17ix75zce] {
        text-decoration: underline;
    }

.demo-switch-title[b-l17ix75zce] {
    padding: 0.45rem 0.75rem 0.3rem;
    font-size: var(--fs-2xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bs-secondary-color, #6c757d);
}

.demo-switch form[b-l17ix75zce] {
    margin: 0;
}

.demo-switch-item[b-l17ix75zce] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.4rem 0.75rem;
    border: 0;
    background: none;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

    .demo-switch-item:hover[b-l17ix75zce] {
        background: color-mix(in srgb, var(--insp-primary) 9%, transparent);
    }

    .demo-switch-item.current[b-l17ix75zce] {
        cursor: default;
        background: color-mix(in srgb, var(--insp-primary) 5%, transparent);
    }

.demo-switch-text[b-l17ix75zce] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.demo-switch-name[b-l17ix75zce] {
    font-size: var(--fs-sm);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.demo-switch-note[b-l17ix75zce] {
    font-size: var(--fs-xs);
    color: var(--bs-secondary-color, #6c757d);
}

.demo-switch-current[b-l17ix75zce] {
    margin-left: auto;
    color: var(--insp-primary);
    font-weight: 700;
}

@media (max-width: 575.98px) {
    .demo-switch[b-l17ix75zce] {
        position: static;
    }

    .demo-switch-panel[b-l17ix75zce] {
        top: 3.85rem;
        left: 0.75rem;
        right: 0.75rem;
        width: auto;
    }

        .demo-switch-panel[b-l17ix75zce]::before {
            display: none;
        }
}
/* /Components/Shared/InfoTip.razor.rz.scp.css */
.info-tip[b-jam0rginrn] {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    font-weight: 400;
}

.info-tip-button[b-jam0rginrn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--bs-secondary-color, #6c757d) 60%, transparent);
    border-radius: 50%;
    background: transparent;
    color: var(--bs-secondary-color, #6c757d);
    font: italic 700 0.7rem/1 Georgia, "Times New Roman", serif;
    cursor: help;
    transition: color 0.12s ease, border-color 0.12s ease, background-color 0.12s ease;
}

    .info-tip-button:hover[b-jam0rginrn],
    .info-tip.open .info-tip-button[b-jam0rginrn] {
        border-color: var(--insp-primary, #0088ca);
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 12%, transparent);
        color: var(--insp-primary, #0088ca);
    }

    .info-tip-button:focus-visible[b-jam0rginrn] {
        outline: 2px solid var(--insp-primary, #0088ca);
        outline-offset: 2px;
    }

.info-tip-bubble[b-jam0rginrn] {
    position: absolute;
    top: calc(100% + 0.45rem);
    left: -0.6rem;
    z-index: 40;
    display: none;
    width: max-content;
    max-width: min(22rem, calc(100vw - 3rem));
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
    box-shadow: 0 6px 22px rgba(14, 42, 71, 0.18);
    font-size: var(--fs-xs, 0.78rem);
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.45;
    text-align: left;
    text-transform: none;
    white-space: normal;
}

    .info-tip-bubble[b-jam0rginrn]::before {
        content: "";
        position: absolute;
        top: -0.35rem;
        left: 0.85rem;
        width: 0.6rem;
        height: 0.6rem;
        border-top: 1px solid var(--bs-border-color, #dee2e6);
        border-left: 1px solid var(--bs-border-color, #dee2e6);
        background: inherit;
        transform: rotate(45deg);
    }

.info-tip:hover .info-tip-bubble[b-jam0rginrn],
.info-tip:has(.info-tip-button:focus-visible) .info-tip-bubble[b-jam0rginrn],
.info-tip.open .info-tip-bubble[b-jam0rginrn] {
    display: block;
}

@media (min-width: 576px) {
    .info-tip-end .info-tip-bubble[b-jam0rginrn] {
        right: -0.6rem;
        left: auto;
    }

        .info-tip-end .info-tip-bubble[b-jam0rginrn]::before {
            right: 0.85rem;
            left: auto;
        }
}

@media (max-width: 575.98px) {
    .info-tip[b-jam0rginrn] {
        position: static;
    }

    .info-tip-bubble[b-jam0rginrn] {
        top: auto;
        right: 0.75rem;
        left: 0.75rem;
        align-self: flex-start;
        width: auto;
        max-width: none;
        margin-top: 1.7rem;
    }

        .info-tip-bubble[b-jam0rginrn]::before {
            display: none;
        }
}
/* /Components/Shared/IntegrationsPanel.razor.rz.scp.css */
.integration-stack[b-5rd4fwuirf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 900px;
}

.integration-card[b-5rd4fwuirf] {
    min-width: 0;
}

.integration-card > .tile-head-band[b-5rd4fwuirf] {
    position: relative;
}

.integration-card > .tile-head-band[b-5rd4fwuirf]  .info-tip {
    position: static;
}

.integration-card > .tile-head-band[b-5rd4fwuirf]  .info-tip-bubble {
    left: 0.75rem;
    right: 0.75rem;
    width: auto;
    max-width: 34rem;
}

    .integration-card > .tile-head-band[b-5rd4fwuirf]  .info-tip-bubble::before {
        display: none;
    }

.integration-base[b-5rd4fwuirf] {
    font-size: var(--fs-xs);
}

.integration-note[b-5rd4fwuirf] {
    margin: 0.5rem 0 0;
    font-size: var(--fs-xs);
    color: var(--bs-secondary-color, #6c757d);
}

.integration-form[b-5rd4fwuirf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem 0.75rem;
    align-items: center;
    margin-top: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--insp-primary) 6%, transparent);
}

    .integration-form > label[b-5rd4fwuirf],
    .integration-form > .integration-label[b-5rd4fwuirf] {
        margin: 0;
        font-size: var(--fs-sm);
        font-weight: 600;
        white-space: nowrap;
    }

    .integration-form input.form-control[b-5rd4fwuirf] {
        max-width: 320px;
    }

.integration-chips[b-5rd4fwuirf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

    .integration-chips .filter-tag[b-5rd4fwuirf] {
        min-height: 2.25rem;
    }

.integration-form input.integration-url[b-5rd4fwuirf] {
    flex: 1 1 16rem;
    max-width: 28rem;
}

@media (max-width: 575.98px) {
    .integration-form[b-5rd4fwuirf] {
        grid-template-columns: minmax(0, 1fr);
    }

        .integration-form > span:empty[b-5rd4fwuirf] {
            display: none;
        }
}

.integration-inline[b-5rd4fwuirf] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.integration-list[b-5rd4fwuirf] {
    display: flex;
    flex-direction: column;
    margin-top: 0.75rem;
}

.integration-item[b-5rd4fwuirf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.4rem 0.75rem;
    padding: 0.5rem 0;
    border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 60%, transparent);
}

    .integration-item:first-child[b-5rd4fwuirf] {
        border-top: 0;
    }

    .integration-item.muted[b-5rd4fwuirf] {
        opacity: 0.62;
    }

.integration-item-main[b-5rd4fwuirf] {
    flex: 1 1 16rem;
    min-width: 0;
}

.integration-item-title[b-5rd4fwuirf] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.integration-item-meta[b-5rd4fwuirf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.15rem;
    font-size: var(--fs-xs);
    color: var(--bs-secondary-color, #6c757d);
}

.scope-chip[b-5rd4fwuirf] {
    padding: 0 0.4rem;
    border-radius: 0.3rem;
    background: color-mix(in srgb, var(--insp-primary) 14%, transparent);
    color: var(--insp-primary-dark);
    font-size: var(--fs-2xs);
    font-weight: 600;
}

.integration-secret[b-5rd4fwuirf] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 0.75rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--insp-yellow-dark, #ebd713);
    border-left-width: 4px;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--insp-yellow, #ffed36) 12%, transparent);
}

.integration-secret-head[b-5rd4fwuirf] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
/* /Components/Shared/JobItemsEditor.razor.rz.scp.css */
.item-card[b-rs3b0ur67m] {
    border: 1px solid var(--bs-border-color);
    border-radius: 10px;
    background: var(--bs-body-bg);
    padding: 0.75rem 1rem;
    margin-bottom: 0.5rem;
    transition: box-shadow 0.15s ease, opacity 0.15s ease;
}

.item-card.compact[b-rs3b0ur67m] {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.375rem;
}

.item-card:hover[b-rs3b0ur67m] {
    box-shadow: 0 2px 8px rgba(47, 74, 110, 0.12);
}

.item-card.dragging[b-rs3b0ur67m] {
    opacity: 0.55;
    border-style: dashed;
    border-color: var(--bs-primary, #2f4a6e);
}

.drag-handle[b-rs3b0ur67m] {
    cursor: grab;
    color: var(--bs-secondary-color);
    font-size: var(--fs-lg);
    line-height: 1;
    user-select: none;
}

.drag-handle:active[b-rs3b0ur67m] {
    cursor: grabbing;
}

.item-card.item-filled[b-rs3b0ur67m] {
    border-left: 4px solid var(--insp-primary, #0088CA);
    background: color-mix(in srgb, var(--insp-primary, #0088CA) 6%, var(--bs-body-bg));
    box-shadow: 0 1px 6px rgba(0, 136, 202, 0.10);
}

.item-add[b-rs3b0ur67m] {
    border-style: dashed;
    opacity: 0.75;
}

    .item-add:hover[b-rs3b0ur67m] {
        opacity: 1;
    }
/* /Components/Shared/LanguagePick.razor.rz.scp.css */
.lang-seg[b-9mfpyksnrj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    min-width: 0;
}

.lang-seg-label[b-9mfpyksnrj] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm, 0.875rem);
    white-space: nowrap;
}

.lang-seg-options[b-9mfpyksnrj] {
    display: inline-flex;
    padding: 2px;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 999px;
    background: var(--bs-body-bg, #fff);
}

.lang-seg-option[b-9mfpyksnrj] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 1.9rem;
    padding: 0.1rem 0.8rem 0.1rem 0.6rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm, 0.875rem);
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

    .lang-seg-option:hover:not(.active)[b-9mfpyksnrj] {
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 10%, transparent);
        color: var(--bs-body-color);
    }

    .lang-seg-option.active[b-9mfpyksnrj] {
        background: var(--insp-primary, #0088ca);
        color: #fff;
    }

    .lang-seg-option:focus-visible[b-9mfpyksnrj] {
        outline: 2px solid var(--insp-primary, #0088ca);
        outline-offset: 2px;
    }

.lang-seg-flag[b-9mfpyksnrj] {
    display: inline-block;
    width: 1.15rem;
    height: 0.8rem;
    border: 0;
    border-radius: 2px;
    background-size: cover;
    opacity: 0.55;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.lang-seg-option.active .lang-seg-flag[b-9mfpyksnrj] {
    opacity: 1;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55);
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
.bell-wrap[b-6tie8kqoz2] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.bell-panel[b-6tie8kqoz2] {
    position: absolute;
    top: calc(100% + 1.675rem);
    right: -0.35rem;
    z-index: 1050;
    width: min(23rem, calc(100vw - 1.5rem));
    padding: 0;
    box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.18);
}

    .bell-panel[b-6tie8kqoz2]::before {
        content: "";
        position: absolute;
        top: -0.35rem;
        right: 0.7rem;
        width: 0.7rem;
        height: 0.7rem;
        transform: rotate(45deg);
        background: inherit;
        border-left: 1px solid var(--bs-border-color, #dee2e6);
        border-top: 1px solid var(--bs-border-color, #dee2e6);
    }

.bell-panel-head[b-6tie8kqoz2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.bell-panel-list[b-6tie8kqoz2] {
    max-height: min(60vh, 24rem);
    overflow-y: auto;
}

.bell-panel-empty[b-6tie8kqoz2] {
    padding: 1.25rem 0.75rem;
    text-align: center;
    font-size: var(--fs-sm);
    color: var(--bs-secondary-color, #6c757d);
}

.bell-item[b-6tie8kqoz2] {
    display: block;
    width: 100%;
    padding: 0.45rem 0.75rem;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 55%, transparent);
    border-left: 3px solid transparent;
    background: none;
    text-align: left;
    color: inherit;
}

    .bell-item:hover[b-6tie8kqoz2] {
        background: color-mix(in srgb, var(--insp-primary) 8%, transparent);
    }

    .bell-item.unread[b-6tie8kqoz2] {
        border-left-color: var(--insp-primary);
        background: color-mix(in srgb, var(--insp-primary) 5%, transparent);
    }

.bell-panel .bell-panel-foot[b-6tie8kqoz2] {
    display: block;
    margin-left: 0;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    text-align: center;
    font-size: var(--fs-sm);
    text-decoration: none;
    color: var(--insp-primary);
}

@media (max-width: 575.98px) {
    .bell-wrap[b-6tie8kqoz2] {
        position: static;
    }

    .bell-panel[b-6tie8kqoz2] {
        top: 3.85rem;
        left: 0.75rem;
        right: 0.75rem;
        width: auto;
    }

        .bell-panel[b-6tie8kqoz2]::before {
            display: none;
        }
}
/* /Components/Shared/OperatorLogo.razor.rz.scp.css */
.operator-plate[b-iif9yzewxr],
.operator-plate-shape[b-iif9yzewxr] {
    transform-box: fill-box;
    transform-origin: center;
}

.operator-plate-shape[b-iif9yzewxr] {
    stroke: #FEEA00;
    animation: operator-plate-intro-b-iif9yzewxr 680ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
    animation-delay: calc(var(--plate) * 120ms + 300ms);
}

.operator-mark:hover .operator-plate[b-iif9yzewxr],
a:focus-visible .operator-mark .operator-plate[b-iif9yzewxr] {
    animation: operator-plate-highlight-b-iif9yzewxr 560ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
    animation-delay: calc(var(--plate) * 110ms);
}

@keyframes operator-plate-intro-b-iif9yzewxr {
    0% {
        opacity: 0.25;
        transform: scale(0.94);
    }

    40% {
        opacity: 1;
        stroke: #FFF8B8;
        transform: scale(1.14);
    }

    100% {
        opacity: 1;
        stroke: #FEEA00;
        transform: scale(1);
    }
}

@keyframes operator-plate-highlight-b-iif9yzewxr {
    0% {
        stroke: #FEEA00;
        transform: scale(1);
    }

    40% {
        stroke: #FFF8B8;
        transform: scale(1.12);
    }

    100% {
        stroke: #FEEA00;
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .operator-plate[b-iif9yzewxr],
    .operator-plate-shape[b-iif9yzewxr],
    .operator-mark:hover .operator-plate[b-iif9yzewxr] {
        animation: none;
    }
}
/* /Components/Shared/PreviewStageToggle.razor.rz.scp.css */
.preview-toggle[b-cf8hinjqws] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.6rem;
    min-width: 0;
}

.card > .preview-toggle[b-cf8hinjqws] {
    margin: 0.75rem -1rem -1rem;
    padding: 0.4rem 1rem;
    border-top: 1px solid var(--tile-head-border, color-mix(in srgb, var(--insp-primary) 10%, var(--bs-border-color, #dee2e6)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background: var(--tile-head-bg, color-mix(in srgb, var(--insp-primary) 4%, var(--bs-body-bg, #fff)));
}

    .card > .preview-toggle:not(:last-child)[b-cf8hinjqws] {
        margin-bottom: 0.75rem;
        border-bottom: 1px solid var(--tile-head-border, color-mix(in srgb, var(--insp-primary) 10%, var(--bs-border-color, #dee2e6)));
        border-radius: 0;
    }

.preview-toggle-label[b-cf8hinjqws] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm, 0.875rem);
    white-space: nowrap;
}

.preview-toggle-stages[b-cf8hinjqws] {
    display: inline-flex;
    min-width: 0;
    padding: 2px;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 999px;
    background: var(--bs-body-bg, #fff);
}

.preview-toggle-stage[b-cf8hinjqws] {
    min-height: 1.75rem;
    padding: 0.1rem 0.8rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm, 0.875rem);
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);
}

    .preview-toggle-stage:hover:not(.active)[b-cf8hinjqws] {
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 10%, transparent);
        color: var(--bs-body-color);
    }

    .preview-toggle-stage.active[b-cf8hinjqws] {
        background: var(--insp-primary, #0088ca);
        color: #fff;
    }

    .preview-toggle-stage:focus-visible[b-cf8hinjqws],
    .preview-toggle-close:focus-visible[b-cf8hinjqws] {
        outline: 2px solid var(--insp-primary, #0088ca);
        outline-offset: 2px;
    }

html[data-bs-theme="dark"] .preview-toggle-stage.active[b-cf8hinjqws] {
    color: #08151c;
}

.preview-toggle-close[b-cf8hinjqws] {
    display: inline-grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--bs-secondary-color, #6c757d);
    line-height: 1;
    cursor: pointer;
    transition: background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);
}

    .preview-toggle-close:hover[b-cf8hinjqws] {
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 12%, transparent);
        color: var(--insp-primary-dark, #006c9f);
    }

@media (max-width: 575.98px) {
    .preview-toggle-stages[b-cf8hinjqws] {
        flex: 1 1 auto;
    }

    .preview-toggle-stage[b-cf8hinjqws] {
        flex: 1 1 0;
        padding-inline: 0.4rem;
    }
}

@media (pointer: coarse) {
    .preview-toggle-stage[b-cf8hinjqws] {
        min-height: 2.25rem;
    }

    .preview-toggle-close[b-cf8hinjqws] {
        width: 2.5rem;
        height: 2.5rem;
    }
}
/* /Components/Shared/PrivacyConsentGate.razor.rz.scp.css */
.privacy-gate[b-a9705eg7hh] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: color-mix(in srgb, #0b1620 62%, transparent);
    backdrop-filter: blur(2px);
}

.privacy-gate-box[b-a9705eg7hh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: min(46rem, 100%);
    max-height: calc(100vh - 2rem);
    padding: 1.25rem 1.4rem;
    border-radius: 0.9rem;
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
    box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.35);
}

.privacy-gate-title[b-a9705eg7hh] {
    margin: 0;
    font-size: 1.25rem;
}

.privacy-gate-lead[b-a9705eg7hh] {
    margin: 0;
}

.privacy-gate-text[b-a9705eg7hh] {
    flex: 1 1 auto;
    min-height: 8rem;
    overflow: auto;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--bs-body-color, #212529) 3%, var(--bs-body-bg, #fff));
    font-size: var(--fs-sm, 0.875rem);
}

    .privacy-gate-text[b-a9705eg7hh]  h1 {
        font-size: 1.15rem;
    }

    .privacy-gate-text[b-a9705eg7hh]  h2 {
        font-size: 1rem;
        margin-top: 0.9rem;
    }

.privacy-gate-actions[b-a9705eg7hh] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

    .privacy-gate-actions form[b-a9705eg7hh] {
        margin: 0;
    }
/* /Components/Shared/TechnicianAreasEditor.razor.rz.scp.css */
.areas-card[b-vh6p8umsf3] {
    margin-bottom: 1rem;
}

.areas-map[b-vh6p8umsf3] {
    height: 320px;
}

.areas-draft[b-vh6p8umsf3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.6rem;
    border-radius: 0.6rem;
    background: color-mix(in srgb, var(--insp-primary, #0088ca) 5%, transparent);
}

.areas-draft-row[b-vh6p8umsf3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.areas-draft-name[b-vh6p8umsf3] {
    flex: 1 1 12rem;
    max-width: 18rem;
}

.areas-draft-radius[b-vh6p8umsf3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
}

    .areas-draft-radius input[b-vh6p8umsf3] {
        width: 5.5rem;
    }

.areas-draft-center[b-vh6p8umsf3] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.areas-list[b-vh6p8umsf3] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .areas-list li[b-vh6p8umsf3] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        min-height: 2.75rem;
        padding: 0.25rem 0;
        border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 65%, transparent);
    }

        .areas-list li:first-child[b-vh6p8umsf3] {
            border-top: 0;
        }

        .areas-list li.is-editing[b-vh6p8umsf3] {
            color: var(--insp-primary-dark, #006c9f);
        }

.areas-list-name[b-vh6p8umsf3] {
    min-width: 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.areas-list-actions[b-vh6p8umsf3] {
    display: inline-flex;
    gap: 0.35rem;
    margin-left: auto;
}

    .areas-list-actions .btn-action[b-vh6p8umsf3] {
        min-width: 2.5rem;
        min-height: 2.25rem;
        justify-content: center;
        font-size: var(--fs-md, 1rem);
    }

.choice-cards[b-vh6p8umsf3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.5rem;
}

.choice-card[b-vh6p8umsf3] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin: 0;
    padding: 0.6rem 0.75rem 0.6rem 2.2rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.6rem;
    cursor: pointer;
    transition: border-color 0.12s ease, background-color 0.12s ease;
}

    .choice-card:hover[b-vh6p8umsf3] {
        border-color: color-mix(in srgb, var(--insp-primary, #0088ca) 55%, var(--bs-border-color, #dee2e6));
    }

    .choice-card.active[b-vh6p8umsf3] {
        border-color: var(--insp-primary, #0088ca);
        background: color-mix(in srgb, var(--insp-primary, #0088ca) 8%, transparent);
    }

    .choice-card input[b-vh6p8umsf3] {
        position: absolute;
        top: 0.8rem;
        left: 0.75rem;
        width: 1rem;
        height: 1rem;
        margin: 0;
        accent-color: var(--insp-primary, #0088ca);
    }

    .choice-card:has(input:focus-visible)[b-vh6p8umsf3] {
        outline: 2px solid var(--insp-accent, #00aad3);
        outline-offset: 2px;
    }

.choice-card-title[b-vh6p8umsf3] {
    font-weight: 600;
}

.choice-card-text[b-vh6p8umsf3] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-xs, 0.78rem);
}

.tile-head-band[b-vh6p8umsf3] {
    position: relative;
}

.tile-head-band[b-vh6p8umsf3]  .info-tip {
    position: static;
}

.tile-head-band[b-vh6p8umsf3]  .info-tip-bubble {
    left: 0.75rem;
    right: 0.75rem;
    width: auto;
    max-width: 34rem;
}

    .tile-head-band[b-vh6p8umsf3]  .info-tip-bubble::before {
        display: none;
    }
/* /Components/Shared/TechnicianAvailabilityEditor.razor.rz.scp.css */
.availability-card[b-yhtxmyhgnp] {
    margin-bottom: 1rem;
}

.availability-capacity[b-yhtxmyhgnp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.availability-capacity-input[b-yhtxmyhgnp] {
    width: 7.5rem;
}

.availability-list[b-yhtxmyhgnp] {
    display: flex;
    flex-direction: column;
    margin: 0 0 0.75rem;
    padding: 0;
    list-style: none;
}

    .availability-list li[b-yhtxmyhgnp] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.25rem 0.6rem;
        min-height: 2.75rem;
        padding: 0.3rem 0;
        border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 65%, transparent);
    }

        .availability-list li:first-child[b-yhtxmyhgnp] {
            border-top: 0;
        }

        .availability-list li.is-past[b-yhtxmyhgnp] {
            opacity: 0.65;
        }

.availability-range[b-yhtxmyhgnp] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.availability-note[b-yhtxmyhgnp] {
    min-width: 0;
    color: var(--bs-secondary-color, #6c757d);
    font-size: var(--fs-sm, 0.875rem);
    overflow-wrap: anywhere;
}

.availability-delete[b-yhtxmyhgnp] {
    margin-left: auto;
    min-width: 2.5rem;
    min-height: 2.25rem;
    justify-content: center;
    font-size: var(--fs-md, 1rem);
}

.availability-add[b-yhtxmyhgnp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem;
    border-radius: 0.6rem;
    background: color-mix(in srgb, var(--insp-primary, #0088ca) 5%, transparent);
}

.availability-add-note[b-yhtxmyhgnp] {
    flex: 1 1 12rem;
    max-width: 22rem;
}

.tile-head-band[b-yhtxmyhgnp] {
    position: relative;
}

.tile-head-band[b-yhtxmyhgnp]  .info-tip {
    position: static;
}

.tile-head-band[b-yhtxmyhgnp]  .info-tip-bubble {
    left: 0.75rem;
    right: 0.75rem;
    width: auto;
    max-width: 34rem;
}

    .tile-head-band[b-yhtxmyhgnp]  .info-tip-bubble::before {
        display: none;
    }
/* /Components/Shared/TechnicianPreview.razor.rz.scp.css */
.tech-preview[b-1fcc3kiku4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
    gap: 0.6rem;
    min-width: 0;
}

.tech-preview-card[b-1fcc3kiku4] {
    min-width: 0;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--tile-border, var(--bs-border-color, #dee2e6));
    border-radius: 0.6rem;
    background: var(--bs-tertiary-bg, #f8f9fa);
    transition: border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);
}

    .tech-preview-card.is-highlighted[b-1fcc3kiku4] {
        border-color: var(--insp-primary, #0088ca);
        box-shadow: 0 0 0 1px var(--insp-primary, #0088ca);
    }

.tech-preview-title[b-1fcc3kiku4] {
    margin: 0 0 0.4rem;
    color: var(--insp-primary-dark, #006c9f);
    font-size: var(--fs-sm, 0.875rem);
    font-weight: 700;
}

.tech-preview-lines[b-1fcc3kiku4] {
    display: grid;
    gap: 0.2rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--fs-sm, 0.875rem);
}

.tech-preview-line[b-1fcc3kiku4] {
    display: grid;
    grid-template-columns: 1.3rem minmax(0, 1fr);
    align-items: baseline;
    gap: 0.3rem;
    overflow-wrap: anywhere;
}

    .tech-preview-line.is-partial[b-1fcc3kiku4] {
        color: var(--bs-body-color, #212529);
    }

    .tech-preview-line.is-hidden[b-1fcc3kiku4] {
        color: var(--bs-secondary-color, #6c757d);
    }

        .tech-preview-line.is-hidden .tech-preview-icon[b-1fcc3kiku4] {
            opacity: 0.45;
        }

    .tech-preview-line.is-partial > span:last-child[b-1fcc3kiku4] {
        text-decoration: underline dotted color-mix(in srgb, var(--insp-primary, #0088ca) 60%, transparent);
        text-underline-offset: 0.2em;
    }
/* /Components/Shared/TypedConfirm.razor.rz.scp.css */
.typed-confirm[b-f8n4n4mhw2] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.typed-confirm-input[b-f8n4n4mhw2] {
    width: 14rem;
    max-width: 100%;
}