/* /Components/Account/AuthCard.razor.rz.scp.css */
.auth-shell[b-igg48tlhx6] {
    isolation: isolate;
    perspective: 1200px;
    position: relative;
    width: 100%;
}

.auth-shell[b-igg48tlhx6]::before {
    background: radial-gradient(
        ellipse at center,
        rgba(13, 20, 33, 0.58) 0%,
        rgba(13, 20, 33, 0.34) 42%,
        transparent 74%);
    bottom: -2.15rem;
    content: "";
    filter: blur(15px);
    height: 3.8rem;
    left: 7%;
    pointer-events: none;
    position: absolute;
    right: 7%;
    transform: scaleX(0.94);
    z-index: -1;
}

.auth-panel[b-igg48tlhx6] {
    backdrop-filter: blur(26px) saturate(128%);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.91), rgba(245, 249, 247, 0.82));
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 20px;
    box-shadow:
        0 56px 110px -34px rgba(13, 20, 33, 0.78),
        0 26px 52px -24px rgba(13, 20, 33, 0.64),
        0 9px 22px -12px rgba(13, 20, 33, 0.44),
        0 1px 0 rgba(255, 255, 255, 0.78),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    isolation: isolate;
    overflow: hidden;
    padding: clamp(1.65rem, 4vw, 2.35rem);
    position: relative;
    transform: translate3d(0, -0.55rem, 0) rotateX(0.001deg);
    transition: box-shadow 220ms ease, transform 220ms ease;
    width: 100%;
}

.auth-panel:focus-within[b-igg48tlhx6] {
    box-shadow:
        0 62px 124px -36px rgba(13, 20, 33, 0.84),
        0 30px 60px -25px rgba(13, 20, 33, 0.7),
        0 11px 25px -12px rgba(13, 20, 33, 0.48),
        0 0 0 1px rgba(255, 255, 255, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.94);
    transform: translate3d(0, -0.78rem, 0) rotateX(0.001deg);
}

.auth-panel[b-igg48tlhx6]::after {
    background: linear-gradient(115deg, rgba(255, 255, 255, 0.26), transparent 44%);
    content: "";
    inset: 0 0 48%;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.auth-panel-glow[b-igg48tlhx6] {
    background: radial-gradient(circle, rgba(105, 132, 179, 0.17), transparent 68%);
    height: 13rem;
    pointer-events: none;
    position: absolute;
    right: -5rem;
    top: -6rem;
    width: 13rem;
    z-index: -1;
}

.auth-card-logo[b-igg48tlhx6] {
    aspect-ratio: 1;
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(14, 22, 35, 0.16);
    display: block;
    height: auto;
    margin: 0 auto 1rem;
    object-fit: contain;
    user-select: none;
    width: clamp(4.5rem, 12vw, 5.25rem);
}

.auth-card-header h1[b-igg48tlhx6] {
    color: #20262e;
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 750;
    letter-spacing: -0.025em;
    margin: 0;
}

.auth-card-description[b-igg48tlhx6] {
    color: #626d7c;
    font-size: 0.94rem;
    line-height: 1.55;
    margin: 0.7rem 0 0;
}

.auth-card-content[b-igg48tlhx6]  .auth-form {
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
}

.auth-card-content[b-igg48tlhx6]  .auth-submit {
    box-shadow: 0 10px 24px rgba(82, 111, 159, 0.24);
    min-height: 2.75rem;
}

.auth-card-content[b-igg48tlhx6]  .auth-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: 1.1rem;
}

.auth-card-content[b-igg48tlhx6]  .auth-link {
    color: var(--color-accent-dark);
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
}

.auth-card-content[b-igg48tlhx6]  .auth-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.18rem;
}

.auth-card-content[b-igg48tlhx6]  .auth-link:focus-visible {
    border-radius: 3px;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 45%, transparent);
    outline: none;
}

@supports not (backdrop-filter: blur(1px)) {
    .auth-panel[b-igg48tlhx6] {
        background: rgba(247, 250, 248, 0.97);
    }
}

@media (max-width: 520px) {
    .auth-panel[b-igg48tlhx6] {
        border-radius: 16px;
        transform: none;
    }

    .auth-panel:focus-within[b-igg48tlhx6] {
        transform: translate3d(0, -0.18rem, 0);
    }

    .auth-card-logo[b-igg48tlhx6] {
        border-radius: 8px;
        margin-bottom: 0.8rem;
        width: 4.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .auth-panel[b-igg48tlhx6],
    .auth-panel:focus-within[b-igg48tlhx6] {
        transform: none;
        transition: none;
    }
}
/* /Components/Account/LogoutForm.razor.rz.scp.css */
.logout-form[b-n3eybevup0] {
    margin: 0;
}

.logout-form-menu[b-n3eybevup0] {
    margin: 0;
    width: 100%;
}

.logout-menu-button[b-n3eybevup0] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0.55rem;
    color: #8a3b27;
    cursor: pointer;
    display: grid;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    gap: 0.65rem;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    min-height: 2.75rem;
    padding: 0.55rem 0.65rem;
    text-align: left;
    transition: background-color 120ms ease, color 120ms ease;
    width: 100%;
}

.logout-menu-button:hover[b-n3eybevup0] {
    background: #fff3e8;
    color: #742d1d;
}

.logout-menu-button:focus-visible[b-n3eybevup0] {
    outline: 3px solid var(--color-focus);
    outline-offset: 1px;
}

.logout-menu-icon[b-n3eybevup0] {
    background: currentColor;
    height: 1.05rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.25 3.25h-3A1.75 1.75 0 0 0 3.5 5v10c0 .966.784 1.75 1.75 1.75h3a.75.75 0 0 0 0-1.5h-3A.25.25 0 0 1 5 15V5a.25.25 0 0 1 .25-.25h3a.75.75 0 0 0 0-1.5Zm5.22 3.22a.75.75 0 0 0 0 1.06l1.72 1.72H8.25a.75.75 0 0 0 0 1.5h6.94l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 0 0-1.06 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 1.05rem;
}

@media (forced-colors: active) {
    .logout-menu-button[b-n3eybevup0] {
        color: ButtonText;
    }
}
/* /Components/Account/RedirectToLogin.razor.rz.scp.css */
.route-redirect[b-vtp9kcyov3] {
    align-items: center;
    color: #526071;
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    min-height: 100vh;
    padding: 1.5rem;
}
/* /Components/Chat/ChatActionIcon.razor.rz.scp.css */
.chat-action-icon-3d[b-528x5v167r] {
    --icon-face-start: #6685b9;
    --icon-face-end: #405f94;
    --icon-edge: #304b79;
    --icon-shadow: rgba(52, 79, 122, 0.28);
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.34), transparent 38%),
        linear-gradient(145deg, var(--icon-face-start), var(--icon-face-end));
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 0.68rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.65),
        inset 0 -3px 4px rgba(15, 31, 57, 0.17),
        0 2px 0 var(--icon-edge),
        0 5px 11px var(--icon-shadow);
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    height: 1.82rem;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transform: translateY(-1px);
    transition: filter 150ms ease, transform 150ms ease;
    width: 1.82rem;
}

.chat-action-icon-3d[b-528x5v167r]::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0));
    border-radius: inherit;
    content: "";
    height: 52%;
    inset: 0 0 auto;
    pointer-events: none;
    position: absolute;
}

.chat-action-icon-3d svg[b-528x5v167r] {
    height: 1.05rem;
    position: relative;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 1.05rem;
    z-index: 1;
}

.chat-action-icon-3d .icon-dot[b-528x5v167r] {
    stroke-width: 2.8;
}

.chat-action-icon-3d.compact[b-528x5v167r] {
    border-radius: 0.48rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        inset 0 -2px 3px rgba(15, 31, 57, 0.16),
        0 1px 0 var(--icon-edge),
        0 3px 7px var(--icon-shadow);
    height: 1.38rem;
    width: 1.38rem;
}

.chat-action-icon-3d.compact svg[b-528x5v167r] {
    height: 0.78rem;
    width: 0.78rem;
}

.chat-action-icon-3d.large[b-528x5v167r] {
    border-radius: 0.78rem;
    height: 2.12rem;
    width: 2.12rem;
}

.chat-action-icon-3d.large svg[b-528x5v167r] {
    height: 1.2rem;
    width: 1.2rem;
}

.chat-action-icon-3d.add[b-528x5v167r],
.chat-action-icon-3d.send[b-528x5v167r],
.chat-action-icon-3d.join[b-528x5v167r] {
    --icon-face-start: #7089c8;
    --icon-face-end: #4966a8;
    --icon-edge: #3d568d;
    --icon-shadow: rgba(59, 82, 139, 0.3);
}

.chat-action-icon-3d.audiocall[b-528x5v167r],
.chat-action-icon-3d.microphone[b-528x5v167r],
.chat-action-icon-3d.speaker[b-528x5v167r] {
    --icon-face-start: #4cc69c;
    --icon-face-end: #278b70;
    --icon-edge: #1e6c58;
    --icon-shadow: rgba(34, 139, 107, 0.3);
}

.chat-action-icon-3d.videocall[b-528x5v167r],
.chat-action-icon-3d.camera[b-528x5v167r] {
    --icon-face-start: #658fe8;
    --icon-face-end: #6359bf;
    --icon-edge: #4a4495;
    --icon-shadow: rgba(77, 73, 157, 0.31);
}

.chat-action-icon-3d.information[b-528x5v167r] {
    --icon-face-start: #5c9ee0;
    --icon-face-end: #3d70af;
    --icon-edge: #315b90;
    --icon-shadow: rgba(48, 94, 148, 0.29);
}

.chat-action-icon-3d.delete[b-528x5v167r],
.chat-action-icon-3d.hangup[b-528x5v167r] {
    --icon-face-start: #ef777c;
    --icon-face-end: #bd4352;
    --icon-edge: #963340;
    --icon-shadow: rgba(169, 53, 67, 0.32);
}

.chat-action-icon-3d.close[b-528x5v167r] {
    --icon-face-start: #8494aa;
    --icon-face-end: #5b6d85;
    --icon-edge: #48586d;
    --icon-shadow: rgba(54, 70, 91, 0.26);
}

@media (prefers-reduced-motion: reduce) {
    .chat-action-icon-3d[b-528x5v167r] {
        transition: none;
    }
}

@media (forced-colors: active) {
    .chat-action-icon-3d[b-528x5v167r] {
        background: ButtonFace;
        border: 1px solid ButtonText;
        box-shadow: none;
        color: ButtonText;
    }
}
/* /Components/Chat/ChatCallDialog.razor.rz.scp.css */
.chat-call-native-dialog[b-bwcr0s5bs7] {
    background: transparent;
    border: 0;
    color: inherit;
    margin: auto;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 1rem;
}

.chat-call-native-dialog[b-bwcr0s5bs7]::backdrop {
    backdrop-filter: blur(12px) saturate(120%);
    background: rgba(14, 23, 38, 0.72);
}

.chat-call-dialog[b-bwcr0s5bs7] {
    background: #101824;
    border: 1px solid rgba(207, 223, 247, 0.14);
    border-radius: 20px;
    box-shadow: 0 38px 110px rgba(0, 0, 0, 0.52);
    color: #f4f7fb;
    display: flex;
    flex-direction: column;
    height: min(820px, calc(100dvh - 2rem));
    max-width: 1160px;
    min-height: 560px;
    overflow: hidden;
    width: min(1160px, calc(100vw - 2rem));
}

.chat-call-header[b-bwcr0s5bs7] {
    align-items: center;
    background: linear-gradient(110deg, rgba(29, 43, 62, 0.97), rgba(31, 37, 58, 0.97));
    border-bottom: 1px solid rgba(210, 226, 247, 0.1);
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 78px;
    padding: 0.9rem 1.15rem;
}

.chat-call-header > div[b-bwcr0s5bs7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.chat-call-kicker[b-bwcr0s5bs7] {
    color: #8eacd2;
    font-size: 0.64rem;
    font-weight: 780;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.chat-call-header h2[b-bwcr0s5bs7] {
    color: #f5f8fc;
    font-size: 1.05rem;
    margin: 0.13rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-call-state[b-bwcr0s5bs7] {
    color: #aebdd0;
    font-size: 0.7rem;
}

.chat-call-close[b-bwcr0s5bs7] {
    align-items: center;
    appearance: none;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.045));
    border: 1px solid rgba(226, 236, 250, 0.18);
    border-radius: 12px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -2px 3px rgba(2, 8, 18, 0.25),
        0 5px 12px rgba(0, 0, 0, 0.2);
    color: #dfe7f2;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 2.75rem;
    justify-content: center;
    transition: background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
    width: 2.75rem;
}

.chat-call-close:hover:not(:disabled)[b-bwcr0s5bs7] {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.19), rgba(255, 255, 255, 0.075));
    transform: translateY(-1px);
}

.chat-call-close:active:not(:disabled)[b-bwcr0s5bs7] {
    box-shadow:
        inset 0 2px 5px rgba(2, 8, 18, 0.32),
        0 2px 5px rgba(0, 0, 0, 0.18);
    transform: translateY(1px);
}

.chat-call-close:disabled[b-bwcr0s5bs7] {
    cursor: not-allowed;
    opacity: 0.45;
}

.chat-call-preflight[b-bwcr0s5bs7] {
    align-self: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    max-width: 680px;
    padding: clamp(1.2rem, 4vw, 3rem);
    width: 100%;
}

.chat-call-preview[b-bwcr0s5bs7] {
    align-items: center;
    background:
        radial-gradient(circle at 75% 20%, rgba(93, 115, 170, 0.28), transparent 35%),
        linear-gradient(145deg, #1c2a3d, #20283a);
    border: 1px solid rgba(208, 225, 248, 0.12);
    border-radius: 18px;
    display: flex;
    gap: 1rem;
    justify-content: center;
    min-height: 190px;
    overflow: hidden;
    position: relative;
}

.chat-call-preview.camera-planned[b-bwcr0s5bs7]::after {
    background: linear-gradient(90deg, transparent, rgba(119, 166, 224, 0.22), transparent);
    content: "";
    height: 100%;
    left: -40%;
    position: absolute;
    top: 0;
    transform: skewX(-20deg);
    width: 30%;
}

.chat-call-preview-avatar[b-bwcr0s5bs7] {
    align-items: center;
    background: linear-gradient(135deg, #5779a5, #766fa4);
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
    display: inline-flex;
    font-size: 1.35rem;
    font-weight: 800;
    height: 4.4rem;
    justify-content: center;
    width: 4.4rem;
}

.chat-call-preview > div:last-child[b-bwcr0s5bs7] {
    display: flex;
    flex-direction: column;
}

.chat-call-preview strong[b-bwcr0s5bs7] {
    font-size: 0.93rem;
}

.chat-call-preview span[b-bwcr0s5bs7] {
    color: #aebbcf;
    font-size: 0.72rem;
}

.chat-call-preflight-copy[b-bwcr0s5bs7] {
    margin: 1.25rem 0 0.8rem;
    text-align: center;
}

.chat-call-preflight-copy h3[b-bwcr0s5bs7] {
    font-size: 1.12rem;
    margin: 0 0 0.35rem;
}

.chat-call-preflight-copy p[b-bwcr0s5bs7] {
    color: #aebbcf;
    font-size: 0.8rem;
    line-height: 1.55;
    margin: 0;
}

.chat-call-device-choices[b-bwcr0s5bs7] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 1fr 1fr;
}

.chat-call-device-choice[b-bwcr0s5bs7] {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)),
        #172334;
    border: 1px solid rgba(214, 228, 247, 0.14);
    border-radius: 14px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 -2px 3px rgba(3, 10, 20, 0.22),
        0 6px 14px rgba(0, 0, 0, 0.14);
    cursor: pointer;
    display: flex;
    gap: 0.7rem;
    min-height: 4rem;
    padding: 0.7rem 0.78rem;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.chat-call-device-choice:has(input:checked)[b-bwcr0s5bs7] {
    background:
        linear-gradient(145deg, rgba(111, 154, 213, 0.19), rgba(47, 77, 115, 0.1)),
        #172334;
    border-color: rgba(127, 177, 241, 0.52);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -2px 3px rgba(3, 10, 20, 0.22),
        0 6px 16px rgba(0, 0, 0, 0.16),
        0 0 0 1px rgba(89, 146, 217, 0.1);
}

.chat-call-device-choice:hover:not(.disabled)[b-bwcr0s5bs7] {
    border-color: rgba(145, 187, 239, 0.48);
    transform: translateY(-1px);
}

.chat-call-device-choice:focus-within[b-bwcr0s5bs7] {
    outline: 3px solid rgba(139, 190, 255, 0.78);
    outline-offset: 3px;
}

.chat-call-device-choice.disabled[b-bwcr0s5bs7] {
    cursor: not-allowed;
    opacity: 0.46;
}

.chat-call-device-choice input[b-bwcr0s5bs7] {
    height: 1px;
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 1px;
}

.chat-call-device-choice > span:last-child[b-bwcr0s5bs7] {
    display: flex;
    flex-direction: column;
}

.chat-call-device-choice strong[b-bwcr0s5bs7] {
    font-size: 0.78rem;
}

.chat-call-device-choice small[b-bwcr0s5bs7] {
    color: #9eadc0;
    font-size: 0.65rem;
}

.chat-call-device-choice[b-bwcr0s5bs7]  .chat-action-icon-3d {
    height: 2.35rem;
    width: 2.35rem;
}

.chat-call-device-choice[b-bwcr0s5bs7]  .chat-action-icon-3d svg {
    height: 1.3rem;
    width: 1.3rem;
}

.chat-call-device-choice[b-bwcr0s5bs7]  .chat-action-icon-3d::before {
    background: #56d58f;
    border: 2px solid #eefcf5;
    border-radius: 50%;
    bottom: 0.18rem;
    box-shadow: 0 1px 4px rgba(20, 87, 60, 0.72);
    content: "";
    height: 0.42rem;
    position: absolute;
    right: 0.18rem;
    width: 0.42rem;
    z-index: 2;
}

.chat-call-device-choice:not(:has(input:checked))[b-bwcr0s5bs7]  .chat-action-icon-3d {
    --icon-face-start: #7e8999;
    --icon-face-end: #4e5b6d;
    --icon-edge: #3c4858;
    --icon-shadow: rgba(18, 27, 40, 0.34);
    filter: saturate(0.5);
}

.chat-call-device-choice:not(:has(input:checked))[b-bwcr0s5bs7]  .chat-action-icon-3d::before {
    background: #c1cad6;
    border-color: #f0f4f8;
    box-shadow: 0 1px 4px rgba(15, 23, 34, 0.72);
}

.chat-call-privacy-note[b-bwcr0s5bs7] {
    align-items: center;
    color: #96a8bf;
    display: flex;
    font-size: 0.68rem;
    gap: 0.5rem;
    justify-content: center;
    margin: 0.85rem 0;
}

.chat-call-privacy-icon[b-bwcr0s5bs7] {
    align-items: center;
    background: linear-gradient(145deg, #687c98, #3d5069);
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 0.5rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.48),
        inset 0 -2px 3px rgba(10, 21, 36, 0.23),
        0 2px 0 #324359,
        0 4px 8px rgba(0, 0, 0, 0.2);
    color: #f5f9ff;
    display: inline-flex;
    flex: 0 0 auto;
    height: 1.72rem;
    justify-content: center;
    width: 1.72rem;
}

.chat-call-privacy-icon svg[b-bwcr0s5bs7] {
    height: 0.98rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 0.98rem;
}

.chat-call-privacy-icon .keyhole[b-bwcr0s5bs7] {
    stroke-width: 2.5;
}

.chat-call-preflight-actions[b-bwcr0s5bs7] {
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
    margin-top: 0.65rem;
}

.chat-call-join[b-bwcr0s5bs7] {
    align-items: center;
    display: inline-flex;
    gap: 0.48rem;
    justify-content: center;
    min-height: 2.75rem;
    min-width: 10rem;
}

.chat-call-error[b-bwcr0s5bs7] {
    font-size: 0.75rem;
    margin: 0.3rem 0;
    min-height: auto;
    padding: 0.65rem 0.75rem;
}

.chat-call-stage[b-bwcr0s5bs7] {
    align-content: center;
    display: grid;
    flex: 1 1 auto;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    min-height: 0;
    overflow-y: auto;
    padding: 0.85rem;
}

.chat-call-stage.preflight-hidden[b-bwcr0s5bs7] {
    flex: 0 0 0;
    height: 0;
    min-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.chat-call-stage[data-connection-state="reconnecting"][b-bwcr0s5bs7] {
    filter: saturate(0.75);
}

.chat-call-stage[b-bwcr0s5bs7]  .chat-call-tile {
    aspect-ratio: 16 / 10;
    background: linear-gradient(145deg, #1b293c, #20283a);
    border: 1px solid rgba(210, 225, 246, 0.11);
    border-radius: 15px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
    min-height: 150px;
    overflow: hidden;
    position: relative;
}

.chat-call-stage[b-bwcr0s5bs7]  .chat-call-tile.speaking {
    border-color: #77bb9a;
    box-shadow: 0 0 0 2px rgba(91, 191, 143, 0.25), 0 12px 28px rgba(0, 0, 0, 0.2);
}

.chat-call-stage[b-bwcr0s5bs7]  .chat-call-tile-media {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}

.chat-call-stage[b-bwcr0s5bs7]  .chat-call-tile video {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.chat-call-stage[b-bwcr0s5bs7]  .chat-call-tile-placeholder {
    align-items: center;
    background: linear-gradient(135deg, #526f99, #756c9f);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: inline-flex;
    font-size: 1.35rem;
    font-weight: 800;
    height: 4.5rem;
    justify-content: center;
    width: 4.5rem;
}

.chat-call-stage[b-bwcr0s5bs7]  .chat-call-tile.has-video .chat-call-tile-placeholder {
    display: none;
}

.chat-call-stage[b-bwcr0s5bs7]  .chat-call-tile footer {
    align-items: center;
    background: linear-gradient(transparent, rgba(8, 14, 23, 0.9));
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 1.3rem 0.7rem 0.55rem;
    position: absolute;
    right: 0;
}

.chat-call-stage[b-bwcr0s5bs7]  .chat-call-participant-name {
    font-size: 0.73rem;
    font-weight: 690;
}

.chat-call-stage[b-bwcr0s5bs7]  .chat-call-quality {
    background: #6eb58f;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(110, 181, 143, 0.16);
    height: 0.43rem;
    width: 0.43rem;
}

.chat-call-stage[b-bwcr0s5bs7]  .chat-call-tile[data-connection-quality="poor"] .chat-call-quality {
    background: #d7866f;
}

.chat-call-stage[b-bwcr0s5bs7]  .chat-call-audio-track {
    height: 1px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 1px;
}

.chat-call-reconnecting[b-bwcr0s5bs7] {
    align-items: center;
    background: rgba(22, 32, 47, 0.94);
    border: 1px solid rgba(218, 230, 246, 0.16);
    border-radius: 999px;
    display: flex;
    font-size: 0.7rem;
    gap: 0.45rem;
    left: 50%;
    padding: 0.45rem 0.75rem;
    position: absolute;
    top: 6.2rem;
    transform: translateX(-50%);
}

.chat-call-toolbar[b-bwcr0s5bs7] {
    align-items: center;
    background: linear-gradient(110deg, #1a2637, #20283b);
    border-top: 1px solid rgba(211, 227, 248, 0.1);
    display: grid;
    flex: 0 0 auto;
    gap: 1rem;
    grid-template-columns: 1fr auto 1fr;
    min-height: 88px;
    padding: 0.75rem 1rem;
}

.chat-call-participant-count[b-bwcr0s5bs7] {
    align-items: center;
    color: #a9b8ca;
    display: flex;
    font-size: 0.7rem;
    gap: 0.48rem;
}

.chat-call-live-dot[b-bwcr0s5bs7] {
    background: #56bd83;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(86, 189, 131, 0.12);
    height: 0.5rem;
    width: 0.5rem;
}

.chat-call-toolbar-controls[b-bwcr0s5bs7] {
    align-items: center;
    display: flex;
    gap: 0.72rem;
}

.chat-call-round-button[b-bwcr0s5bs7] {
    align-items: center;
    appearance: none;
    background:
        radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.2), transparent 38%),
        linear-gradient(145deg, #35465c, #1b2738);
    border: 1px solid rgba(230, 239, 251, 0.22);
    border-radius: 50%;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        inset 0 -3px 5px rgba(3, 9, 18, 0.32),
        0 3px 0 #111a27,
        0 9px 20px rgba(0, 0, 0, 0.3);
    color: #f2f6fb;
    cursor: pointer;
    display: inline-flex;
    height: 3.25rem;
    isolation: isolate;
    justify-content: center;
    position: relative;
    touch-action: manipulation;
    transition: border-color 140ms ease, box-shadow 140ms ease, filter 140ms ease, transform 140ms ease;
    width: 3.25rem;
}

.chat-call-round-button:hover:not(:disabled)[b-bwcr0s5bs7] {
    border-color: rgba(230, 240, 255, 0.38);
    filter: brightness(1.08);
    transform: translateY(-2px);
}

.chat-call-round-button:active:not(:disabled)[b-bwcr0s5bs7] {
    box-shadow:
        inset 0 3px 7px rgba(3, 9, 18, 0.4),
        0 1px 0 #111a27,
        0 4px 10px rgba(0, 0, 0, 0.25);
    transform: translateY(1px);
}

.chat-call-round-button[b-bwcr0s5bs7]  .chat-action-icon-3d {
    height: 2.18rem;
    width: 2.18rem;
}

.chat-call-round-button:hover:not(:disabled)[b-bwcr0s5bs7]  .chat-action-icon-3d {
    filter: brightness(1.06) saturate(1.06);
    transform: translateY(-1px) scale(1.03);
}

.chat-call-close:focus-visible[b-bwcr0s5bs7],
.chat-call-round-button:focus-visible[b-bwcr0s5bs7],
.chat-call-end-for-all:focus-visible[b-bwcr0s5bs7] {
    outline: 3px solid #9ec7ff;
    outline-offset: 3px;
}

.chat-call-round-button.off[b-bwcr0s5bs7] {
    background:
        radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.16), transparent 38%),
        linear-gradient(145deg, #4b3943, #291f2a);
    border-color: rgba(244, 163, 170, 0.25);
    color: #fff2f3;
}

.chat-call-round-button.off[b-bwcr0s5bs7]  .chat-action-icon-3d {
    --icon-face-start: #df737a;
    --icon-face-end: #a63e4a;
    --icon-edge: #7f3039;
    --icon-shadow: rgba(162, 46, 58, 0.36);
}

.chat-call-round-button.off[b-bwcr0s5bs7]::after {
    background: #fff6f7;
    border-radius: 999px;
    box-shadow: 0 1px 0 rgba(76, 21, 28, 0.72), 0 0 0 1px rgba(116, 30, 41, 0.42);
    content: "";
    height: 0.13rem;
    pointer-events: none;
    position: absolute;
    transform: rotate(-42deg);
    width: 1.75rem;
    z-index: 3;
}

.chat-call-round-button.leave[b-bwcr0s5bs7] {
    background:
        radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.2), transparent 38%),
        linear-gradient(145deg, #cb5a65, #762b38);
    border-color: rgba(255, 176, 181, 0.48);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        inset 0 -3px 5px rgba(73, 16, 27, 0.35),
        0 3px 0 #5f202b,
        0 9px 20px rgba(91, 24, 35, 0.38);
}

.chat-call-round-button.resume-audio[b-bwcr0s5bs7] {
    background:
        radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.2), transparent 38%),
        linear-gradient(145deg, #355f61, #1d343a);
    border-color: rgba(117, 224, 196, 0.35);
}

.chat-call-round-button:disabled[b-bwcr0s5bs7] {
    cursor: not-allowed;
    filter: grayscale(0.7);
    opacity: 0.42;
}

.chat-call-end-for-all[b-bwcr0s5bs7] {
    appearance: none;
    background: transparent;
    border: 0;
    color: #e4a4a4;
    cursor: pointer;
    font: inherit;
    font-size: 0.7rem;
    justify-self: end;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.chat-call-spacer[b-bwcr0s5bs7] {
    display: block;
}

@media (max-width: 680px) {
    .chat-call-native-dialog[b-bwcr0s5bs7] {
        padding: 0;
    }

    .chat-call-dialog[b-bwcr0s5bs7] {
        border: 0;
        border-radius: 0;
        height: 100dvh;
        min-height: 100dvh;
        width: 100vw;
    }

    .chat-call-device-choices[b-bwcr0s5bs7] {
        grid-template-columns: 1fr;
    }

    .chat-call-stage[b-bwcr0s5bs7] {
        grid-template-columns: 1fr;
    }

    .chat-call-toolbar[b-bwcr0s5bs7] {
        grid-template-columns: auto 1fr;
        row-gap: 0.55rem;
    }

    .chat-call-toolbar-controls[b-bwcr0s5bs7] {
        justify-self: end;
    }

    .chat-call-end-for-all[b-bwcr0s5bs7] {
        grid-column: 1 / -1;
        justify-self: center;
    }

    .chat-call-spacer[b-bwcr0s5bs7] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .chat-call-close[b-bwcr0s5bs7],
    .chat-call-device-choice[b-bwcr0s5bs7],
    .chat-call-join[b-bwcr0s5bs7],
    .chat-call-round-button[b-bwcr0s5bs7],
    .chat-call-preview.camera-planned[b-bwcr0s5bs7]::after {
        transition: none;
    }
}

@media (forced-colors: active) {
    .chat-call-dialog[b-bwcr0s5bs7],
    .chat-call-header[b-bwcr0s5bs7],
    .chat-call-toolbar[b-bwcr0s5bs7],
    .chat-call-preview[b-bwcr0s5bs7],
    .chat-call-device-choice[b-bwcr0s5bs7],
    .chat-call-close[b-bwcr0s5bs7],
    .chat-call-round-button[b-bwcr0s5bs7],
    .chat-call-privacy-icon[b-bwcr0s5bs7],
    .chat-call-stage[b-bwcr0s5bs7]  .chat-call-tile {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }

    .chat-call-device-choice:focus-within[b-bwcr0s5bs7],
    .chat-call-close:focus-visible[b-bwcr0s5bs7],
    .chat-call-round-button:focus-visible[b-bwcr0s5bs7],
    .chat-call-end-for-all:focus-visible[b-bwcr0s5bs7] {
        outline-color: Highlight;
    }

    .chat-call-round-button.off[b-bwcr0s5bs7]::after,
    .chat-call-device-choice[b-bwcr0s5bs7]  .chat-action-icon-3d::before {
        background: ButtonText;
        border-color: ButtonFace;
        box-shadow: none;
    }

    .chat-call-round-button:disabled[b-bwcr0s5bs7],
    .chat-call-device-choice.disabled[b-bwcr0s5bs7] {
        opacity: 0.55;
    }
}
/* /Components/Common/DataGrid/MiliemDataGrid.razor.rz.scp.css */
.miliem-datagrid[b-boqwx3xnhw] {
    --datagrid-shell: #fbfcff;
    --datagrid-toolbar-start: #f5f7fb;
    --datagrid-toolbar-end: #edf1f7;
    --datagrid-header-start: #edf1f8;
    --datagrid-header-end: #e6ebf4;
    --datagrid-row-odd: #fcfdff;
    --datagrid-row-even: #f6f8fc;
    --datagrid-row-hover: #edf2fa;
    --datagrid-row-selected: #e2e9f5;
    --datagrid-row-selected-hover: #dae4f2;
    --datagrid-detail: #f0f3f9;
    --datagrid-footer-start: #f4f6fa;
    --datagrid-footer-end: #edf1f7;
    background: var(--datagrid-shell);
    border: 1px solid #cad4e1;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(53, 73, 104, 0.08);
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.visually-hidden[b-boqwx3xnhw] {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

.datagrid-column-definitions[b-boqwx3xnhw] {
    display: none;
}

.datagrid-toolbar[b-boqwx3xnhw] {
    align-items: center;
    background: linear-gradient(135deg, var(--datagrid-toolbar-start), var(--datagrid-toolbar-end));
    border-bottom: 1px solid #d8e0eb;
    display: flex;
    flex: 0 0 auto;
    gap: 0.75rem;
    min-height: 4rem;
    padding: 0.7rem 0.8rem;
    position: relative;
    z-index: 20;
}

.datagrid-search[b-boqwx3xnhw] {
    align-items: center;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid #cfd6df;
    border-radius: 8px;
    display: flex;
    flex: 0 1 23rem;
    min-width: 13rem;
    position: relative;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.datagrid-search:focus-within[b-boqwx3xnhw] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 45%, transparent);
}

.datagrid-search-icon[b-boqwx3xnhw] {
    color: #667085;
    font-size: 1.05rem;
    margin-left: 0.65rem;
}

.datagrid-search input[b-boqwx3xnhw] {
    background: transparent;
    border: 0;
    color: #1d2939;
    font-size: 0.84rem;
    min-height: 2.35rem;
    min-width: 0;
    outline: 0;
    padding: 0.45rem 0.65rem;
    width: 100%;
}

.datagrid-toolbar-actions[b-boqwx3xnhw] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
    margin-left: auto;
}

.datagrid-toolbar-button[b-boqwx3xnhw],
.datagrid-menu-trigger[b-boqwx3xnhw],
.datagrid-column-move button[b-boqwx3xnhw],
.datagrid-expand-button[b-boqwx3xnhw],
.datagrid-pager button[b-boqwx3xnhw] {
    align-items: center;
    background: #f9fbff;
    border: 1px solid #d0d5dd;
    border-radius: 7px;
    color: #344054;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease, color 120ms ease;
}

.datagrid-toolbar-button[b-boqwx3xnhw],
.datagrid-menu-trigger[b-boqwx3xnhw] {
    gap: 0.42rem;
    font-size: 0.76rem;
    font-weight: 700;
    min-height: 2.35rem;
    padding: 0.4rem 0.65rem;
    white-space: nowrap;
}

.datagrid-toolbar-button:hover:not(:disabled)[b-boqwx3xnhw],
.datagrid-toolbar-button.is-active[b-boqwx3xnhw],
.datagrid-menu-trigger:hover[b-boqwx3xnhw],
.datagrid-menu[open] > .datagrid-menu-trigger[b-boqwx3xnhw],
.datagrid-column-move button:hover:not(:disabled)[b-boqwx3xnhw],
.datagrid-expand-button:hover:not(:disabled)[b-boqwx3xnhw],
.datagrid-pager button:hover:not(:disabled)[b-boqwx3xnhw] {
    background: #edf2fa;
    border-color: var(--color-accent);
    color: var(--color-accent-dark);
}

.datagrid-toolbar-button:focus-visible[b-boqwx3xnhw],
.datagrid-menu-trigger:focus-visible[b-boqwx3xnhw],
.datagrid-menu-action:focus-visible[b-boqwx3xnhw],
.datagrid-column-move button:focus-visible[b-boqwx3xnhw],
.datagrid-expand-button:focus-visible[b-boqwx3xnhw],
.datagrid-pager button:focus-visible[b-boqwx3xnhw],
.datagrid-active-filters button:focus-visible[b-boqwx3xnhw],
.datagrid-error button:focus-visible[b-boqwx3xnhw],
.datagrid-table input:focus-visible[b-boqwx3xnhw],
.datagrid-table select:focus-visible[b-boqwx3xnhw],
.datagrid-menu-field select:focus-visible[b-boqwx3xnhw],
.datagrid-page-size select:focus-visible[b-boqwx3xnhw] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 20%, transparent);
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.datagrid-toolbar-button:disabled[b-boqwx3xnhw],
.datagrid-menu-action:disabled[b-boqwx3xnhw],
.datagrid-pager button:disabled[b-boqwx3xnhw] {
    cursor: not-allowed;
    opacity: 0.45;
}

.datagrid-badge[b-boqwx3xnhw] {
    align-items: center;
    background: var(--color-accent);
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.62rem;
    font-weight: 800;
    height: 1.12rem;
    justify-content: center;
    min-width: 1.12rem;
    padding: 0 0.28rem;
}

.datagrid-menu[b-boqwx3xnhw] {
    position: static;
}

.datagrid-menu > summary[b-boqwx3xnhw] {
    list-style: none;
}

.datagrid-menu > summary[b-boqwx3xnhw]::-webkit-details-marker {
    display: none;
}

.datagrid-trigger-icon[b-boqwx3xnhw] {
    color: #667085;
    font-size: 0.9rem;
}

.datagrid-trigger-caret[b-boqwx3xnhw] {
    color: #98a2b3;
    font-size: 0.65rem;
    transition: transform 120ms ease;
}

.datagrid-menu[open] .datagrid-trigger-caret[b-boqwx3xnhw] {
    transform: rotate(180deg);
}

.datagrid-actions-trigger[b-boqwx3xnhw] {
    font-size: 1.15rem;
    min-width: 2.35rem;
    padding-inline: 0.55rem;
}

.datagrid-menu-popover[b-boqwx3xnhw] {
    background: #ffffff;
    border: 1px solid #d0d5dd;
    border-radius: 11px;
    box-shadow: 0 16px 38px rgba(16, 24, 40, 0.2);
    max-height: min(34rem, var(--datagrid-menu-max-height, calc(100vh - 8rem)));
    overflow: auto;
    padding: 0.7rem;
    position: absolute;
    top: calc(100% + 0.45rem);
    z-index: 30;
}

.datagrid-context-popover[b-boqwx3xnhw] {
    right: 0;
    width: min(35rem, calc(100vw - 3rem));
}

.datagrid-view-popover[b-boqwx3xnhw] {
    right: 0;
    width: min(22rem, calc(100vw - 3rem));
}

.datagrid-actions-popover[b-boqwx3xnhw] {
    right: 0;
    width: min(16rem, calc(100vw - 3rem));
}

.datagrid-menu-field[b-boqwx3xnhw] {
    color: #475467;
    display: grid;
    font-size: 0.72rem;
    font-weight: 700;
    gap: 0.35rem;
}

.datagrid-menu-field select[b-boqwx3xnhw],
.datagrid-page-size select[b-boqwx3xnhw] {
    background: #ffffff;
    border: 1px solid #d0d5dd;
    border-radius: 7px;
    color: #344054;
    min-height: 2.35rem;
    padding: 0.35rem 1.7rem 0.35rem 0.55rem;
    width: 100%;
}

.datagrid-menu-section[b-boqwx3xnhw] {
    border-top: 1px solid #eaecf0;
    margin-top: 0.7rem;
    padding-top: 0.65rem;
}

.datagrid-menu-heading[b-boqwx3xnhw] {
    color: #475467;
    display: block;
    font-size: 0.7rem;
    margin: 0 0.35rem 0.35rem;
    text-transform: uppercase;
}

.datagrid-column-list[b-boqwx3xnhw] {
    display: grid;
    gap: 0.12rem;
}

.datagrid-column-option[b-boqwx3xnhw] {
    align-items: center;
    border-radius: 6px;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 2.3rem;
    padding: 0.2rem 0.25rem;
}

.datagrid-column-option:hover[b-boqwx3xnhw] {
    background: #f8fafc;
}

.datagrid-column-option label[b-boqwx3xnhw] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 0.8rem;
    gap: 0.5rem;
    min-width: 0;
}

.datagrid-column-label[b-boqwx3xnhw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.datagrid-column-option input[b-boqwx3xnhw],
.datagrid-table input[type="checkbox"][b-boqwx3xnhw] {
    accent-color: var(--color-accent);
    flex: 0 0 auto;
    height: 1rem;
    width: 1rem;
}

.datagrid-column-move[b-boqwx3xnhw] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.25rem;
}

.datagrid-column-move button[b-boqwx3xnhw] {
    height: 1.75rem;
    width: 1.75rem;
}

.datagrid-menu-section-actions[b-boqwx3xnhw] {
    display: grid;
    gap: 0.15rem;
}

.datagrid-menu-action[b-boqwx3xnhw] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #344054;
    cursor: pointer;
    display: grid;
    font-size: 0.78rem;
    gap: 0.55rem;
    grid-template-columns: 1.25rem minmax(0, 1fr) auto;
    min-height: 2.35rem;
    padding: 0.45rem 0.55rem;
    text-align: left;
    width: 100%;
}

.datagrid-menu-action:hover:not(:disabled)[b-boqwx3xnhw] {
    background: #edf2fa;
    color: var(--color-accent-dark);
}

.datagrid-menu-action small[b-boqwx3xnhw] {
    color: #667085;
    font-size: 0.65rem;
    justify-self: end;
}

.datagrid-menu-action-danger[b-boqwx3xnhw] {
    color: #b42318;
}

.datagrid-active-filters button[b-boqwx3xnhw],
.datagrid-error button[b-boqwx3xnhw] {
    background: transparent;
    border: 0;
    border-radius: 5px;
    color: var(--color-accent-dark);
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.3rem 0.45rem;
}

.datagrid-page-size[b-boqwx3xnhw] {
    align-items: center;
    color: #667085;
    display: flex;
    font-size: 0.75rem;
    gap: 0.4rem;
}

.datagrid-active-filters[b-boqwx3xnhw],
.datagrid-error[b-boqwx3xnhw] {
    align-items: center;
    border-bottom: 1px solid #e4e7ec;
    display: flex;
    flex: 0 0 auto;
    font-size: 0.76rem;
    justify-content: space-between;
    min-height: 2.4rem;
    padding: 0.35rem 0.8rem;
}

.datagrid-active-filters[b-boqwx3xnhw] {
    background: #edf2fa;
    color: var(--color-accent-dark);
}

.datagrid-error[b-boqwx3xnhw] {
    background: #fffbeb;
    color: #92400e;
}

.datagrid-table-viewport[b-boqwx3xnhw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    position: relative;
}

.datagrid-table[b-boqwx3xnhw] {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 100%;
    table-layout: fixed;
    width: max-content;
}

.datagrid-table th[b-boqwx3xnhw],
.datagrid-table td[b-boqwx3xnhw] {
    border-bottom: 1px solid #eaecf0;
    overflow: hidden;
    padding: 0.68rem 0.75rem;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.datagrid-table thead th[b-boqwx3xnhw] {
    background: linear-gradient(180deg, var(--datagrid-header-start), var(--datagrid-header-end));
    border-bottom-color: #d4dce8;
    color: #475467;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.035em;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    user-select: none;
    z-index: 4;
}

.datagrid-table thead th[aria-sort="ascending"][b-boqwx3xnhw],
.datagrid-table thead th[aria-sort="descending"][b-boqwx3xnhw] {
    background: linear-gradient(180deg, #e8e8f4, #dfe5f1);
    color: var(--color-accent-dark);
}

.datagrid-sort-button[b-boqwx3xnhw] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 0.35rem;
    height: 100%;
    letter-spacing: inherit;
    min-width: 0;
    padding: 0;
    text-align: left;
    text-transform: inherit;
    width: 100%;
}

.datagrid-sort-button:disabled[b-boqwx3xnhw] {
    cursor: default;
}

.datagrid-sort-button:focus-visible[b-boqwx3xnhw] {
    border-radius: 3px;
    outline: 2px solid var(--color-accent);
    outline-offset: 3px;
}

.datagrid-sort-button > span:first-child[b-boqwx3xnhw] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.datagrid-sort-indicator[b-boqwx3xnhw] {
    color: var(--color-accent-dark);
    font-size: 0.85rem;
}

.datagrid-sort-button small[b-boqwx3xnhw] {
    align-items: center;
    background: #dfe8f6;
    border-radius: 999px;
    color: var(--color-accent-dark);
    display: inline-flex;
    font-size: 0.55rem;
    height: 1rem;
    justify-content: center;
    min-width: 1rem;
}

.datagrid-resize-handle[b-boqwx3xnhw] {
    cursor: col-resize;
    inset-block: 0;
    position: absolute;
    right: -0.2rem;
    width: 0.55rem;
    z-index: 6;
}

.datagrid-resize-handle[b-boqwx3xnhw]::after {
    background: transparent;
    content: "";
    inset-block: 24%;
    position: absolute;
    right: 0.23rem;
    width: 2px;
}

.datagrid-resize-handle:hover[b-boqwx3xnhw]::after {
    background: var(--color-accent);
}

.datagrid-filter-row th[b-boqwx3xnhw] {
    background: #f7f9fd;
    padding: 0.42rem 0.45rem;
    top: 2.72rem;
    z-index: 3;
}

.datagrid-filter-control[b-boqwx3xnhw] {
    align-items: stretch;
    display: flex;
    gap: 0.25rem;
}

.datagrid-filter-control input[b-boqwx3xnhw],
.datagrid-filter-control select[b-boqwx3xnhw] {
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    color: #344054;
    font-size: 0.72rem;
    min-height: 2rem;
    min-width: 0;
    padding: 0.25rem 0.4rem;
    width: 100%;
}

.datagrid-filter-control .datagrid-filter-operator[b-boqwx3xnhw] {
    flex: 0 0 3.15rem;
    max-width: 3.15rem;
}

.datagrid-table tbody tr:not(.datagrid-detail-row):not(.datagrid-group-row)[b-boqwx3xnhw] {
    background: var(--datagrid-row-odd);
    transition: background-color 100ms ease;
}

.datagrid-table tbody tr:not(.datagrid-detail-row):not(.datagrid-group-row):nth-child(even)[b-boqwx3xnhw] {
    background: var(--datagrid-row-even);
}

.datagrid-table tbody tr:not(.datagrid-detail-row):not(.datagrid-group-row):hover[b-boqwx3xnhw] {
    background: var(--datagrid-row-hover);
}

.datagrid-table tbody tr.is-selected[b-boqwx3xnhw] {
    background: var(--datagrid-row-selected);
}

.datagrid-table tbody tr.is-selected:hover[b-boqwx3xnhw] {
    background: var(--datagrid-row-selected-hover);
}

.datagrid-table tbody tr.is-selected > td:first-child[b-boqwx3xnhw] {
    box-shadow: inset 3px 0 0 #8299bd;
}

.datagrid-table tbody td[b-boqwx3xnhw] {
    color: #344054;
    font-size: 0.78rem;
}

.datagrid-selection-column[b-boqwx3xnhw],
.datagrid-detail-column[b-boqwx3xnhw] {
    width: 2.75rem;
}

.datagrid-selection-cell[b-boqwx3xnhw] {
    text-align: center !important;
}

.datagrid-expand-button[b-boqwx3xnhw] {
    border-radius: 50%;
    font-size: 0.9rem;
    height: 1.65rem;
    width: 1.65rem;
}

.datagrid-group-row th[b-boqwx3xnhw] {
    background: #e9edf5;
    color: #344054;
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    padding-block: 0.48rem;
    position: static;
    text-transform: none;
}

.datagrid-detail-row td[b-boqwx3xnhw] {
    background: var(--datagrid-detail);
    overflow: visible;
    padding: 0;
    white-space: normal;
}

.datagrid-empty[b-boqwx3xnhw] {
    color: #667085 !important;
    height: 13rem;
    text-align: center !important;
}

.datagrid-loading-overlay[b-boqwx3xnhw] {
    align-items: center;
    backdrop-filter: blur(1px);
    background: rgba(255, 255, 255, 0.82);
    color: #475467;
    display: flex;
    font-size: 0.8rem;
    gap: 0.65rem;
    inset: 0;
    justify-content: center;
    min-height: 12rem;
    position: absolute;
    z-index: 10;
}

.datagrid-spinner[b-boqwx3xnhw] {
    animation: datagrid-spin-b-boqwx3xnhw 650ms linear infinite;
    border: 2px solid #c2d2ea;
    border-radius: 50%;
    border-right-color: var(--color-accent);
    height: 1.25rem;
    width: 1.25rem;
}

@keyframes datagrid-spin-b-boqwx3xnhw {
    to { transform: rotate(360deg); }
}

.datagrid-footer[b-boqwx3xnhw] {
    align-items: center;
    background: linear-gradient(180deg, var(--datagrid-footer-start), var(--datagrid-footer-end));
    border-top: 1px solid #dce3ed;
    display: flex;
    flex: 0 0 auto;
    gap: 1rem;
    justify-content: space-between;
    min-height: 3.55rem;
    padding: 0.6rem 0.8rem;
}

.datagrid-footer-status[b-boqwx3xnhw] {
    color: #667085;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    font-size: 0.75rem;
    gap: 0.55rem;
}

.datagrid-selected-count[b-boqwx3xnhw] {
    background: #dfe8f6;
    border-radius: 999px;
    color: var(--color-accent-dark);
    font-weight: 700;
    padding: 0.1rem 0.45rem;
}

.datagrid-pager[b-boqwx3xnhw] {
    display: flex;
    gap: 0.25rem;
}

.datagrid-pager button[b-boqwx3xnhw] {
    font-size: 0.75rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0 0.35rem;
}

.datagrid-pager button.is-current[b-boqwx3xnhw] {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: #ffffff;
    font-weight: 800;
}

.density-compact .datagrid-table th[b-boqwx3xnhw],
.density-compact .datagrid-table td[b-boqwx3xnhw] {
    padding-block: 0.4rem;
}

.density-compact .datagrid-table tbody td[b-boqwx3xnhw] {
    font-size: 0.73rem;
}

.is-fullscreen[b-boqwx3xnhw] {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    inset: 0;
    position: fixed;
    overflow: hidden;
    z-index: 1000;
}

.is-fullscreen .datagrid-table-viewport[b-boqwx3xnhw] {
    flex: 1 1 auto;
}

@media (max-width: 1100px) {
    .datagrid-toolbar[b-boqwx3xnhw] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .datagrid-search[b-boqwx3xnhw] {
        flex: 1 1 18rem;
    }

    .datagrid-footer[b-boqwx3xnhw] {
        flex-wrap: wrap;
    }

    .datagrid-footer-status[b-boqwx3xnhw] {
        flex-basis: 100%;
    }
}

@media (max-width: 980px) {
    .datagrid-search[b-boqwx3xnhw] {
        flex-basis: 15rem;
    }

    .datagrid-toolbar-actions[b-boqwx3xnhw] {
        flex: 1 1 auto;
    }
}

@media (max-width: 620px) {
    .datagrid-toolbar[b-boqwx3xnhw] {
        padding: 0.65rem;
    }

    .datagrid-search[b-boqwx3xnhw] {
        flex-basis: 100%;
        max-width: none;
    }

    .datagrid-toolbar-actions[b-boqwx3xnhw] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
        margin-left: 0;
        width: 100%;
    }

    .datagrid-menu-trigger[b-boqwx3xnhw],
    .datagrid-toolbar-button[b-boqwx3xnhw] {
        justify-content: center;
        width: 100%;
    }

    .datagrid-menu-popover[b-boqwx3xnhw] {
        position: absolute;
        top: calc(100% + 0.45rem);
        width: auto;
    }

    .datagrid-context-popover[b-boqwx3xnhw],
    .datagrid-view-popover[b-boqwx3xnhw],
    .datagrid-actions-popover[b-boqwx3xnhw] {
        inset-inline: 0.5rem;
        max-height: min(75vh, 38rem, var(--datagrid-menu-max-height, 75vh));
    }

    .datagrid-footer[b-boqwx3xnhw] {
        justify-content: center;
    }

    .datagrid-footer-status[b-boqwx3xnhw] {
        justify-content: center;
    }

    .datagrid-page-size[b-boqwx3xnhw] {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .datagrid-spinner[b-boqwx3xnhw] {
        animation-duration: 1.5s;
    }

    .datagrid-table tbody tr[b-boqwx3xnhw],
    .datagrid-toolbar-button[b-boqwx3xnhw],
    .datagrid-menu-trigger[b-boqwx3xnhw],
    .datagrid-pager button[b-boqwx3xnhw] {
        transition: none;
    }
}
/* /Components/Common/Notifications/NotificationHost.razor.rz.scp.css */
.notification-stack[b-k9cd3p8hkj] {
    bottom: 1.25rem;
    display: grid;
    gap: 0.75rem;
    pointer-events: none;
    position: fixed;
    right: 1.25rem;
    width: min(390px, calc(100vw - 2rem));
    z-index: 1100;
}

body:has(.notification-history.is-open) .notification-stack[b-k9cd3p8hkj] {
    z-index: 150;
}

.notification-toast[b-k9cd3p8hkj] {
    --notification-color: #2563eb;
    align-items: start;
    animation: notification-arrive-b-k9cd3p8hkj 180ms cubic-bezier(.16, 1, .3, 1);
    backdrop-filter: blur(24px) saturate(145%);
    background: rgba(250, 250, 252, 0.94);
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 13px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.2), 0 2px 8px rgba(15, 23, 42, 0.08);
    color: #1f2937;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 4px 2rem minmax(0, 1fr) 2rem;
    min-height: 5rem;
    overflow: hidden;
    padding: 0.85rem 0.65rem 0.85rem 0;
    pointer-events: auto;
    position: relative;
}

.notification-toast.severity-success[b-k9cd3p8hkj] {
    --notification-color: #16813d;
}

.notification-toast.severity-warning[b-k9cd3p8hkj] {
    --notification-color: #9a6700;
}

.notification-toast.severity-error[b-k9cd3p8hkj] {
    --notification-color: #c42b1c;
}

.notification-accent[b-k9cd3p8hkj] {
    align-self: stretch;
    background: var(--notification-color);
    border-radius: 0 4px 4px 0;
    margin: -0.85rem 0;
}

.notification-icon[b-k9cd3p8hkj] {
    align-items: center;
    background: color-mix(in srgb, var(--notification-color) 13%, white);
    border-radius: 50%;
    color: var(--notification-color);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.notification-icon svg[b-k9cd3p8hkj] {
    fill: none;
    height: 1.2rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 1.2rem;
}

.notification-body[b-k9cd3p8hkj] {
    min-width: 0;
    padding-top: 0.05rem;
}

.notification-heading[b-k9cd3p8hkj] {
    align-items: baseline;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.notification-heading strong[b-k9cd3p8hkj] {
    color: #111827;
    font-size: 0.92rem;
    font-weight: 680;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.notification-heading time[b-k9cd3p8hkj] {
    color: #687384;
    flex: 0 0 auto;
    font-size: 0.72rem;
    white-space: nowrap;
}

.notification-body p[b-k9cd3p8hkj] {
    color: #4b5563;
    font-size: 0.84rem;
    line-height: 1.4;
    margin: 0.32rem 0 0;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.notification-dismiss[b-k9cd3p8hkj] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #5f6b7a;
    cursor: pointer;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    padding: 0;
    transition: background-color 120ms ease, color 120ms ease;
    width: 2rem;
}

.notification-dismiss:hover[b-k9cd3p8hkj] {
    background: rgba(15, 23, 42, 0.08);
    color: #111827;
}

.notification-dismiss:focus-visible[b-k9cd3p8hkj] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 58%, transparent);
    outline: none;
}

.notification-dismiss svg[b-k9cd3p8hkj] {
    fill: none;
    height: 1rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.7;
    width: 1rem;
}

@keyframes notification-arrive-b-k9cd3p8hkj {
    from {
        opacity: 0;
        transform: translate3d(1rem, 0, 0) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (max-width: 520px) {
    .notification-stack[b-k9cd3p8hkj] {
        bottom: 0.75rem;
        left: 0.75rem;
        right: 0.75rem;
        width: auto;
    }

    .notification-toast[b-k9cd3p8hkj] {
        grid-template-columns: 4px 1.8rem minmax(0, 1fr) 1.8rem;
        padding-right: 0.55rem;
    }

    .notification-icon[b-k9cd3p8hkj],
    .notification-dismiss[b-k9cd3p8hkj] {
        height: 1.8rem;
        width: 1.8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .notification-toast[b-k9cd3p8hkj] {
        animation: none;
    }

    .notification-dismiss[b-k9cd3p8hkj] {
        transition: none;
    }
}

@media (forced-colors: active) {
    .notification-toast[b-k9cd3p8hkj] {
        background: Canvas;
        border: 1px solid CanvasText;
        box-shadow: none;
        color: CanvasText;
        forced-color-adjust: auto;
    }

    .notification-accent[b-k9cd3p8hkj] {
        background: Highlight;
    }

    .notification-icon[b-k9cd3p8hkj],
    .notification-heading strong[b-k9cd3p8hkj],
    .notification-heading time[b-k9cd3p8hkj],
    .notification-body p[b-k9cd3p8hkj],
    .notification-dismiss[b-k9cd3p8hkj] {
        color: CanvasText;
    }
}
/* /Components/Common/UserAvatar.razor.rz.scp.css */
.profile-avatar[b-4tih23yg29] {
    align-items: center;
    background: #e5ecf7;
    border: 1px solid rgba(76, 101, 137, 0.14);
    border-radius: 50%;
    color: #3e587f;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0.02em;
    object-fit: cover;
    overflow: hidden;
}

img.profile-avatar[b-4tih23yg29] {
    background: #f4f6fa;
}

.profile-avatar-directory[b-4tih23yg29] {
    font-size: 0.74rem;
    height: 2.35rem;
    width: 2.35rem;
}

.profile-avatar-header[b-4tih23yg29] {
    font-size: 0.62rem;
    height: 2rem;
    width: 2rem;
}

.profile-avatar-editor[b-4tih23yg29] {
    font-size: 0.86rem;
    height: 2.8rem;
    width: 2.8rem;
}

.profile-avatar-profile[b-4tih23yg29] {
    box-shadow: 0 8px 20px rgba(45, 64, 90, 0.12);
    font-size: 1.35rem;
    height: 5.5rem;
    width: 5.5rem;
}

@media (forced-colors: active) {
    .profile-avatar[b-4tih23yg29] {
        background: Canvas;
        border-color: CanvasText;
        color: CanvasText;
    }
}
/* /Components/Layout/AppErrorBar.razor.rz.scp.css */
#blazor-error-ui[b-youwdydnpp] {
    background: #fff7ed;
    border-top: 1px solid #fed7aa;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.16);
    color: #7c2d12;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

#blazor-error-ui .dismiss[b-youwdydnpp] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/AppFooter.razor.rz.scp.css */
.app-footer[b-i61kjvk96m] {
    align-items: center;
    background: #000000;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 -6px 22px rgba(10, 10, 10, 0.14);
    color: #e5e7eb;
    display: flex;
    font-size: 0.8rem;
    gap: 1rem;
    grid-area: footer;
    justify-content: space-between;
    min-height: 2.75rem;
    padding: 0.65rem 1.5rem;
}

.footer-signature[b-i61kjvk96m] {
    white-space: nowrap;
}

@media (max-width: 520px) {
    .app-footer[b-i61kjvk96m] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.2rem;
        padding: 0.65rem 1rem;
    }
}

@media (forced-colors: active) {
    .app-footer[b-i61kjvk96m] {
        background: Canvas;
        border-top-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }
}
/* /Components/Layout/AppHeader.razor.rz.scp.css */
.app-header[b-rlao2xv24y] {
    align-items: center;
    backdrop-filter: blur(18px) saturate(135%);
    background: linear-gradient(
        105deg,
        rgba(255, 255, 255, 0.96) 0%,
        rgba(234, 241, 250, 0.95) 52%,
        rgba(239, 237, 248, 0.95) 100%);
    border-bottom: 1px solid rgba(79, 105, 119, 0.16);
    box-shadow: 0 8px 28px rgba(47, 70, 84, 0.08);
    display: flex;
    gap: 1rem;
    grid-area: header;
    justify-content: space-between;
    min-width: 0;
    padding: 0 1.5rem;
    position: sticky;
    top: 0;
    z-index: 200;
}

.app-header[b-rlao2xv24y]  .header-brand {
    appearance: none;
    background: transparent;
    border: 0;
    color: #2c3e58;
    cursor: pointer;
    font-family: inherit;
    font-size: 1.05rem;
    font-weight: 750;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-header[b-rlao2xv24y]  .header-brand::before {
    background: linear-gradient(135deg, #7897c8, #9c93c5 58%, #c8ad7f);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(83, 105, 151, 0.22);
    content: "";
    display: inline-block;
    height: 0.7rem;
    margin-right: 0.55rem;
    vertical-align: 0.02rem;
    width: 0.7rem;
}

.app-header[b-rlao2xv24y]  .header-brand:focus-visible {
    border-radius: 6px;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 20%, transparent);
    outline: 3px solid var(--color-focus);
    outline-offset: 3px;
}

.header-session[b-rlao2xv24y] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.75rem;
}

@media (max-width: 520px) {
    .app-header[b-rlao2xv24y] {
        min-height: 4rem;
        padding: 0.55rem 1rem;
    }

}

@media (forced-colors: active) {
    .app-header[b-rlao2xv24y] {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }

    .app-header[b-rlao2xv24y]  .header-brand::before {
        background: Highlight;
        box-shadow: none;
    }
}
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-layout[b-w46hhpg7dv] {
    align-items: center;
    background:
        radial-gradient(circle at 18% 15%, rgba(92, 119, 168, 0.24), transparent 34%),
        radial-gradient(circle at 84% 88%, rgba(187, 161, 92, 0.15), transparent 32%),
        linear-gradient(135deg, #161d2a 0%, #1c2636 48%, #252838 100%);
    display: flex;
    justify-content: center;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    padding: 1.5rem;
    position: relative;
    isolation: isolate;
}

.auth-layout[b-w46hhpg7dv]::before {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0 1px, transparent 1.5px);
    background-size: 5px 5px;
    content: "";
    inset: 0;
    opacity: 0.08;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

.auth-pattern[b-w46hhpg7dv] {
    background-image: url("/login-background-nature-blurred.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: none;
    inset: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: scale(1.012);
    z-index: 0;
}

.auth-pattern[b-w46hhpg7dv]::after {
    background:
        radial-gradient(circle at 50% 46%, rgba(218, 226, 240, 0.08), transparent 30%),
        linear-gradient(90deg, rgba(9, 15, 26, 0.27), transparent 26%, transparent 74%, rgba(9, 15, 26, 0.27)),
        linear-gradient(180deg, rgba(12, 19, 31, 0.08), rgba(8, 15, 27, 0.28));
    content: "";
    inset: 0;
    position: absolute;
}

.auth-rain-glass[b-w46hhpg7dv] {
    background: transparent;
    height: 100%;
    inset: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1;
}

/* Variante animee conservee: ajouter la classe auth-layout-animated au layout pour la reactiver. */
.auth-layout.auth-layout-animated .auth-pattern[b-w46hhpg7dv] {
    animation: auth-pattern-drift-b-w46hhpg7dv 72s linear infinite;
    background-image: url("/login-contours.svg");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 640px 640px;
    inset: -640px 0 0 -640px;
    opacity: 0.82;
    transform: translate3d(0, 0, 0);
    width: calc(100% + 1280px);
    height: calc(100% + 1280px);
    will-change: transform;
}

.auth-layout.auth-layout-animated .auth-pattern[b-w46hhpg7dv]::after {
    animation: auth-pattern-light-b-w46hhpg7dv 16s ease-in-out infinite alternate;
    background:
        radial-gradient(circle at 24% 28%, rgba(163, 181, 218, 0.2), transparent 25%),
        radial-gradient(circle at 73% 70%, rgba(229, 204, 133, 0.14), transparent 24%);
    mix-blend-mode: screen;
}

.auth-layout.auth-layout-animated .auth-rain-glass[b-w46hhpg7dv] {
    display: none;
}

@keyframes auth-pattern-drift-b-w46hhpg7dv {
    to {
        transform: translate3d(640px, 640px, 0);
    }
}

@keyframes auth-pattern-light-b-w46hhpg7dv {
    from {
        opacity: 0.5;
        transform: translate3d(-2%, -1%, 0) scale(0.98);
    }

    to {
        opacity: 0.9;
        transform: translate3d(2%, 1%, 0) scale(1.03);
    }
}

.auth-layout-content[b-w46hhpg7dv] {
    max-width: 440px;
    position: relative;
    width: 100%;
    z-index: 3;
}

.auth-language-selector[b-w46hhpg7dv] {
    position: absolute;
    right: 1.5rem;
    top: 1.25rem;
    z-index: 4;
}

@media (max-width: 520px) {
    .auth-layout[b-w46hhpg7dv] {
        align-items: flex-start;
        padding-top: 5rem;
    }

    .auth-language-selector[b-w46hhpg7dv] {
        right: 1rem;
        top: 1rem;
    }

    .auth-pattern[b-w46hhpg7dv] {
        background-position: 38% center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .auth-layout.auth-layout-animated .auth-pattern[b-w46hhpg7dv],
    .auth-layout.auth-layout-animated .auth-pattern[b-w46hhpg7dv]::after {
        animation: none;
    }
}
/* /Components/Layout/CultureSelector.razor.rz.scp.css */
.culture-control[b-g9e7zb0vz5] {
    position: relative;
}

.culture-control-embedded[b-g9e7zb0vz5] {
    width: 100%;
}

.culture-inline-options[b-g9e7zb0vz5] {
    display: grid;
    gap: 0.35rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.culture-inline-option[b-g9e7zb0vz5] {
    align-items: center;
    appearance: none;
    background: #f8f9fc;
    border: 1px solid #d9e0ea;
    border-radius: 0.55rem;
    color: #40556b;
    cursor: pointer;
    display: grid;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 700;
    gap: 0.4rem;
    grid-template-columns: 1.55rem minmax(0, 1fr) 0.7rem;
    min-height: 2.55rem;
    padding: 0.35rem 0.45rem;
    text-align: left;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.culture-inline-option:hover:not(:disabled)[b-g9e7zb0vz5] {
    background: #eef2f8;
    border-color: #b8c5d8;
}

.culture-inline-option.active[b-g9e7zb0vz5] {
    background: #e7ebf5;
    border-color: #9eacd0;
    color: #354e78;
}

.culture-inline-option:focus-visible[b-g9e7zb0vz5] {
    outline: 3px solid var(--color-focus);
    outline-offset: 1px;
}

.culture-inline-option:disabled[b-g9e7zb0vz5] {
    cursor: wait;
    opacity: 0.68;
}

.culture-inline-code[b-g9e7zb0vz5] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d9e0ea;
    border-radius: 0.35rem;
    display: inline-flex;
    font-size: 0.6rem;
    height: 1.3rem;
    justify-content: center;
    letter-spacing: 0.03em;
    width: 1.5rem;
}

.culture-inline-check[b-g9e7zb0vz5] {
    border-bottom: 1.8px solid transparent;
    border-right: 1.8px solid transparent;
    height: 0.55rem;
    transform: rotate(45deg);
    width: 0.3rem;
}

.culture-inline-option.active .culture-inline-check[b-g9e7zb0vz5] {
    border-color: currentColor;
}

.culture-trigger[b-g9e7zb0vz5] {
    align-items: center;
    appearance: none;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #d0d5dd;
    border-radius: 50%;
    color: #475467;
    cursor: pointer;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    padding: 0;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
    width: 2.35rem;
}

.culture-trigger:hover:not(:disabled)[b-g9e7zb0vz5],
.culture-trigger[aria-expanded="true"][b-g9e7zb0vz5] {
    background: #ffffff;
    border-color: color-mix(in srgb, var(--color-accent) 55%, #d0d5dd);
    color: var(--color-accent-dark);
}

.culture-trigger:focus-visible[b-g9e7zb0vz5] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 45%, transparent);
    outline: none;
}

.culture-trigger:disabled[b-g9e7zb0vz5] {
    cursor: wait;
    opacity: 0.72;
}

.culture-globe[b-g9e7zb0vz5] {
    background: currentColor;
    height: 1.05rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A8.6 8.6 0 0 0 5.145 4H7.5V1.077ZM4.09 4a9.7 9.7 0 0 1 .64-1.539 7 7 0 0 0-2.725 3.248A18 18 0 0 1 4.09 4Zm-.582 2.5a20 20 0 0 0-.13 1.5c0 .51.043 1.01.13 1.5H7.5v-3H3.508Zm.582 5.5a18 18 0 0 1-2.085-1.709A7 7 0 0 0 4.73 13.54 9.7 9.7 0 0 1 4.09 12Zm1.055 0c.13.382.286.74.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145Zm3.355 2.923c.67-.204 1.335-.82 1.887-1.855.182-.328.338-.686.468-1.068H8.5v2.923ZM11.91 12a9.7 9.7 0 0 1-.64 1.539 7 7 0 0 0 2.725-3.248A18 18 0 0 1 11.91 12Zm.582-2.5c.087-.49.13-.99.13-1.5s-.043-1.01-.13-1.5H8.5v3h3.992Zm-.582-5.5a18 18 0 0 1 2.085 1.709A7 7 0 0 0 11.27 2.46c.26.48.474.994.64 1.54Zm-1.055 0a7.6 7.6 0 0 0-.468-1.068C9.835 1.897 9.169 1.282 8.5 1.077V4h2.355ZM5.018 5a19 19 0 0 0-.185 1.5H7.5V5H5.018Zm3.482 0v1.5h2.667A19 19 0 0 0 10.982 5H8.5Zm2.667 4.5H8.5V11h2.482c.08-.487.142-.988.185-1.5ZM7.5 11V9.5H4.833c.043.512.105 1.013.185 1.5H7.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 1.05rem;
}

.culture-menu[b-g9e7zb0vz5] {
    animation: culture-menu-enter-b-g9e7zb0vz5 130ms ease-out;
    background: #ffffff;
    border: 1px solid #d9dee7;
    border-radius: 0.75rem;
    box-shadow: 0 18px 45px rgba(16, 24, 40, 0.18), 0 4px 12px rgba(16, 24, 40, 0.08);
    min-width: 14rem;
    overflow: hidden;
    padding: 0.4rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    transform-origin: top right;
    z-index: 100;
}

.culture-menu-title[b-g9e7zb0vz5] {
    color: #667085;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.045em;
    padding: 0.45rem 0.65rem 0.5rem;
    text-transform: uppercase;
}

.culture-option[b-g9e7zb0vz5] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0.5rem;
    color: #344054;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.65rem;
    grid-template-columns: 1.75rem minmax(0, 1fr) 1rem;
    min-height: 3rem;
    padding: 0.45rem 0.65rem;
    text-align: left;
    width: 100%;
}

.culture-option:hover[b-g9e7zb0vz5],
.culture-option:focus-visible[b-g9e7zb0vz5] {
    background: #f2f5fa;
    outline: none;
}

.culture-option.active[b-g9e7zb0vz5] {
    background: #edf2fa;
    color: var(--color-accent-dark);
}

.culture-code[b-g9e7zb0vz5] {
    align-items: center;
    background: #eef1f4;
    border-radius: 50%;
    color: #475467;
    display: inline-flex;
    font-size: 0.65rem;
    font-weight: 800;
    height: 1.75rem;
    justify-content: center;
    letter-spacing: 0.02em;
    width: 1.75rem;
}

.culture-option.active .culture-code[b-g9e7zb0vz5] {
    background: #d8e4f4;
    color: var(--color-accent-dark);
}

.culture-option-text[b-g9e7zb0vz5] {
    display: grid;
    min-width: 0;
}

.culture-name[b-g9e7zb0vz5] {
    font-size: 0.88rem;
    font-weight: 700;
}

.culture-current[b-g9e7zb0vz5] {
    color: #667085;
    font-size: 0.7rem;
    margin-top: 0.08rem;
}

.culture-check[b-g9e7zb0vz5] {
    background: var(--color-accent-dark);
    height: 0.85rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M13.485 1.929a1 1 0 0 1 .586 1.286l-5 12a1 1 0 0 1-1.687.266l-4-4.5a1 1 0 1 1 1.495-1.328l2.95 3.319 4.399-10.457a1 1 0 0 1 1.257-.586Z'/%3E%3C/svg%3E") center / contain no-repeat;
    opacity: 0;
    width: 0.85rem;
}

.culture-option.active .culture-check[b-g9e7zb0vz5] {
    opacity: 1;
}

.culture-spinner[b-g9e7zb0vz5] {
    color: var(--color-accent);
    margin: 0;
}

@keyframes culture-menu-enter-b-g9e7zb0vz5 {
    from {
        opacity: 0;
        transform: translateY(-0.25rem) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .culture-menu[b-g9e7zb0vz5] {
        animation: none;
    }

    .culture-trigger[b-g9e7zb0vz5] {
        transition: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-a40ehzwf5g] {
    --color-accent: #526f9f;
    --color-accent-dark: #3e587f;
    --color-focus: #526f9f;
    --shell-blue: #e5edf8;
    --shell-border: rgba(82, 105, 120, 0.18);
    background: #f6f9fb;
    display: grid;
    grid-template-areas:
        "header header"
        "navigation main"
        "footer footer";
    grid-template-columns: 250px minmax(0, 1fr);
    grid-template-rows: 4rem minmax(0, 1fr) auto;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
}

.app-sidebar[b-a40ehzwf5g] {
    background:
        radial-gradient(circle at 18% 0%, rgba(157, 181, 226, 0.2), transparent 34%),
        radial-gradient(circle at 100% 42%, rgba(187, 177, 221, 0.16), transparent 38%),
        linear-gradient(180deg, #26394a 0%, #203341 54%, #293246 100%);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 8px 0 30px rgba(30, 48, 61, 0.08);
    grid-area: navigation;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.app-main[b-a40ehzwf5g] {
    background:
        radial-gradient(circle at 8% 4%, rgba(224, 233, 248, 0.84), transparent 31rem),
        radial-gradient(circle at 92% 8%, rgba(224, 232, 253, 0.82), transparent 34rem),
        radial-gradient(circle at 72% 100%, rgba(235, 232, 247, 0.68), transparent 32rem),
        linear-gradient(135deg, #f8fafc 0%, #f5f7fb 52%, #f8f6fb 100%);
    grid-area: main;
    min-height: 0;
    min-width: 0;
    overflow-x: auto;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.app-main-contained[b-a40ehzwf5g] {
    overflow: hidden;
}

.page-content[b-a40ehzwf5g] {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0.9rem 1.5rem 1.5rem;
    position: relative;
    width: 100%;
}

.page-content[b-a40ehzwf5g]  .page-heading:not(.dashboard-heading) {
    align-items: center;
    background: linear-gradient(90deg, rgba(226, 234, 247, 0.5), rgba(255, 255, 255, 0) 58%);
    border-bottom: 1px solid rgba(91, 113, 128, 0.16);
    border-radius: 8px 8px 0 0;
    display: grid;
    gap: 0.65rem 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.4rem 0.35rem 0.58rem 0.75rem;
    position: relative;
}

.page-content[b-a40ehzwf5g]  .page-heading:not(.dashboard-heading)::before {
    background: linear-gradient(180deg, #6f8fbd, #8584b4);
    border-radius: 999px;
    bottom: 0.58rem;
    content: "";
    left: 0;
    position: absolute;
    top: 0.4rem;
    width: 3px;
}

.page-content[b-a40ehzwf5g]  .page-heading > div {
    min-width: 0;
}

.page-content[b-a40ehzwf5g]  .page-heading h1 {
    color: #243947;
}

.page-content[b-a40ehzwf5g]  .page-heading .page-description {
    color: #667085;
    display: -webkit-box;
    font-size: 0.78rem;
    line-height: 1.32;
    margin: 0.18rem 0 0;
    max-width: 74ch;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.page-content[b-a40ehzwf5g]  .page-heading > .button,
.page-content[b-a40ehzwf5g]  .page-heading > .retention-badge {
    justify-self: end;
}

.page-content[b-a40ehzwf5g]  .eyebrow {
    color: #536f9c;
}

.page-content[b-a40ehzwf5g]  .notice {
    backdrop-filter: blur(16px);
    background: rgba(255, 255, 255, 0.84);
    border-color: var(--shell-border);
    box-shadow: 0 14px 36px rgba(52, 72, 87, 0.09);
}

.page-content-grid[b-a40ehzwf5g] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.page-content-grid[b-a40ehzwf5g]  .miliem-datagrid {
    flex: 1 1 auto;
    min-height: 0;
}

@media (max-width: 760px) {
    .app-shell[b-a40ehzwf5g] {
        grid-template-areas:
            "header"
            "navigation"
            "main"
            "footer";
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto minmax(0, 1fr) auto;
    }

    .app-sidebar[b-a40ehzwf5g] {
        overflow: visible;
    }

    .page-content[b-a40ehzwf5g] {
        padding: 0.7rem 0.75rem 1rem;
    }

    .page-content[b-a40ehzwf5g]  .page-heading:not(.dashboard-heading) {
        gap: 0.5rem 0.7rem;
        padding: 0.35rem 0.15rem 0.5rem 0.65rem;
    }

    .page-content[b-a40ehzwf5g]  .page-heading:not(.dashboard-heading)::before {
        bottom: 0.5rem;
        top: 0.35rem;
    }

    .page-content[b-a40ehzwf5g]  .page-heading .page-description {
        -webkit-line-clamp: 2;
    }
}

@media (forced-colors: active) {
    .app-shell[b-a40ehzwf5g],
    .app-sidebar[b-a40ehzwf5g],
    .app-main[b-a40ehzwf5g] {
        background: Canvas;
    }

    .app-sidebar[b-a40ehzwf5g] {
        border-right-color: CanvasText;
        box-shadow: none;
    }

    .page-content[b-a40ehzwf5g]  .page-heading:not(.dashboard-heading) {
        background: Canvas;
        border-bottom-color: CanvasText;
    }

    .page-content[b-a40ehzwf5g]  .page-heading:not(.dashboard-heading)::before {
        background: Highlight;
    }

    .page-content[b-a40ehzwf5g]  .notice {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.side-nav-toggle[b-l011sn3dxl] {
    appearance: none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.72%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 9px;
    color: #ffffff;
    cursor: pointer;
    height: 2.5rem;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    width: 3.5rem;
}

.side-nav-toggle:checked[b-l011sn3dxl] {
    background-color: rgba(255, 255, 255, 0.24);
}

.side-nav-toggle:focus-visible[b-l011sn3dxl] {
    box-shadow: 0 0 0 2px rgba(213, 226, 245, 0.34);
    outline: 3px solid #d5e2f5 !important;
    outline-offset: 2px;
}

.side-nav-mobile-title[b-l011sn3dxl] {
    align-items: center;
    color: #ffffff;
    display: flex;
    font-size: 0.9rem;
    font-weight: 700;
    min-height: 3.5rem;
    padding: 0 1rem;
}

.side-nav-scroll[b-l011sn3dxl] {
    display: none;
}

.side-nav-toggle:checked ~ .side-nav-scroll[b-l011sn3dxl] {
    display: block;
}

.side-nav-list[b-l011sn3dxl] {
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
}

.side-nav-item[b-l011sn3dxl] {
    font-size: 0.9rem;
    padding: 0 0.75rem 0.5rem;
}
.side-nav-settings-group[b-l011sn3dxl] {
    padding-bottom: 0.65rem;
}

.side-nav-group-label[b-l011sn3dxl] {
    flex: 1 1 auto;
    min-width: 0;
}

.side-nav-group-chevron[b-l011sn3dxl] {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    flex: 0 0 auto;
    height: 0.48rem;
    margin: 0 0.25rem 0 0.6rem;
    transform: rotate(45deg) translate(-1px, -1px);
    transition: transform 140ms ease;
    width: 0.48rem;
}

.side-nav-group-toggle[aria-expanded="true"] .side-nav-group-chevron[b-l011sn3dxl] {
    transform: rotate(225deg) translate(-1px, -1px);
}

.side-nav-submenu[b-l011sn3dxl] {
    border-left: 1px solid rgba(205, 218, 243, 0.25);
    display: grid;
    gap: 0.25rem;
    margin: 0.25rem 0 0 1.35rem;
    padding: 0.15rem 0 0.1rem 0.55rem;
}

.side-nav-submenu[hidden][b-l011sn3dxl] {
    display: none;
}

.side-nav-subitem[b-l011sn3dxl] {
    font-size: 0.83rem;
}

.side-nav-item[b-l011sn3dxl]  .side-nav-link {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #e8f0f2;
    cursor: pointer;
    display: flex;
    font: inherit;
    min-height: 3rem;
    padding: 0 0.75rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease;
    width: 100%;
}

.side-nav-item[b-l011sn3dxl]  .side-nav-link.active {
    background: linear-gradient(
        100deg,
        rgba(151, 183, 225, 0.25),
        rgba(184, 190, 229, 0.2) 58%,
        rgba(220, 199, 158, 0.14));
    border-color: rgba(205, 218, 243, 0.24);
    box-shadow: inset 3px 0 0 #8fa9d3, 0 8px 24px rgba(9, 24, 34, 0.12);
    color: #ffffff;
}

.side-nav-item[b-l011sn3dxl]  .side-nav-link:hover {
    background: rgba(216, 226, 243, 0.12);
    border-color: rgba(216, 226, 243, 0.15);
    color: #ffffff;
}

.side-nav-item[b-l011sn3dxl]  .side-nav-link.active:hover {
    background: linear-gradient(
        100deg,
        rgba(151, 183, 225, 0.3),
        rgba(184, 190, 229, 0.24) 58%,
        rgba(220, 199, 158, 0.17));
}
.side-nav-item[b-l011sn3dxl]  .side-nav-group-toggle.group-active {
    background: rgba(216, 226, 243, 0.1);
    border-color: rgba(205, 218, 243, 0.16);
    box-shadow: inset 3px 0 0 rgba(143, 169, 211, 0.72);
    color: #ffffff;
}

.side-nav-item[b-l011sn3dxl]  .side-nav-sublink {
    min-height: 2.75rem;
    padding: 0.45rem 0.6rem;
}

.side-nav-item[b-l011sn3dxl]  .side-nav-sublink.active {
    box-shadow: inset 3px 0 0 #b5c8e7, 0 5px 16px rgba(9, 24, 34, 0.1);
}

.side-nav-sublink .nav-icon[b-l011sn3dxl] {
    height: 1.05rem;
    margin-right: 0.6rem;
    width: 1.05rem;
}

.side-nav-item[b-l011sn3dxl]  .side-nav-link:focus-visible {
    box-shadow: 0 0 0 2px rgba(213, 226, 245, 0.34);
    outline: 3px solid #d5e2f5 !important;
    outline-offset: 2px;
}

.side-nav-unread-badge[b-l011sn3dxl] {
    align-items: center;
    background: #dce9fb;
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 999px;
    box-shadow: 0 3px 10px rgba(4, 19, 36, 0.24);
    color: #17304e;
    display: inline-flex;
    font-size: 0.66rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    justify-content: center;
    line-height: 1;
    margin-left: auto;
    min-height: 1.35rem;
    min-width: 1.35rem;
    padding: 0.17rem 0.36rem;
}

.nav-icon[b-l011sn3dxl] {
    background-size: cover;
    display: inline-block;
    flex: 0 0 auto;
    height: 1.25rem;
    margin-right: 0.75rem;
    opacity: 0.92;
    width: 1.25rem;
}

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

.nav-icon-users[b-l011sn3dxl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

.nav-icon-chat[b-l011sn3dxl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 2.5A2.5 2.5 0 0 1 4.5 0h7A2.5 2.5 0 0 1 14 2.5v6a2.5 2.5 0 0 1-2.5 2.5H7.2l-3.94 3.35A.75.75 0 0 1 2 13.78V11.5A2.5 2.5 0 0 1 0 9.05V2.5h2Zm2.5-1A1.5 1.5 0 0 0 3 3v6.5h.5v2.65L6.65 9.5h4.85A1.5 1.5 0 0 0 13 8V2.5A1.5 1.5 0 0 0 11.5 1h-7ZM5 4.25a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm3 0a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm3 0a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z'/%3E%3C/svg%3E");
}
.nav-icon-email[b-l011sn3dxl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-.5a.5.5 0 0 0-.5.5v.217l6.5 3.9 6.5-3.9V4a.5.5 0 0 0-.5-.5H2Zm12.5 2.466-4.757 2.854L14.5 11.8V5.966Zm-.534 6.534L8.258 8.936a.5.5 0 0 0-.516 0L2.034 12.5h11.932ZM1.5 11.8l4.757-2.98L1.5 5.966V11.8Z'/%3E%3C/svg%3E");
}

.nav-icon-sms[b-l011sn3dxl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 1A2.5 2.5 0 0 0 0 3.5v6A2.5 2.5 0 0 0 2.5 12H4v2.25a.75.75 0 0 0 1.23.576L8.62 12h4.88A2.5 2.5 0 0 0 16 9.5v-6A2.5 2.5 0 0 0 13.5 1h-11ZM1.5 3.5a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H8.08L5.5 12.65V10.5h-3a1 1 0 0 1-1-1v-6ZM4 5.25A.75.75 0 1 0 4 6.75a.75.75 0 0 0 0-1.5Zm4 0A.75.75 0 1 0 8 6.75a.75.75 0 0 0 0-1.5Zm4 0A.75.75 0 1 0 12 6.75a.75.75 0 0 0 0-1.5Z'/%3E%3C/svg%3E");
}

.nav-icon-shield[b-l011sn3dxl] {
    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 0c-.69.56-2.714 1.43-6 1.5v5c0 4.02 2.16 7.06 6 9.5 3.84-2.44 6-5.48 6-9.5v-5C10.714 1.43 8.69.56 8 0Zm0 2c1.08.58 2.59.96 4 1.2v3.3c0 3.08-1.54 5.54-4 7.32-2.46-1.78-4-4.24-4-7.32V3.2C5.41 2.96 6.92 2.58 8 2Zm0 2.25a2 2 0 0 0-2 2v.75h-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5H10v-.75a2 2 0 0 0-2-2Zm0 1A1 1 0 0 1 9 6.25V7H7v-.75a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
}

.nav-icon-database[b-l011sn3dxl] {
    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 1c-3.314 0-6 1.12-6 2.5v9C2 13.88 4.686 15 8 15s6-1.12 6-2.5v-9C14 2.12 11.314 1 8 1Zm0 1c2.946 0 5 .9 5 1.5S10.946 5 8 5 3 4.1 3 3.5 5.054 2 8 2Zm5 4.5C13 7.1 10.946 8 8 8S3 7.1 3 6.5V5.06C4.1 5.68 5.92 6 8 6s3.9-.32 5-.94V6.5Zm0 3C13 10.1 10.946 11 8 11s-5-.9-5-1.5V8.06C4.1 8.68 5.92 9 8 9s3.9-.32 5-.94V9.5Zm0 3c0 .6-2.054 1.5-5 1.5s-5-.9-5-1.5v-1.44C4.1 11.68 5.92 12 8 12s3.9-.32 5-.94v1.44Z'/%3E%3C/svg%3E");
}

.nav-icon-logs[b-l011sn3dxl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.5A1.5 1.5 0 0 1 2.5 1h11A1.5 1.5 0 0 1 15 2.5v11a1.5 1.5 0 0 1-1.5 1h-11A1.5 1.5 0 0 1 1 13.5v-11Zm2.5.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9Zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Zm0 3a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9Zm0 3a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6Z'/%3E%3C/svg%3E");
}

.nav-icon-login[b-l011sn3dxl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 3.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-1 0v2A1.5 1.5 0 0 0 6.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-8A1.5 1.5 0 0 0 5 3.5v2a.5.5 0 0 0 1 0v-2Z'/%3E%3Cpath fill-rule='evenodd' d='M11.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3Z'/%3E%3C/svg%3E");
}

.nav-icon-settings[b-l011sn3dxl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05c-.351-1.403-2.35-1.403-2.702 0l-.086.34a1.4 1.4 0 0 1-2.1.85l-.292-.18c-1.233-.76-2.646.655-1.887 1.887l.18.292a1.4 1.4 0 0 1-.85 2.1l-.34.086c-1.403.351-1.403 2.35 0 2.702l.34.086a1.4 1.4 0 0 1 .85 2.1l-.18.292c-.76 1.233.655 2.646 1.887 1.887l.292-.18a1.4 1.4 0 0 1 2.1.85l.086.34c.351 1.403 2.35 1.403 2.702 0l.086-.34a1.4 1.4 0 0 1 2.1-.85l.292.18c1.233.76 2.646-.655 1.887-1.887l-.18-.292a1.4 1.4 0 0 1 .85-2.1l.34-.086c1.403-.351 1.403-2.35 0-2.702l-.34-.086a1.4 1.4 0 0 1-.85-2.1l.18-.292c.76-1.233-.655-2.646-1.887-1.887l-.292.18a1.4 1.4 0 0 1-2.1-.85l-.086-.34ZM8.054 10.276a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/%3E%3C/svg%3E");
}

@media (min-width: 761px) {
    .side-nav-toggle[b-l011sn3dxl] {
        display: none;
    }

    .side-nav-mobile-title[b-l011sn3dxl] {
        display: none;
    }

    .side-nav-scroll[b-l011sn3dxl] {
        display: block;
        height: 100%;
        overflow-y: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .side-nav-item[b-l011sn3dxl]  .side-nav-link,
    .side-nav-group-chevron[b-l011sn3dxl] {
        transition: none;
    }
}

@media (forced-colors: active) {
    .side-nav-toggle[b-l011sn3dxl],
    .side-nav-item[b-l011sn3dxl]  .side-nav-link {
        border-color: ButtonText;
        color: ButtonText;
        forced-color-adjust: auto;
    }

    .side-nav-unread-badge[b-l011sn3dxl] {
        background: Highlight;
        border-color: HighlightText;
        box-shadow: none;
        color: HighlightText;
    }

    .side-nav-item[b-l011sn3dxl]  .side-nav-link.active {
        background: Highlight;
        box-shadow: none;
        color: HighlightText;
    }

    .side-nav-item[b-l011sn3dxl]  .side-nav-group-toggle.group-active {
        background: Canvas;
        border-color: Highlight;
        box-shadow: none;
        color: CanvasText;
    }

    .side-nav-submenu[b-l011sn3dxl] {
        border-left-color: CanvasText;
    }

    .side-nav-toggle:focus-visible[b-l011sn3dxl],
    .side-nav-item[b-l011sn3dxl]  .side-nav-link:focus-visible {
        outline-color: Highlight !important;
    }

    .nav-icon[b-l011sn3dxl] {
        display: none;
    }
}
/* /Components/Layout/NotificationHistory.razor.rz.scp.css */
.notification-history[b-7ciwq8p2mt] {
    flex: 0 0 auto;
    position: relative;
}

.notification-history.is-open[b-7ciwq8p2mt] {
    z-index: 120;
}

.notification-history-trigger[b-7ciwq8p2mt] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #4b5563;
    cursor: pointer;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    padding: 0;
    position: relative;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
    width: 2.35rem;
}

.notification-history-trigger:hover[b-7ciwq8p2mt],
.notification-history-trigger[aria-expanded="true"][b-7ciwq8p2mt] {
    background: rgba(15, 23, 42, 0.065);
    border-color: rgba(15, 23, 42, 0.09);
    color: #111827;
}

.notification-history-trigger:focus-visible[b-7ciwq8p2mt],
.notification-history-clear:focus-visible[b-7ciwq8p2mt],
.notification-history-close:focus-visible[b-7ciwq8p2mt],
.notification-history-remove:focus-visible[b-7ciwq8p2mt] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 55%, transparent);
    outline: none;
}

.notification-history-trigger svg[b-7ciwq8p2mt] {
    fill: none;
    height: 1.25rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
    width: 1.25rem;
}

.notification-history-badge[b-7ciwq8p2mt] {
    align-items: center;
    background: #c42b1c;
    border: 2px solid #ffffff;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 0.62rem;
    font-weight: 750;
    height: 1.12rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.12rem;
    padding: 0 0.18rem;
    position: absolute;
    right: -0.16rem;
    top: -0.22rem;
}

.notification-history-backdrop[b-7ciwq8p2mt] {
    inset: 0;
    position: fixed;
    z-index: 121;
}

.notification-history-panel[b-7ciwq8p2mt] {
    backdrop-filter: blur(24px) saturate(145%);
    background: rgba(250, 250, 252, 0.96);
    border: 1px solid rgba(15, 23, 42, 0.13);
    border-radius: 14px;
    box-shadow: 0 22px 58px rgba(15, 23, 42, 0.24), 0 3px 10px rgba(15, 23, 42, 0.08);
    color: #1f2937;
    display: flex;
    flex-direction: column;
    max-height: min(72vh, 36rem);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 0.65rem);
    width: min(390px, calc(100vw - 2rem));
    z-index: 122;
}

.notification-history-panel:focus[b-7ciwq8p2mt] {
    outline: none;
}

.notification-history-header[b-7ciwq8p2mt] {
    align-items: start;
    border-bottom: 1px solid rgba(15, 23, 42, 0.09);
    display: flex;
    gap: 0.8rem;
    justify-content: space-between;
    padding: 1rem 1rem 0.9rem;
}

.notification-history-header h2[b-7ciwq8p2mt] {
    color: #111827;
    font-size: 1rem;
    line-height: 1.25;
    margin: 0;
}

.notification-history-header p[b-7ciwq8p2mt] {
    color: #697386;
    font-size: 0.76rem;
    line-height: 1.35;
    margin: 0.24rem 0 0;
    max-width: 15rem;
}

.notification-history-actions[b-7ciwq8p2mt] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.25rem;
}

.notification-history-clear[b-7ciwq8p2mt] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--color-accent-dark);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 650;
    min-height: 2rem;
    padding: 0.35rem 0.55rem;
}

.notification-history-clear:hover:not(:disabled)[b-7ciwq8p2mt] {
    background: color-mix(in srgb, var(--color-accent) 10%, transparent);
}

.notification-history-clear:disabled[b-7ciwq8p2mt] {
    color: #9aa3af;
    cursor: default;
}

.notification-history-close[b-7ciwq8p2mt],
.notification-history-remove[b-7ciwq8p2mt] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #667181;
    cursor: pointer;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    padding: 0;
    width: 2rem;
}

.notification-history-close:hover[b-7ciwq8p2mt],
.notification-history-remove:hover[b-7ciwq8p2mt] {
    background: rgba(15, 23, 42, 0.075);
    color: #111827;
}

.notification-history-close svg[b-7ciwq8p2mt],
.notification-history-remove svg[b-7ciwq8p2mt] {
    fill: none;
    height: 0.95rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.7;
    width: 0.95rem;
}

.notification-history-list[b-7ciwq8p2mt] {
    list-style: none;
    margin: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.45rem;
    scrollbar-gutter: stable;
}

.notification-history-item[b-7ciwq8p2mt] {
    --notification-color: #2563eb;
    align-items: start;
    border-radius: 9px;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 1.8rem minmax(0, 1fr) 1.8rem;
    padding: 0.7rem 0.55rem;
    position: relative;
}

.notification-history-item + .notification-history-item[b-7ciwq8p2mt] {
    border-top: 1px solid rgba(15, 23, 42, 0.07);
}

.notification-history-item:hover[b-7ciwq8p2mt] {
    background: rgba(15, 23, 42, 0.04);
}

.notification-history-item.severity-success[b-7ciwq8p2mt] {
    --notification-color: #16813d;
}

.notification-history-item.severity-warning[b-7ciwq8p2mt] {
    --notification-color: #9a6700;
}

.notification-history-item.severity-error[b-7ciwq8p2mt] {
    --notification-color: #c42b1c;
}

.notification-history-icon[b-7ciwq8p2mt] {
    align-items: center;
    background: color-mix(in srgb, var(--notification-color) 12%, white);
    border-radius: 50%;
    color: var(--notification-color);
    display: inline-flex;
    height: 1.8rem;
    justify-content: center;
    width: 1.8rem;
}

.notification-history-icon svg[b-7ciwq8p2mt] {
    fill: none;
    height: 1rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 1rem;
}

.notification-history-content[b-7ciwq8p2mt] {
    min-width: 0;
}

.notification-history-item-heading[b-7ciwq8p2mt] {
    align-items: baseline;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.notification-history-item-heading strong[b-7ciwq8p2mt] {
    color: #111827;
    font-size: 0.84rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.notification-history-item-heading time[b-7ciwq8p2mt] {
    color: #727d8c;
    flex: 0 0 auto;
    font-size: 0.68rem;
    white-space: nowrap;
}

.notification-history-content p[b-7ciwq8p2mt] {
    color: #4b5563;
    font-size: 0.78rem;
    line-height: 1.38;
    margin: 0.25rem 0 0;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.notification-history-remove[b-7ciwq8p2mt] {
    height: 1.8rem;
    opacity: 0.62;
    width: 1.8rem;
}

.notification-history-item:hover .notification-history-remove[b-7ciwq8p2mt],
.notification-history-remove:focus-visible[b-7ciwq8p2mt] {
    opacity: 1;
}

.notification-history-empty[b-7ciwq8p2mt] {
    align-items: center;
    color: #697386;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    justify-content: center;
    min-height: 10rem;
    padding: 1.5rem;
    text-align: center;
}

.notification-history-empty svg[b-7ciwq8p2mt] {
    fill: none;
    height: 2rem;
    stroke: #8792a2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.4;
    width: 2rem;
}

.notification-history-empty p[b-7ciwq8p2mt] {
    font-size: 0.84rem;
    margin: 0;
}

@media (max-width: 520px) {
    .notification-history-panel[b-7ciwq8p2mt] {
        left: 0.75rem;
        max-height: calc(100dvh - 5.5rem);
        position: fixed;
        right: 0.75rem;
        top: 4.65rem;
        width: auto;
    }

    .notification-history-header[b-7ciwq8p2mt] {
        padding-inline: 0.85rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .notification-history-trigger[b-7ciwq8p2mt] {
        transition: none;
    }
}

@media (forced-colors: active) {
    .notification-history-trigger[b-7ciwq8p2mt],
    .notification-history-panel[b-7ciwq8p2mt],
    .notification-history-item[b-7ciwq8p2mt],
    .notification-history-clear[b-7ciwq8p2mt],
    .notification-history-close[b-7ciwq8p2mt],
    .notification-history-remove[b-7ciwq8p2mt] {
        forced-color-adjust: auto;
    }

    .notification-history-panel[b-7ciwq8p2mt] {
        background: Canvas;
        border: 1px solid CanvasText;
        box-shadow: none;
        color: CanvasText;
    }

    .notification-history-badge[b-7ciwq8p2mt] {
        background: Highlight;
        border-color: Canvas;
        color: HighlightText;
    }

    .notification-history-icon[b-7ciwq8p2mt],
    .notification-history-header h2[b-7ciwq8p2mt],
    .notification-history-header p[b-7ciwq8p2mt],
    .notification-history-item-heading strong[b-7ciwq8p2mt],
    .notification-history-item-heading time[b-7ciwq8p2mt],
    .notification-history-content p[b-7ciwq8p2mt],
    .notification-history-empty[b-7ciwq8p2mt] {
        color: CanvasText;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-msyopyy5r9],
.components-reconnect-repeated-attempt-visible[b-msyopyy5r9],
.components-reconnect-failed-visible[b-msyopyy5r9],
.components-pause-visible[b-msyopyy5r9],
.components-resume-failed-visible[b-msyopyy5r9],
.components-rejoining-animation[b-msyopyy5r9] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-msyopyy5r9 {
    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/UserAccountMenu.razor.rz.scp.css */
.user-account-menu[b-ynwm1laoe4] {
    position: relative;
}

.user-account-trigger[b-ynwm1laoe4] {
    align-items: center;
    appearance: none;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(79, 105, 119, 0.15);
    border-radius: 999px;
    color: #324a5d;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.48rem;
    grid-template-columns: auto minmax(0, 1fr) 0.7rem;
    max-width: 17rem;
    min-height: 2.75rem;
    padding: 0.2rem 0.55rem 0.2rem 0.22rem;
    text-align: left;
    transition: background-color 130ms ease, border-color 130ms ease, box-shadow 130ms ease;
}

.user-account-trigger:hover[b-ynwm1laoe4],
.user-account-trigger[aria-expanded="true"][b-ynwm1laoe4] {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(90, 116, 157, 0.38);
    box-shadow: 0 5px 16px rgba(45, 64, 90, 0.1);
}

.user-account-trigger:focus-visible[b-ynwm1laoe4] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.user-account-trigger-copy[b-ynwm1laoe4] {
    display: grid;
    min-width: 0;
}

.user-account-trigger-copy strong[b-ynwm1laoe4],
.user-account-trigger-copy small[b-ynwm1laoe4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-account-trigger-copy strong[b-ynwm1laoe4] {
    font-size: 0.8rem;
    font-weight: 750;
    line-height: 1.15;
}

.user-account-trigger-copy small[b-ynwm1laoe4] {
    color: #687889;
    font-size: 0.64rem;
    line-height: 1.15;
    margin-top: 0.08rem;
}

.user-account-chevron[b-ynwm1laoe4] {
    border-bottom: 1.6px solid currentColor;
    border-right: 1.6px solid currentColor;
    height: 0.38rem;
    justify-self: center;
    margin-top: -0.2rem;
    transform: rotate(45deg);
    transition: transform 120ms ease;
    width: 0.38rem;
}

.user-account-trigger[aria-expanded="true"] .user-account-chevron[b-ynwm1laoe4] {
    margin-top: 0.2rem;
    transform: rotate(225deg);
}

.user-account-panel[b-ynwm1laoe4] {
    animation: user-account-menu-enter-b-ynwm1laoe4 130ms ease-out;
    background: #ffffff;
    border: 1px solid #d4dce8;
    border-radius: 0.85rem;
    box-shadow: 0 20px 48px rgba(30, 45, 67, 0.2), 0 5px 14px rgba(30, 45, 67, 0.08);
    min-width: 20rem;
    overflow: hidden;
    padding: 0.45rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.55rem);
    transform-origin: top right;
    z-index: 240;
}

.user-account-summary[b-ynwm1laoe4] {
    align-items: center;
    background: linear-gradient(125deg, #eef3fa, #f0eef7);
    border: 1px solid #dce3ed;
    border-radius: 0.65rem;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: auto minmax(0, 1fr);
    margin-bottom: 0.4rem;
    padding: 0.7rem;
}

.user-account-summary > span:last-child[b-ynwm1laoe4] {
    display: grid;
    min-width: 0;
}

.user-account-summary small[b-ynwm1laoe4] {
    color: #64758a;
    font-size: 0.61rem;
    font-weight: 750;
    letter-spacing: 0.045em;
    margin-bottom: 0.13rem;
    text-transform: uppercase;
}

.user-account-summary strong[b-ynwm1laoe4],
.user-account-summary span[b-ynwm1laoe4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-account-summary strong[b-ynwm1laoe4] {
    color: #2f455b;
    font-size: 0.88rem;
}

.user-account-summary span[b-ynwm1laoe4] {
    color: #657589;
    font-size: 0.7rem;
}

.user-account-summary .user-account-email[b-ynwm1laoe4] {
    color: #536b85;
    margin-top: 0.08rem;
}

.user-account-action[b-ynwm1laoe4] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0.55rem;
    color: #354b60;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.65rem;
    grid-template-columns: 1.25rem minmax(0, 1fr) 0.65rem;
    min-height: 3rem;
    padding: 0.5rem 0.65rem;
    text-align: left;
    width: 100%;
}

.user-account-action:hover[b-ynwm1laoe4],
.user-account-action:focus-visible[b-ynwm1laoe4] {
    background: #eef2f8;
    outline: none;
}

.user-account-action:focus-visible[b-ynwm1laoe4] {
    box-shadow: inset 0 0 0 2px var(--color-focus);
}

.user-account-action > span:nth-child(2)[b-ynwm1laoe4] {
    display: grid;
    gap: 0.08rem;
}

.user-account-action strong[b-ynwm1laoe4] {
    font-size: 0.78rem;
}

.user-account-action small[b-ynwm1laoe4] {
    color: #68788a;
    font-size: 0.65rem;
}

.user-account-action-icon[b-ynwm1laoe4] {
    background: currentColor;
    height: 1rem;
    width: 1rem;
}

.user-account-action-icon.profile[b-ynwm1laoe4] {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.25a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0 9.5c-3.728 0-6.75 2.35-6.75 5.25a.75.75 0 0 0 1.5 0c0-1.829 2.22-3.75 5.25-3.75s5.25 1.921 5.25 3.75a.75.75 0 0 0 1.5 0c0-2.9-3.022-5.25-6.75-5.25Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.user-account-action-arrow[b-ynwm1laoe4] {
    border-right: 1.5px solid currentColor;
    border-top: 1.5px solid currentColor;
    height: 0.42rem;
    justify-self: center;
    transform: rotate(45deg);
    width: 0.42rem;
}

.user-account-preferences[b-ynwm1laoe4] {
    border-top: 1px solid #e6eaf0;
    margin-top: 0.35rem;
    padding: 0.65rem 0.35rem 0.3rem;
}

.user-account-section-heading[b-ynwm1laoe4] {
    display: grid;
    gap: 0.08rem;
    margin-bottom: 0.45rem;
    padding: 0 0.2rem;
}

.user-account-section-heading > span[b-ynwm1laoe4] {
    color: #43576c;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.user-account-section-heading small[b-ynwm1laoe4] {
    color: #748194;
    font-size: 0.62rem;
}

.user-account-separator[b-ynwm1laoe4] {
    border-top: 1px solid #e6eaf0;
    margin: 0.35rem 0;
}

@keyframes user-account-menu-enter-b-ynwm1laoe4 {
    from {
        opacity: 0;
        transform: translateY(-0.3rem) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 560px) {
    .user-account-trigger-copy[b-ynwm1laoe4] {
        display: none;
    }

    .user-account-trigger[b-ynwm1laoe4] {
        gap: 0.3rem;
        grid-template-columns: auto 0.55rem;
        padding-right: 0.42rem;
    }

    .user-account-panel[b-ynwm1laoe4] {
        min-width: min(20rem, calc(100vw - 1.5rem));
        right: -0.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-account-panel[b-ynwm1laoe4] {
        animation: none;
    }
}

@media (forced-colors: active) {
    .user-account-trigger[b-ynwm1laoe4],
    .user-account-panel[b-ynwm1laoe4],
    .user-account-summary[b-ynwm1laoe4],
    .user-account-action[b-ynwm1laoe4] {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }
}
/* /Components/Pages/Chat/Chat.razor.rz.scp.css */
.chat-heading[b-qwnj4n6ncv] {
    align-items: flex-end;
}

.chat-heading-actions[b-qwnj4n6ncv],
.chat-call-actions[b-qwnj4n6ncv],
.chat-search-row[b-qwnj4n6ncv],
.chat-dialog-footer > div[b-qwnj4n6ncv] {
    align-items: center;
    display: flex;
    gap: 0.65rem;
}

.chat-workspace[b-qwnj4n6ncv] {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(96, 119, 143, 0.2);
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(41, 59, 83, 0.09);
    display: grid;
    grid-template-columns: minmax(250px, 310px) minmax(430px, 1fr);
    height: clamp(620px, calc(100vh - 13.75rem), 900px);
    min-height: 620px;
    overflow: hidden;
}

.chat-workspace:has(.chat-details)[b-qwnj4n6ncv] {
    grid-template-columns: minmax(240px, 292px) minmax(390px, 1fr) minmax(220px, 272px);
}

.chat-conversations[b-qwnj4n6ncv],
.chat-details[b-qwnj4n6ncv] {
    background: linear-gradient(180deg, #f8fbff 0%, #f5f7fb 100%);
    display: flex;
    min-height: 0;
    min-width: 0;
    flex-direction: column;
}

.chat-conversations[b-qwnj4n6ncv] {
    border-right: 1px solid rgba(96, 119, 143, 0.16);
}

.chat-details[b-qwnj4n6ncv] {
    border-left: 1px solid rgba(96, 119, 143, 0.16);
}

.chat-panel-heading[b-qwnj4n6ncv],
.chat-thread-header[b-qwnj4n6ncv] {
    align-items: center;
    border-bottom: 1px solid rgba(96, 119, 143, 0.14);
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 78px;
    padding: 1rem 1.15rem;
}

.chat-panel-heading h2[b-qwnj4n6ncv],
.chat-thread-header h2[b-qwnj4n6ncv],
.chat-dialog-header h2[b-qwnj4n6ncv] {
    color: #22344f;
    font-size: 1rem;
    font-weight: 760;
    line-height: 1.25;
    margin: 0;
}

.chat-panel-heading span[b-qwnj4n6ncv],
.chat-thread-header span[b-qwnj4n6ncv] {
    color: #64748b;
    font-size: 0.76rem;
}

.chat-unread-total[b-qwnj4n6ncv],
.chat-unread-badge[b-qwnj4n6ncv] {
    align-items: center;
    background: linear-gradient(135deg, #416fa5, #6178bb);
    border-radius: 999px;
    color: #fff !important;
    display: inline-flex;
    font-size: 0.7rem !important;
    font-weight: 750;
    justify-content: center;
    min-height: 1.35rem;
    min-width: 1.35rem;
    padding: 0 0.38rem;
}

.chat-conversation-list[b-qwnj4n6ncv] {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.55rem;
    scrollbar-color: rgba(92, 111, 135, 0.36) transparent;
    scrollbar-width: thin;
}

.chat-conversation-item[b-qwnj4n6ncv] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 13px;
    color: #34435a;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 0.72rem;
    min-width: 0;
    padding: 0.72rem 0.68rem;
    text-align: left;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
    width: 100%;
}

.chat-conversation-item:hover[b-qwnj4n6ncv] {
    background: rgba(226, 235, 247, 0.68);
}

.chat-conversation-item.selected[b-qwnj4n6ncv] {
    background: linear-gradient(135deg, rgba(220, 233, 249, 0.98), rgba(233, 232, 248, 0.9));
    border-color: rgba(89, 119, 164, 0.18);
    box-shadow: inset 3px 0 0 #6887b7, 0 6px 18px rgba(66, 89, 123, 0.08);
}

.chat-conversation-item:focus-visible[b-qwnj4n6ncv],
.chat-icon-button:focus-visible[b-qwnj4n6ncv],
.chat-directory-user:focus-visible[b-qwnj4n6ncv],
.chat-kind-selector button:focus-visible[b-qwnj4n6ncv],
.chat-send-button:focus-visible[b-qwnj4n6ncv],
.chat-dialog-close:focus-visible[b-qwnj4n6ncv] {
    outline: 3px solid var(--color-focus, #2563eb);
    outline-offset: 2px;
}

.chat-avatar[b-qwnj4n6ncv],
.chat-member-avatar[b-qwnj4n6ncv],
.chat-message-avatar[b-qwnj4n6ncv] {
    align-items: center;
    background: linear-gradient(135deg, #dbe8f8, #e3ddf3);
    border: 1px solid rgba(83, 108, 145, 0.14);
    border-radius: 50%;
    color: #3f5e85;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 790;
    justify-content: center;
    letter-spacing: 0.02em;
}

.chat-avatar[b-qwnj4n6ncv] {
    height: 2.65rem;
    width: 2.65rem;
}

.chat-avatar.group[b-qwnj4n6ncv] {
    background: linear-gradient(135deg, #e0e8f7, #ede3f2);
    border-radius: 13px;
    color: #5a5689;
}

.chat-conversation-copy[b-qwnj4n6ncv] {
    display: block;
    min-width: 0;
    width: 100%;
}

.chat-conversation-line[b-qwnj4n6ncv] {
    align-items: baseline;
    display: flex;
    gap: 0.45rem;
    justify-content: space-between;
    min-width: 0;
}

.chat-conversation-line strong[b-qwnj4n6ncv] {
    color: #2b3c54;
    font-size: 0.87rem;
    font-weight: 690;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-conversation-item.unread .chat-conversation-line strong[b-qwnj4n6ncv] {
    color: #172a45;
    font-weight: 790;
}

.chat-conversation-line time[b-qwnj4n6ncv] {
    color: #7b8799;
    flex: 0 0 auto;
    font-size: 0.68rem;
}

.chat-conversation-preview-line[b-qwnj4n6ncv] {
    align-items: center;
    margin-top: 0.2rem;
}

.chat-conversation-preview[b-qwnj4n6ncv] {
    color: #6b7789;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-muted-mark[b-qwnj4n6ncv] {
    border-bottom: 2px solid #728097;
    display: inline-block;
    height: 0.8rem;
    opacity: 0.7;
    transform: rotate(-42deg);
    width: 0.75rem;
}

.chat-empty-list[b-qwnj4n6ncv],
.chat-welcome[b-qwnj4n6ncv],
.chat-thread-empty[b-qwnj4n6ncv] {
    align-items: center;
    color: #66758a;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 1.35rem;
    text-align: center;
}

.chat-empty-list strong[b-qwnj4n6ncv],
.chat-welcome h2[b-qwnj4n6ncv],
.chat-thread-empty strong[b-qwnj4n6ncv] {
    color: #2d405b;
    margin: 0.9rem 0 0.3rem;
}

.chat-empty-list p[b-qwnj4n6ncv],
.chat-welcome p[b-qwnj4n6ncv],
.chat-thread-empty p[b-qwnj4n6ncv] {
    font-size: 0.84rem;
    line-height: 1.55;
    margin: 0 0 1rem;
    max-width: 29rem;
}

.chat-empty-icon[b-qwnj4n6ncv],
.chat-welcome-icon[b-qwnj4n6ncv] {
    background: linear-gradient(135deg, rgba(214, 229, 247, 0.9), rgba(230, 222, 245, 0.8));
    border: 1px solid rgba(85, 110, 145, 0.12);
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(73, 97, 132, 0.1);
    display: block;
    height: 4.2rem;
    position: relative;
    width: 4.2rem;
}

.chat-empty-icon[b-qwnj4n6ncv]::before,
.chat-welcome-icon[b-qwnj4n6ncv]::before {
    border: 2px solid #6b84aa;
    border-radius: 12px;
    content: "";
    height: 1.55rem;
    left: 1.17rem;
    position: absolute;
    top: 1.1rem;
    width: 1.85rem;
}

.chat-empty-icon[b-qwnj4n6ncv]::after,
.chat-welcome-icon[b-qwnj4n6ncv]::after {
    border-left: 7px solid transparent;
    border-top: 7px solid #6b84aa;
    bottom: 1.08rem;
    content: "";
    left: 1.45rem;
    position: absolute;
}

.chat-thread[b-qwnj4n6ncv] {
    background:
        radial-gradient(circle at 90% 8%, rgba(224, 220, 244, 0.32), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.chat-thread-header[b-qwnj4n6ncv] {
    background: rgba(255, 255, 255, 0.88);
    min-height: 78px;
}

.chat-thread-identity[b-qwnj4n6ncv] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    min-width: 0;
}

.chat-thread-identity > div[b-qwnj4n6ncv] {
    min-width: 0;
}

.chat-thread-identity h2[b-qwnj4n6ncv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-call-actions[b-qwnj4n6ncv] {
    background: linear-gradient(145deg, #f8faff, #edf2f8);
    border: 1px solid rgba(78, 100, 132, 0.13);
    border-radius: 15px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        0 7px 18px rgba(48, 69, 99, 0.08);
    gap: 0.28rem;
    padding: 0.28rem;
}

.chat-icon-button[b-qwnj4n6ncv],
.chat-dialog-close[b-qwnj4n6ncv] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #50637e;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 1.25rem;
    height: 2.75rem;
    justify-content: center;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, color 150ms ease, transform 150ms ease;
    width: 2.75rem;
}

.chat-icon-button:hover:not(:disabled)[b-qwnj4n6ncv],
.chat-dialog-close:hover:not(:disabled)[b-qwnj4n6ncv] {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(84, 107, 139, 0.13);
    box-shadow: 0 5px 12px rgba(53, 75, 107, 0.12);
    color: #31567f;
    transform: translateY(-1px);
}

.chat-icon-button:active:not(:disabled)[b-qwnj4n6ncv],
.chat-dialog-close:active:not(:disabled)[b-qwnj4n6ncv] {
    box-shadow: inset 0 2px 5px rgba(46, 65, 91, 0.12);
    transform: translateY(1px);
}

.chat-icon-button:disabled[b-qwnj4n6ncv] {
    cursor: not-allowed;
    opacity: 0.42;
}

.chat-icon-button.destructive[b-qwnj4n6ncv] {
    margin-left: 0.28rem;
    position: relative;
}

.chat-icon-button.destructive[b-qwnj4n6ncv]::before {
    background: rgba(96, 113, 138, 0.16);
    border-radius: 999px;
    content: "";
    height: 1.6rem;
    left: -0.18rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
}

.chat-media-note[b-qwnj4n6ncv] {
    align-items: center;
    background: #f8f5ea;
    border-bottom: 1px solid rgba(152, 128, 72, 0.14);
    color: #765f2e;
    display: flex;
    font-size: 0.75rem;
    gap: 0.5rem;
    padding: 0.48rem 1rem;
}

.chat-active-call[b-qwnj4n6ncv] {
    align-items: center;
    background: linear-gradient(100deg, rgba(226, 244, 234, 0.96), rgba(229, 239, 249, 0.94));
    border-bottom: 1px solid rgba(66, 139, 101, 0.16);
    color: #315d4a;
    display: flex;
    flex: 0 0 auto;
    gap: 0.65rem;
    padding: 0.58rem 0.9rem;
}

.chat-active-call > span:nth-child(2)[b-qwnj4n6ncv] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.chat-active-call strong[b-qwnj4n6ncv] {
    font-size: 0.76rem;
}

.chat-active-call small[b-qwnj4n6ncv] {
    color: #5f7c70;
    font-size: 0.66rem;
}

.chat-active-call-pulse[b-qwnj4n6ncv] {
    background: #43b779;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(67, 183, 121, 0.13);
    height: 0.55rem;
    width: 0.55rem;
}

.chat-media-note-icon[b-qwnj4n6ncv] {
    border: 2px solid currentColor;
    border-radius: 50%;
    height: 0.85rem;
    position: relative;
    width: 0.85rem;
}

.chat-media-note-icon[b-qwnj4n6ncv]::after {
    background: currentColor;
    content: "";
    height: 2px;
    left: -0.15rem;
    position: absolute;
    top: 0.3rem;
    transform: rotate(-42deg);
    width: 1.15rem;
}

.chat-message-viewport[b-qwnj4n6ncv] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1.15rem clamp(1rem, 3vw, 2.2rem);
    scrollbar-color: rgba(92, 111, 135, 0.36) transparent;
    scrollbar-width: thin;
}

.chat-load-older[b-qwnj4n6ncv] {
    align-items: center;
    align-self: center;
    appearance: none;
    background: #f4f7fb;
    border: 1px solid rgba(86, 109, 140, 0.16);
    border-radius: 999px;
    color: #526985;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 0.74rem;
    gap: 0.4rem;
    margin-bottom: 1rem;
    padding: 0.42rem 0.8rem;
}

.chat-message[b-qwnj4n6ncv] {
    align-items: flex-end;
    display: flex;
    gap: 0.48rem;
    margin: 0.24rem 0;
    max-width: min(78%, 44rem);
}

.chat-message.own[b-qwnj4n6ncv] {
    align-self: flex-end;
}

.chat-message.other[b-qwnj4n6ncv] {
    align-self: flex-start;
}

.chat-message-avatar[b-qwnj4n6ncv] {
    font-size: 0.62rem;
    height: 1.75rem;
    margin-bottom: 1.2rem;
    width: 1.75rem;
}

.chat-message-content[b-qwnj4n6ncv] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.chat-message.own .chat-message-content[b-qwnj4n6ncv] {
    align-items: flex-end;
}

.chat-message-author[b-qwnj4n6ncv] {
    color: #66758a;
    font-size: 0.68rem;
    font-weight: 690;
    margin: 0 0 0.18rem 0.55rem;
}

.chat-message-bubble[b-qwnj4n6ncv] {
    background: #eef3f9;
    border: 1px solid rgba(75, 103, 139, 0.1);
    border-radius: 17px 17px 17px 5px;
    color: #26384f;
    font-size: 0.88rem;
    line-height: 1.48;
    overflow-wrap: anywhere;
    padding: 0.62rem 0.82rem;
    white-space: pre-wrap;
}

.chat-message.own .chat-message-bubble[b-qwnj4n6ncv] {
    background: linear-gradient(135deg, #5076a7, #687db7);
    border-color: transparent;
    border-radius: 17px 17px 5px 17px;
    box-shadow: 0 7px 18px rgba(72, 99, 148, 0.18);
    color: #fff;
}

.chat-message-bubble em[b-qwnj4n6ncv] {
    opacity: 0.72;
}

.chat-message-meta[b-qwnj4n6ncv] {
    align-items: center;
    color: #8490a0;
    display: flex;
    font-size: 0.62rem;
    gap: 0.38rem;
    margin: 0.18rem 0.45rem 0;
}

.chat-system-message[b-qwnj4n6ncv] {
    align-items: center;
    align-self: center;
    color: #7a8798;
    display: flex;
    font-size: 0.7rem;
    gap: 0.45rem;
    margin: 0.7rem 0;
}

.chat-system-message span[b-qwnj4n6ncv] {
    background: #f3f5f8;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
}

.chat-composer[b-qwnj4n6ncv] {
    background: rgba(255, 255, 255, 0.95);
    border-top: 1px solid rgba(96, 119, 143, 0.14);
    flex: 0 0 auto;
    padding: 0.8rem clamp(0.85rem, 2.5vw, 1.6rem) 0.95rem;
}

.chat-composer-input[b-qwnj4n6ncv] {
    background: #f7f9fc;
    border: 1px solid rgba(75, 102, 139, 0.22);
    border-radius: 13px;
    color: #26384f;
    display: block;
    font: inherit;
    line-height: 1.45;
    max-height: 8rem;
    min-height: 2.75rem;
    padding: 0.72rem 0.85rem;
    resize: vertical;
    transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
    width: 100%;
}

.chat-composer-input:focus[b-qwnj4n6ncv] {
    background: #fff;
    border-color: #6688b4;
    box-shadow: 0 0 0 3px rgba(89, 126, 176, 0.14);
    outline: none;
}

.chat-composer-footer[b-qwnj4n6ncv] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 1fr auto auto;
    margin-top: 0.48rem;
}

.chat-composer-hint[b-qwnj4n6ncv],
.chat-character-count[b-qwnj4n6ncv] {
    color: #7a8798;
    font-size: 0.67rem;
}

.chat-character-count.near-limit[b-qwnj4n6ncv] {
    color: #a15f36;
    font-weight: 690;
}

.chat-send-button[b-qwnj4n6ncv] {
    align-items: center;
    appearance: none;
    background: linear-gradient(135deg, #466f9f, #6578b2);
    border: 0;
    border-radius: 10px;
    box-shadow: 0 6px 16px rgba(67, 94, 140, 0.2);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 710;
    gap: 0.42rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.8rem;
}

.chat-send-button:disabled[b-qwnj4n6ncv] {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.48;
}

.chat-read-only-note[b-qwnj4n6ncv] {
    background: #f5f7fa;
    border-radius: 10px;
    color: #6f7d90;
    font-size: 0.8rem;
    padding: 0.75rem;
    text-align: center;
}

.chat-member-list[b-qwnj4n6ncv] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0.65rem;
}

.chat-member[b-qwnj4n6ncv] {
    align-items: center;
    border-radius: 11px;
    display: flex;
    gap: 0.58rem;
    padding: 0.58rem;
}

.chat-member:hover[b-qwnj4n6ncv] {
    background: rgba(226, 235, 247, 0.62);
}

.chat-member-avatar[b-qwnj4n6ncv] {
    font-size: 0.68rem;
    height: 2.1rem;
    width: 2.1rem;
}

.chat-member > span:nth-child(2)[b-qwnj4n6ncv] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.chat-member strong[b-qwnj4n6ncv] {
    color: #34455e;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-member small[b-qwnj4n6ncv] {
    color: #7c889a;
    font-size: 0.66rem;
}

.chat-you-badge[b-qwnj4n6ncv] {
    background: #e5edf8;
    border-radius: 999px;
    color: #52719a !important;
    font-size: 0.61rem !important;
    font-weight: 710;
    padding: 0.2rem 0.42rem;
}

.chat-details-close[b-qwnj4n6ncv] {
    height: 2.45rem;
    width: 2.45rem;
}

.chat-leave-button[b-qwnj4n6ncv] {
    align-self: stretch;
    margin: 0.8rem;
}

.chat-loading[b-qwnj4n6ncv],
.chat-thread-loading[b-qwnj4n6ncv] {
    justify-content: center;
    min-height: 18rem;
}

.chat-dialog-native[b-qwnj4n6ncv] {
    background: transparent;
    border: 0;
    color: inherit;
    margin: auto;
    max-height: none;
    max-width: 740px;
    overflow: visible;
    padding: 1.25rem;
    width: calc(100% - 2rem);
}

.chat-dialog-native[b-qwnj4n6ncv]::backdrop {
    backdrop-filter: blur(8px);
    background: rgba(25, 38, 57, 0.42);
}

.chat-dialog[b-qwnj4n6ncv] {
    background: #fff;
    border: 1px solid rgba(87, 108, 138, 0.18);
    border-radius: 18px;
    box-shadow: 0 28px 90px rgba(23, 38, 61, 0.3);
    display: flex;
    flex-direction: column;
    max-height: min(760px, calc(100vh - 2.5rem));
    max-width: 690px;
    overflow: hidden;
    padding: 1.15rem;
    width: 100%;
}

.chat-delete-dialog-native[b-qwnj4n6ncv] {
    max-width: 560px;
}

.chat-delete-dialog[b-qwnj4n6ncv] {
    background:
        radial-gradient(circle at 95% 0, rgba(239, 119, 124, 0.12), transparent 34%),
        #fff;
    border: 1px solid rgba(130, 58, 68, 0.16);
    border-radius: 20px;
    box-shadow: 0 30px 95px rgba(41, 28, 37, 0.32);
    overflow: hidden;
    padding: clamp(1.2rem, 4vw, 1.65rem);
    width: 100%;
}

.chat-delete-dialog-header[b-qwnj4n6ncv] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
}

.chat-delete-dialog-header .eyebrow[b-qwnj4n6ncv] {
    color: #9a3f4b;
    margin: 0 0 0.16rem;
}

.chat-delete-dialog-header h2[b-qwnj4n6ncv] {
    color: #2c3340;
    font-size: clamp(1.08rem, 3vw, 1.28rem);
    line-height: 1.25;
    margin: 0;
}

.chat-delete-dialog-description[b-qwnj4n6ncv] {
    color: #566274;
    font-size: 0.88rem;
    line-height: 1.58;
    margin: 1.15rem 0 0;
}

.chat-delete-dialog-description strong[b-qwnj4n6ncv] {
    color: #29394e;
}

.chat-delete-history-note[b-qwnj4n6ncv] {
    align-items: flex-start;
    background: linear-gradient(135deg, #fff8e9, #fffaf2);
    border: 1px solid rgba(176, 127, 48, 0.2);
    border-radius: 13px;
    color: #705a32;
    display: flex;
    font-size: 0.77rem;
    gap: 0.62rem;
    line-height: 1.5;
    margin-top: 1rem;
    padding: 0.72rem 0.78rem;
}

.chat-delete-history-icon[b-qwnj4n6ncv] {
    align-items: center;
    background: linear-gradient(145deg, #f6c96a, #c58c2f);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 2px 0 #a87628, 0 4px 8px rgba(143, 97, 29, 0.2);
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 850;
    height: 1.25rem;
    justify-content: center;
    width: 1.25rem;
}

.chat-delete-dialog-actions[b-qwnj4n6ncv] {
    align-items: center;
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
    margin-top: 1.25rem;
}

.chat-delete-confirm[b-qwnj4n6ncv] {
    background: linear-gradient(145deg, #d95c68, #ae3546);
    border: 1px solid rgba(130, 38, 52, 0.38);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        0 3px 0 #8f2c39,
        0 8px 16px rgba(157, 44, 60, 0.22);
    color: #fff;
    gap: 0.5rem;
    min-width: 11.5rem;
}

.chat-delete-confirm:hover:not(:disabled)[b-qwnj4n6ncv] {
    background: linear-gradient(145deg, #e46974, #b83c4d);
    transform: translateY(-1px);
}

.chat-delete-confirm:active:not(:disabled)[b-qwnj4n6ncv] {
    box-shadow: inset 0 2px 5px rgba(91, 22, 31, 0.22), 0 1px 0 #8f2c39;
    transform: translateY(2px);
}

.chat-delete-confirm:focus-visible[b-qwnj4n6ncv] {
    outline: 3px solid var(--color-focus, #2563eb);
    outline-offset: 3px;
}

.chat-delete-confirm:disabled[b-qwnj4n6ncv] {
    box-shadow: none;
    cursor: wait;
    opacity: 0.64;
}

.chat-dialog-header[b-qwnj4n6ncv] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.chat-dialog-header .eyebrow[b-qwnj4n6ncv] {
    margin-bottom: 0.15rem;
}

.chat-kind-selector[b-qwnj4n6ncv] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0.9rem;
}

.chat-kind-selector button[b-qwnj4n6ncv] {
    align-items: center;
    appearance: none;
    background: #f7f9fc;
    border: 1px solid rgba(85, 108, 140, 0.17);
    border-radius: 12px;
    color: #3b4c65;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 0.65rem;
    padding: 0.7rem;
    text-align: left;
}

.chat-kind-selector button.selected[b-qwnj4n6ncv] {
    background: #eaf1fa;
    border-color: #6b8bb4;
    box-shadow: inset 0 0 0 1px #6b8bb4;
}

.chat-kind-selector button > span:last-child[b-qwnj4n6ncv] {
    display: flex;
    flex-direction: column;
}

.chat-kind-selector strong[b-qwnj4n6ncv] {
    font-size: 0.78rem;
}

.chat-kind-selector small[b-qwnj4n6ncv] {
    color: #748195;
    font-size: 0.66rem;
    margin-top: 0.12rem;
}

.chat-kind-icon[b-qwnj4n6ncv] {
    background: linear-gradient(135deg, #dce9f8, #e6e1f3);
    border-radius: 9px;
    display: inline-block;
    flex: 0 0 auto;
    height: 2rem;
    position: relative;
    width: 2rem;
}

.chat-kind-icon[b-qwnj4n6ncv]::before,
.chat-kind-icon[b-qwnj4n6ncv]::after {
    border: 2px solid #58779e;
    border-radius: 50%;
    content: "";
    position: absolute;
}

.chat-kind-icon[b-qwnj4n6ncv]::before {
    height: 0.45rem;
    left: 0.68rem;
    top: 0.38rem;
    width: 0.45rem;
}

.chat-kind-icon[b-qwnj4n6ncv]::after {
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    height: 0.45rem;
    left: 0.45rem;
    top: 1.05rem;
    width: 0.9rem;
}

.chat-search-row .input[b-qwnj4n6ncv] {
    min-width: 0;
}

.chat-search-row .button[b-qwnj4n6ncv] {
    flex: 0 0 auto;
}

.chat-selected-people[b-qwnj4n6ncv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.3rem 0 0.7rem;
}

.chat-person-chip[b-qwnj4n6ncv] {
    align-items: center;
    background: #e9f0f9;
    border: 1px solid rgba(78, 106, 143, 0.13);
    border-radius: 999px;
    color: #456181;
    display: inline-flex;
    font-size: 0.69rem;
    gap: 0.35rem;
    padding: 0.27rem 0.35rem 0.27rem 0.58rem;
}

.chat-person-chip button[b-qwnj4n6ncv] {
    align-items: center;
    appearance: none;
    background: rgba(74, 99, 132, 0.1);
    border: 0;
    border-radius: 50%;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 1.1rem;
    justify-content: center;
    width: 1.1rem;
}

.chat-directory-results[b-qwnj4n6ncv] {
    border: 1px solid rgba(84, 107, 138, 0.17);
    border-radius: 12px;
    flex: 1 1 auto;
    min-height: 170px;
    overflow-y: auto;
    padding: 0.35rem;
}

.chat-directory-user[b-qwnj4n6ncv] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 9px;
    color: #34465f;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 0.58rem;
    padding: 0.52rem;
    text-align: left;
    width: 100%;
}

.chat-directory-user:hover[b-qwnj4n6ncv],
.chat-directory-user.selected[b-qwnj4n6ncv] {
    background: #edf3fa;
}

.chat-directory-user > span:nth-child(2)[b-qwnj4n6ncv] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.chat-directory-user strong[b-qwnj4n6ncv] {
    font-size: 0.77rem;
}

.chat-directory-user small[b-qwnj4n6ncv] {
    color: #7b8798;
    font-size: 0.65rem;
}

.chat-selection-mark[b-qwnj4n6ncv] {
    border: 1px solid #8a9aae;
    border-radius: 50%;
    height: 1.1rem;
    position: relative;
    width: 1.1rem;
}

.chat-directory-user.selected .chat-selection-mark[b-qwnj4n6ncv] {
    background: #587ba8;
    border-color: #587ba8;
}

.chat-directory-user.selected .chat-selection-mark[b-qwnj4n6ncv]::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    height: 0.48rem;
    left: 0.33rem;
    position: absolute;
    top: 0.16rem;
    transform: rotate(42deg);
    width: 0.25rem;
}

.chat-directory-empty[b-qwnj4n6ncv] {
    color: #798698;
    font-size: 0.78rem;
    padding: 1.4rem;
    text-align: center;
}

.chat-dialog-footer[b-qwnj4n6ncv] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 0.9rem;
}

.chat-dialog-footer > span[b-qwnj4n6ncv] {
    color: #748195;
    font-size: 0.68rem;
}

@media (max-width: 1120px) {
    .chat-workspace:has(.chat-details)[b-qwnj4n6ncv] {
        grid-template-columns: minmax(220px, 270px) minmax(380px, 1fr);
        position: relative;
    }

    .chat-details[b-qwnj4n6ncv] {
        bottom: 0;
        box-shadow: -18px 0 38px rgba(39, 55, 80, 0.18);
        max-width: 290px;
        position: absolute;
        right: 0;
        top: 0;
        width: 42%;
        z-index: 5;
    }
}

@media (max-width: 760px) {
    .page-heading.chat-heading[aria-labelledby="chat-page-title"]:not(.dashboard-heading)[b-qwnj4n6ncv] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .chat-heading-actions[b-qwnj4n6ncv] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        width: 100%;
    }

    .chat-heading-actions .button[b-qwnj4n6ncv] {
        justify-content: center;
        min-width: 0;
    }

    .chat-workspace[b-qwnj4n6ncv],
    .chat-workspace:has(.chat-details)[b-qwnj4n6ncv] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        height: clamp(540px, calc(100dvh - 15.5rem), 720px);
        min-height: 540px;
    }

    .chat-conversations[b-qwnj4n6ncv] {
        border-bottom: 1px solid rgba(96, 119, 143, 0.16);
        border-right: 0;
    }

    .chat-panel-heading[b-qwnj4n6ncv] {
        min-height: 46px;
        padding: 0.58rem 0.75rem 0.45rem;
    }

    .chat-panel-heading h2[b-qwnj4n6ncv] {
        font-size: 0.9rem;
    }

    .chat-conversation-list[b-qwnj4n6ncv] {
        display: flex;
        gap: 0.45rem;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0.35rem 0.6rem 0.62rem;
        scroll-padding-inline: 0.6rem;
        scroll-snap-type: x proximity;
    }

    .chat-conversation-item[b-qwnj4n6ncv] {
        background: rgba(255, 255, 255, 0.62);
        border-color: rgba(96, 119, 143, 0.1);
        flex: 0 0 clamp(174px, 66vw, 238px);
        justify-content: flex-start;
        padding: 0.52rem 0.58rem;
        scroll-snap-align: start;
    }

    .chat-conversation-item.selected[b-qwnj4n6ncv] {
        box-shadow: inset 0 -3px 0 #6887b7, 0 5px 14px rgba(66, 89, 123, 0.08);
    }

    .chat-avatar[b-qwnj4n6ncv] {
        height: 2.35rem;
        width: 2.35rem;
    }

    .chat-conversations .chat-empty-list[b-qwnj4n6ncv] {
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0.7rem 0.8rem 0.85rem;
        text-align: left;
    }

    .chat-conversations .chat-empty-icon[b-qwnj4n6ncv] {
        display: none;
    }

    .chat-conversations .chat-empty-list strong[b-qwnj4n6ncv] {
        margin: 0 0 0.18rem;
    }

    .chat-conversations .chat-empty-list p[b-qwnj4n6ncv] {
        margin-bottom: 0.65rem;
    }

    .chat-thread-header[b-qwnj4n6ncv] {
        display: grid;
        gap: 0.45rem;
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 0.65rem;
    }

    .chat-thread-identity .chat-avatar[b-qwnj4n6ncv] {
        height: 2.25rem;
        width: 2.25rem;
    }

    .chat-thread-identity h2[b-qwnj4n6ncv] {
        font-size: 0.82rem;
        max-width: none;
    }

    .chat-thread-identity span[b-qwnj4n6ncv] {
        font-size: 0.64rem;
    }

    .chat-call-actions[b-qwnj4n6ncv] {
        gap: 0.28rem;
    }

    .chat-icon-button[b-qwnj4n6ncv] {
        height: 2.75rem;
        width: 2.75rem;
    }

    .chat-message[b-qwnj4n6ncv] {
        max-width: 91%;
    }

    .chat-message-viewport[b-qwnj4n6ncv] {
        padding: 0.8rem;
    }

    .chat-composer[b-qwnj4n6ncv] {
        padding: 0.6rem;
    }

    .chat-composer-hint[b-qwnj4n6ncv] {
        display: none;
    }

    .chat-composer-footer[b-qwnj4n6ncv] {
        grid-template-columns: 1fr auto;
    }

    .chat-details[b-qwnj4n6ncv] {
        width: min(88%, 290px);
    }

    .chat-dialog-native[b-qwnj4n6ncv] {
        margin: auto 0 0;
        max-width: none;
        padding: 0;
        width: 100%;
    }

    .chat-dialog[b-qwnj4n6ncv] {
        border-radius: 18px 18px 0 0;
        max-height: 92dvh;
        padding: 1rem;
    }

    .chat-delete-dialog-native[b-qwnj4n6ncv] {
        margin: auto 0 0;
    }

    .chat-delete-dialog[b-qwnj4n6ncv] {
        border-radius: 20px 20px 0 0;
        padding: 1.2rem 1rem calc(1.1rem + env(safe-area-inset-bottom));
    }

    .chat-delete-dialog-actions[b-qwnj4n6ncv] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .chat-delete-dialog-actions .button[b-qwnj4n6ncv] {
        justify-content: center;
        min-height: 2.75rem;
        width: 100%;
    }

    .chat-kind-selector[b-qwnj4n6ncv] {
        grid-template-columns: 1fr;
    }

    .chat-dialog-footer[b-qwnj4n6ncv] {
        align-items: stretch;
        flex-direction: column;
    }

    .chat-dialog-footer > div[b-qwnj4n6ncv] {
        justify-content: flex-end;
    }
}

@media (max-width: 460px) {
    .chat-heading-actions[b-qwnj4n6ncv] {
        gap: 0.5rem;
    }

    .chat-heading-actions .button[b-qwnj4n6ncv] {
        padding-inline: 0.7rem;
    }

    .chat-conversation-item[b-qwnj4n6ncv] {
        flex-basis: min(76vw, 224px);
    }

    .chat-thread-identity > div > span[b-qwnj4n6ncv] {
        display: none;
    }

    .chat-message-avatar[b-qwnj4n6ncv] {
        display: none;
    }

    .chat-media-note[b-qwnj4n6ncv] {
        font-size: 0.66rem;
    }

    .chat-send-button span:last-child[b-qwnj4n6ncv] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .chat-conversation-item[b-qwnj4n6ncv],
    .chat-icon-button[b-qwnj4n6ncv],
    .chat-send-button[b-qwnj4n6ncv],
    .chat-delete-confirm[b-qwnj4n6ncv] {
        transition: none;
    }
}

@media (forced-colors: active) {
    .chat-workspace[b-qwnj4n6ncv],
    .chat-conversations[b-qwnj4n6ncv],
    .chat-details[b-qwnj4n6ncv],
    .chat-thread[b-qwnj4n6ncv],
    .chat-dialog[b-qwnj4n6ncv],
    .chat-delete-dialog[b-qwnj4n6ncv],
    .chat-delete-history-note[b-qwnj4n6ncv],
    .chat-message-bubble[b-qwnj4n6ncv],
    .chat-message.own .chat-message-bubble[b-qwnj4n6ncv],
    .chat-send-button[b-qwnj4n6ncv],
    .chat-delete-confirm[b-qwnj4n6ncv] {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }

    .chat-conversation-item.selected[b-qwnj4n6ncv],
    .chat-directory-user.selected[b-qwnj4n6ncv],
    .chat-kind-selector button.selected[b-qwnj4n6ncv] {
        border: 2px solid Highlight;
    }

    .chat-unread-badge[b-qwnj4n6ncv],
    .chat-unread-total[b-qwnj4n6ncv] {
        background: Highlight;
        color: HighlightText !important;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-title[b-79w8i9l7sx] {
    color: #b42318;
}
/* /Components/Pages/ForgotPassword.razor.rz.scp.css */
.auth-success[b-wz4slq3950] {
    align-items: flex-start;
    background: rgba(235, 241, 250, 0.88);
    border: 1px solid #9bb2d5;
    border-radius: 10px;
    color: #365781;
    display: flex;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding: 1rem;
}

.auth-success p[b-wz4slq3950] {
    line-height: 1.5;
    margin: 0;
}

.auth-success-icon[b-wz4slq3950] {
    background: var(--color-accent);
    border-radius: 50%;
    flex: 0 0 auto;
    height: 1.4rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.485 1.929a1 1 0 0 1 .586 1.286l-5 12a1 1 0 0 1-1.687.266l-4-4.5a1 1 0 1 1 1.495-1.328l2.95 3.319 4.399-10.457a1 1 0 0 1 1.257-.586Z'/%3E%3C/svg%3E") center / 0.72rem no-repeat;
    width: 1.4rem;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-heading[b-ixyzw2u4ft] {
    align-items: center;
    background:
        radial-gradient(circle at 92% 0%, rgba(255, 255, 255, 0.72), transparent 8rem),
        linear-gradient(
            125deg,
            rgba(229, 238, 250, 0.94),
            rgba(235, 234, 248, 0.9) 58%,
            rgba(246, 240, 229, 0.82));
    border: 1px solid rgba(86, 105, 139, 0.18);
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(49, 65, 94, 0.08);
    display: flex;
    gap: 1rem;
    isolation: isolate;
    justify-content: space-between;
    min-height: 4.25rem;
    overflow: hidden;
    padding: 0.68rem 1rem;
    position: relative;
}

.dashboard-heading[b-ixyzw2u4ft]::after {
    background: linear-gradient(
        135deg,
        rgba(126, 157, 207, 0.27),
        rgba(157, 144, 197, 0.21),
        rgba(198, 169, 116, 0.16));
    border-radius: 50%;
    content: "";
    height: 5.5rem;
    pointer-events: none;
    position: absolute;
    right: -2rem;
    top: -3.2rem;
    width: 5.5rem;
    z-index: -1;
}

.dashboard-heading h1[b-ixyzw2u4ft] {
    color: #2b3e57;
    font-size: clamp(1.3rem, 2vw, 1.55rem);
}

.dashboard-brand[b-ixyzw2u4ft] {
    display: block;
    height: auto;
    max-width: 34%;
    position: relative;
    width: clamp(8.5rem, 14vw, 11.5rem);
    z-index: 1;
}

.status-grid[b-ixyzw2u4ft] {
    display: grid;
    gap: 1.1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.metric-panel[b-ixyzw2u4ft] {
    --metric-accent: #617fae;
    --metric-tint: rgba(226, 234, 247, 0.92);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97) 16%, var(--metric-tint));
    border: 1px solid color-mix(in srgb, var(--metric-accent) 24%, #d9dee7);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(49, 65, 94, 0.08);
    display: grid;
    gap: 0.4rem;
    min-height: 106px;
    overflow: hidden;
    padding: 1.05rem 1.1rem;
    position: relative;
}

.metric-panel[b-ixyzw2u4ft]::before {
    background: linear-gradient(
        90deg,
        var(--metric-accent),
        color-mix(in srgb, var(--metric-accent) 35%, transparent));
    content: "";
    height: 3px;
    inset: 0 0 auto;
    position: absolute;
}

.metric-session[b-ixyzw2u4ft] {
    --metric-accent: #617fae;
    --metric-tint: rgba(226, 234, 247, 0.92);
}

.metric-database[b-ixyzw2u4ft] {
    --metric-accent: #777fb0;
    --metric-tint: rgba(233, 233, 247, 0.94);
}

.metric-administration[b-ixyzw2u4ft] {
    --metric-accent: #a5814e;
    --metric-tint: rgba(244, 236, 220, 0.94);
}

.metric-customers[b-ixyzw2u4ft] {
    --metric-accent: #4f7f78;
    --metric-tint: rgba(225, 241, 237, 0.94);
}

.metric-activity[b-ixyzw2u4ft] {
    --metric-accent: #8474a8;
    --metric-tint: rgba(237, 233, 246, 0.94);
}

.metric-system[b-ixyzw2u4ft] {
    --metric-accent: #687f9d;
    --metric-tint: rgba(229, 235, 244, 0.94);
}

.metric-panel strong[b-ixyzw2u4ft] {
    color: #30445b;
    font-size: 1.08rem;
}

.metric-panel .button[b-ixyzw2u4ft] {
    justify-self: start;
    margin-top: 0.15rem;
}

.metric-label[b-ixyzw2u4ft] {
    color: #58687c;
    font-size: 0.8rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

@media (max-width: 700px) {
    .dashboard-heading[b-ixyzw2u4ft] {
        gap: 0.65rem;
        min-height: 3.75rem;
        padding: 0.58rem 0.72rem;
    }

    .dashboard-brand[b-ixyzw2u4ft] {
        max-width: 38%;
        width: clamp(7rem, 30vw, 9rem);
    }

    .status-grid[b-ixyzw2u4ft] {
        gap: 0.85rem;
    }
}

@media (forced-colors: active) {
    .dashboard-heading[b-ixyzw2u4ft],
    .metric-panel[b-ixyzw2u4ft] {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }

    .dashboard-heading[b-ixyzw2u4ft]::after,
    .metric-panel[b-ixyzw2u4ft]::before {
        display: none;
    }

    .dashboard-heading h1[b-ixyzw2u4ft],
    .metric-panel strong[b-ixyzw2u4ft],
    .metric-label[b-ixyzw2u4ft] {
        color: CanvasText;
    }
}
/* /Components/Pages/InitialSetup.razor.rz.scp.css */
.initial-setup-loading[b-frag4rq9zy] {
    min-height: 10rem;
}

.initial-setup-unavailable[b-frag4rq9zy] {
    margin-top: 1.25rem;
}

.initial-setup-retry[b-frag4rq9zy] {
    margin-top: 1rem;
    width: 100%;
}

.initial-setup-account[b-frag4rq9zy] {
    align-items: center;
    background: rgba(239, 244, 251, 0.9);
    border: 1px solid rgba(111, 137, 178, 0.28);
    border-radius: 10px;
    color: #344054;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: 2rem minmax(0, 1fr);
    margin-top: 1.25rem;
    padding: 0.75rem 0.85rem;
}

.initial-setup-account > span[b-frag4rq9zy] {
    align-items: center;
    background: #dce7f5;
    border-radius: 50%;
    color: #3d5d86;
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.initial-setup-account div[b-frag4rq9zy] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.initial-setup-account strong[b-frag4rq9zy] {
    font-size: 0.76rem;
}

.initial-setup-account code[b-frag4rq9zy] {
    color: #526071;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.initial-setup-validation[b-frag4rq9zy] {
    align-items: center;
    background: #fff5f2;
    border: 1px solid #efc1b8;
    border-radius: 10px;
    color: #8a3025;
    display: flex;
    font-size: 0.8rem;
    gap: 0.6rem;
    padding: 0.7rem 0.8rem;
}

.initial-setup-validation[hidden][b-frag4rq9zy] {
    display: none;
}

.initial-setup-validation-mark[b-frag4rq9zy] {
    align-items: center;
    background: #cf5a47;
    border-radius: 50%;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 850;
    height: 1.35rem;
    justify-content: center;
    width: 1.35rem;
}

.initial-setup-form small[b-frag4rq9zy],
.initial-setup-once-note[b-frag4rq9zy] {
    color: #667085;
    font-size: 0.74rem;
    line-height: 1.45;
}

.initial-setup-once-note[b-frag4rq9zy] {
    background: rgba(247, 249, 252, 0.88);
    border-left: 3px solid #95a9c8;
    margin: 0;
    padding: 0.55rem 0.7rem;
}

.initial-setup-submit[b-frag4rq9zy] {
    align-items: center;
    display: inline-flex;
    gap: 0.5rem;
    justify-content: center;
}

.initial-setup-submit [hidden][b-frag4rq9zy] {
    display: none;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.auth-form[b-lbcvg20aoh] {
    position: relative;
}

.auth-form .input[b-lbcvg20aoh],
.auth-form .input:hover[b-lbcvg20aoh] {
    appearance: none;
    background-clip: padding-box;
    box-shadow: none;
    text-decoration: none;
}

.auth-form .input:focus[b-lbcvg20aoh] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 55%, transparent);
    outline: none;
}

.login-options[b-lbcvg20aoh] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.remember-option[b-lbcvg20aoh] {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    gap: 0.52rem;
    min-width: 0;
}

.remember-option .checkbox[b-lbcvg20aoh] {
    flex: 0 0 auto;
    margin-top: 0.12rem;
}

.remember-option > span[b-lbcvg20aoh] {
    display: grid;
    gap: 0.08rem;
}

.remember-option strong[b-lbcvg20aoh] {
    color: #33485f;
    font-size: 0.8rem;
}

.remember-option small[b-lbcvg20aoh] {
    color: #68778a;
    font-size: 0.7rem;
    line-height: 1.3;
}

.login-server-error[b-lbcvg20aoh],
.login-validation-popover[b-lbcvg20aoh] {
    align-items: start;
    background:
        linear-gradient(145deg, rgba(255, 253, 252, 0.98), rgba(255, 244, 240, 0.96));
    border: 1px solid rgba(199, 66, 45, 0.24);
    border-radius: 16px;
    box-shadow:
        0 18px 42px -22px rgba(69, 18, 12, 0.56),
        0 8px 18px -12px rgba(69, 18, 12, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
    color: #51241e;
    display: grid;
    gap: 0.72rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0.82rem 0.9rem;
}

.login-server-error[b-lbcvg20aoh] {
    margin-bottom: 0.2rem;
}

.login-validation-popover[b-lbcvg20aoh] {
    animation: login-validation-enter-b-lbcvg20aoh 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
    grid-template-columns: auto minmax(0, 1fr) auto;
    left: 0;
    max-width: calc(100% - 0.5rem);
    position: absolute;
    top: 0;
    width: min(21rem, calc(100% - 0.5rem));
    z-index: 30;
}

.login-validation-popover[hidden][b-lbcvg20aoh] {
    display: none;
}

.login-validation-popover[b-lbcvg20aoh]::before {
    background: #fffaf8;
    border-left: 1px solid rgba(199, 66, 45, 0.24);
    border-top: 1px solid rgba(199, 66, 45, 0.24);
    content: "";
    height: 0.72rem;
    left: 1.4rem;
    position: absolute;
    top: -0.42rem;
    transform: rotate(45deg);
    width: 0.72rem;
}

.login-validation-popover[data-placement="top"][b-lbcvg20aoh]::before {
    bottom: -0.42rem;
    top: auto;
    transform: rotate(225deg);
}

.login-error-icon[b-lbcvg20aoh] {
    align-items: center;
    background: linear-gradient(145deg, #f26a4b, #c8352a);
    border: 1px solid rgba(255, 255, 255, 0.58);
    border-radius: 11px;
    box-shadow:
        0 8px 18px rgba(168, 45, 31, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.32);
    color: #fff;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.login-error-icon svg[b-lbcvg20aoh] {
    fill: currentColor;
    height: 1.25rem;
    width: 1.25rem;
}

.login-error-icon path[b-lbcvg20aoh] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2.2;
}

.login-error-copy[b-lbcvg20aoh] {
    display: grid;
    gap: 0.16rem;
    line-height: 1.35;
    min-width: 0;
}

.login-error-copy strong[b-lbcvg20aoh] {
    color: #702d24;
    font-size: 0.83rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.login-error-copy > span[b-lbcvg20aoh] {
    color: #6e423c;
    font-size: 0.82rem;
}

.login-validation-dismiss[b-lbcvg20aoh] {
    align-items: center;
    align-self: start;
    background: rgba(111, 45, 36, 0.07);
    border: 0;
    border-radius: 999px;
    color: #7b4c45;
    cursor: pointer;
    display: inline-flex;
    height: 1.8rem;
    justify-content: center;
    margin: -0.14rem -0.16rem 0 0;
    padding: 0;
    transition: background-color 150ms ease, color 150ms ease, transform 150ms ease;
    width: 1.8rem;
}

.login-validation-dismiss:hover[b-lbcvg20aoh] {
    background: rgba(111, 45, 36, 0.14);
    color: #5f241d;
    transform: translateY(-1px);
}

.login-validation-dismiss:focus-visible[b-lbcvg20aoh] {
    box-shadow: 0 0 0 3px rgba(196, 66, 46, 0.24);
    outline: none;
}

.login-validation-dismiss svg[b-lbcvg20aoh] {
    fill: none;
    height: 0.9rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.9;
    width: 0.9rem;
}

.auth-form .input[aria-invalid="true"][b-lbcvg20aoh],
.auth-form .input[aria-invalid="true"]:hover[b-lbcvg20aoh],
.auth-form .input[aria-invalid="true"]:focus[b-lbcvg20aoh] {
    border-color: #cf5a47;
    box-shadow: 0 0 0 3px rgba(207, 90, 71, 0.17);
    outline: none;
}

@keyframes login-validation-enter-b-lbcvg20aoh {
    from {
        opacity: 0;
        transform: translateY(-0.38rem) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 520px) {
    .login-server-error[b-lbcvg20aoh],
    .login-validation-popover[b-lbcvg20aoh] {
        border-radius: 14px;
        padding: 0.75rem 0.78rem;
    }

    .login-options[b-lbcvg20aoh] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-validation-popover[b-lbcvg20aoh] {
        animation: none;
    }

    .login-validation-dismiss[b-lbcvg20aoh] {
        transition: none;
    }
}
/* /Components/Pages/ResetPassword.razor.rz.scp.css */
.reset-loading[b-zdsgo0b0u6] {
    margin-top: 1.5rem;
}

.reset-sign-in[b-zdsgo0b0u6] {
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.form-field small[b-zdsgo0b0u6] {
    color: #667085;
    display: block;
    font-size: 0.76rem;
    line-height: 1.4;
    margin-top: 0.4rem;
}
/* /Components/Pages/ServerLogs/ServerLogs.razor.rz.scp.css */
.retention-badge[b-svo0fwdscl] {
    background: #f2f4f7;
    border: 1px solid #e4e7ec;
    border-radius: 999px;
    color: #475467;
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.3rem 0.55rem;
}

.log-date-filters[b-svo0fwdscl] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.log-time-zone[b-svo0fwdscl] {
    background: #f8fafc;
    border: 1px solid #e4e7ec;
    border-radius: 7px;
    color: #475467;
    font-size: 0.72rem;
    grid-column: 1 / -1;
    margin: 0;
    overflow-wrap: anywhere;
    padding: 0.45rem 0.55rem;
}

.log-date-filters label[b-svo0fwdscl] {
    color: #667085;
    display: grid;
    font-size: 0.67rem;
    font-weight: 700;
    gap: 0.15rem;
    text-transform: uppercase;
}

.log-date-filters input[b-svo0fwdscl] {
    background: #ffffff;
    border: 1px solid #d0d5dd;
    border-radius: 7px;
    color: #344054;
    font-size: 0.75rem;
    min-height: 2.15rem;
    padding: 0.3rem 0.45rem;
    width: 100%;
}

.log-date-filters input:focus[b-svo0fwdscl] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 45%, transparent);
    outline: none;
}

.log-date-actions[b-svo0fwdscl] {
    display: flex;
    gap: 0.45rem;
    grid-column: 1 / -1;
    justify-content: flex-end;
}

.logs-loading[b-svo0fwdscl] {
    min-height: 17rem;
}

.level-badge[b-svo0fwdscl] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.66rem;
    font-weight: 800;
    justify-content: center;
    min-width: 5.2rem;
    padding: 0.25rem 0.48rem;
}

.level-critical[b-svo0fwdscl],
.level-error[b-svo0fwdscl] {
    background: #fee4e2;
    color: #b42318;
}

.level-warning[b-svo0fwdscl] {
    background: #fef0c7;
    color: #b54708;
}

.level-information[b-svo0fwdscl] {
    background: #e0f2fe;
    color: #026aa2;
}

.level-debug[b-svo0fwdscl],
.level-trace[b-svo0fwdscl] {
    background: #f2f4f7;
    color: #475467;
}

.log-time[b-svo0fwdscl] {
    color: #475467;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.7rem;
}

.log-message[b-svo0fwdscl] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.log-user[b-svo0fwdscl],
.empty-value[b-svo0fwdscl] {
    color: #667085;
}

.status-code[b-svo0fwdscl] {
    border-radius: 5px;
    display: inline-flex;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.69rem;
    font-weight: 800;
    justify-content: center;
    min-width: 2.7rem;
    padding: 0.2rem 0.35rem;
}

.status-success[b-svo0fwdscl] {
    background: #dcfae6;
    color: #067647;
}

.status-redirect[b-svo0fwdscl] {
    background: #e0f2fe;
    color: #026aa2;
}

.status-warning[b-svo0fwdscl] {
    background: #fef0c7;
    color: #b54708;
}

.status-error[b-svo0fwdscl] {
    background: #fee4e2;
    color: #b42318;
}

.status-neutral[b-svo0fwdscl] {
    background: #f2f4f7;
    color: #475467;
}

.request-method[b-svo0fwdscl] {
    background: #f2f4f7;
    border-radius: 4px;
    color: #344054;
    font-size: 0.65rem;
    font-weight: 800;
    margin-right: 0.35rem;
    padding: 0.15rem 0.3rem;
}

.log-details[b-svo0fwdscl] {
    padding: 1rem;
}

.log-details dl[b-svo0fwdscl] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    margin: 0 0 0.85rem;
}

.log-details dl div[b-svo0fwdscl] {
    min-width: 0;
}

.log-details dt[b-svo0fwdscl] {
    color: #667085;
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.log-details dd[b-svo0fwdscl] {
    color: #344054;
    font-size: 0.77rem;
    margin: 0.15rem 0 0;
    overflow-wrap: anywhere;
}

.detail-block[b-svo0fwdscl] {
    margin-top: 0.7rem;
}

.detail-block > strong[b-svo0fwdscl] {
    color: #344054;
    font-size: 0.73rem;
}

.detail-block pre[b-svo0fwdscl] {
    background: #101828;
    border-radius: 7px;
    color: #e4e7ec;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.71rem;
    margin: 0.3rem 0 0;
    max-height: 280px;
    overflow: auto;
    padding: 0.75rem;
    white-space: pre-wrap;
}

.exception-block pre[b-svo0fwdscl] {
    background: #3b1010;
}

@media (max-width: 480px) {
    .log-date-filters[b-svo0fwdscl] {
        grid-template-columns: 1fr;
    }

    .log-date-actions[b-svo0fwdscl] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/ServicentreCustomers/ServicentreCustomers.razor.rz.scp.css */
.customer-heading[b-vfdmo6kliv] {
    align-items: flex-start;
}

.customer-storage-badges[b-vfdmo6kliv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
}

.source-badge[b-vfdmo6kliv],
.read-only-pill[b-vfdmo6kliv],
.extension-status[b-vfdmo6kliv] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.67rem;
    font-weight: 800;
    line-height: 1;
    padding: 0.36rem 0.55rem;
}

.source-erp[b-vfdmo6kliv],
.read-only-pill[b-vfdmo6kliv] {
    background: #eef2f6;
    color: #475467;
}

.source-local[b-vfdmo6kliv],
.has-extension[b-vfdmo6kliv] {
    background: #dcfae6;
    color: #067647;
}

.no-extension[b-vfdmo6kliv] {
    background: #f2f4f7;
    color: #667085;
}

.customer-name[b-vfdmo6kliv],
.customer-number[b-vfdmo6kliv] {
    display: block;
}

.customer-name[b-vfdmo6kliv] {
    color: #1d2939;
    font-weight: 750;
}

.customer-number[b-vfdmo6kliv] {
    color: #667085;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.68rem;
    margin-top: 0.12rem;
}

.customer-link[b-vfdmo6kliv] {
    color: #315f8f;
    text-decoration: none;
}

.customer-link:hover[b-vfdmo6kliv] {
    text-decoration: underline;
}

.contract-count[b-vfdmo6kliv] {
    color: #067647;
    font-weight: 800;
}

.contract-total[b-vfdmo6kliv],
.empty-value[b-vfdmo6kliv] {
    color: #667085;
}

.customer-details[b-vfdmo6kliv] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr);
    padding: 0.9rem;
}

.customer-source-panel[b-vfdmo6kliv],
.customer-extension-panel[b-vfdmo6kliv] {
    background: #ffffff;
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    min-width: 0;
    padding: 0.9rem;
}

.customer-extension-panel[b-vfdmo6kliv] {
    background: linear-gradient(145deg, #ffffff 42%, #f7fbff);
    border-color: #d5e2f0;
}

.customer-source-panel > header[b-vfdmo6kliv],
.customer-extension-panel > header[b-vfdmo6kliv] {
    align-items: flex-start;
    display: flex;
    gap: 0.7rem;
    justify-content: space-between;
}

.detail-eyebrow[b-vfdmo6kliv] {
    color: #667085;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin: 0 0 0.15rem;
    text-transform: uppercase;
}

.customer-details h2[b-vfdmo6kliv] {
    color: #1d2939;
    font-size: 0.95rem;
    margin: 0;
}

.extension-audit[b-vfdmo6kliv] {
    color: #667085;
    font-size: 0.66rem;
    max-width: 16rem;
    text-align: right;
}

.customer-source-data[b-vfdmo6kliv],
.customer-extension-data[b-vfdmo6kliv] {
    display: grid;
    gap: 0.65rem 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0.85rem 0 0;
}

.customer-source-data div[b-vfdmo6kliv],
.customer-extension-data div[b-vfdmo6kliv] {
    min-width: 0;
}

.customer-source-data dt[b-vfdmo6kliv],
.customer-extension-data dt[b-vfdmo6kliv] {
    color: #667085;
    font-size: 0.63rem;
    font-weight: 800;
    text-transform: uppercase;
}

.customer-source-data dd[b-vfdmo6kliv],
.customer-extension-data dd[b-vfdmo6kliv] {
    color: #344054;
    font-size: 0.75rem;
    margin: 0.16rem 0 0;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.extension-notes[b-vfdmo6kliv] {
    grid-column: 1 / -1;
}

.extension-notice[b-vfdmo6kliv] {
    background: #eff8ff;
    border: 1px solid #d1e9ff;
    border-radius: 7px;
    color: #175cd3;
    font-size: 0.7rem;
    line-height: 1.45;
    margin: 0.8rem 0;
    padding: 0.55rem 0.65rem;
}

.customer-extension-form[b-vfdmo6kliv] {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.customer-extension-form label[b-vfdmo6kliv] {
    color: #344054;
    display: grid;
    font-size: 0.7rem;
    font-weight: 750;
    gap: 0.24rem;
}

.customer-extension-form input[b-vfdmo6kliv],
.customer-extension-form textarea[b-vfdmo6kliv] {
    background: #ffffff;
    border: 1px solid #b9c6d6;
    border-radius: 7px;
    color: #1d2939;
    font: inherit;
    min-width: 0;
    padding: 0.48rem 0.55rem;
    width: 100%;
}

.customer-extension-form input:focus[b-vfdmo6kliv],
.customer-extension-form textarea:focus[b-vfdmo6kliv] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 45%, transparent);
    outline: none;
}

.customer-extension-form input:disabled[b-vfdmo6kliv],
.customer-extension-form textarea:disabled[b-vfdmo6kliv] {
    background: #f2f4f7;
    color: #667085;
}

.customer-notes-field[b-vfdmo6kliv],
.customer-extension-actions[b-vfdmo6kliv] {
    grid-column: 1 / -1;
}

.customer-notes-field small[b-vfdmo6kliv] {
    color: #667085;
    font-size: 0.64rem;
    font-weight: 500;
    text-align: right;
}

.customer-extension-actions[b-vfdmo6kliv] {
    display: flex;
    justify-content: flex-end;
}

.customer-extension-actions .button[b-vfdmo6kliv] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
}

@media (max-width: 980px) {
    .customer-details[b-vfdmo6kliv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .customer-heading[b-vfdmo6kliv],
    .customer-source-panel > header[b-vfdmo6kliv],
    .customer-extension-panel > header[b-vfdmo6kliv] {
        display: grid;
    }

    .customer-storage-badges[b-vfdmo6kliv] {
        justify-content: flex-start;
    }

    .extension-audit[b-vfdmo6kliv] {
        text-align: left;
    }

    .customer-source-data[b-vfdmo6kliv],
    .customer-extension-data[b-vfdmo6kliv],
    .customer-extension-form[b-vfdmo6kliv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Sms/SmsMessages.razor.rz.scp.css */
.sms-tool-page[b-co2s00k54a] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.sms-tool-heading[b-co2s00k54a] {
    align-items: center;
    flex: 0 0 auto;
    gap: 1.5rem;
}

.sms-tool-heading-copy[b-co2s00k54a] {
    align-items: center;
    display: flex;
    gap: 1rem;
    min-width: 0;
}

.sms-tool-heading-icon[b-co2s00k54a] {
    align-items: center;
    background: linear-gradient(145deg, #f8fdff 0%, #d9f3f0 46%, #91d5cc 100%);
    border: 1px solid rgba(45, 116, 109, 0.25);
    border-radius: 1rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 0 -4px 8px rgba(27, 104, 97, 0.13),
        0 10px 18px rgba(29, 87, 90, 0.18),
        0 3px 5px rgba(15, 45, 56, 0.16);
    display: inline-flex;
    flex: 0 0 auto;
    height: 3.55rem;
    justify-content: center;
    transform: translateY(-2px);
    width: 3.55rem;
}

.sms-tool-heading-icon svg[b-co2s00k54a] {
    filter: drop-shadow(0 2px 1px rgba(13, 57, 63, 0.24));
    height: 2rem;
    overflow: visible;
    width: 2rem;
}

.sms-tool-heading-icon path[b-co2s00k54a] {
    fill: #173f4b;
}

.sms-tool-heading-icon .sms-tool-heading-glyph[b-co2s00k54a] {
    fill: none;
    stroke: #e9fffb;
    stroke-linecap: round;
    stroke-width: 2;
}

.sms-tool-refresh[b-co2s00k54a] {
    flex: 0 0 auto;
    min-height: 2.75rem;
}

.sms-tool-loading[b-co2s00k54a] {
    flex: 1 1 auto;
    min-height: 18rem;
}

.sms-tool-tabs[b-co2s00k54a] {
    background: linear-gradient(145deg, rgba(244, 248, 252, 0.98), rgba(232, 239, 246, 0.96));
    border: 1px solid #d4dfe8;
    border-radius: 1rem;
    box-shadow: inset 0 1px 0 #ffffff, 0 8px 20px rgba(31, 57, 78, 0.08);
    display: grid;
    flex: 0 0 auto;
    gap: 0.35rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 0.7rem;
    min-width: 0;
    padding: 0.35rem;
}

.sms-tool-tab[b-co2s00k54a] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.78rem;
    color: #52667a;
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.55rem;
    justify-content: center;
    min-height: 3.15rem;
    min-width: 0;
    padding: 0.45rem 0.7rem;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, color 150ms ease, transform 150ms ease;
}

.sms-tool-tab:hover[b-co2s00k54a] {
    background: rgba(255, 255, 255, 0.65);
    color: #294960;
}

.sms-tool-tab[aria-selected="true"][b-co2s00k54a] {
    background: #ffffff;
    border-color: #c8d8e3;
    box-shadow: 0 5px 12px rgba(35, 69, 91, 0.12), inset 0 1px 0 #ffffff;
    color: #173f4b;
    transform: translateY(-1px);
}

.sms-tool-tab:focus-visible[b-co2s00k54a],
.sms-tool-tabpanel:focus-visible[b-co2s00k54a] {
    outline: 3px solid #285ca8;
    outline-offset: 2px;
}

.sms-tool-tab-icon[b-co2s00k54a] {
    align-items: center;
    background: linear-gradient(145deg, #f7fdff, #d8ebf1 56%, #adcbd6);
    border: 1px solid #b8ced8;
    border-radius: 0.62rem;
    box-shadow: inset 0 1px 0 #ffffff, inset 0 -3px 6px rgba(45, 95, 111, 0.1), 0 4px 8px rgba(31, 68, 82, 0.14);
    color: #285b6c;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.sms-tool-tab-icon.inbox[b-co2s00k54a] {
    background: linear-gradient(145deg, #f7fbff, #dce8fa 56%, #b5c9eb);
    border-color: #bdcce5;
    color: #345a96;
}

.sms-tool-tab-icon.history[b-co2s00k54a] {
    background: linear-gradient(145deg, #fffcf7, #f2e5ca 56%, #d9bf8d);
    border-color: #decba8;
    color: #725528;
}

.sms-tool-tab-icon svg[b-co2s00k54a] {
    fill: none;
    height: 1.15rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 1.15rem;
}

.sms-tool-tab-count[b-co2s00k54a] {
    align-items: center;
    background: #e8f0f5;
    border: 1px solid #d0dee7;
    border-radius: 999px;
    color: #36566d;
    display: inline-flex;
    font-size: 0.67rem;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
    justify-content: center;
    min-height: 1.35rem;
    min-width: 1.35rem;
    padding: 0.12rem 0.38rem;
}

.sms-tool-tab[aria-selected="true"] .sms-tool-tab-count[b-co2s00k54a] {
    background: #dff1ef;
    border-color: #b9dcd7;
    color: #216b64;
}

.sms-tool-tabpanels[b-co2s00k54a] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.sms-tool-tabpanel[b-co2s00k54a] {
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.1rem 0.3rem 1.25rem 0;
    scrollbar-gutter: stable;
}

.sms-tool-tabpanel[hidden][b-co2s00k54a] {
    display: none;
}

.sms-tool-workspace[b-co2s00k54a] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(17rem, 21rem) minmax(0, 1fr);
}

.sms-tool-main[b-co2s00k54a] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.sms-tool-card[b-co2s00k54a] {
    background:
        radial-gradient(circle at 100% 0, rgba(192, 225, 233, 0.14), transparent 18rem),
        #ffffff;
    border: 1px solid #d7e1ea;
    border-radius: 1.15rem;
    box-shadow: 0 14px 34px rgba(28, 50, 72, 0.08);
    min-width: 0;
    overflow: hidden;
}

.sms-tool-card-header[b-co2s00k54a] {
    align-items: flex-start;
    border-bottom: 1px solid #e5ebf1;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.25rem 1.35rem 1.05rem;
}

.sms-tool-card-header h2[b-co2s00k54a] {
    color: #182638;
    font-size: 1.05rem;
    margin: 0.1rem 0 0.25rem;
}

.sms-tool-card-header p:not(.eyebrow)[b-co2s00k54a] {
    color: #627187;
    font-size: 0.82rem;
    line-height: 1.5;
    margin: 0;
}

.sms-tool-card-header .eyebrow[b-co2s00k54a] {
    color: #4a7180;
    font-size: 0.68rem;
    margin: 0;
}

.sms-tool-count[b-co2s00k54a] {
    align-items: center;
    background: linear-gradient(145deg, #f2f8fc, #d9e8f2);
    border: 1px solid #cad9e5;
    border-radius: 999px;
    box-shadow: inset 0 1px 0 #ffffff, 0 3px 7px rgba(32, 65, 88, 0.12);
    color: #31536b;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.76rem;
    font-weight: 800;
    justify-content: center;
    min-height: 1.8rem;
    min-width: 1.8rem;
    padding: 0.2rem 0.5rem;
}

.sms-tool-directory[b-co2s00k54a] {
    position: sticky;
    top: 1rem;
}

.sms-tool-search[b-co2s00k54a] {
    margin: 1rem 1rem 0.7rem;
    position: relative;
}

.sms-tool-search .input[b-co2s00k54a] {
    min-height: 2.75rem;
    padding-left: 2.65rem;
}

.sms-tool-search-icon[b-co2s00k54a] {
    border: 2px solid #6d7f91;
    border-radius: 50%;
    height: 0.8rem;
    left: 1rem;
    pointer-events: none;
    position: absolute;
    top: 0.85rem;
    width: 0.8rem;
    z-index: 1;
}

.sms-tool-search-icon[b-co2s00k54a]::after {
    background: #6d7f91;
    border-radius: 999px;
    content: "";
    height: 2px;
    left: 0.58rem;
    position: absolute;
    top: 0.66rem;
    transform: rotate(45deg);
    width: 0.48rem;
}

.sms-tool-recipient-list[b-co2s00k54a] {
    display: grid;
    gap: 0.35rem;
    list-style: none;
    margin: 0;
    max-height: min(36rem, calc(100vh - 18rem));
    overflow-y: auto;
    padding: 0.2rem 0.65rem 0.85rem;
    scrollbar-color: #b9c9d7 transparent;
    scrollbar-width: thin;
}

.sms-tool-recipient[b-co2s00k54a] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.85rem;
    color: #24354a;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 0.7rem;
    min-height: 4.6rem;
    padding: 0.65rem 0.7rem;
    text-align: left;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
    width: 100%;
}

.sms-tool-recipient:hover[b-co2s00k54a] {
    background: #f5f9fc;
    border-color: #d9e4ec;
    transform: translateY(-1px);
}

.sms-tool-recipient.selected[b-co2s00k54a] {
    background: linear-gradient(110deg, #eef8f8, #f2f6fc 72%);
    border-color: #96c9c4;
    box-shadow: inset 3px 0 0 #278b80, 0 7px 16px rgba(39, 105, 109, 0.11);
}

.sms-tool-recipient:focus-visible[b-co2s00k54a] {
    outline: 3px solid #285ca8;
    outline-offset: 2px;
}

.sms-tool-recipient-identity[b-co2s00k54a] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
}

.sms-tool-recipient-identity strong[b-co2s00k54a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sms-tool-recipient-identity small[b-co2s00k54a] {
    color: #65768a;
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sms-tool-recipient-phone[b-co2s00k54a] {
    color: #456475;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.72rem;
    margin-top: 0.16rem;
}

.sms-tool-ready-mark[b-co2s00k54a] {
    background: #20a96a;
    border: 2px solid #e8f9f0;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(24, 133, 82, 0.22), 0 2px 5px rgba(17, 105, 66, 0.2);
    flex: 0 0 auto;
    height: 0.72rem;
    width: 0.72rem;
}

.sms-tool-compose-header[b-co2s00k54a] {
    background: linear-gradient(100deg, rgba(236, 248, 248, 0.8), rgba(247, 249, 253, 0.7));
}

.sms-tool-consent-badge[b-co2s00k54a] {
    align-items: center;
    background: #eaf8f0;
    border: 1px solid #b6dfc7;
    border-radius: 999px;
    color: #216846;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.7rem;
    font-weight: 750;
    gap: 0.4rem;
    min-height: 1.9rem;
    padding: 0.28rem 0.65rem;
}

.sms-tool-consent-badge > span[b-co2s00k54a] {
    background: #24a765;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(36, 167, 101, 0.12);
    height: 0.45rem;
    width: 0.45rem;
}

.sms-tool-selected-recipient[b-co2s00k54a] {
    align-items: center;
    background: #f7fafc;
    border: 1px solid #dfe7ee;
    border-radius: 0.9rem;
    display: flex;
    gap: 0.75rem;
    margin: 1.25rem 1.35rem 0;
    padding: 0.75rem 0.85rem;
}

.sms-tool-selected-recipient > span:not(.sms-tool-masked-number)[b-co2s00k54a] {
    display: grid;
    min-width: 0;
}

.sms-tool-selected-recipient small[b-co2s00k54a] {
    color: #6a788a;
}

.sms-tool-masked-number[b-co2s00k54a] {
    background: #e9f0f6;
    border-radius: 999px;
    color: #34546a;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.75rem;
    margin-left: auto;
    padding: 0.38rem 0.65rem;
    white-space: nowrap;
}

.sms-tool-message-field[b-co2s00k54a] {
    margin: 1.15rem 1.35rem 0;
}

.sms-tool-message-label-row[b-co2s00k54a] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.sms-tool-private-label[b-co2s00k54a] {
    align-items: center;
    color: #667589;
    display: inline-flex;
    font-size: 0.68rem;
    gap: 0.35rem;
}

.sms-tool-private-label > span[b-co2s00k54a] {
    border: 1.5px solid currentColor;
    border-radius: 0.18rem;
    height: 0.55rem;
    position: relative;
    width: 0.68rem;
}

.sms-tool-private-label > span[b-co2s00k54a]::before {
    border: 1.5px solid currentColor;
    border-bottom: 0;
    border-radius: 999px 999px 0 0;
    content: "";
    height: 0.35rem;
    left: 0.11rem;
    position: absolute;
    top: -0.45rem;
    width: 0.42rem;
}

.sms-tool-message[b-co2s00k54a] {
    line-height: 1.55;
    min-height: 10.5rem;
    padding: 0.9rem 1rem;
    resize: vertical;
}

.sms-tool-message-metrics[b-co2s00k54a] {
    align-items: center;
    background: #f5f8fb;
    border: 1px solid #e0e7ee;
    border-radius: 0.7rem;
    color: #55687c;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.72rem;
    gap: 0.35rem 1rem;
    margin-top: 0.55rem;
    padding: 0.55rem 0.7rem;
}

.sms-tool-message-metrics strong[b-co2s00k54a] {
    color: #233d55;
    font-variant-numeric: tabular-nums;
}

.sms-tool-message-metrics .gsm[b-co2s00k54a],
.sms-tool-message-metrics .unicode[b-co2s00k54a] {
    border-radius: 999px;
    font-weight: 750;
    padding: 0.2rem 0.5rem;
}

.sms-tool-message-metrics .gsm[b-co2s00k54a] {
    background: #e6f6ef;
    color: #1f6d4b;
}

.sms-tool-message-metrics .unicode[b-co2s00k54a] {
    background: #fff1d9;
    color: #8a5814;
}

.sms-tool-message-metrics.near-limit[b-co2s00k54a] {
    background: #fff8e8;
    border-color: #ebcc89;
    color: #745013;
}

.sms-tool-inline-note[b-co2s00k54a] {
    align-items: center;
    border-radius: 0.85rem;
    display: flex;
    gap: 0.75rem;
    margin: 0.9rem 1.35rem 0;
    padding: 0.75rem 0.85rem;
}

.sms-tool-inline-note > span:last-child[b-co2s00k54a] {
    display: grid;
    gap: 0.12rem;
}

.sms-tool-inline-note strong[b-co2s00k54a] {
    font-size: 0.78rem;
}

.sms-tool-inline-note small[b-co2s00k54a] {
    font-size: 0.72rem;
    line-height: 1.45;
}

.sms-tool-unicode-note[b-co2s00k54a] {
    background: #fff8e8;
    border: 1px solid #ecd39e;
    color: #6d4c19;
}

.sms-tool-compliance-note[b-co2s00k54a] {
    background: #eef5fb;
    border: 1px solid #cbddea;
    color: #36566d;
}

.sms-tool-note-icon[b-co2s00k54a] {
    align-items: center;
    background: linear-gradient(145deg, #fffdf7, #f2d8a2);
    border: 1px solid #d7b978;
    border-radius: 0.55rem;
    box-shadow: inset 0 1px 0 #ffffff, 0 3px 6px rgba(95, 66, 18, 0.14);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 900;
    height: 1.8rem;
    justify-content: center;
    width: 1.8rem;
}

.sms-tool-note-icon.compliance[b-co2s00k54a] {
    background: linear-gradient(145deg, #fbfdff, #cfe3f2);
    border-color: #a9c5d9;
    position: relative;
}

.sms-tool-note-icon.compliance[b-co2s00k54a]::before {
    border: 2px solid #3f6c87;
    border-radius: 50%;
    content: "";
    height: 0.75rem;
    width: 0.75rem;
}

.sms-tool-note-icon.compliance[b-co2s00k54a]::after {
    background: #3f6c87;
    border-radius: 999px;
    content: "";
    height: 0.48rem;
    position: absolute;
    width: 2px;
}

.sms-tool-compose-actions[b-co2s00k54a] {
    align-items: center;
    border-top: 1px solid #e7edf2;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1.15rem;
    padding: 1rem 1.35rem 1.25rem;
}

.sms-tool-billing-note[b-co2s00k54a] {
    align-items: center;
    color: #667589;
    display: inline-flex;
    font-size: 0.72rem;
    gap: 0.45rem;
}

.sms-tool-billing-note > span[b-co2s00k54a] {
    align-items: center;
    background: #eef3f7;
    border: 1px solid #d7e0e8;
    border-radius: 50%;
    color: #4c6579;
    display: inline-flex;
    font-size: 0.66rem;
    font-weight: 800;
    height: 1.45rem;
    justify-content: center;
    width: 1.45rem;
}

.sms-tool-review-button[b-co2s00k54a],
.sms-tool-confirm-send[b-co2s00k54a] {
    min-height: 2.75rem;
}

.sms-tool-send-icon[b-co2s00k54a] {
    display: inline-block;
    height: 1rem;
    margin-right: 0.3rem;
    position: relative;
    transform: rotate(-13deg);
    width: 1rem;
}

.sms-tool-send-icon[b-co2s00k54a]::before {
    border-color: transparent transparent transparent currentColor;
    border-style: solid;
    border-width: 0.46rem 0 0.46rem 0.88rem;
    content: "";
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.25));
    left: 0.05rem;
    position: absolute;
    top: 0.04rem;
}

.sms-tool-empty[b-co2s00k54a] {
    align-items: center;
    color: #65758a;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.25rem 1.25rem;
    text-align: center;
}

.sms-tool-empty strong[b-co2s00k54a] {
    color: #34485d;
    font-size: 0.88rem;
    margin-top: 0.65rem;
}

.sms-tool-empty p[b-co2s00k54a] {
    font-size: 0.76rem;
    line-height: 1.5;
    margin: 0.3rem 0 0;
    max-width: 26rem;
}

.sms-tool-empty-directory[b-co2s00k54a] {
    min-height: 15rem;
}

.sms-tool-compose-empty[b-co2s00k54a] {
    min-height: 19rem;
}

.sms-tool-empty-icon[b-co2s00k54a],
.sms-tool-compose-empty-icon[b-co2s00k54a],
.sms-tool-history-empty-icon[b-co2s00k54a] {
    background: linear-gradient(145deg, #f8fbfd, #dce7ef);
    border: 1px solid #cbd8e2;
    border-radius: 0.85rem;
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 10px rgba(50, 75, 96, 0.1);
    height: 2.6rem;
    position: relative;
    width: 2.6rem;
}

.sms-tool-empty-icon[b-co2s00k54a]::before,
.sms-tool-compose-empty-icon[b-co2s00k54a]::before,
.sms-tool-history-empty-icon[b-co2s00k54a]::before {
    border: 2px solid #6c8295;
    border-radius: 50%;
    content: "";
    height: 0.75rem;
    left: 0.78rem;
    position: absolute;
    top: 0.54rem;
    width: 0.75rem;
}

.sms-tool-empty-icon[b-co2s00k54a]::after,
.sms-tool-compose-empty-icon[b-co2s00k54a]::after,
.sms-tool-history-empty-icon[b-co2s00k54a]::after {
    border: 2px solid #6c8295;
    border-radius: 999px 999px 0.35rem 0.35rem;
    bottom: 0.48rem;
    content: "";
    height: 0.6rem;
    left: 0.52rem;
    position: absolute;
    width: 1.35rem;
}

.sms-tool-history .sms-tool-card-header[b-co2s00k54a] {
    align-items: center;
}

.sms-tool-history-refresh[b-co2s00k54a] {
    min-height: 2.75rem;
}

.sms-tool-history-empty[b-co2s00k54a] {
    min-height: 10rem;
}

.sms-tool-history-empty-icon[b-co2s00k54a]::before {
    border: 0;
    border-bottom: 2px solid #6c8295;
    border-radius: 0;
    box-shadow: 0 0.36rem 0 #6c8295, 0 0.72rem 0 #6c8295;
    height: 0;
    left: 0.65rem;
    top: 0.75rem;
    width: 1.25rem;
}

.sms-tool-history-empty-icon[b-co2s00k54a]::after {
    display: none;
}

.sms-tool-history-table-wrap[b-co2s00k54a] {
    overflow-x: auto;
}

.sms-tool-history-table[b-co2s00k54a] {
    border-collapse: collapse;
    font-size: 0.78rem;
    width: 100%;
}

.sms-tool-history-table th[b-co2s00k54a],
.sms-tool-history-table td[b-co2s00k54a] {
    border-bottom: 1px solid #e7edf2;
    padding: 0.8rem 1rem;
    text-align: left;
    vertical-align: middle;
}

.sms-tool-history-table th[b-co2s00k54a] {
    background: #f7f9fb;
    color: #5b6c80;
    font-size: 0.66rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sms-tool-history-table tbody tr:last-child td[b-co2s00k54a] {
    border-bottom: 0;
}

.sms-tool-history-table tbody tr:hover[b-co2s00k54a] {
    background: #fafcfd;
}

.sms-tool-history-recipient[b-co2s00k54a] {
    display: grid;
    gap: 0.12rem;
}

.sms-tool-history-recipient small[b-co2s00k54a],
.sms-tool-provider-status[b-co2s00k54a] {
    color: #708095;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.67rem;
}

.sms-tool-status[b-co2s00k54a] {
    align-items: center;
    border: 1px solid;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.67rem;
    font-weight: 750;
    gap: 0.35rem;
    line-height: 1.25;
    padding: 0.28rem 0.55rem;
}

.sms-tool-status > span[b-co2s00k54a] {
    background: currentColor;
    border-radius: 50%;
    height: 0.4rem;
    width: 0.4rem;
}

.sms-tool-status.pending[b-co2s00k54a],
.sms-tool-status.processing[b-co2s00k54a],
.sms-tool-status.retry[b-co2s00k54a] {
    background: #fff7e6;
    border-color: #e6c77f;
    color: #805912;
}

.sms-tool-status.accepted[b-co2s00k54a] {
    background: #eaf8f0;
    border-color: #b3dec6;
    color: #216b48;
}

.sms-tool-status.failed[b-co2s00k54a],
.sms-tool-status.uncertain[b-co2s00k54a] {
    background: #fff0f0;
    border-color: #e7b3b6;
    color: #8b3439;
}

.sms-tool-status.unknown[b-co2s00k54a] {
    background: #f0f3f6;
    border-color: #ced8e0;
    color: #5f6d7c;
}

.sms-tool-provider-status[b-co2s00k54a] {
    display: block;
    margin-top: 0.28rem;
}

.sms-tool-dialog[b-co2s00k54a] {
    background: transparent;
    border: 0;
    color: inherit;
    margin: auto;
    max-height: calc(100vh - 2rem);
    max-width: min(36rem, calc(100vw - 2rem));
    padding: 0;
    width: 100%;
}

.sms-tool-dialog[b-co2s00k54a]::backdrop {
    background: rgba(11, 24, 38, 0.58);
    backdrop-filter: blur(5px);
}

.sms-tool-dialog-surface[b-co2s00k54a] {
    background:
        radial-gradient(circle at 100% 0, rgba(176, 221, 217, 0.2), transparent 18rem),
        #ffffff;
    border: 1px solid rgba(205, 219, 229, 0.95);
    border-radius: 1.25rem;
    box-shadow: 0 28px 70px rgba(7, 20, 33, 0.35), 0 8px 22px rgba(7, 20, 33, 0.18);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

.sms-tool-dialog-header[b-co2s00k54a] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    padding: 1.35rem 1.4rem 1rem;
}

.sms-tool-dialog-header h2[b-co2s00k54a] {
    color: #17283b;
    font-size: 1.15rem;
    margin: 0.12rem 0 0.3rem;
}

.sms-tool-dialog-header p:not(.eyebrow)[b-co2s00k54a] {
    color: #627287;
    font-size: 0.8rem;
    line-height: 1.5;
    margin: 0;
}

.sms-tool-dialog-icon[b-co2s00k54a] {
    align-items: center;
    background: linear-gradient(145deg, #f6fcff, #d4eaf4 55%, #9fc8dc);
    border: 1px solid #a9cbdc;
    border-radius: 0.9rem;
    box-shadow: inset 0 1px 0 #ffffff, inset 0 -4px 8px rgba(48, 103, 129, 0.12), 0 7px 13px rgba(41, 85, 107, 0.2);
    display: inline-flex;
    flex: 0 0 auto;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.sms-tool-dialog-icon svg[b-co2s00k54a] {
    filter: drop-shadow(0 2px 1px rgba(20, 66, 87, 0.24));
    height: 1.75rem;
    width: 1.75rem;
}

.sms-tool-dialog-icon path[b-co2s00k54a] {
    fill: #285b73;
}

.sms-tool-dialog-icon .sms-tool-dialog-glyph[b-co2s00k54a] {
    fill: none;
    stroke: #eafaff;
    stroke-linecap: round;
    stroke-width: 2;
}

.sms-tool-confirmation-summary[b-co2s00k54a] {
    background: #f6f9fb;
    border: 1px solid #dfe7ed;
    border-radius: 0.9rem;
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1.5fr) minmax(7rem, 0.8fr) minmax(5rem, 0.5fr);
    margin: 0 1.4rem;
    overflow: hidden;
}

.sms-tool-confirmation-summary > div[b-co2s00k54a] {
    border-right: 1px solid #dfe7ed;
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem 0.85rem;
}

.sms-tool-confirmation-summary > div:last-child[b-co2s00k54a] {
    border-right: 0;
}

.sms-tool-confirmation-summary dt[b-co2s00k54a] {
    color: #708094;
    font-size: 0.63rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sms-tool-confirmation-summary dd[b-co2s00k54a] {
    color: #2b4054;
    display: grid;
    font-size: 0.77rem;
    margin: 0;
}

.sms-tool-confirmation-summary dd span[b-co2s00k54a] {
    color: #65768a;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.68rem;
}

.sms-tool-confirmation-preview[b-co2s00k54a] {
    margin: 1rem 1.4rem 0;
}

.sms-tool-confirmation-preview > span[b-co2s00k54a] {
    color: #607186;
    display: block;
    font-size: 0.68rem;
    font-weight: 750;
    margin-bottom: 0.38rem;
    text-transform: uppercase;
}

.sms-tool-confirmation-preview p[b-co2s00k54a] {
    background: #fbfcfd;
    border: 1px solid #dfe6ed;
    border-radius: 0.8rem;
    color: #2b3d50;
    font-size: 0.82rem;
    line-height: 1.55;
    margin: 0;
    max-height: 10rem;
    overflow-y: auto;
    padding: 0.8rem 0.9rem;
    white-space: pre-wrap;
}

.sms-tool-confirmation-warning[b-co2s00k54a] {
    align-items: center;
    background: #fff8e8;
    border: 1px solid #ead096;
    border-radius: 0.8rem;
    color: #704e17;
    display: flex;
    gap: 0.65rem;
    margin: 0.85rem 1.4rem 0;
    padding: 0.7rem 0.8rem;
}

.sms-tool-confirmation-warning > span[b-co2s00k54a] {
    align-items: center;
    background: #f4d78f;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 900;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem;
}

.sms-tool-confirmation-warning p[b-co2s00k54a] {
    font-size: 0.73rem;
    line-height: 1.45;
    margin: 0;
}

.sms-tool-dialog-error[b-co2s00k54a] {
    background: #fff0f0;
    border: 1px solid #e5b1b5;
    border-radius: 0.7rem;
    color: #8a3036;
    font-size: 0.75rem;
    margin: 0.85rem 1.4rem 0;
    padding: 0.65rem 0.75rem;
}

.sms-tool-dialog-actions[b-co2s00k54a] {
    align-items: center;
    border-top: 1px solid #e4ebf0;
    display: flex;
    gap: 0.7rem;
    justify-content: flex-end;
    margin-top: 1.1rem;
    padding: 1rem 1.4rem 1.25rem;
}

.sms-tool-dialog-actions .button[b-co2s00k54a] {
    min-height: 2.75rem;
    min-width: 7.5rem;
}

.sms-tool-inbox[b-co2s00k54a] {
    border-color: rgba(37, 99, 235, 0.18);
    overflow: hidden;
    position: relative;
}

.sms-tool-inbox[b-co2s00k54a]::before {
    background: linear-gradient(90deg, #2563eb, #06b6d4);
    content: "";
    height: 0.2rem;
    inset: 0 0 auto;
    position: absolute;
}

.sms-tool-inbox-actions[b-co2s00k54a] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.sms-tool-live-badge[b-co2s00k54a] {
    align-items: center;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    color: #047857;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 800;
    gap: 0.42rem;
    letter-spacing: 0.025em;
    padding: 0.35rem 0.58rem;
    text-transform: uppercase;
}

.sms-tool-live-badge > span[b-co2s00k54a] {
    animation: sms-inbox-pulse-b-co2s00k54a 1.8s ease-out infinite;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.35);
    height: 0.48rem;
    width: 0.48rem;
}

@keyframes sms-inbox-pulse-b-co2s00k54a {
    0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.38); }
    70% { box-shadow: 0 0 0 0.38rem rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.sms-tool-inbox-list[b-co2s00k54a] {
    display: grid;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0 1.15rem 1rem;
}

.sms-tool-inbox-message[b-co2s00k54a] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: 2.45rem minmax(0, 1fr);
    padding: 0.95rem 0;
}

.sms-tool-inbox-message + .sms-tool-inbox-message[b-co2s00k54a] {
    border-top: 1px solid #e8eef3;
}

.sms-tool-inbox-avatar[b-co2s00k54a] {
    align-items: center;
    background: linear-gradient(145deg, #29364a, #101827);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.75rem;
    box-shadow: 0 0.45rem 0.85rem rgba(15, 23, 42, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    display: inline-flex;
    height: 2.45rem;
    justify-content: center;
    width: 2.45rem;
}

.sms-tool-inbox-avatar > span[b-co2s00k54a] {
    border-bottom: 0.13rem solid #fff;
    border-left: 0.13rem solid #fff;
    height: 0.7rem;
    transform: rotate(45deg);
    width: 0.7rem;
}

.sms-tool-inbox-content[b-co2s00k54a] {
    min-width: 0;
}

.sms-tool-inbox-content > header[b-co2s00k54a] {
    align-items: flex-start;
    display: flex;
    gap: 0.8rem;
    justify-content: space-between;
}

.sms-tool-inbox-identity[b-co2s00k54a] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.sms-tool-inbox-identity strong[b-co2s00k54a] {
    color: #1e293b;
    font-size: 0.82rem;
}

.sms-tool-inbox-identity small[b-co2s00k54a],
.sms-tool-inbox-content time[b-co2s00k54a] {
    color: #718096;
    font-size: 0.68rem;
}

.sms-tool-inbox-content time[b-co2s00k54a] {
    flex: 0 0 auto;
}

.sms-tool-inbox-body[b-co2s00k54a] {
    background: linear-gradient(145deg, #f5f9ff, #f8fbfd);
    border: 1px solid #dce7f2;
    border-radius: 0.2rem 0.85rem 0.85rem 0.85rem;
    color: #263548;
    font-size: 0.82rem;
    line-height: 1.55;
    margin: 0.55rem 0;
    overflow-wrap: anywhere;
    padding: 0.72rem 0.82rem;
    white-space: pre-wrap;
}

.sms-tool-inbox-content > footer[b-co2s00k54a] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.sms-tool-inbox-tag[b-co2s00k54a] {
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 800;
    padding: 0.25rem 0.48rem;
}

.sms-tool-inbox-tag.unlinked[b-co2s00k54a] {
    background: #fff7ed;
    color: #9a3412;
}

.sms-tool-inbox-tag.media[b-co2s00k54a] {
    background: #eef2ff;
    color: #4338ca;
}

.sms-tool-inbox-media-reference[b-co2s00k54a] {
    color: #64748b;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 0.61rem;
    overflow-wrap: anywhere;
}

.sms-tool-inbox-tag.optout.stop[b-co2s00k54a] {
    background: #fef2f2;
    color: #b91c1c;
}

.sms-tool-inbox-tag.optout.start[b-co2s00k54a] {
    background: #ecfdf5;
    color: #047857;
}

.sms-tool-inbox-tag.optout.help[b-co2s00k54a],
.sms-tool-inbox-tag.optout.unknown[b-co2s00k54a] {
    background: #f1f5f9;
    color: #475569;
}

.sms-tool-inbox-route[b-co2s00k54a] {
    color: #718096;
    font-size: 0.64rem;
    margin-left: auto;
}

.sms-tool-inbox-empty[b-co2s00k54a] {
    min-height: 11rem;
}

.sms-tool-inbox-empty-icon[b-co2s00k54a] {
    background: linear-gradient(145deg, #29364a, #101827);
    border-radius: 0.85rem;
    box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.18);
    display: inline-block;
    height: 2.7rem;
    position: relative;
    width: 2.7rem;
}

.sms-tool-inbox-empty-icon[b-co2s00k54a]::before {
    border: 0.14rem solid #fff;
    border-radius: 0.35rem;
    content: "";
    inset: 0.72rem 0.55rem 0.82rem;
    position: absolute;
}

@media (max-width: 980px) {
    .sms-tool-workspace[b-co2s00k54a] {
        grid-template-columns: 1fr;
    }

    .sms-tool-directory[b-co2s00k54a] {
        position: static;
    }

    .sms-tool-recipient-list[b-co2s00k54a] {
        display: flex;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 1rem;
        scroll-snap-type: x proximity;
    }

    .sms-tool-recipient-list li[b-co2s00k54a] {
        flex: 0 0 min(17rem, 82vw);
        scroll-snap-align: start;
    }
}

@media (max-width: 680px) {
    .sms-tool-heading[b-co2s00k54a] {
        align-items: stretch;
        flex-direction: column;
    }

    .sms-tool-heading-icon[b-co2s00k54a] {
        height: 3rem;
        width: 3rem;
    }

    .sms-tool-refresh[b-co2s00k54a] {
        align-self: flex-start;
    }

    .sms-tool-tabs[b-co2s00k54a] {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }

    .sms-tool-tab[b-co2s00k54a] {
        flex: 0 0 auto;
        min-width: max-content;
        scroll-snap-align: start;
    }

    .sms-tool-tabpanel[b-co2s00k54a] {
        padding-right: 0.1rem;
    }

    .sms-tool-card[b-co2s00k54a],
    .sms-tool-dialog-surface[b-co2s00k54a] {
        border-radius: 1rem;
    }

    .sms-tool-card-header[b-co2s00k54a],
    .sms-tool-compose-actions[b-co2s00k54a] {
        align-items: stretch;
        flex-direction: column;
    }

    .sms-tool-inbox-actions[b-co2s00k54a] {
        align-items: stretch;
    }

    .sms-tool-inbox-actions .button[b-co2s00k54a] {
        margin-left: auto;
    }

    .sms-tool-inbox-list[b-co2s00k54a] {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .sms-tool-inbox-message[b-co2s00k54a] {
        grid-template-columns: 2.15rem minmax(0, 1fr);
    }

    .sms-tool-inbox-avatar[b-co2s00k54a] {
        height: 2.15rem;
        width: 2.15rem;
    }

    .sms-tool-inbox-route[b-co2s00k54a] {
        margin-left: 0;
        width: 100%;
    }

    .sms-tool-consent-badge[b-co2s00k54a] {
        align-self: flex-start;
    }

    .sms-tool-selected-recipient[b-co2s00k54a] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .sms-tool-masked-number[b-co2s00k54a] {
        margin-left: 0;
    }

    .sms-tool-message-field[b-co2s00k54a],
    .sms-tool-inline-note[b-co2s00k54a],
    .sms-tool-selected-recipient[b-co2s00k54a] {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .sms-tool-review-button[b-co2s00k54a] {
        width: 100%;
    }

    .sms-tool-history-table thead[b-co2s00k54a] {
        display: none;
    }

    .sms-tool-history-table[b-co2s00k54a],
    .sms-tool-history-table tbody[b-co2s00k54a],
    .sms-tool-history-table tr[b-co2s00k54a],
    .sms-tool-history-table td[b-co2s00k54a] {
        display: block;
        width: 100%;
    }

    .sms-tool-history-table tr[b-co2s00k54a] {
        border-bottom: 1px solid #e4ebf0;
        padding: 0.7rem 0;
    }

    .sms-tool-history-table td[b-co2s00k54a] {
        border: 0;
        display: grid;
        gap: 0.25rem;
        grid-template-columns: minmax(7.5rem, 0.7fr) minmax(0, 1.3fr);
        padding: 0.38rem 1rem;
    }

    .sms-tool-history-table td[b-co2s00k54a]::before {
        color: #6b7a8e;
        content: attr(data-label);
        font-size: 0.65rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .sms-tool-dialog[b-co2s00k54a] {
        margin: auto 0 0;
        max-height: calc(100vh - 0.75rem);
        max-width: 100vw;
        width: 100vw;
    }

    .sms-tool-dialog-surface[b-co2s00k54a] {
        border-radius: 1.2rem 1.2rem 0 0;
        max-height: calc(100vh - 0.75rem);
    }

    .sms-tool-confirmation-summary[b-co2s00k54a] {
        grid-template-columns: 1fr 1fr;
    }

    .sms-tool-confirmation-summary > div:first-child[b-co2s00k54a] {
        border-bottom: 1px solid #dfe7ed;
        border-right: 0;
        grid-column: 1 / -1;
    }

    .sms-tool-confirmation-summary > div:nth-child(2)[b-co2s00k54a] {
        border-right: 1px solid #dfe7ed;
    }

    .sms-tool-dialog-actions[b-co2s00k54a] {
        flex-direction: column-reverse;
    }

    .sms-tool-dialog-actions .button[b-co2s00k54a] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sms-tool-recipient[b-co2s00k54a],
    .sms-tool-tab[b-co2s00k54a] {
        transition: none;
    }

    .sms-tool-live-badge > span[b-co2s00k54a] {
        animation: none;
    }
}

@media (forced-colors: active) {
    .sms-tool-heading-icon[b-co2s00k54a],
    .sms-tool-tabs[b-co2s00k54a],
    .sms-tool-tab[b-co2s00k54a],
    .sms-tool-tab-icon[b-co2s00k54a],
    .sms-tool-tab-count[b-co2s00k54a],
    .sms-tool-card[b-co2s00k54a],
    .sms-tool-recipient[b-co2s00k54a],
    .sms-tool-consent-badge[b-co2s00k54a],
    .sms-tool-message-metrics[b-co2s00k54a],
    .sms-tool-inline-note[b-co2s00k54a],
    .sms-tool-note-icon[b-co2s00k54a],
    .sms-tool-status[b-co2s00k54a],
    .sms-tool-dialog-surface[b-co2s00k54a],
    .sms-tool-dialog-icon[b-co2s00k54a],
    .sms-tool-confirmation-summary[b-co2s00k54a],
    .sms-tool-confirmation-preview p[b-co2s00k54a],
    .sms-tool-confirmation-warning[b-co2s00k54a],
    .sms-tool-dialog-error[b-co2s00k54a] {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
        forced-color-adjust: auto;
    }

    .sms-tool-inbox-message[b-co2s00k54a],
    .sms-tool-inbox-avatar[b-co2s00k54a],
    .sms-tool-inbox-body[b-co2s00k54a],
    .sms-tool-live-badge[b-co2s00k54a],
    .sms-tool-inbox-tag[b-co2s00k54a],
    .sms-tool-inbox-empty-icon[b-co2s00k54a] {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }

    .sms-tool-recipient.selected[b-co2s00k54a],
    .sms-tool-recipient:hover[b-co2s00k54a] {
        background: Highlight;
        color: HighlightText;
    }

    .sms-tool-ready-mark[b-co2s00k54a],
    .sms-tool-status > span[b-co2s00k54a],
    .sms-tool-consent-badge > span[b-co2s00k54a] {
        background: Highlight;
        border-color: HighlightText;
        box-shadow: none;
    }

    .sms-tool-heading-icon svg[b-co2s00k54a],
    .sms-tool-dialog-icon svg[b-co2s00k54a] {
        filter: none;
    }
}
/* /Components/Pages/SystemSettings/ChatSettings.razor.rz.scp.css */
.chat-settings-heading[b-c9iuzp46kq] {
    align-items: flex-end;
}

.chat-settings-form[b-c9iuzp46kq] {
    display: grid;
    gap: 1rem;
}

.chat-settings-card[b-c9iuzp46kq] {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(89, 112, 142, 0.18);
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(47, 67, 94, 0.07);
    padding: clamp(1rem, 2vw, 1.35rem);
}

.chat-settings-card-header[b-c9iuzp46kq] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.chat-settings-card-header h2[b-c9iuzp46kq] {
    color: #293c57;
    font-size: 1rem;
    margin: 0 0 0.25rem;
}

.chat-settings-card-header p[b-c9iuzp46kq] {
    color: #69778a;
    font-size: 0.78rem;
    line-height: 1.5;
    margin: 0;
    max-width: 48rem;
}

.chat-settings-switch[b-c9iuzp46kq],
.chat-settings-checkbox[b-c9iuzp46kq] {
    align-items: center;
    color: #41536c;
    cursor: pointer;
    display: flex;
    font-size: 0.76rem;
    font-weight: 670;
    gap: 0.55rem;
}

.chat-settings-switch input[b-c9iuzp46kq] {
    appearance: none;
    background: #c4ceda;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    height: 1.45rem;
    position: relative;
    transition: background-color 150ms ease;
    width: 2.65rem;
}

.chat-settings-switch input[b-c9iuzp46kq]::after {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(38, 51, 69, 0.22);
    content: "";
    height: 1.05rem;
    left: 0.2rem;
    position: absolute;
    top: 0.2rem;
    transition: transform 150ms ease;
    width: 1.05rem;
}

.chat-settings-switch input:checked[b-c9iuzp46kq] {
    background: #577eaa;
}

.chat-settings-switch input:checked[b-c9iuzp46kq]::after {
    transform: translateX(1.2rem);
}

.chat-settings-switch input:focus-visible[b-c9iuzp46kq],
.chat-media-toggle input:focus-visible[b-c9iuzp46kq],
.chat-settings-checkbox input:focus-visible[b-c9iuzp46kq] {
    outline: 3px solid rgba(72, 116, 170, 0.58);
    outline-offset: 3px;
}

.chat-settings-info-grid[b-c9iuzp46kq],
.chat-media-toggle-grid[b-c9iuzp46kq],
.chat-settings-grid[b-c9iuzp46kq] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.chat-settings-info[b-c9iuzp46kq] {
    align-items: center;
    background: #f6f9fc;
    border: 1px solid rgba(81, 107, 140, 0.12);
    border-radius: 12px;
    display: flex;
    gap: 0.7rem;
    padding: 0.7rem;
}

.chat-settings-info > span:last-child[b-c9iuzp46kq],
.chat-media-toggle > span:last-child[b-c9iuzp46kq],
.chat-media-status > span:last-child[b-c9iuzp46kq] {
    display: flex;
    flex-direction: column;
}

.chat-settings-info strong[b-c9iuzp46kq],
.chat-media-toggle strong[b-c9iuzp46kq],
.chat-media-status strong[b-c9iuzp46kq] {
    color: #344a65;
    font-size: 0.76rem;
}

.chat-settings-info small[b-c9iuzp46kq],
.chat-media-toggle small[b-c9iuzp46kq],
.chat-media-status small[b-c9iuzp46kq] {
    color: #758297;
    font-size: 0.66rem;
    line-height: 1.4;
}

.chat-settings-info-icon[b-c9iuzp46kq],
.chat-media-toggle-icon[b-c9iuzp46kq] {
    align-items: center;
    background: linear-gradient(135deg, #deebf8, #e8e2f3);
    border-radius: 9px;
    color: #58759b;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2rem;
    justify-content: center;
    position: relative;
    width: 2rem;
}

.chat-settings-info-icon.history[b-c9iuzp46kq]::before {
    border: 2px solid currentColor;
    border-radius: 50%;
    content: "";
    height: 0.85rem;
    width: 0.85rem;
}

.chat-settings-info-icon.history[b-c9iuzp46kq]::after {
    background: currentColor;
    content: "";
    height: 0.38rem;
    left: 0.95rem;
    position: absolute;
    top: 0.61rem;
    transform: rotate(35deg);
    transform-origin: bottom;
    width: 2px;
}

.chat-settings-info-icon.realtime[b-c9iuzp46kq]::before {
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
    border-right: 2px solid currentColor;
    border-radius: 0 0 7px 7px;
    content: "";
    height: 0.65rem;
    width: 0.9rem;
}

.chat-settings-info-icon.realtime[b-c9iuzp46kq]::after {
    background: currentColor;
    border-radius: 50%;
    content: "";
    height: 0.28rem;
    position: absolute;
    top: 0.56rem;
    width: 0.28rem;
}

.retention-grid[b-c9iuzp46kq] {
    margin-top: 0.9rem;
}

.retention-grid .form-field[b-c9iuzp46kq] {
    max-width: 19rem;
}

.chat-provider-badge[b-c9iuzp46kq] {
    background: #eaf1fb;
    border: 1px solid rgba(72, 107, 151, 0.15);
    border-radius: 999px;
    color: #4d6e96;
    flex: 0 0 auto;
    font-size: 0.66rem;
    font-weight: 750;
    padding: 0.32rem 0.58rem;
}

.chat-provider-recommendation[b-c9iuzp46kq] {
    align-items: flex-start;
    background: linear-gradient(120deg, #f0f6fc, #f4f1fa);
    border: 1px solid rgba(82, 110, 150, 0.13);
    border-radius: 13px;
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
    padding: 0.85rem;
}

.chat-provider-icon[b-c9iuzp46kq] {
    background: linear-gradient(135deg, #4d7eb7, #766eaa);
    border-radius: 10px;
    flex: 0 0 auto;
    height: 2.25rem;
    position: relative;
    width: 2.25rem;
}

.chat-provider-icon[b-c9iuzp46kq]::before,
.chat-provider-icon[b-c9iuzp46kq]::after {
    background: #fff;
    border-radius: 999px;
    content: "";
    height: 0.28rem;
    left: 0.55rem;
    position: absolute;
    top: 0.85rem;
    transform: rotate(45deg);
    width: 1.15rem;
}

.chat-provider-icon[b-c9iuzp46kq]::after {
    transform: rotate(-45deg);
}

.chat-provider-recommendation strong[b-c9iuzp46kq] {
    color: #344d6c;
    font-size: 0.78rem;
}

.chat-provider-recommendation p[b-c9iuzp46kq] {
    color: #68778c;
    font-size: 0.7rem;
    line-height: 1.5;
    margin: 0.15rem 0 0.3rem;
}

.chat-provider-recommendation a[b-c9iuzp46kq] {
    color: #416d9c;
    font-size: 0.7rem;
    font-weight: 680;
}

.chat-media-toggle[b-c9iuzp46kq] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid rgba(83, 106, 138, 0.15);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    gap: 0.65rem;
    padding: 0.72rem;
}

.chat-media-toggle:has(input:checked)[b-c9iuzp46kq] {
    background: #edf4fb;
    border-color: rgba(73, 117, 166, 0.38);
    box-shadow: inset 0 0 0 1px rgba(73, 117, 166, 0.12);
}

.chat-media-toggle.disabled[b-c9iuzp46kq] {
    cursor: not-allowed;
    opacity: 0.5;
}

.chat-media-toggle input[b-c9iuzp46kq] {
    accent-color: #567eaa;
}

.chat-media-toggle-icon.audio[b-c9iuzp46kq]::before {
    border: 2px solid currentColor;
    border-radius: 6px;
    content: "";
    height: 0.85rem;
    width: 0.48rem;
}

.chat-media-toggle-icon.video[b-c9iuzp46kq]::before {
    border: 2px solid currentColor;
    border-radius: 3px;
    content: "";
    height: 0.62rem;
    width: 0.78rem;
}

.chat-media-toggle-icon.video[b-c9iuzp46kq]::after {
    border-bottom: 4px solid transparent;
    border-left: 5px solid currentColor;
    border-top: 4px solid transparent;
    content: "";
    position: absolute;
    right: 0.28rem;
}

.chat-media-status[b-c9iuzp46kq] {
    align-items: center;
    border-radius: 10px;
    display: flex;
    gap: 0.55rem;
    margin: 0.8rem 0;
    padding: 0.58rem 0.68rem;
}

.chat-media-status.ready[b-c9iuzp46kq] {
    background: #eff8f3;
    color: #3e7457;
}

.chat-media-status.not-ready[b-c9iuzp46kq] {
    background: #faf6eb;
    color: #826c3c;
}

.chat-media-status-dot[b-c9iuzp46kq] {
    background: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 14%, transparent);
    height: 0.5rem;
    width: 0.5rem;
}

.settings-span-two[b-c9iuzp46kq] {
    grid-column: 1 / -1;
}

.chat-settings-checkbox[b-c9iuzp46kq] {
    background: #fbf6f5;
    border-radius: 9px;
    color: #845851;
    padding: 0.55rem;
}

.chat-settings-save-bar[b-c9iuzp46kq] {
    align-items: center;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(89, 112, 142, 0.17);
    border-radius: 14px;
    bottom: 1rem;
    box-shadow: 0 14px 34px rgba(47, 67, 94, 0.1);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
    position: sticky;
    z-index: 10;
}

.chat-settings-security-note[b-c9iuzp46kq] {
    align-items: center;
    color: #65758a;
    display: flex;
    font-size: 0.7rem;
    gap: 0.5rem;
}

.chat-settings-lock[b-c9iuzp46kq] {
    border: 2px solid #6580a3;
    border-radius: 3px;
    height: 0.72rem;
    position: relative;
    width: 0.82rem;
}

.chat-settings-lock[b-c9iuzp46kq]::before {
    border: 2px solid #6580a3;
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    content: "";
    height: 0.45rem;
    left: 0.09rem;
    position: absolute;
    top: -0.55rem;
    width: 0.38rem;
}

.chat-settings-loading[b-c9iuzp46kq] {
    min-height: 16rem;
}

@media (max-width: 720px) {
    .chat-settings-card-header[b-c9iuzp46kq],
    .chat-settings-save-bar[b-c9iuzp46kq] {
        align-items: stretch;
        flex-direction: column;
    }

    .chat-settings-info-grid[b-c9iuzp46kq],
    .chat-media-toggle-grid[b-c9iuzp46kq],
    .chat-settings-grid[b-c9iuzp46kq] {
        grid-template-columns: 1fr;
    }

    .settings-span-two[b-c9iuzp46kq] {
        grid-column: auto;
    }

    .chat-settings-save-bar .button[b-c9iuzp46kq] {
        width: 100%;
    }
}

@media (forced-colors: active) {
    .chat-settings-card[b-c9iuzp46kq],
    .chat-settings-save-bar[b-c9iuzp46kq],
    .chat-settings-info[b-c9iuzp46kq],
    .chat-provider-recommendation[b-c9iuzp46kq],
    .chat-media-toggle[b-c9iuzp46kq],
    .chat-media-status[b-c9iuzp46kq] {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }
}
/* /Components/Pages/SystemSettings/EmailSettings.razor.rz.scp.css */
.settings-loading[b-ncsb4gqli4] {
    min-height: 12rem;
}

.settings-form[b-ncsb4gqli4] {
    display: grid;
    gap: 1rem;
}

.settings-card[b-ncsb4gqli4] {
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(34, 42, 57, 0.06);
    padding: 1.25rem;
}

.settings-card-header[b-ncsb4gqli4] {
    align-items: flex-start;
    border-bottom: 1px solid #e8ecef;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.2rem;
    padding-bottom: 1rem;
}

.settings-card-header h2[b-ncsb4gqli4] {
    font-size: 1.05rem;
    margin: 0;
}

.settings-card-header p[b-ncsb4gqli4] {
    color: #667085;
    font-size: 0.84rem;
    line-height: 1.5;
    margin: 0.35rem 0 0;
}

.settings-grid[b-ncsb4gqli4] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-span-two[b-ncsb4gqli4] {
    grid-column: 1 / -1;
}

.form-field small[b-ncsb4gqli4] {
    color: #667085;
    display: block;
    font-size: 0.75rem;
    line-height: 1.45;
    margin-top: 0.4rem;
}

.settings-switch[b-ncsb4gqli4],
.settings-checkbox[b-ncsb4gqli4] {
    align-items: center;
    color: #344054;
    cursor: pointer;
    display: flex;
    font-size: 0.84rem;
    font-weight: 650;
    gap: 0.55rem;
}

.settings-switch[b-ncsb4gqli4] {
    background: #f2f5fa;
    border: 1px solid #d8e2f0;
    border-radius: 999px;
    flex: 0 0 auto;
    padding: 0.5rem 0.75rem;
}

.settings-checkbox[b-ncsb4gqli4] {
    align-self: end;
    min-height: 2.65rem;
}

.settings-danger-choice[b-ncsb4gqli4] {
    color: #9a3412;
    min-height: auto;
}

.settings-save-bar[b-ncsb4gqli4] {
    align-items: center;
    background: #f7f9fb;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.85rem 1rem;
}

.settings-security-note[b-ncsb4gqli4] {
    align-items: center;
    color: #596477;
    display: flex;
    font-size: 0.78rem;
    gap: 0.45rem;
}

.settings-lock[b-ncsb4gqli4] {
    background: var(--color-accent);
    height: 0.9rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a3 3 0 0 0-3 3v2H4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-1V4a3 3 0 0 0-3-3Zm2 5H6V4a2 2 0 1 1 4 0v2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 0.9rem;
}

.settings-test-card[b-ncsb4gqli4] {
    margin-top: 1rem;
}

.settings-test-row[b-ncsb4gqli4] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

@media (max-width: 700px) {
    .settings-card-header[b-ncsb4gqli4],
    .settings-save-bar[b-ncsb4gqli4] {
        align-items: stretch;
        flex-direction: column;
    }

    .settings-grid[b-ncsb4gqli4],
    .settings-test-row[b-ncsb4gqli4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .settings-span-two[b-ncsb4gqli4] {
        grid-column: auto;
    }
}
/* /Components/Pages/SystemSettings/ServicentreConnectionSettings.razor.rz.scp.css */
.servicentre-settings-loading[b-0j7hyzarjy] {
    min-height: 12rem;
}

.servicentre-settings-form[b-0j7hyzarjy] {
    display: grid;
    gap: 1rem;
}

.servicentre-settings-fieldset[b-0j7hyzarjy] {
    border: 0;
    display: grid;
    gap: 1rem;
    margin: 0;
    min-inline-size: 0;
    padding: 0;
}

.servicentre-settings-fieldset[disabled][b-0j7hyzarjy] {
    opacity: 0.82;
}

.servicentre-settings-card[b-0j7hyzarjy] {
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(34, 42, 57, 0.06);
    padding: 1.25rem;
}

.servicentre-card-header[b-0j7hyzarjy] {
    align-items: flex-start;
    border-bottom: 1px solid #e8ecef;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.2rem;
    padding-bottom: 1rem;
}

.servicentre-card-header h2[b-0j7hyzarjy] {
    font-size: 1.05rem;
    margin: 0;
}

.servicentre-card-header p[b-0j7hyzarjy] {
    color: #667085;
    font-size: 0.84rem;
    line-height: 1.5;
    margin: 0.35rem 0 0;
}

.servicentre-settings-grid[b-0j7hyzarjy] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.servicentre-span-two[b-0j7hyzarjy] {
    grid-column: 1 / -1;
}

.form-field small[b-0j7hyzarjy] {
    color: #667085;
    display: block;
    font-size: 0.75rem;
    line-height: 1.45;
    margin-top: 0.4rem;
}

.servicentre-switch[b-0j7hyzarjy],
.servicentre-checkbox[b-0j7hyzarjy] {
    align-items: center;
    color: #344054;
    cursor: pointer;
    display: flex;
    font-size: 0.84rem;
    font-weight: 650;
    gap: 0.55rem;
}

.servicentre-switch[b-0j7hyzarjy] {
    background: #f2f5fa;
    border: 1px solid #d8e2f0;
    border-radius: 999px;
    flex: 0 0 auto;
    padding: 0.5rem 0.75rem;
}

.servicentre-checkbox[b-0j7hyzarjy] {
    min-height: 2.65rem;
}

.servicentre-readonly-note[b-0j7hyzarjy] {
    align-items: flex-start;
    background: #eef6ff;
    border: 1px solid #cfe3fa;
    border-radius: 10px;
    color: #344054;
    display: flex;
    gap: 0.65rem;
    margin-top: 1rem;
    padding: 0.85rem 1rem;
}

.servicentre-readonly-note div[b-0j7hyzarjy] {
    display: grid;
    gap: 0.2rem;
}

.servicentre-readonly-note strong[b-0j7hyzarjy] {
    font-size: 0.85rem;
}

.servicentre-readonly-note span:last-child[b-0j7hyzarjy] {
    color: #596477;
    font-size: 0.78rem;
    line-height: 1.45;
}

.servicentre-save-bar[b-0j7hyzarjy] {
    align-items: center;
    background: #f7f9fb;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.85rem 1rem;
}

.servicentre-security-note[b-0j7hyzarjy] {
    align-items: center;
    color: #596477;
    display: flex;
    font-size: 0.78rem;
    gap: 0.45rem;
}

.servicentre-lock[b-0j7hyzarjy] {
    background: var(--color-accent);
    flex: 0 0 auto;
    height: 0.9rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a3 3 0 0 0-3 3v2H4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-1V4a3 3 0 0 0-3-3Zm2 5H6V4a2 2 0 1 1 4 0v2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 0.9rem;
}

.servicentre-actions[b-0j7hyzarjy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-end;
}

.servicentre-test-result[b-0j7hyzarjy] {
    margin-top: 1rem;
}

.servicentre-result-badge[b-0j7hyzarjy] {
    border-radius: 999px;
    flex: 0 0 auto;
    font-size: 0.74rem;
    font-weight: 750;
    padding: 0.42rem 0.65rem;
}

.servicentre-result-badge.compatible[b-0j7hyzarjy] {
    background: #e9f9ef;
    color: #137333;
}

.servicentre-result-badge.partial[b-0j7hyzarjy] {
    background: #fff4df;
    color: #92400e;
}

.servicentre-result-details[b-0j7hyzarjy] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 1rem;
}

.servicentre-result-details div[b-0j7hyzarjy] {
    background: #f7f9fb;
    border-radius: 8px;
    min-width: 0;
    padding: 0.75rem;
}

.servicentre-result-details dt[b-0j7hyzarjy] {
    color: #667085;
    font-size: 0.7rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.servicentre-result-details dd[b-0j7hyzarjy] {
    color: #263142;
    font-size: 0.83rem;
    font-weight: 650;
    margin: 0;
    overflow-wrap: anywhere;
}

.servicentre-object-list[b-0j7hyzarjy] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.servicentre-object-list li[b-0j7hyzarjy] {
    align-items: center;
    border: 1px solid #e4e9f0;
    border-radius: 8px;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0.6rem 0.7rem;
}

.servicentre-object-list li > span[b-0j7hyzarjy] {
    border-radius: 50%;
    height: 0.55rem;
    width: 0.55rem;
}

.servicentre-object-list li.available > span[b-0j7hyzarjy] {
    background: #22a35a;
}

.servicentre-object-list li.missing > span[b-0j7hyzarjy] {
    background: #e09b2d;
}

.servicentre-object-list code[b-0j7hyzarjy] {
    color: #344054;
    font-size: 0.75rem;
    overflow-wrap: anywhere;
}

.servicentre-object-list small[b-0j7hyzarjy] {
    color: #667085;
    font-size: 0.7rem;
}

@media (max-width: 900px) {
    .servicentre-result-details[b-0j7hyzarjy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .servicentre-card-header[b-0j7hyzarjy],
    .servicentre-save-bar[b-0j7hyzarjy] {
        align-items: stretch;
        flex-direction: column;
    }

    .servicentre-settings-grid[b-0j7hyzarjy],
    .servicentre-result-details[b-0j7hyzarjy],
    .servicentre-object-list[b-0j7hyzarjy] {
        grid-template-columns: minmax(0, 1fr);
    }

    .servicentre-span-two[b-0j7hyzarjy] {
        grid-column: auto;
    }

    .servicentre-actions[b-0j7hyzarjy] {
        justify-content: stretch;
    }

    .servicentre-actions .button[b-0j7hyzarjy] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/SystemSettings/SmsSettings.razor.rz.scp.css */
.sms-settings-heading[b-myo8wv1l3v] {
    align-items: flex-end;
}

.sms-settings-form[b-myo8wv1l3v] {
    display: grid;
    gap: 1rem;
}

.sms-settings-card[b-myo8wv1l3v] {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(89, 112, 142, 0.18);
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(47, 67, 94, 0.07);
    margin-top: 1rem;
    padding: clamp(1rem, 2vw, 1.35rem);
}

.sms-settings-form .sms-settings-card[b-myo8wv1l3v] {
    margin-top: 0;
}

.sms-card-header[b-myo8wv1l3v],
.sms-history-header[b-myo8wv1l3v],
.sms-recipient-editor-header[b-myo8wv1l3v],
.sms-recipient-actions[b-myo8wv1l3v] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.sms-card-header[b-myo8wv1l3v] {
    margin-bottom: 1rem;
}

.sms-card-header h2[b-myo8wv1l3v],
.sms-history-header h3[b-myo8wv1l3v],
.sms-recipient-editor-header h3[b-myo8wv1l3v] {
    color: #293c57;
    margin: 0;
}

.sms-card-header h2[b-myo8wv1l3v] {
    font-size: 1rem;
}

.sms-card-header p[b-myo8wv1l3v],
.sms-history-header p[b-myo8wv1l3v] {
    color: #69778a;
    font-size: 0.78rem;
    line-height: 1.5;
    margin: 0.25rem 0 0;
    max-width: 50rem;
}

.sms-switch[b-myo8wv1l3v],
.sms-checkbox[b-myo8wv1l3v] {
    align-items: center;
    color: #41536c;
    cursor: pointer;
    display: flex;
    font-size: 0.76rem;
    font-weight: 680;
    gap: 0.55rem;
}

.sms-switch[b-myo8wv1l3v] {
    flex: 0 0 auto;
}

.sms-switch input[b-myo8wv1l3v] {
    appearance: none;
    background: #c4ceda;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    height: 1.45rem;
    position: relative;
    transition: background-color 150ms ease;
    width: 2.65rem;
}

.sms-switch input[b-myo8wv1l3v]::after {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(38, 51, 69, 0.22);
    content: "";
    height: 1.05rem;
    left: 0.2rem;
    position: absolute;
    top: 0.2rem;
    transition: transform 150ms ease;
    width: 1.05rem;
}

.sms-switch input:checked[b-myo8wv1l3v] {
    background: #577eaa;
}

.sms-switch input:checked[b-myo8wv1l3v]::after {
    transform: translateX(1.2rem);
}

.sms-switch input:focus-visible[b-myo8wv1l3v],
.sms-checkbox input:focus-visible[b-myo8wv1l3v],
.sms-option-card input:focus-visible[b-myo8wv1l3v],
.sms-inbound-mode-card input:focus-visible[b-myo8wv1l3v],
.sms-consent-card input:focus-visible[b-myo8wv1l3v],
.sms-recipient-item:focus-visible[b-myo8wv1l3v] {
    outline: 3px solid rgba(72, 116, 170, 0.58);
    outline-offset: 3px;
}

.sms-provider-note[b-myo8wv1l3v] {
    align-items: flex-start;
    background: linear-gradient(120deg, #f0f6fc, #f5f1fa);
    border: 1px solid rgba(82, 110, 150, 0.13);
    border-radius: 13px;
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    padding: 0.85rem;
}

.sms-provider-note > div[b-myo8wv1l3v] {
    flex: 1 1 auto;
    min-width: 0;
}

.sms-provider-mark[b-myo8wv1l3v] {
    align-items: center;
    background: linear-gradient(135deg, #bf3549, #9d334e);
    border-radius: 10px;
    box-shadow: 0 7px 18px rgba(143, 42, 63, 0.18);
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1rem;
    font-weight: 850;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.sms-provider-note strong[b-myo8wv1l3v] {
    color: #344d6c;
    font-size: 0.78rem;
}

.sms-provider-note p[b-myo8wv1l3v] {
    color: #68778c;
    font-size: 0.7rem;
    line-height: 1.5;
    margin: 0.15rem 0 0.3rem;
}

.sms-provider-note a[b-myo8wv1l3v] {
    color: #416d9c;
    font-size: 0.7rem;
    font-weight: 680;
}

.sms-provider-badge[b-myo8wv1l3v],
.sms-admin-badge[b-myo8wv1l3v],
.sms-test-target[b-myo8wv1l3v],
.sms-recipient-mask[b-myo8wv1l3v] {
    border-radius: 999px;
    flex: 0 0 auto;
    font-size: 0.66rem;
    font-weight: 750;
    padding: 0.34rem 0.6rem;
}

.sms-provider-badge[b-myo8wv1l3v],
.sms-admin-badge[b-myo8wv1l3v] {
    background: #eaf1fb;
    border: 1px solid rgba(72, 107, 151, 0.15);
    color: #4d6e96;
}

.sms-provider-status[b-myo8wv1l3v] {
    align-items: center;
    border-radius: 10px;
    display: flex;
    gap: 0.58rem;
    margin-bottom: 0.9rem;
    padding: 0.62rem 0.72rem;
}

.sms-provider-status.ready[b-myo8wv1l3v] {
    background: #eff8f3;
    color: #3e7457;
}

.sms-provider-status.not-ready[b-myo8wv1l3v] {
    background: #faf6eb;
    color: #826c3c;
}

.sms-provider-status.pending[b-myo8wv1l3v] {
    background: #edf3fb;
    color: #4c6f99;
}

.sms-provider-status-dot[b-myo8wv1l3v] {
    background: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 14%, transparent);
    flex: 0 0 auto;
    height: 0.5rem;
    width: 0.5rem;
}

.sms-provider-status > span:last-child[b-myo8wv1l3v] {
    display: flex;
    flex-direction: column;
}

.sms-provider-status strong[b-myo8wv1l3v] {
    font-size: 0.76rem;
}

.sms-provider-status small[b-myo8wv1l3v] {
    font-size: 0.66rem;
    line-height: 1.4;
    opacity: 0.82;
}

.sms-settings-grid[b-myo8wv1l3v],
.sms-recipient-form-grid[b-myo8wv1l3v],
.sms-test-grid[b-myo8wv1l3v] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sms-span-two[b-myo8wv1l3v] {
    grid-column: 1 / -1;
}

.sms-checkbox[b-myo8wv1l3v] {
    border-radius: 9px;
    padding: 0.58rem;
}

.sms-danger-choice[b-myo8wv1l3v] {
    background: #fbf4f4;
    border: 1px solid rgba(155, 79, 77, 0.12);
    color: #845851;
}

.sms-option-card[b-myo8wv1l3v],
.sms-consent-card[b-myo8wv1l3v] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid rgba(83, 106, 138, 0.15);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    gap: 0.65rem;
    min-height: 4.4rem;
    padding: 0.72rem;
}

.sms-option-card:has(input:checked)[b-myo8wv1l3v] {
    background: #edf4fb;
    border-color: rgba(73, 117, 166, 0.38);
}

.sms-consent-card:has(input:checked)[b-myo8wv1l3v] {
    background: #eff8f3;
    border-color: rgba(57, 133, 92, 0.34);
}

.sms-option-card input[b-myo8wv1l3v],
.sms-consent-card input[b-myo8wv1l3v] {
    accent-color: #567eaa;
    flex: 0 0 auto;
}

.sms-option-card > span:last-child[b-myo8wv1l3v],
.sms-consent-card > span:last-child[b-myo8wv1l3v] {
    display: flex;
    flex-direction: column;
}

.sms-option-card strong[b-myo8wv1l3v],
.sms-consent-card strong[b-myo8wv1l3v] {
    color: #344a65;
    font-size: 0.76rem;
}

.sms-option-card small[b-myo8wv1l3v],
.sms-consent-card small[b-myo8wv1l3v] {
    color: #758297;
    font-size: 0.66rem;
    line-height: 1.4;
}

.sms-option-icon[b-myo8wv1l3v] {
    align-items: center;
    background: linear-gradient(135deg, #deebf8, #e8e2f3);
    border-radius: 9px;
    color: #58759b;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.78rem;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    position: relative;
    width: 2rem;
}

.sms-option-icon.phone[b-myo8wv1l3v]::before {
    border-bottom: 3px solid currentColor;
    border-left: 3px solid currentColor;
    border-radius: 0 0 0 10px;
    content: "";
    height: 0.82rem;
    transform: rotate(-38deg);
    width: 0.82rem;
}

.sms-settings-save-bar[b-myo8wv1l3v] {
    align-items: center;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(89, 112, 142, 0.17);
    border-radius: 14px;
    bottom: 1rem;
    box-shadow: 0 14px 34px rgba(47, 67, 94, 0.1);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
    position: sticky;
    z-index: 10;
}

.sms-security-note[b-myo8wv1l3v] {
    align-items: center;
    color: #65758a;
    display: flex;
    font-size: 0.7rem;
    gap: 0.5rem;
}

.sms-lock[b-myo8wv1l3v] {
    border: 2px solid #6580a3;
    border-radius: 3px;
    height: 0.72rem;
    position: relative;
    width: 0.82rem;
}

.sms-lock[b-myo8wv1l3v]::before {
    border: 2px solid #6580a3;
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    content: "";
    height: 0.45rem;
    left: 0.09rem;
    position: absolute;
    top: -0.55rem;
    width: 0.38rem;
}

.sms-recipient-card[b-myo8wv1l3v] {
    overflow: hidden;
}

.sms-recipient-workspace[b-myo8wv1l3v] {
    border: 1px solid rgba(86, 108, 139, 0.16);
    border-radius: 14px;
    display: grid;
    grid-template-columns: minmax(230px, 0.78fr) minmax(340px, 1.35fr);
    min-height: 400px;
    overflow: hidden;
}

.sms-recipient-directory[b-myo8wv1l3v] {
    background: linear-gradient(180deg, #f7faff, #f5f7fb);
    border-right: 1px solid rgba(86, 108, 139, 0.14);
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.sms-recipient-search[b-myo8wv1l3v] {
    padding: 0.75rem;
    position: relative;
}

.sms-recipient-search .input[b-myo8wv1l3v] {
    background: #fff;
    font-size: 0.76rem;
    min-height: 2.45rem;
    padding-left: 2.15rem;
}

.sms-search-icon[b-myo8wv1l3v] {
    border: 1.7px solid #6b7b8e;
    border-radius: 50%;
    height: 0.72rem;
    left: 1.45rem;
    pointer-events: none;
    position: absolute;
    top: 1.52rem;
    width: 0.72rem;
    z-index: 1;
}

.sms-search-icon[b-myo8wv1l3v]::after {
    background: #6b7b8e;
    content: "";
    height: 1.7px;
    position: absolute;
    right: -0.34rem;
    top: 0.58rem;
    transform: rotate(45deg);
    width: 0.45rem;
}

.sms-recipient-list[b-myo8wv1l3v] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.35rem;
    max-height: 28rem;
    min-height: 0;
    overflow-y: auto;
    padding: 0 0.55rem 0.7rem;
}

.sms-recipient-item[b-myo8wv1l3v] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #2c3d54;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.62rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0.58rem;
    position: relative;
    text-align: left;
    width: 100%;
}

.sms-recipient-item:hover[b-myo8wv1l3v] {
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(89, 112, 142, 0.14);
}

.sms-recipient-item.selected[b-myo8wv1l3v] {
    background: #fff;
    border-color: rgba(82, 111, 159, 0.26);
    box-shadow: inset 3px 0 0 #6f8fbd, 0 4px 12px rgba(45, 64, 90, 0.08);
}

.sms-recipient-identity[b-myo8wv1l3v] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sms-recipient-identity strong[b-myo8wv1l3v],
.sms-recipient-identity small[b-myo8wv1l3v],
.sms-recipient-identity > span[b-myo8wv1l3v] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sms-recipient-identity strong[b-myo8wv1l3v] {
    font-size: 0.77rem;
}

.sms-recipient-identity small[b-myo8wv1l3v],
.sms-recipient-identity > span[b-myo8wv1l3v] {
    color: #708096;
    font-size: 0.65rem;
}

.sms-recipient-identity > span[b-myo8wv1l3v] {
    margin-top: 0.12rem;
}

.sms-recipient-state[b-myo8wv1l3v] {
    background: #aab4c1;
    border-radius: 50%;
    height: 0.52rem;
    width: 0.52rem;
}

.sms-recipient-state.ready[b-myo8wv1l3v] {
    background: #3fab70;
    box-shadow: 0 0 0 4px rgba(63, 171, 112, 0.12);
}

.sms-recipient-editor[b-myo8wv1l3v] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    padding: 1rem;
}

.sms-recipient-editor-header[b-myo8wv1l3v] {
    border-bottom: 1px solid rgba(86, 108, 139, 0.13);
    margin-bottom: 0.9rem;
    padding-bottom: 0.75rem;
}

.sms-recipient-editor-header .eyebrow[b-myo8wv1l3v] {
    margin-bottom: 0.15rem;
}

.sms-recipient-editor-header h3[b-myo8wv1l3v] {
    font-size: 1rem;
}

.sms-recipient-editor-header > div > span[b-myo8wv1l3v] {
    color: #708096;
    font-size: 0.7rem;
}

.sms-recipient-mask[b-myo8wv1l3v],
.sms-test-target[b-myo8wv1l3v] {
    background: #f1f5fa;
    border: 1px solid rgba(77, 102, 137, 0.12);
    color: #536b8b;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.sms-recipient-actions[b-myo8wv1l3v] {
    align-items: center;
    border-top: 1px solid rgba(86, 108, 139, 0.13);
    margin-top: auto;
    padding-top: 0.9rem;
}

.sms-recipient-actions > span[b-myo8wv1l3v] {
    color: #718096;
    font-size: 0.67rem;
    line-height: 1.45;
    max-width: 34rem;
}

.sms-editor-empty[b-myo8wv1l3v] {
    align-items: center;
    color: #6e7d91;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-height: 18rem;
    padding: 2rem;
    text-align: center;
}

.sms-editor-empty strong[b-myo8wv1l3v] {
    color: #344a65;
    margin-top: 0.75rem;
}

.sms-editor-empty p[b-myo8wv1l3v] {
    font-size: 0.76rem;
    line-height: 1.5;
    margin: 0.25rem 0 0;
    max-width: 26rem;
}

.sms-editor-empty-icon[b-myo8wv1l3v] {
    background: linear-gradient(135deg, #dce9f8, #e8e2f3);
    border-radius: 50%;
    display: block;
    height: 3.5rem;
    position: relative;
    width: 3.5rem;
}

.sms-editor-empty-icon[b-myo8wv1l3v]::before {
    border-bottom: 3px solid #5f7da3;
    border-left: 3px solid #5f7da3;
    border-radius: 0 0 0 13px;
    content: "";
    height: 1.25rem;
    left: 1.04rem;
    position: absolute;
    top: 0.9rem;
    transform: rotate(-38deg);
    width: 1.25rem;
}

.sms-empty-state[b-myo8wv1l3v] {
    color: #718096;
    font-size: 0.76rem;
    margin: 1.2rem 0.6rem;
    text-align: center;
}

.sms-billing-note[b-myo8wv1l3v] {
    align-items: center;
    background: #fff8e9;
    border: 1px solid rgba(169, 126, 49, 0.16);
    border-radius: 12px;
    color: #725b2d;
    display: flex;
    gap: 0.65rem;
    margin-bottom: 0.9rem;
    padding: 0.72rem;
}

.sms-billing-icon[b-myo8wv1l3v] {
    align-items: center;
    background: #f3dfb5;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.76rem;
    font-weight: 850;
    height: 1.8rem;
    justify-content: center;
    width: 1.8rem;
}

.sms-billing-note > span:last-child[b-myo8wv1l3v] {
    display: flex;
    flex-direction: column;
}

.sms-billing-note strong[b-myo8wv1l3v] {
    font-size: 0.75rem;
}

.sms-billing-note small[b-myo8wv1l3v] {
    font-size: 0.66rem;
    line-height: 1.45;
}

.sms-test-destination[b-myo8wv1l3v] {
    background: linear-gradient(145deg, #f7faff 0%, #f2f6fc 100%);
    border: 1px solid rgba(74, 105, 148, 0.16);
    border-radius: 14px;
    margin-bottom: 0.9rem;
    padding: 0.9rem;
}

.sms-test-destination-header[b-myo8wv1l3v] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.sms-test-destination-header > div:first-child[b-myo8wv1l3v] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.sms-test-destination-header strong[b-myo8wv1l3v] {
    color: #314a6c;
    font-size: 0.78rem;
}

.sms-test-destination-header small[b-myo8wv1l3v] {
    color: #6a7a90;
    font-size: 0.68rem;
    line-height: 1.4;
}

.sms-test-mode[b-myo8wv1l3v] {
    background: #e8eef7;
    border: 1px solid rgba(71, 98, 136, 0.14);
    border-radius: 10px;
    display: inline-grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.2rem;
}

.sms-test-mode button[b-myo8wv1l3v] {
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #5f718a;
    cursor: pointer;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 700;
    min-height: 2rem;
    padding: 0.42rem 0.7rem;
    transition: background 140ms ease, box-shadow 140ms ease, color 140ms ease;
}

.sms-test-mode button.active[b-myo8wv1l3v] {
    background: #fff;
    box-shadow: 0 3px 10px rgba(54, 78, 112, 0.13);
    color: #284e81;
}

.sms-test-mode button:focus-visible[b-myo8wv1l3v] {
    outline: 3px solid rgba(55, 116, 196, 0.3);
    outline-offset: 2px;
}

.sms-test-mode button:disabled[b-myo8wv1l3v] {
    cursor: not-allowed;
    opacity: 0.58;
}

.sms-direct-destination-grid[b-myo8wv1l3v] {
    align-items: end;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(240px, 0.85fr) minmax(280px, 1.15fr);
    margin-top: 0.85rem;
}

.sms-test-consent[b-myo8wv1l3v] {
    align-items: flex-start;
    background: #fff;
    border: 1px solid rgba(70, 101, 143, 0.16);
    border-radius: 11px;
    cursor: pointer;
    display: flex;
    gap: 0.65rem;
    min-height: 3.45rem;
    padding: 0.72rem;
}

.sms-test-consent input[b-myo8wv1l3v] {
    flex: 0 0 auto;
    margin-top: 0.18rem;
}

.sms-test-consent span[b-myo8wv1l3v] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

.sms-test-consent strong[b-myo8wv1l3v] {
    color: #354f70;
    font-size: 0.72rem;
}

.sms-test-consent small[b-myo8wv1l3v] {
    color: #697a91;
    font-size: 0.64rem;
    line-height: 1.42;
}

.sms-trial-note[b-myo8wv1l3v] {
    color: #75633f;
    font-size: 0.65rem;
    line-height: 1.45;
    margin: 0.7rem 0 0;
}

.sms-registered-test-target[b-myo8wv1l3v] {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(70, 101, 143, 0.15);
    border-radius: 11px;
    display: flex;
    justify-content: space-between;
    margin-top: 0.85rem;
    padding: 0.72rem 0.8rem;
}

.sms-registered-test-target span[b-myo8wv1l3v] {
    color: #354f70;
    font-size: 0.74rem;
    font-weight: 700;
}

.sms-registered-test-target strong[b-myo8wv1l3v] {
    color: #526b8c;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.7rem;
}

.sms-test-grid[b-myo8wv1l3v] {
    align-items: stretch;
    grid-template-columns: minmax(0, 1.5fr) minmax(230px, 0.7fr);
}

.sms-test-body[b-myo8wv1l3v] {
    line-height: 1.5;
    min-height: 8rem;
    resize: vertical;
}

.sms-message-metrics[b-myo8wv1l3v] {
    color: #68788d;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.68rem;
    gap: 0.35rem 0.8rem;
    justify-content: space-between;
    margin-top: 0.35rem;
}

.sms-message-metrics.near-limit[b-myo8wv1l3v] {
    color: #a45d36;
    font-weight: 700;
}

.sms-test-submit[b-myo8wv1l3v] {
    align-items: stretch;
    background: #f7f9fc;
    border: 1px solid rgba(85, 108, 140, 0.14);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    justify-content: space-between;
    padding: 0.85rem;
}

.sms-queue-explanation strong[b-myo8wv1l3v] {
    color: #344a65;
    font-size: 0.76rem;
}

.sms-queue-explanation p[b-myo8wv1l3v],
.sms-inline-warning[b-myo8wv1l3v] {
    color: #708096;
    font-size: 0.68rem;
    line-height: 1.5;
    margin: 0.25rem 0 0;
}

.sms-inline-warning[b-myo8wv1l3v] {
    background: #fff7e6;
    border-radius: 8px;
    color: #806735;
    padding: 0.55rem;
}

.sms-history-header[b-myo8wv1l3v] {
    align-items: center;
    border-top: 1px solid rgba(86, 108, 139, 0.14);
    margin-top: 1.2rem;
    padding-top: 1rem;
}

.sms-history-header h3[b-myo8wv1l3v] {
    font-size: 0.9rem;
}

.sms-history-table-wrap[b-myo8wv1l3v] {
    border: 1px solid rgba(86, 108, 139, 0.15);
    border-radius: 11px;
    margin-top: 0.75rem;
    overflow-x: auto;
}

.sms-history-table[b-myo8wv1l3v] {
    border-collapse: collapse;
    font-size: 0.72rem;
    width: 100%;
}

.sms-history-table th[b-myo8wv1l3v],
.sms-history-table td[b-myo8wv1l3v] {
    border-bottom: 1px solid rgba(86, 108, 139, 0.11);
    padding: 0.68rem 0.75rem;
    text-align: left;
}

.sms-history-table th[b-myo8wv1l3v] {
    background: #f6f8fb;
    color: #5c6f89;
    font-size: 0.66rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.sms-history-table tbody tr:last-child td[b-myo8wv1l3v] {
    border-bottom: 0;
}

.sms-history-table time[b-myo8wv1l3v] {
    color: #65758a;
    white-space: nowrap;
}

.sms-history-mask[b-myo8wv1l3v] {
    color: #455f80;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    white-space: nowrap;
}

.sms-history-status-cell small[b-myo8wv1l3v] {
    color: #65758a;
    display: block;
    margin-top: 0.3rem;
    overflow-wrap: anywhere;
}

.sms-history-status-cell .sms-history-error[b-myo8wv1l3v] {
    color: #9a4d48;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.sms-status[b-myo8wv1l3v] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.64rem;
    font-weight: 750;
    line-height: 1.25;
    padding: 0.27rem 0.5rem;
}

.sms-status.pending[b-myo8wv1l3v],
.sms-status.processing[b-myo8wv1l3v] {
    background: #eaf1fb;
    color: #496b94;
}

.sms-status.retry[b-myo8wv1l3v],
.sms-status.uncertain[b-myo8wv1l3v] {
    background: #fff4dc;
    color: #80642b;
}

.sms-status.accepted[b-myo8wv1l3v] {
    background: #eaf7ef;
    color: #397050;
}

.sms-status.failed[b-myo8wv1l3v] {
    background: #fae9e8;
    color: #934c48;
}

.sms-status.unknown[b-myo8wv1l3v] {
    background: #eef1f5;
    color: #657284;
}

.sms-history-empty[b-myo8wv1l3v] {
    background: #f7f9fc;
    border-radius: 10px;
    margin: 0.75rem 0 0;
    padding: 1rem;
}

.sms-admin-tools-note[b-myo8wv1l3v] {
    margin-top: 1rem;
}

.sms-settings-loading[b-myo8wv1l3v] {
    min-height: 16rem;
}

.sms-inbound-settings[b-myo8wv1l3v] {
    border-color: rgba(37, 99, 235, 0.2);
    overflow: hidden;
    position: relative;
}

.sms-inbound-settings[b-myo8wv1l3v]::before {
    background: linear-gradient(90deg, #2563eb, #06b6d4);
    content: "";
    height: 0.22rem;
    inset: 0 0 auto;
    position: absolute;
}

.sms-inbound-mode-selector[b-myo8wv1l3v] {
    border: 0;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 1rem 0 0;
    min-inline-size: 0;
    padding: 0;
}

.sms-inbound-mode-selector legend[b-myo8wv1l3v] {
    color: #43566f;
    font-size: 0.72rem;
    font-weight: 800;
    grid-column: 1 / -1;
    margin-bottom: 0.1rem;
}

.sms-inbound-mode-card[b-myo8wv1l3v] {
    align-items: center;
    background: linear-gradient(145deg, #fbfdff, #f3f6fa);
    border: 1px solid rgba(78, 101, 132, 0.18);
    border-radius: 0.9rem;
    cursor: pointer;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto auto minmax(0, 1fr);
    min-height: 5.5rem;
    padding: 0.85rem;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.sms-inbound-mode-card:hover[b-myo8wv1l3v] {
    border-color: rgba(37, 99, 235, 0.36);
    transform: translateY(-1px);
}

.sms-inbound-mode-card.selected[b-myo8wv1l3v] {
    background: linear-gradient(145deg, #f1f7ff, #edf8fb);
    border-color: rgba(37, 99, 235, 0.5);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08),
        0 0.7rem 1.5rem rgba(37, 99, 235, 0.08);
}

.sms-inbound-mode-card input[b-myo8wv1l3v] {
    accent-color: #2563eb;
    margin: 0;
}

.sms-inbound-mode-card > span:last-child[b-myo8wv1l3v] {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

.sms-inbound-mode-card strong[b-myo8wv1l3v] {
    color: #293d58;
    font-size: 0.75rem;
}

.sms-inbound-mode-card small[b-myo8wv1l3v] {
    color: #64748b;
    font-size: 0.67rem;
    line-height: 1.45;
}

.sms-inbound-mode-icon[b-myo8wv1l3v] {
    align-items: center;
    background: linear-gradient(145deg, #f9fbff, #dce8f5);
    border: 1px solid rgba(79, 107, 143, 0.2);
    border-radius: 0.7rem;
    box-shadow: inset 0 1px 0 #fff, 0 0.35rem 0.8rem rgba(45, 70, 103, 0.12);
    color: #3c638f;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 900;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.sms-inbound-mode-icon.twilio[b-myo8wv1l3v] {
    background: linear-gradient(145deg, #fff9fa, #f7dfe4);
    color: #b3203e;
}

.sms-inbound-mode-selector:disabled .sms-inbound-mode-card[b-myo8wv1l3v] {
    cursor: not-allowed;
    opacity: 0.58;
    transform: none;
}

.sms-inbound-flow[b-myo8wv1l3v] {
    align-items: center;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(6, 182, 212, 0.07));
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 0.85rem;
    display: flex;
    gap: 0.85rem;
    margin: 1rem 0 1.15rem;
    padding: 0.9rem 1rem;
}

.sms-inbound-flow-icon[b-myo8wv1l3v] {
    align-items: center;
    background: #172033;
    border-radius: 0.7rem;
    box-shadow: 0 0.45rem 1rem rgba(37, 99, 235, 0.22);
    color: #fff;
    display: inline-flex;
    flex: 0 0 2.25rem;
    font-size: 1.2rem;
    height: 2.25rem;
    justify-content: center;
}

.sms-inbound-flow span:last-child[b-myo8wv1l3v] {
    display: grid;
    gap: 0.2rem;
}

.sms-inbound-flow small[b-myo8wv1l3v] {
    color: #64748b;
    line-height: 1.45;
}

.sms-inbound-routing[b-myo8wv1l3v] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid #cbd5e1;
    border-radius: 0.95rem;
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
    padding: 0.9rem 1rem;
}

.sms-inbound-routing.ready[b-myo8wv1l3v] {
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    border-color: #86d4ab;
}

.sms-inbound-routing.warning[b-myo8wv1l3v] {
    background: linear-gradient(135deg, #fffbeb, #fff7ed);
    border-color: #e8c46d;
}

.sms-inbound-routing.error[b-myo8wv1l3v] {
    background: linear-gradient(135deg, #fff7ed, #fef2f2);
    border-color: #e6a39e;
}

.sms-inbound-routing-summary[b-myo8wv1l3v] {
    align-items: center;
    display: flex;
    gap: 0.8rem;
    min-width: 0;
}

.sms-inbound-routing-icon[b-myo8wv1l3v] {
    align-items: center;
    background: linear-gradient(145deg, #f8fbff, #d9e4ef);
    border: 1px solid #c2d0dc;
    border-radius: 0.72rem;
    box-shadow: inset 0 1px 0 #fff, 0 5px 11px rgba(51, 65, 85, 0.12);
    color: #536b80;
    display: inline-flex;
    flex: 0 0 2.35rem;
    font-size: 0.9rem;
    font-weight: 900;
    height: 2.35rem;
    justify-content: center;
}

.sms-inbound-routing.ready .sms-inbound-routing-icon[b-myo8wv1l3v] {
    background: linear-gradient(145deg, #f2fff7, #bde8cf);
    border-color: #8fd0ac;
    color: #197149;
}

.sms-inbound-routing.warning .sms-inbound-routing-icon[b-myo8wv1l3v],
.sms-inbound-routing.error .sms-inbound-routing-icon[b-myo8wv1l3v] {
    background: linear-gradient(145deg, #fffdf4, #f6d790);
    border-color: #deb760;
    color: #7a5311;
}

.sms-inbound-routing-checkmark[b-myo8wv1l3v] {
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
    height: 0.45rem;
    transform: rotate(-45deg) translateY(-0.08rem);
    width: 0.8rem;
}

.sms-inbound-routing-copy[b-myo8wv1l3v] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.sms-inbound-routing-copy strong[b-myo8wv1l3v] {
    color: #26384d;
    font-size: 0.82rem;
}

.sms-inbound-routing-copy small[b-myo8wv1l3v] {
    color: #607187;
    line-height: 1.45;
}

.sms-inbound-routing-checks[b-myo8wv1l3v] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.sms-inbound-routing-checks li[b-myo8wv1l3v] {
    align-items: center;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(100, 116, 139, 0.16);
    border-radius: 0.65rem;
    color: #536276;
    display: flex;
    font-size: 0.7rem;
    gap: 0.48rem;
    min-height: 2.25rem;
    padding: 0.42rem 0.6rem;
}

.sms-inbound-routing-checks li > span[b-myo8wv1l3v] {
    border: 2px solid currentColor;
    border-radius: 50%;
    flex: 0 0 0.72rem;
    height: 0.72rem;
    position: relative;
}

.sms-inbound-routing-checks li.valid[b-myo8wv1l3v] {
    color: #21724c;
}

.sms-inbound-routing-checks li.valid > span[b-myo8wv1l3v]::after {
    border-bottom: 1.5px solid currentColor;
    border-left: 1.5px solid currentColor;
    content: "";
    height: 0.22rem;
    left: 0.13rem;
    position: absolute;
    top: 0.12rem;
    transform: rotate(-45deg);
    width: 0.38rem;
}

.sms-inbound-routing-checks li.invalid[b-myo8wv1l3v] {
    color: #9a4c2e;
}

.sms-inbound-routing-checks li.invalid > span[b-myo8wv1l3v]::before,
.sms-inbound-routing-checks li.invalid > span[b-myo8wv1l3v]::after {
    background: currentColor;
    content: "";
    height: 1.5px;
    left: 0.1rem;
    position: absolute;
    top: 0.25rem;
    transform: rotate(45deg);
    width: 0.45rem;
}

.sms-inbound-routing-checks li.invalid > span[b-myo8wv1l3v]::after {
    transform: rotate(-45deg);
}

.sms-inbound-routing-actions[b-myo8wv1l3v],
.sms-inbound-routing-confirmation-actions[b-myo8wv1l3v] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

.sms-inbound-routing-confirmation[b-myo8wv1l3v] {
    align-items: start;
    background: #fff;
    border: 1px solid #e1bd69;
    border-radius: 0.8rem;
    box-shadow: 0 8px 18px rgba(90, 61, 16, 0.1);
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0.8rem;
}

.sms-inbound-routing-confirmation-icon[b-myo8wv1l3v] {
    align-items: center;
    background: #f8d987;
    border-radius: 50%;
    color: #6f4b0e;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 900;
    height: 1.55rem;
    justify-content: center;
    width: 1.55rem;
}

.sms-inbound-routing-confirmation strong[b-myo8wv1l3v] {
    color: #513b17;
    font-size: 0.78rem;
}

.sms-inbound-routing-confirmation p[b-myo8wv1l3v],
.sms-inbound-routing-confirmation small[b-myo8wv1l3v] {
    color: #725a31;
    display: block;
    font-size: 0.69rem;
    line-height: 1.45;
    margin: 0.18rem 0 0;
}

.sms-inbound-setup-steps[b-myo8wv1l3v] {
    background: rgba(248, 250, 252, 0.88);
    border: 1px solid rgba(100, 116, 139, 0.16);
    border-radius: 0.85rem;
    counter-reset: inbound-step;
    display: grid;
    gap: 0.7rem;
    list-style: none;
    margin: 1.15rem 0 0;
    padding: 0.9rem 1rem;
}

.sms-inbound-setup-steps li[b-myo8wv1l3v] {
    align-items: center;
    color: #475569;
    counter-increment: inbound-step;
    display: flex;
    font-size: 0.88rem;
    gap: 0.7rem;
}

.sms-inbound-setup-steps li[b-myo8wv1l3v]::before {
    align-items: center;
    background: #dbeafe;
    border-radius: 999px;
    color: #1d4ed8;
    content: counter(inbound-step);
    display: inline-flex;
    flex: 0 0 1.65rem;
    font-size: 0.75rem;
    font-weight: 800;
    height: 1.65rem;
    justify-content: center;
}

@media (max-width: 820px) {
    .sms-recipient-workspace[b-myo8wv1l3v] {
        grid-template-columns: 1fr;
    }

    .sms-recipient-directory[b-myo8wv1l3v] {
        border-bottom: 1px solid rgba(86, 108, 139, 0.14);
        border-right: 0;
    }

    .sms-recipient-list[b-myo8wv1l3v] {
        display: grid;
        grid-auto-columns: minmax(14rem, 74%);
        grid-auto-flow: column;
        grid-template-rows: 1fr;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0.65rem;
    }
}

@media (max-width: 720px) {
    .page-heading.sms-settings-heading[aria-labelledby="sms-settings-title"]:not(.dashboard-heading)[b-myo8wv1l3v] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .sms-card-header[b-myo8wv1l3v],
    .sms-history-header[b-myo8wv1l3v],
    .sms-recipient-editor-header[b-myo8wv1l3v],
    .sms-recipient-actions[b-myo8wv1l3v],
    .sms-settings-save-bar[b-myo8wv1l3v],
    .sms-provider-note[b-myo8wv1l3v] {
        align-items: stretch;
        flex-direction: column;
    }

    .sms-settings-grid[b-myo8wv1l3v],
    .sms-recipient-form-grid[b-myo8wv1l3v],
    .sms-test-grid[b-myo8wv1l3v],
    .sms-direct-destination-grid[b-myo8wv1l3v],
    .sms-inbound-routing-checks[b-myo8wv1l3v],
    .sms-inbound-mode-selector[b-myo8wv1l3v] {
        grid-template-columns: 1fr;
    }

    .sms-inbound-routing-confirmation[b-myo8wv1l3v] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .sms-inbound-routing-confirmation-actions[b-myo8wv1l3v] {
        grid-column: 1 / -1;
    }

    .sms-test-destination-header[b-myo8wv1l3v],
    .sms-registered-test-target[b-myo8wv1l3v] {
        align-items: stretch;
        flex-direction: column;
    }

    .sms-test-mode[b-myo8wv1l3v] {
        width: 100%;
    }

    .sms-span-two[b-myo8wv1l3v] {
        grid-column: auto;
    }

    .sms-provider-badge[b-myo8wv1l3v],
    .sms-admin-badge[b-myo8wv1l3v],
    .sms-test-target[b-myo8wv1l3v],
    .sms-recipient-mask[b-myo8wv1l3v] {
        align-self: flex-start;
    }

    .sms-settings-save-bar .button[b-myo8wv1l3v],
    .sms-recipient-actions .button[b-myo8wv1l3v],
    .sms-test-submit .button[b-myo8wv1l3v],
    .sms-inbound-routing-actions .button[b-myo8wv1l3v],
    .sms-inbound-routing-confirmation-actions .button[b-myo8wv1l3v] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sms-switch input[b-myo8wv1l3v],
    .sms-switch input[b-myo8wv1l3v]::after,
    .sms-inbound-mode-card[b-myo8wv1l3v],
    .sms-test-mode button[b-myo8wv1l3v] {
        transition: none;
    }
}

@media (forced-colors: active) {
    .sms-settings-card[b-myo8wv1l3v],
    .sms-settings-save-bar[b-myo8wv1l3v],
    .sms-provider-note[b-myo8wv1l3v],
    .sms-provider-status[b-myo8wv1l3v],
    .sms-option-card[b-myo8wv1l3v],
    .sms-inbound-mode-card[b-myo8wv1l3v],
    .sms-consent-card[b-myo8wv1l3v],
    .sms-recipient-workspace[b-myo8wv1l3v],
    .sms-recipient-directory[b-myo8wv1l3v],
    .sms-recipient-item.selected[b-myo8wv1l3v],
    .sms-billing-note[b-myo8wv1l3v],
    .sms-test-destination[b-myo8wv1l3v],
    .sms-test-consent[b-myo8wv1l3v],
    .sms-test-mode[b-myo8wv1l3v],
    .sms-test-mode button.active[b-myo8wv1l3v],
    .sms-registered-test-target[b-myo8wv1l3v],
    .sms-test-submit[b-myo8wv1l3v],
    .sms-history-table-wrap[b-myo8wv1l3v] {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }

    .sms-inbound-flow[b-myo8wv1l3v],
    .sms-inbound-routing[b-myo8wv1l3v],
    .sms-inbound-routing-icon[b-myo8wv1l3v],
    .sms-inbound-routing-checks li[b-myo8wv1l3v],
    .sms-inbound-routing-confirmation[b-myo8wv1l3v],
    .sms-inbound-routing-confirmation-icon[b-myo8wv1l3v],
    .sms-inbound-setup-steps[b-myo8wv1l3v],
    .sms-inbound-flow-icon[b-myo8wv1l3v],
    .sms-inbound-setup-steps li[b-myo8wv1l3v]::before {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }

    .sms-recipient-state.ready[b-myo8wv1l3v],
    .sms-provider-status-dot[b-myo8wv1l3v] {
        background: Highlight;
    }
}
/* /Components/Pages/SystemSettings/TwoFactorSettings.razor.rz.scp.css */
.two-factor-settings-loading[b-ciqxqu7cqc] {
    min-height: 12rem;
}

.two-factor-settings-form[b-ciqxqu7cqc] {
    display: grid;
    gap: 1rem;
}

.two-factor-settings-card[b-ciqxqu7cqc] {
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(34, 42, 57, 0.06);
    padding: 1.25rem;
}

.two-factor-settings-card-header[b-ciqxqu7cqc] {
    align-items: flex-start;
    border-bottom: 1px solid #e8ecef;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.2rem;
    padding-bottom: 1rem;
}

.two-factor-settings-card-header h2[b-ciqxqu7cqc],
.two-factor-settings-card-header p[b-ciqxqu7cqc],
.provider-recommendation p[b-ciqxqu7cqc] {
    margin: 0;
}

.two-factor-settings-card-header h2[b-ciqxqu7cqc] {
    font-size: 1.05rem;
}

.two-factor-settings-card-header p[b-ciqxqu7cqc],
.provider-recommendation p[b-ciqxqu7cqc] {
    color: #667085;
    font-size: 0.84rem;
    line-height: 1.5;
    margin-top: 0.35rem;
}

.two-factor-settings-switch[b-ciqxqu7cqc],
.two-factor-settings-checkbox[b-ciqxqu7cqc] {
    align-items: center;
    color: #344054;
    cursor: pointer;
    display: flex;
    font-size: 0.84rem;
    font-weight: 650;
    gap: 0.55rem;
}

.two-factor-settings-switch[b-ciqxqu7cqc] {
    background: #f2f5fa;
    border: 1px solid #d8e2f0;
    border-radius: 999px;
    flex: 0 0 auto;
    padding: 0.5rem 0.75rem;
}

.two-factor-settings-grid[b-ciqxqu7cqc],
.two-factor-channel-grid[b-ciqxqu7cqc] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.policy-grid[b-ciqxqu7cqc] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1rem;
}

.settings-span-two[b-ciqxqu7cqc] {
    grid-column: 1 / -1;
}

.two-factor-channel-card[b-ciqxqu7cqc] {
    align-items: center;
    border: 1px solid #ccd6e4;
    border-radius: 10px;
    cursor: pointer;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto auto minmax(0, 1fr);
    min-height: 4.5rem;
    padding: 0.8rem;
}

.two-factor-channel-card:has(input:checked)[b-ciqxqu7cqc] {
    background: #f2f6fc;
    border-color: #718eb9;
    box-shadow: inset 0 0 0 1px #718eb9;
}

.two-factor-channel-card > span:last-child[b-ciqxqu7cqc] {
    display: grid;
    gap: 0.12rem;
}

.two-factor-channel-card strong[b-ciqxqu7cqc] {
    color: #344054;
    font-size: 0.86rem;
}

.two-factor-channel-card small[b-ciqxqu7cqc] {
    color: #667085;
    font-size: 0.72rem;
    line-height: 1.35;
}

.two-factor-channel-icon[b-ciqxqu7cqc] {
    background: #536b85;
    height: 1.2rem;
    width: 1.2rem;
}

.two-factor-channel-icon.email[b-ciqxqu7cqc] {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 4.5A1.5 1.5 0 0 1 3.5 3h13A1.5 1.5 0 0 1 18 4.5v11a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 2 15.5v-11Zm1.5 0 6.5 4.7 6.5-4.7h-13Zm13 1.85L10.44 10.7a.75.75 0 0 1-.88 0L3.5 6.35v9.15h13V6.35Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.two-factor-channel-icon.sms[b-ciqxqu7cqc] {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 1.5h9A1.5 1.5 0 0 1 16 3v14a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 4 17V3a1.5 1.5 0 0 1 1.5-1.5Zm0 2V15h9V3.5h-9Zm4.5 13a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.provider-badge[b-ciqxqu7cqc] {
    background: #f2f5fa;
    border: 1px solid #d8e2f0;
    border-radius: 999px;
    color: #3e5874;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 750;
    padding: 0.45rem 0.7rem;
}

.provider-recommendation[b-ciqxqu7cqc] {
    align-items: start;
    background: #f5f8fc;
    border: 1px solid #d6e1ef;
    border-radius: 10px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
    margin-bottom: 1rem;
    padding: 0.9rem;
}

.provider-recommendation strong[b-ciqxqu7cqc] {
    color: #344054;
    font-size: 0.86rem;
}

.provider-recommendation a[b-ciqxqu7cqc] {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 700;
    margin-top: 0.45rem;
}

.provider-recommendation-icon[b-ciqxqu7cqc] {
    background: #536b85;
    height: 1.25rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.5a6.5 6.5 0 0 0-3.8 11.77V15a1.5 1.5 0 0 0 1.5 1.5h4.6a1.5 1.5 0 0 0 1.5-1.5v-1.73A6.5 6.5 0 0 0 10 1.5Zm2.35 10.7-.55.34V15H8.2v-2.46l-.55-.34a5 5 0 1 1 4.7 0ZM8 17.25h4a2 2 0 0 1-4 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 1.25rem;
}

.form-field small[b-ciqxqu7cqc] {
    color: #667085;
    display: block;
    font-size: 0.75rem;
    line-height: 1.45;
    margin-top: 0.4rem;
}

.input-monospace[b-ciqxqu7cqc] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.84rem;
}

.twilio-sms-preview[b-ciqxqu7cqc] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid #d8e2f0;
    border-radius: 10px;
    display: grid;
    gap: 0.3rem;
    padding: 0.8rem 0.9rem;
}

.twilio-sms-preview > span[b-ciqxqu7cqc] {
    color: #667085;
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.twilio-sms-preview strong[b-ciqxqu7cqc] {
    color: #253b52;
    font-size: 0.9rem;
}

.twilio-sms-preview small[b-ciqxqu7cqc] {
    color: #667085;
    font-size: 0.72rem;
    line-height: 1.45;
}

.danger-choice[b-ciqxqu7cqc] {
    color: #9a3412;
}

.two-factor-settings-save-bar[b-ciqxqu7cqc] {
    align-items: center;
    background: #f7f9fb;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.85rem 1rem;
}

.two-factor-settings-security-note[b-ciqxqu7cqc] {
    align-items: center;
    color: #596477;
    display: flex;
    font-size: 0.78rem;
    gap: 0.45rem;
}

.two-factor-settings-lock[b-ciqxqu7cqc] {
    background: var(--color-accent);
    height: 0.9rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a3 3 0 0 0-3 3v2H4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-1V4a3 3 0 0 0-3-3Zm2 5H6V4a2 2 0 1 1 4 0v2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 0.9rem;
}

.two-factor-test-card[b-ciqxqu7cqc] {
    margin-top: 1rem;
}

.two-factor-test-row[b-ciqxqu7cqc] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

@media (max-width: 800px) {
    .policy-grid[b-ciqxqu7cqc] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .two-factor-settings-card-header[b-ciqxqu7cqc],
    .two-factor-settings-save-bar[b-ciqxqu7cqc] {
        align-items: stretch;
        flex-direction: column;
    }

    .two-factor-settings-grid[b-ciqxqu7cqc],
    .two-factor-channel-grid[b-ciqxqu7cqc],
    .two-factor-test-row[b-ciqxqu7cqc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .settings-span-two[b-ciqxqu7cqc] {
        grid-column: auto;
    }
}

@media (forced-colors: active) {
    .two-factor-settings-card[b-ciqxqu7cqc],
    .two-factor-channel-card[b-ciqxqu7cqc],
    .provider-recommendation[b-ciqxqu7cqc],
    .twilio-sms-preview[b-ciqxqu7cqc] {
        border-color: CanvasText;
        box-shadow: none;
    }
}
/* /Components/Pages/TwoFactor.razor.rz.scp.css */
.two-factor-destination[b-4u2dvsz2dx] {
    align-items: center;
    background: color-mix(in srgb, var(--color-accent) 7%, #fff);
    border: 1px solid color-mix(in srgb, var(--color-accent) 22%, transparent);
    border-radius: 12px;
    display: flex;
    gap: 0.8rem;
    margin-bottom: 0.25rem;
    padding: 0.85rem;
}

.two-factor-method[b-4u2dvsz2dx] {
    align-items: center;
    background: var(--color-accent);
    border-radius: 9px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 800;
    height: 2.35rem;
    justify-content: center;
    letter-spacing: 0.02em;
    width: 2.35rem;
}

.two-factor-destination > span:last-child[b-4u2dvsz2dx] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.two-factor-destination strong[b-4u2dvsz2dx] {
    color: #2f4054;
    font-size: 0.84rem;
}

.two-factor-destination small[b-4u2dvsz2dx],
.field-hint[b-4u2dvsz2dx] {
    color: #64748a;
    font-size: 0.75rem;
    line-height: 1.4;
}

.two-factor-code[b-4u2dvsz2dx] {
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.36em;
    text-align: center;
}

.two-factor-actions[b-4u2dvsz2dx] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 0.15rem;
}

.two-factor-actions form[b-4u2dvsz2dx] {
    margin: 0;
}

.link-button[b-4u2dvsz2dx] {
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    padding: 0;
}

.link-button:focus-visible[b-4u2dvsz2dx] {
    border-radius: 4px;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 45%, transparent);
    outline: none;
}

@media (max-width: 480px) {
    .two-factor-actions[b-4u2dvsz2dx] {
        align-items: stretch;
        flex-direction: column;
        text-align: center;
    }
}
/* /Components/Pages/Users/RoleManagement.razor.rz.scp.css */
.role-management-workspace[b-8riiugycx8] {
    background: #ffffff;
    border: 1px solid #dbe1ea;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(33, 45, 68, 0.08);
    display: grid;
    grid-template-columns: minmax(15.5rem, 0.74fr) minmax(0, 1.7fr);
    min-height: 37rem;
    overflow: hidden;
}

.role-directory[b-8riiugycx8] {
    background: linear-gradient(160deg, #f8f9fd 0%, #f4f1e9 100%);
    border-right: 1px solid #dbe1ea;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.role-directory-header[b-8riiugycx8] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 1rem 1rem 0.75rem;
}

.role-directory-header h2[b-8riiugycx8] {
    color: #263755;
    font-size: 1rem;
    line-height: 1.3;
    margin: 0;
}

.role-directory-header p[b-8riiugycx8] {
    color: #667085;
    font-size: 0.75rem;
    margin: 0.15rem 0 0;
}

.role-add-button[b-8riiugycx8] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.role-directory-search[b-8riiugycx8] {
    margin: 0 1rem 0.75rem;
    position: relative;
}

.role-directory-search .input[b-8riiugycx8] {
    background: rgba(255, 255, 255, 0.86);
    font-size: 0.82rem;
    min-height: 2.25rem;
    padding-left: 2rem;
}

.role-search-icon[b-8riiugycx8] {
    border: 1.5px solid #64748b;
    border-radius: 50%;
    height: 0.72rem;
    left: 0.72rem;
    pointer-events: none;
    position: absolute;
    top: 0.65rem;
    width: 0.72rem;
    z-index: 1;
}

.role-search-icon[b-8riiugycx8]::after {
    background: #64748b;
    content: "";
    height: 1.5px;
    left: 0.53rem;
    position: absolute;
    top: 0.55rem;
    transform: rotate(45deg);
    width: 0.4rem;
}

.role-directory-list[b-8riiugycx8] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.35rem;
    max-height: 38rem;
    overflow: auto;
    padding: 0 0.65rem 1rem;
}

.role-directory-item[b-8riiugycx8] {
    align-items: flex-start;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #344054;
    cursor: pointer;
    display: flex;
    gap: 0.7rem;
    padding: 0.72rem;
    text-align: left;
    transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
    width: 100%;
}

.role-directory-item:hover:not(:disabled)[b-8riiugycx8] {
    background: rgba(255, 255, 255, 0.75);
    border-color: #d5dcea;
}

.role-directory-item.selected[b-8riiugycx8] {
    background: #edf0fa;
    border-color: #aebce0;
    box-shadow: inset 3px 0 0 #526f9f;
}

.role-directory-item:disabled[b-8riiugycx8] {
    cursor: wait;
    opacity: 0.7;
}

.role-directory-icon[b-8riiugycx8],
.role-editor-icon[b-8riiugycx8] {
    align-items: center;
    background: #e8ecf7;
    border: 1px solid #cdd6ec;
    border-radius: 9px;
    color: #465f90;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.2rem;
    justify-content: center;
    width: 2.2rem;
}

.role-directory-icon svg[b-8riiugycx8],
.role-editor-icon svg[b-8riiugycx8] {
    fill: none;
    height: 1.25rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    width: 1.25rem;
}

.role-directory-copy[b-8riiugycx8] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.role-directory-title[b-8riiugycx8] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
    min-width: 0;
}

.role-directory-title strong[b-8riiugycx8] {
    color: #263755;
    font-size: 0.84rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-directory-copy > small[b-8riiugycx8] {
    color: #667085;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.68rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-directory-metrics[b-8riiugycx8] {
    align-items: center;
    color: #6d7583;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.68rem;
    gap: 0.3rem;
}

.role-kind-badge[b-8riiugycx8] {
    background: #f1f3f8;
    border: 1px solid #d5dbea;
    border-radius: 999px;
    color: #526078;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.3rem 0.45rem;
    text-transform: uppercase;
}

.role-kind-badge.system[b-8riiugycx8] {
    background: #f5f0e3;
    border-color: #dfd2ad;
    color: #745f2c;
}

.role-kind-badge.custom[b-8riiugycx8] {
    background: #edf0fa;
    border-color: #c9d2eb;
    color: #405785;
}

.role-directory-empty[b-8riiugycx8] {
    color: #667085;
    font-size: 0.8rem;
    margin: 1.5rem 0.75rem;
    text-align: center;
}

.role-editor[b-8riiugycx8] {
    display: flex;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.role-editor-form[b-8riiugycx8] {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.role-editor-header[b-8riiugycx8] {
    align-items: center;
    border-bottom: 1px solid #e5e9f0;
    display: flex;
    gap: 0.85rem;
    flex: 0 0 auto;
    min-height: 5rem;
    padding: 0.85rem 1.15rem;
}

.role-editor-icon[b-8riiugycx8] {
    background: linear-gradient(145deg, #e8ecf8, #f4efe4);
    height: 2.55rem;
    width: 2.55rem;
}

.role-editor-title[b-8riiugycx8] {
    flex: 1;
    min-width: 0;
}

.role-editor-title .eyebrow[b-8riiugycx8] {
    color: #526f9f;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0 0 0.08rem;
    text-transform: uppercase;
}

.role-editor-title h2[b-8riiugycx8] {
    color: #263755;
    font-size: 1.1rem;
    line-height: 1.25;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-editor-title > p:last-child[b-8riiugycx8] {
    color: #667085;
    font-size: 0.74rem;
    margin: 0.15rem 0 0;
}

.role-editor-scroll[b-8riiugycx8] {
    flex: 1;
    max-height: none;
    min-height: 0;
    overflow: auto;
    padding: 1rem 1.15rem 1.25rem;
}

.role-access-note[b-8riiugycx8],
.role-protection-note[b-8riiugycx8] {
    align-items: flex-start;
    border-radius: 9px;
    display: flex;
    font-size: 0.77rem;
    gap: 0.65rem;
    margin-bottom: 0.8rem;
    padding: 0.65rem 0.8rem;
}

.role-refresh-error[b-8riiugycx8] {
    align-items: center;
    background: #fff4f1;
    border: 1px solid #e8b0a8;
    border-radius: 9px;
    color: #8f2f28;
    display: flex;
    font-size: 0.76rem;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.8rem;
    padding: 0.65rem 0.8rem;
}

.role-access-note[b-8riiugycx8] {
    background: #f2f4fa;
    border: 1px solid #d8dfef;
    color: #445678;
}

.role-note-icon[b-8riiugycx8] {
    align-items: center;
    background: #526f9f;
    border-radius: 50%;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.65rem;
    font-weight: 800;
    height: 1.1rem;
    justify-content: center;
    margin-top: 0.04rem;
    width: 1.1rem;
}

.role-protection-note[b-8riiugycx8] {
    background: #faf7ef;
    border: 1px solid #e4d9ba;
    color: #65572f;
    flex-direction: column;
    gap: 0.1rem;
}

.role-protection-note strong[b-8riiugycx8] {
    color: #554822;
}

.role-form-section + .role-form-section[b-8riiugycx8] {
    border-top: 1px solid #e5e9f0;
    margin-top: 1.1rem;
    padding-top: 1.1rem;
}

.role-section-heading[b-8riiugycx8] {
    margin-bottom: 0.8rem;
}

.role-section-heading h3[b-8riiugycx8] {
    color: #2c3e5d;
    font-size: 0.92rem;
    margin: 0;
}

.role-section-heading p[b-8riiugycx8] {
    color: #667085;
    font-size: 0.74rem;
    margin: 0.15rem 0 0;
}

.role-form-grid[b-8riiugycx8] {
    align-items: start;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) 7rem;
}

.form-field[b-8riiugycx8] {
    display: grid;
    gap: 0.3rem;
}

.form-field label[b-8riiugycx8] {
    color: #344054;
    font-size: 0.75rem;
    font-weight: 650;
}

.form-field .input[b-8riiugycx8] {
    font-size: 0.82rem;
    min-height: 2.25rem;
}

.form-field textarea.input[b-8riiugycx8] {
    line-height: 1.45;
    min-height: 4.75rem;
    resize: vertical;
}

.form-field .input:disabled[b-8riiugycx8] {
    background: #f3f5f8;
    color: #657080;
    opacity: 1;
}

.role-code-input[b-8riiugycx8] {
    font-family: Consolas, "Courier New", monospace;
}

.role-description-field[b-8riiugycx8] {
    grid-column: 1 / -1;
}

.form-help[b-8riiugycx8] {
    color: #667085;
    font-size: 0.68rem;
}

.validation-message[b-8riiugycx8] {
    color: #b42318;
    font-size: 0.7rem;
}

.input[aria-invalid="true"][b-8riiugycx8] {
    border-color: #b54708;
    box-shadow: 0 0 0 3px rgba(181, 71, 8, 0.12);
}

.role-permissions-heading[b-8riiugycx8] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.role-permission-total[b-8riiugycx8] {
    background: #edf0fa;
    border: 1px solid #d4daeb;
    border-radius: 999px;
    color: #465b85;
    flex: 0 0 auto;
    font-size: 0.69rem;
    font-weight: 700;
    padding: 0.32rem 0.55rem;
}

.role-permission-groups[b-8riiugycx8] {
    display: grid;
    gap: 0.7rem;
}

.role-permission-group[b-8riiugycx8] {
    background: #fafbfc;
    border: 1px solid #dfe4ec;
    border-radius: 10px;
    overflow: hidden;
}

.role-permission-group > header[b-8riiugycx8] {
    align-items: center;
    background: linear-gradient(90deg, #f2f4fa, #f7f4ed);
    border-bottom: 1px solid #e1e5ec;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 2.45rem;
    padding: 0.5rem 0.72rem;
}

.role-permission-group h4[b-8riiugycx8] {
    color: #344865;
    font-size: 0.78rem;
    margin: 0;
}

.role-group-actions[b-8riiugycx8] {
    display: flex;
    gap: 0.25rem;
}

.role-text-button[b-8riiugycx8] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 5px;
    color: #49648f;
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: 650;
    padding: 0.2rem 0.35rem;
}

.role-text-button:hover:not(:disabled)[b-8riiugycx8] {
    background: #e5e9f5;
    color: #344d79;
}

.role-text-button:disabled[b-8riiugycx8] {
    cursor: not-allowed;
    opacity: 0.5;
}

.role-permission-options[b-8riiugycx8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.role-permission-option[b-8riiugycx8] {
    align-items: flex-start;
    cursor: pointer;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 5.2rem;
    padding: 0.7rem 0.75rem;
}

.role-permission-option:nth-child(odd)[b-8riiugycx8] {
    border-right: 1px solid #e5e9ef;
}

.role-permission-option:nth-child(n + 3)[b-8riiugycx8] {
    border-top: 1px solid #e5e9ef;
}

.role-permission-option:hover[b-8riiugycx8] {
    background: #f6f7fb;
}

.role-permission-option.is-reserved[b-8riiugycx8] {
    background: #f8fafc;
    cursor: not-allowed;
}

.role-permission-option.is-reserved:hover[b-8riiugycx8] {
    background: #f8fafc;
}

.role-permission-option > span:last-child[b-8riiugycx8] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.role-permission-option strong[b-8riiugycx8] {
    color: #344054;
    font-size: 0.75rem;
}

.role-permission-option small[b-8riiugycx8] {
    color: #667085;
    font-size: 0.68rem;
    line-height: 1.35;
}

.role-permission-option code[b-8riiugycx8] {
    color: #59677b;
    font-size: 0.62rem;
    overflow-wrap: anywhere;
}

.role-editor-actions[b-8riiugycx8] {
    align-items: center;
    background: #fbfcfd;
    border-top: 1px solid #e1e6ed;
    display: flex;
    flex: 0 0 auto;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 4.2rem;
    padding: 0.75rem 1.15rem;
}

.role-delete-area[b-8riiugycx8],
.role-save-actions[b-8riiugycx8] {
    align-items: center;
    display: flex;
    gap: 0.6rem;
}

.role-delete-area[b-8riiugycx8] {
    align-items: flex-start;
    flex-direction: column;
}

.role-delete-unavailable-reason[b-8riiugycx8] {
    color: #667085;
    font-size: 0.66rem;
    line-height: 1.3;
    max-width: 18rem;
}

.button-danger[b-8riiugycx8] {
    background: #ffffff;
    border-color: #c44343;
    color: #a62f2f;
}

.button-danger:hover:not(:disabled)[b-8riiugycx8] {
    background: #fff1f0;
    border-color: #a62f2f;
}

.role-editor-state[b-8riiugycx8] {
    align-items: center;
    color: #667085;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-height: 25rem;
    padding: 2rem;
    text-align: center;
}

.role-editor-state strong[b-8riiugycx8] {
    color: #344054;
    font-size: 0.95rem;
}

.role-editor-state p[b-8riiugycx8] {
    font-size: 0.78rem;
    margin: 0.3rem 0 0;
    max-width: 28rem;
}

.role-editor-state.loading-row[b-8riiugycx8] {
    flex-direction: row;
}

.role-editor-empty-icon[b-8riiugycx8] {
    background: #edf0f7;
    border: 1px solid #d6ddeb;
    border-radius: 50%;
    height: 3rem;
    margin-bottom: 0.7rem;
    position: relative;
    width: 3rem;
}

.role-editor-empty-icon[b-8riiugycx8]::before {
    border: 2px solid #7082a6;
    border-radius: 50%;
    content: "";
    height: 1rem;
    left: 0.9rem;
    position: absolute;
    top: 0.72rem;
    width: 1rem;
}

.role-editor-empty-icon[b-8riiugycx8]::after {
    background: #7082a6;
    content: "";
    height: 2px;
    left: 1.65rem;
    position: absolute;
    top: 1.65rem;
    transform: rotate(45deg);
    width: 0.55rem;
}

.role-delete-dialog[b-8riiugycx8] {
    background: #ffffff;
    border: 1px solid #d9dee7;
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.3);
    color: #27364f;
    margin: auto;
    max-width: min(calc(100vw - 2rem), 31rem);
    padding: 0;
    width: 100%;
}

.role-delete-dialog[b-8riiugycx8]::backdrop {
    backdrop-filter: blur(3px);
    background: rgba(15, 23, 42, 0.48);
}

.role-delete-dialog-content[b-8riiugycx8] {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
}

.role-delete-dialog-content > header[b-8riiugycx8] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
}

.role-delete-dialog-content .eyebrow[b-8riiugycx8] {
    color: #a62f2f;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0 0 0.12rem;
    text-transform: uppercase;
}

.role-delete-dialog-content h2[b-8riiugycx8] {
    font-size: 1.05rem;
    margin: 0;
}

.role-delete-warning[b-8riiugycx8] {
    align-items: center;
    background: #fff1f0;
    border: 1px solid #e5aaa4;
    border-radius: 50%;
    color: #a62f2f;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 800;
    height: 2.2rem;
    justify-content: center;
    width: 2.2rem;
}

.role-delete-dialog-content > p[b-8riiugycx8] {
    color: #5d6675;
    font-size: 0.84rem;
    margin: 0;
}

.role-delete-dialog-content > footer[b-8riiugycx8] {
    border-top: 1px solid #e5e9ef;
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
    padding-top: 0.9rem;
}

@media (max-width: 980px) {
    .role-management-workspace[b-8riiugycx8] {
        grid-template-columns: minmax(13.5rem, 0.65fr) minmax(0, 1.35fr);
    }

    .role-permission-options[b-8riiugycx8] {
        grid-template-columns: 1fr;
    }

    .role-permission-option:nth-child(odd)[b-8riiugycx8] {
        border-right: 0;
    }

    .role-permission-option:nth-child(n + 2)[b-8riiugycx8] {
        border-top: 1px solid #e5e9ef;
    }

    .role-form-grid[b-8riiugycx8] {
        grid-template-columns: minmax(0, 1fr) 7rem;
    }

    .role-form-grid .form-field:first-child[b-8riiugycx8],
    .role-description-field[b-8riiugycx8] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .role-management-workspace[b-8riiugycx8] {
        display: block;
        min-height: 0;
    }

    .role-directory[b-8riiugycx8] {
        border-bottom: 1px solid #dbe1ea;
        border-right: 0;
    }

    .role-directory-list[b-8riiugycx8] {
        display: grid;
        grid-auto-columns: minmax(14rem, 80%);
        grid-auto-flow: column;
        max-height: none;
        overflow-x: auto;
        padding-bottom: 0.8rem;
    }

    .role-editor-scroll[b-8riiugycx8] {
        max-height: none;
    }

    .role-editor-actions[b-8riiugycx8] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .role-save-actions[b-8riiugycx8],
    .role-delete-area[b-8riiugycx8],
    .role-save-actions .button[b-8riiugycx8],
    .role-delete-area .button[b-8riiugycx8] {
        width: 100%;
    }

    .role-save-actions .button[b-8riiugycx8] {
        flex: 1;
    }
}

@media (max-width: 520px) {
    .role-directory-header[b-8riiugycx8],
    .role-editor-header[b-8riiugycx8] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .role-directory-header .role-add-button[b-8riiugycx8] {
        width: 100%;
    }

    .role-form-grid[b-8riiugycx8] {
        grid-template-columns: 1fr;
    }

    .role-form-grid .form-field[b-8riiugycx8],
    .role-description-field[b-8riiugycx8] {
        grid-column: auto;
    }

    .role-permissions-heading[b-8riiugycx8],
    .role-permission-group > header[b-8riiugycx8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .role-group-actions[b-8riiugycx8] {
        width: 100%;
    }

    .role-delete-dialog-content > footer[b-8riiugycx8] {
        align-items: stretch;
        flex-direction: column-reverse;
    }
}

@media (forced-colors: active) {
    .role-management-workspace[b-8riiugycx8],
    .role-directory[b-8riiugycx8],
    .role-directory-item[b-8riiugycx8],
    .role-permission-group[b-8riiugycx8],
    .role-access-note[b-8riiugycx8],
    .role-protection-note[b-8riiugycx8],
    .role-delete-dialog[b-8riiugycx8] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/Users/UserDirectMessageDialog.razor.rz.scp.css */
.direct-message-dialog[b-s975vc73u5] {
    background: #ffffff;
    border: 1px solid #cbd7e8;
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.28);
    color: #1d2939;
    margin: auto;
    max-height: min(90dvh, 42rem);
    max-width: min(calc(100vw - 2rem), 36rem);
    padding: 0;
    width: 100%;
}

.direct-message-dialog[b-s975vc73u5]::backdrop {
    backdrop-filter: blur(3px);
    background: rgba(15, 23, 42, 0.48);
}

.direct-message-form[b-s975vc73u5] {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
}

.direct-message-heading[b-s975vc73u5] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.direct-message-heading h2[b-s975vc73u5] {
    color: #253b59;
    font-size: 1.15rem;
    margin: 0;
}

.direct-message-heading .eyebrow[b-s975vc73u5] {
    margin-bottom: 0.2rem;
}

.direct-message-close[b-s975vc73u5] {
    align-items: center;
    appearance: none;
    background: #f2f5fa;
    border: 1px solid #d6dfec;
    border-radius: 8px;
    color: #344054;
    cursor: pointer;
    display: inline-flex;
    font-size: 1.35rem;
    height: 2.2rem;
    justify-content: center;
    line-height: 1;
    width: 2.2rem;
}

.direct-message-close:hover[b-s975vc73u5] {
    background: #e8eef7;
}

.direct-message-close:focus-visible[b-s975vc73u5] {
    outline: 3px solid #91a8ce;
    outline-offset: 2px;
}

.direct-message-recipient[b-s975vc73u5] {
    background: #f4f7fb;
    border-left: 3px solid #7f99c2;
    border-radius: 7px;
    color: #3e587f;
    font-size: 0.86rem;
    margin: 0;
    padding: 0.65rem 0.8rem;
}

.direct-message-field[b-s975vc73u5] {
    margin: 0;
}

.direct-message-input[b-s975vc73u5] {
    line-height: 1.5;
    min-height: 9rem;
    resize: vertical;
}

.direct-message-input[aria-invalid="true"][b-s975vc73u5] {
    border-color: #b54708;
    box-shadow: 0 0 0 3px rgba(181, 71, 8, 0.12);
}

.direct-message-meta[b-s975vc73u5] {
    align-items: start;
    color: #667085;
    display: flex;
    font-size: 0.74rem;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 0.35rem;
}

.direct-message-validation[b-s975vc73u5] {
    color: #b42318;
    min-height: 1.1rem;
}

.direct-message-actions[b-s975vc73u5] {
    align-items: center;
    border-top: 1px solid #e4e7ec;
    display: flex;
    gap: 0.7rem;
    justify-content: flex-end;
    padding-top: 1rem;
}

@media (max-width: 520px) {
    .direct-message-dialog[b-s975vc73u5] {
        max-width: calc(100vw - 1rem);
    }

    .direct-message-actions[b-s975vc73u5] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .direct-message-actions .button[b-s975vc73u5] {
        width: 100%;
    }
}

@media (forced-colors: active) {
    .direct-message-dialog[b-s975vc73u5],
    .direct-message-close[b-s975vc73u5],
    .direct-message-recipient[b-s975vc73u5] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/Users/Users.razor.rz.scp.css */
.users-section-nav[b-frqwuomorz] {
    align-items: center;
    background: rgba(233, 238, 247, 0.82);
    border: 1px solid rgba(91, 113, 128, 0.18);
    border-radius: 10px;
    display: flex;
    flex: 0 0 auto;
    gap: 0.3rem;
    margin-bottom: 0.75rem;
    overflow-x: auto;
    padding: 0.28rem;
    scrollbar-width: thin;
}

.users-section-button[b-frqwuomorz] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #526172;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 0.48rem;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.42rem 0.72rem;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

.users-section-button:hover[b-frqwuomorz] {
    background: rgba(255, 255, 255, 0.68);
    color: #304966;
}

.users-section-button:focus-visible[b-frqwuomorz] {
    outline: 3px solid color-mix(in srgb, var(--color-focus) 42%, transparent);
    outline-offset: 1px;
}

.users-section-button.is-active[b-frqwuomorz] {
    background: #ffffff;
    border-color: rgba(82, 111, 159, 0.22);
    box-shadow: 0 3px 9px rgba(45, 64, 90, 0.09);
    color: #304f7a;
}

.users-section-button svg[b-frqwuomorz] {
    fill: none;
    flex: 0 0 auto;
    height: 1.08rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.75;
    width: 1.08rem;
}

.users-section-count[b-frqwuomorz] {
    align-items: center;
    background: #dfe7f3;
    border-radius: 999px;
    color: #405b82;
    display: inline-flex;
    font-size: 0.67rem;
    font-variant-numeric: tabular-nums;
    justify-content: center;
    min-width: 1.35rem;
    padding: 0.12rem 0.35rem;
}

.users-section-button.is-active .users-section-count[b-frqwuomorz] {
    background: #e8eef8;
}

.users-section-count-live[b-frqwuomorz] {
    background: #def3e6;
    color: #18794e;
}

.user-loading[b-frqwuomorz] {
    flex: 1 1 auto;
    justify-content: center;
    min-height: 15rem;
}

.roles-panel-host[b-frqwuomorz] {
    flex: 1 1 auto;
    min-height: 0;
}

.roles-panel-host[b-frqwuomorz]  .role-management-workspace {
    height: 100%;
    min-height: 0;
}

.user-admin-workspace[b-frqwuomorz] {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(91, 113, 128, 0.2);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(45, 64, 90, 0.08);
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(17rem, 21rem) minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
}

.user-directory[b-frqwuomorz] {
    background: linear-gradient(180deg, rgba(241, 245, 251, 0.92), rgba(248, 250, 252, 0.9));
    border-right: 1px solid rgba(91, 113, 128, 0.16);
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.user-directory-header[b-frqwuomorz] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.8rem 0.85rem 0.58rem;
}

.user-directory-header h2[b-frqwuomorz] {
    color: #293f54;
    font-size: 0.92rem;
    line-height: 1.2;
    margin: 0;
}

.user-directory-header p[b-frqwuomorz] {
    color: #667085;
    font-size: 0.7rem;
    margin: 0.14rem 0 0;
}

.user-add-button[b-frqwuomorz] {
    flex: 0 0 auto;
    min-height: 2.35rem;
}

.user-add-button > span[b-frqwuomorz] {
    font-size: 1rem;
    line-height: 1;
}

.user-directory-search[b-frqwuomorz] {
    flex: 0 0 auto;
    padding: 0 0.85rem 0.65rem;
    position: relative;
}

.user-directory-search .input[b-frqwuomorz] {
    background: rgba(255, 255, 255, 0.94);
    font-size: 0.78rem;
    min-height: 2.35rem;
    padding-left: 2.15rem;
}

.user-search-icon[b-frqwuomorz] {
    border: 1.7px solid #6b7b8e;
    border-radius: 50%;
    height: 0.72rem;
    left: 1.55rem;
    pointer-events: none;
    position: absolute;
    top: 0.78rem;
    width: 0.72rem;
    z-index: 1;
}

.user-search-icon[b-frqwuomorz]::after {
    background: #6b7b8e;
    content: "";
    height: 1.7px;
    position: absolute;
    right: -0.34rem;
    top: 0.58rem;
    transform: rotate(45deg);
    width: 0.43rem;
}

.user-directory-list[b-frqwuomorz] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.34rem;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.08rem 0.55rem 0.65rem;
}

.user-directory-item[b-frqwuomorz] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #273746;
    cursor: pointer;
    display: grid;
    flex: 0 0 auto;
    font: inherit;
    gap: 0.62rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 4.25rem;
    padding: 0.52rem 0.58rem;
    position: relative;
    text-align: left;
    transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
    width: 100%;
}

.user-directory-item:hover[b-frqwuomorz] {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(108, 128, 151, 0.16);
}

.user-directory-item:focus-visible[b-frqwuomorz] {
    outline: 3px solid color-mix(in srgb, var(--color-focus) 42%, transparent);
    outline-offset: 1px;
}

.user-directory-item.is-selected[b-frqwuomorz] {
    background: #ffffff;
    border-color: rgba(82, 111, 159, 0.25);
    box-shadow: 0 4px 12px rgba(45, 64, 90, 0.08);
}

.user-directory-item.is-selected[b-frqwuomorz]::before {
    background: linear-gradient(180deg, #6f8fbd, #8584b4);
    border-radius: 999px;
    bottom: 0.55rem;
    content: "";
    left: -0.25rem;
    position: absolute;
    top: 0.55rem;
    width: 3px;
}

.user-avatar[b-frqwuomorz],
.user-editor-avatar[b-frqwuomorz] {
    align-items: center;
    background: #e5ecf7;
    border-radius: 50%;
    color: #3e587f;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0.02em;
}

.user-avatar[b-frqwuomorz] {
    font-size: 0.74rem;
    height: 2.35rem;
    width: 2.35rem;
}

.user-directory-identity[b-frqwuomorz] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.user-directory-identity > strong[b-frqwuomorz],
.user-directory-identity > small[b-frqwuomorz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-directory-identity > strong[b-frqwuomorz] {
    font-size: 0.79rem;
}

.user-directory-identity > small[b-frqwuomorz] {
    color: #667085;
    font-size: 0.69rem;
}

.user-directory-badges[b-frqwuomorz],
.user-editor-badges[b-frqwuomorz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.28rem;
}

.user-directory-badges[b-frqwuomorz] {
    margin-top: 0.22rem;
}

.status-badge[b-frqwuomorz],
.role-badge[b-frqwuomorz],
.role-more[b-frqwuomorz] {
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 750;
    line-height: 1.2;
    padding: 0.2rem 0.42rem;
}

.status-badge.active[b-frqwuomorz] {
    background: #e8f8ef;
    color: #18794e;
}

.status-badge.inactive[b-frqwuomorz] {
    background: #eef1f4;
    color: #667085;
}

.status-badge.current[b-frqwuomorz] {
    background: #e9effa;
    color: #34578b;
}

.role-badge[b-frqwuomorz] {
    background: #eeeaf7;
    color: #625687;
}

.role-more[b-frqwuomorz] {
    background: #edf1f5;
    color: #58687a;
}

.user-directory-chevron[b-frqwuomorz] {
    border-bottom: 1.8px solid #778698;
    border-right: 1.8px solid #778698;
    height: 0.45rem;
    transform: rotate(-45deg);
    width: 0.45rem;
}

.user-directory-empty[b-frqwuomorz] {
    color: #667085;
    font-size: 0.78rem;
    margin: 1.2rem 0.65rem;
    text-align: center;
}

.user-editor-panel[b-frqwuomorz],
.user-create-form[b-frqwuomorz] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.user-create-form[b-frqwuomorz] {
    flex: 1 1 auto;
}

.user-editor-header[b-frqwuomorz] {
    align-items: center;
    background:
        linear-gradient(90deg, rgba(232, 238, 248, 0.74), rgba(255, 255, 255, 0.94) 60%);
    border-bottom: 1px solid rgba(91, 113, 128, 0.16);
    display: flex;
    flex: 0 0 auto;
    gap: 0.72rem;
    min-height: 4.8rem;
    padding: 0.72rem 0.9rem;
}

.user-editor-avatar[b-frqwuomorz] {
    font-size: 0.86rem;
    height: 2.8rem;
    width: 2.8rem;
}

.user-editor-avatar-new[b-frqwuomorz] {
    font-size: 1.25rem;
}

.user-editor-title[b-frqwuomorz] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
}

.user-editor-title .eyebrow[b-frqwuomorz] {
    margin-bottom: 0.08rem;
}

.user-editor-title h2[b-frqwuomorz] {
    color: #293f54;
    font-size: 1.05rem;
    line-height: 1.2;
    margin: 0;
}

.user-editor-title > p:last-child[b-frqwuomorz] {
    color: #667085;
    font-size: 0.72rem;
    margin: 0.14rem 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-editor-badges[b-frqwuomorz] {
    flex: 0 0 auto;
    justify-content: flex-end;
}

.user-editor-scroll[b-frqwuomorz] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0.9rem;
}

.profile-section[b-frqwuomorz],
.access-section[b-frqwuomorz] {
    margin: 0 auto;
    max-width: 62rem;
}

.profile-section-heading[b-frqwuomorz],
.access-section-heading[b-frqwuomorz] {
    margin-bottom: 0.8rem;
}

.profile-section-heading h3[b-frqwuomorz],
.access-section-heading h3[b-frqwuomorz] {
    color: #2c4155;
    font-size: 0.95rem;
    margin: 0;
}

.profile-section-heading p[b-frqwuomorz],
.access-section-heading p[b-frqwuomorz] {
    color: #667085;
    font-size: 0.76rem;
    line-height: 1.4;
    margin: 0.2rem 0 0;
}

.profile-photo-card[b-frqwuomorz] {
    align-items: center;
    background: linear-gradient(120deg, #f7f9fc, #f2f0f8);
    border: 1px solid #d8e0eb;
    border-radius: 12px;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin-bottom: 1rem;
    padding: 0.82rem;
}

.profile-photo-copy[b-frqwuomorz] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.profile-photo-copy h4[b-frqwuomorz] {
    color: #2c4155;
    font-size: 0.86rem;
    margin: 0;
}

.profile-photo-copy p[b-frqwuomorz],
.profile-photo-copy small[b-frqwuomorz] {
    color: #667085;
    font-size: 0.72rem;
    line-height: 1.4;
    margin: 0;
}

.profile-photo-copy small[b-frqwuomorz] {
    color: #52677e;
    font-weight: 650;
}

.profile-photo-actions[b-frqwuomorz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
}

[b-frqwuomorz] .profile-photo-input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.profile-photo-actions:focus-within .profile-photo-upload[b-frqwuomorz] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.profile-photo-upload[b-frqwuomorz] {
    cursor: pointer;
}

.profile-photo-upload[aria-disabled="true"][b-frqwuomorz] {
    cursor: wait;
    opacity: 0.58;
    pointer-events: none;
}

.create-grid[b-frqwuomorz],
.profile-grid[b-frqwuomorz] {
    align-items: start;
    display: grid;
    gap: 0.82rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.role-fieldset[b-frqwuomorz] {
    border: 0;
    margin: 1rem 0 0;
    padding: 0;
}

.role-fieldset legend[b-frqwuomorz] {
    color: #344054;
    font-size: 0.8rem;
    font-weight: 750;
    margin-bottom: 0.5rem;
}

.role-options[b-frqwuomorz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.role-option[b-frqwuomorz] {
    align-items: flex-start;
    background: #f8fafc;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    gap: 0.55rem;
    min-width: 12rem;
    padding: 0.62rem 0.7rem;
}

.role-option:has(input:checked)[b-frqwuomorz] {
    background: #edf2fa;
    border-color: #91a8ce;
}

.role-option:has(input:disabled)[b-frqwuomorz] {
    cursor: default;
}

.role-option span[b-frqwuomorz] {
    display: grid;
    gap: 0.12rem;
}

.role-option strong[b-frqwuomorz] {
    font-size: 0.76rem;
}

.role-option small[b-frqwuomorz] {
    color: #667085;
    font-size: 0.7rem;
}

.role-options.compact .role-option[b-frqwuomorz] {
    min-width: auto;
    padding: 0.5rem 0.65rem;
}

.access-note[b-frqwuomorz] {
    align-items: center;
    background: #f0f5fc;
    border: 1px solid #cfdaeb;
    border-radius: 8px;
    color: #3d5b7a;
    display: flex;
    font-size: 0.76rem;
    gap: 0.55rem;
    margin: 0 auto 0.8rem;
    max-width: 62rem;
    padding: 0.58rem 0.72rem;
}

.note-icon[b-frqwuomorz] {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.66rem;
    font-weight: 800;
    height: 1.05rem;
    justify-content: center;
    width: 1.05rem;
}

.permission-list[b-frqwuomorz] {
    display: grid;
    gap: 0.38rem;
    margin-top: 0.72rem;
}

.permission-row[b-frqwuomorz] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e7ed;
    border-radius: 8px;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto minmax(0, 1fr) minmax(9.5rem, auto);
    padding: 0.58rem 0.68rem;
}

.permission-state[b-frqwuomorz] {
    background: #98a2b3;
    border-radius: 50%;
    height: 0.58rem;
    width: 0.58rem;
}

.permission-state.granted[b-frqwuomorz] {
    background: #12a150;
    box-shadow: 0 0 0 3px #d9f7e5;
}

.permission-copy[b-frqwuomorz] {
    display: grid;
    gap: 0.08rem;
}

.permission-copy strong[b-frqwuomorz] {
    font-size: 0.77rem;
}

.permission-copy small[b-frqwuomorz] {
    color: #667085;
    font-size: 0.69rem;
}

.permission-copy .permission-source[b-frqwuomorz] {
    color: #49678d;
    font-weight: 650;
}

.permission-select[b-frqwuomorz] {
    font-size: 0.75rem;
    min-width: 9.5rem;
    padding-block: 0.4rem;
}

.active-toggle[b-frqwuomorz] {
    align-self: end;
    min-height: 2.5rem;
}

.user-editor-actions[b-frqwuomorz] {
    align-items: center;
    background: rgba(249, 251, 253, 0.96);
    border-top: 1px solid rgba(91, 113, 128, 0.16);
    display: flex;
    flex: 0 0 auto;
    gap: 0.55rem;
    justify-content: flex-end;
    min-height: 4rem;
    padding: 0.62rem 0.9rem;
}

.user-editor-actions .button[b-frqwuomorz] {
    min-width: 7rem;
}

.user-editor-empty[b-frqwuomorz] {
    align-items: center;
    color: #667085;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-size: 0.82rem;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.user-editor-empty-icon[b-frqwuomorz] {
    border: 2px solid #9aa8b8;
    border-radius: 50%;
    height: 2.4rem;
    margin-bottom: 0.6rem;
    position: relative;
    width: 2.4rem;
}

.user-editor-empty-icon[b-frqwuomorz]::before,
.user-editor-empty-icon[b-frqwuomorz]::after {
    background: #9aa8b8;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.user-editor-empty-icon[b-frqwuomorz]::before {
    border-radius: 50%;
    height: 0.65rem;
    top: 0.42rem;
    width: 0.65rem;
}

.user-editor-empty-icon[b-frqwuomorz]::after {
    border-radius: 0.7rem 0.7rem 0 0;
    bottom: 0.35rem;
    height: 0.7rem;
    width: 1.25rem;
}

@media (max-width: 900px) {
    .user-admin-workspace[b-frqwuomorz] {
        grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
    }

    .create-grid[b-frqwuomorz],
    .profile-grid[b-frqwuomorz] {
        grid-template-columns: 1fr;
    }

    .user-add-button[b-frqwuomorz] {
        padding-inline: 0.55rem;
    }
}

@media (max-width: 700px) {
    .users-section-nav[b-frqwuomorz] {
        margin-bottom: 0.55rem;
    }

    .users-section-button[b-frqwuomorz] {
        min-height: 2.55rem;
        padding-inline: 0.62rem;
    }

    .user-admin-workspace[b-frqwuomorz] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(11.5rem, 36%) minmax(0, 1fr);
    }

    .user-directory[b-frqwuomorz] {
        border-bottom: 1px solid rgba(91, 113, 128, 0.16);
        border-right: 0;
    }

    .user-directory-header[b-frqwuomorz] {
        padding-block: 0.6rem 0.45rem;
    }

    .user-directory-list[b-frqwuomorz] {
        display: grid;
        grid-auto-columns: minmax(14.5rem, 78%);
        grid-auto-flow: column;
        grid-template-rows: 1fr;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0.5rem;
    }

    .user-directory-item[b-frqwuomorz] {
        height: 100%;
        min-height: 4rem;
    }

    .user-editor-header[b-frqwuomorz] {
        min-height: 4.45rem;
        padding: 0.58rem 0.7rem;
    }

    .user-editor-scroll[b-frqwuomorz] {
        padding: 0.7rem;
    }

    .profile-photo-card[b-frqwuomorz] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .profile-photo-actions[b-frqwuomorz] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .permission-row[b-frqwuomorz] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .permission-select[b-frqwuomorz] {
        grid-column: 2;
        width: 100%;
    }

    .user-editor-actions[b-frqwuomorz] {
        min-height: 3.7rem;
        padding: 0.55rem 0.7rem;
    }
}

@media (max-width: 480px) {
    .users-section-button span:not(.users-section-count)[b-frqwuomorz] {
        white-space: nowrap;
    }

    .user-directory-header h2[b-frqwuomorz] {
        font-size: 0.86rem;
    }

    .user-add-button[b-frqwuomorz] {
        min-width: 2.5rem;
    }

    .user-editor-badges[b-frqwuomorz] {
        display: none;
    }

    .user-editor-actions .button[b-frqwuomorz] {
        flex: 1 1 0;
        min-height: 2.65rem;
        min-width: 0;
    }
}

@media (forced-colors: active) {
    .users-section-nav[b-frqwuomorz],
    .users-section-button.is-active[b-frqwuomorz],
    .user-admin-workspace[b-frqwuomorz],
    .user-directory[b-frqwuomorz],
    .user-directory-item.is-selected[b-frqwuomorz],
    .user-editor-header[b-frqwuomorz],
    .user-editor-actions[b-frqwuomorz],
    .role-option[b-frqwuomorz],
    .permission-row[b-frqwuomorz],
    .access-note[b-frqwuomorz],
    .profile-photo-card[b-frqwuomorz] {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }

    .user-directory-item.is-selected[b-frqwuomorz]::before,
    .permission-state.granted[b-frqwuomorz] {
        background: Highlight;
    }
}

.presence-panel[b-frqwuomorz] {
    background:
        radial-gradient(circle at top right, rgba(91, 116, 159, 0.12), transparent 34%),
        var(--color-surface);
    border: 1px solid #c6d3e8;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(16, 24, 40, 0.06);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding: 1rem;
}

.presence-panel-heading[b-frqwuomorz] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.presence-panel-heading h2[b-frqwuomorz] {
    font-size: 1.05rem;
    margin: 0;
}

.presence-panel-heading p[b-frqwuomorz] {
    color: #667085;
    font-size: 0.82rem;
    margin: 0.25rem 0 0;
    max-width: 760px;
}

.presence-title-row[b-frqwuomorz] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
}

.presence-live-indicator[b-frqwuomorz] {
    background: #12a150;
    border: 3px solid #d8f5e3;
    border-radius: 50%;
    box-sizing: content-box;
    height: 0.55rem;
    width: 0.55rem;
}

.presence-stats[b-frqwuomorz] {
    display: flex;
    gap: 0.65rem;
    margin-top: 0.9rem;
}

.presence-stat[b-frqwuomorz] {
    align-items: baseline;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    display: flex;
    gap: 0.45rem;
    padding: 0.5rem 0.7rem;
}

.presence-stat strong[b-frqwuomorz] {
    color: #3e587f;
    font-size: 1.1rem;
}

.presence-stat span[b-frqwuomorz] {
    color: #475467;
    font-size: 0.78rem;
}

.presence-grid-shell[b-frqwuomorz] {
    flex: 1 1 auto;
    height: auto;
    margin-top: 0.9rem;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.presence-grid-user[b-frqwuomorz] {
    align-items: center;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
}

.presence-user-avatar[b-frqwuomorz] {
    align-items: center;
    background: #e3ebf7;
    border-radius: 50%;
    color: #3e587f;
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.presence-user-name[b-frqwuomorz] {
    display: grid;
    min-width: 0;
}

.presence-user-name strong[b-frqwuomorz],
.presence-user-name small[b-frqwuomorz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.presence-user-name small[b-frqwuomorz] {
    color: #667085;
    font-size: 0.75rem;
}

.presence-grid-user-actions[b-frqwuomorz] {
    align-items: center;
    display: flex;
    gap: 0.38rem;
}

.presence-grid-status[b-frqwuomorz] {
    align-items: center;
    background: #dcfce7;
    border-radius: 999px;
    color: #087a3f;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 750;
    gap: 0.3rem;
    padding: 0.22rem 0.48rem;
    white-space: nowrap;
}

.presence-grid-status-dot[b-frqwuomorz] {
    background: #12a150;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(18, 161, 80, 0.12);
    height: 0.38rem;
    width: 0.38rem;
}

.presence-session-count[b-frqwuomorz] {
    align-items: center;
    background: #e8eef8;
    border-radius: 999px;
    color: #3e587f;
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 800;
    justify-content: center;
    min-width: 1.8rem;
    padding: 0.22rem 0.48rem;
}

.presence-cell-ellipsis[b-frqwuomorz] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.presence-grid-time[b-frqwuomorz] {
    color: #344054;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.status-badge.presence-online[b-frqwuomorz] {
    background: #dcfce7;
    color: #087a3f;
}

.status-badge.presence-offline[b-frqwuomorz] {
    background: #f2f4f7;
    color: #667085;
}

.presence-grid-detail[b-frqwuomorz] {
    min-width: 0;
}

.presence-grid-detail-heading[b-frqwuomorz] {
    align-items: center;
    color: #344054;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 1rem;
    justify-content: space-between;
    margin-bottom: 0.65rem;
}

.presence-grid-detail-heading strong[b-frqwuomorz] {
    color: #3e587f;
    font-size: 0.8rem;
}

.presence-grid-detail-heading span[b-frqwuomorz] {
    color: #667085;
    font-size: 0.72rem;
}

.presence-session-list[b-frqwuomorz] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
}

.presence-session[b-frqwuomorz] {
    background: #f8fafc;
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    min-width: 0;
    padding: 0.7rem;
}

.presence-session-heading[b-frqwuomorz] {
    align-items: center;
    display: flex;
    font-size: 0.75rem;
    gap: 0.5rem;
    justify-content: space-between;
    margin-bottom: 0.6rem;
}

.presence-session-heading span[b-frqwuomorz] {
    background: #e8eef8;
    border-radius: 999px;
    color: #3e587f;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.2rem 0.45rem;
}

.presence-session-heading-actions[b-frqwuomorz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
}

.presence-shadow-button[b-frqwuomorz] {
    align-items: center;
    display: inline-flex;
    font-size: 0.68rem;
    gap: 0.35rem;
    min-height: 1.85rem;
    padding: 0.28rem 0.48rem;
}

.presence-shadow-button > span:last-child[b-frqwuomorz] {
    background: transparent;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    padding: 0;
}

.presence-terminate-button[b-frqwuomorz] {
    align-items: center;
    background: #fff5f4;
    border-color: #e0aaa5;
    color: #9b2c2c;
    display: inline-flex;
    font-size: 0.68rem;
    gap: 0.35rem;
    min-height: 1.85rem;
    padding: 0.28rem 0.48rem;
}

.presence-terminate-button:hover:not(:disabled)[b-frqwuomorz] {
    background: #ffe9e7;
    border-color: #cb7f78;
    color: #842424;
}

.presence-terminate-button:focus-visible[b-frqwuomorz] {
    outline: 3px solid #d9a09b;
    outline-offset: 2px;
}

.presence-terminate-button > span:last-child[b-frqwuomorz] {
    background: transparent;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    padding: 0;
}

.presence-terminate-icon[b-frqwuomorz] {
    background: currentColor;
    display: inline-block;
    height: 0.9rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9 1h2v9H9V1Zm1 18a8 8 0 0 1-5.66-13.66l1.42 1.42a6 6 0 1 0 8.48 0l1.42-1.42A8 8 0 0 1 10 19Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 0.9rem;
}

.presence-shadow-icon[b-frqwuomorz] {
    background: currentColor;
    display: inline-block;
    height: 0.9rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.7 3 2.15 5.57.5 9.43a1.4 1.4 0 0 0 0 1.14C2.15 14.43 5.7 17 10 17s7.85-2.57 9.5-6.43a1.4 1.4 0 0 0 0-1.14C17.85 5.57 14.3 3 10 3Zm0 11.25A4.25 4.25 0 1 1 10 5.75a4.25 4.25 0 0 1 0 8.5Zm0-2A2.25 2.25 0 1 0 10 7.75a2.25 2.25 0 0 0 0 4.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 0.9rem;
}

.presence-details[b-frqwuomorz] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.presence-details div[b-frqwuomorz] {
    min-width: 0;
}

.presence-details dt[b-frqwuomorz] {
    color: #667085;
    font-size: 0.67rem;
    font-weight: 700;
    margin-bottom: 0.1rem;
    text-transform: uppercase;
}

.presence-details dd[b-frqwuomorz] {
    color: #1d2939;
    font-size: 0.75rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.presence-details code[b-frqwuomorz] {
    background: #edf2f7;
    border-radius: 4px;
    color: #344054;
    font-size: 0.72rem;
    padding: 0.08rem 0.25rem;
}

.presence-agent[b-frqwuomorz] {
    border-top: 1px solid #e4e7ec;
    margin-top: 0.65rem;
    padding-top: 0.55rem;
}

.presence-agent strong[b-frqwuomorz] {
    color: #3e587f;
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
}

.presence-agent code[b-frqwuomorz] {
    background: #111827;
    border-radius: 6px;
    color: #dbeafe;
    display: block;
    font-size: 0.68rem;
    line-height: 1.45;
    margin-top: 0.5rem;
    max-height: 8rem;
    overflow: auto;
    overflow-wrap: anywhere;
    padding: 0.6rem;
    white-space: pre-wrap;
}

[b-frqwuomorz] .presence-message-column {
    text-align: center;
}

.presence-message-button[b-frqwuomorz] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    min-height: 2rem;
    padding: 0;
    white-space: nowrap;
    width: 2rem;
}

.presence-message-icon[b-frqwuomorz] {
    background: currentColor;
    display: inline-block;
    height: 0.95rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 2.5h13A1.5 1.5 0 0 1 16 4v7a1.5 1.5 0 0 1-1.5 1.5H6L2.4 15v-2.5h-.9A1.5 1.5 0 0 1 0 11V4a1.5 1.5 0 0 1 1.5-1.5Zm1 3a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm3.5 0A.75.75 0 1 0 6 7a.75.75 0 0 0 0-1.5Zm3.5 0a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 0.95rem;
}

.presence-updated[b-frqwuomorz] {
    color: #667085;
    font-size: 0.68rem;
    margin: 0.75rem 0 0;
    text-align: right;
}

@media (max-width: 600px) {
    .presence-stats[b-frqwuomorz] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .presence-stat[b-frqwuomorz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.1rem;
    }

    .presence-grid-shell[b-frqwuomorz] {
        min-height: 0;
    }

    .presence-details[b-frqwuomorz] {
        grid-template-columns: 1fr;
    }

    .presence-session-heading[b-frqwuomorz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .presence-session-heading-actions[b-frqwuomorz] {
        justify-content: flex-start;
        width: 100%;
    }
}

@media (forced-colors: active) {
    .presence-terminate-button[b-frqwuomorz] {
        background: Canvas;
        border-color: CanvasText;
        color: CanvasText;
        forced-color-adjust: auto;
    }
}
/* /Components/Pages/Users/UserSessionTerminationDialog.razor.rz.scp.css */
.session-termination-dialog[b-dojql4wpsc] {
    background: #ffffff;
    border: 1px solid #d8dee8;
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.3);
    color: #27364f;
    margin: auto;
    max-height: min(92dvh, 44rem);
    max-width: min(calc(100vw - 2rem), 34rem);
    padding: 0;
    width: 100%;
}

.session-termination-dialog[b-dojql4wpsc]::backdrop {
    backdrop-filter: blur(3px);
    background: rgba(15, 23, 42, 0.5);
}

.session-termination-content[b-dojql4wpsc] {
    display: grid;
    gap: 1rem;
    max-height: min(92dvh, 44rem);
    overflow-y: auto;
    padding: 1.15rem;
}

.session-termination-heading[b-dojql4wpsc] {
    align-items: flex-start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.session-termination-heading .eyebrow[b-dojql4wpsc] {
    color: #a62f2f;
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    margin: 0 0 0.12rem;
    text-transform: uppercase;
}

.session-termination-heading h2[b-dojql4wpsc] {
    color: #27364f;
    font-size: 1.08rem;
    margin: 0;
}

.session-termination-warning[b-dojql4wpsc] {
    align-items: center;
    background: #fff1f0;
    border: 1px solid #e5aaa4;
    border-radius: 50%;
    color: #a62f2f;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.session-termination-warning-icon[b-dojql4wpsc],
.session-termination-confirm-icon[b-dojql4wpsc],
.session-termination-impact-icon[b-dojql4wpsc] {
    background: currentColor;
    display: inline-block;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9 1h2v9H9V1Zm1 18a8 8 0 0 1-5.66-13.66l1.42 1.42a6 6 0 1 0 8.48 0l1.42-1.42A8 8 0 0 1 10 19Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.session-termination-warning-icon[b-dojql4wpsc],
.session-termination-impact-icon[b-dojql4wpsc] {
    height: 1.05rem;
    width: 1.05rem;
}

.session-termination-close[b-dojql4wpsc] {
    align-items: center;
    appearance: none;
    background: #f2f5fa;
    border: 1px solid #d6dfec;
    border-radius: 8px;
    color: #344054;
    cursor: pointer;
    display: inline-flex;
    font-size: 1.35rem;
    height: 2.2rem;
    justify-content: center;
    line-height: 1;
    width: 2.2rem;
}

.session-termination-close:hover:not(:disabled)[b-dojql4wpsc] {
    background: #e8eef7;
}

.session-termination-close:focus-visible[b-dojql4wpsc],
.session-termination-confirm:focus-visible[b-dojql4wpsc] {
    outline: 3px solid #91a8ce;
    outline-offset: 2px;
}

.session-termination-description[b-dojql4wpsc] {
    color: #4f5d73;
    font-size: 0.88rem;
    line-height: 1.5;
    margin: 0;
}

.session-termination-summary[b-dojql4wpsc] {
    background: #f7f9fc;
    border: 1px solid #dfe6f0;
    border-radius: 10px;
    display: grid;
    gap: 0.75rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 0.85rem;
}

.session-termination-summary div[b-dojql4wpsc] {
    min-width: 0;
}

.session-termination-summary-wide[b-dojql4wpsc] {
    grid-column: 1 / -1;
}

.session-termination-summary dt[b-dojql4wpsc] {
    color: #667085;
    font-size: 0.66rem;
    font-weight: 750;
    margin-bottom: 0.12rem;
    text-transform: uppercase;
}

.session-termination-summary dd[b-dojql4wpsc] {
    color: #1d2939;
    font-size: 0.78rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.session-termination-summary code[b-dojql4wpsc] {
    background: #e8eef8;
    border-radius: 5px;
    color: #344054;
    font-size: 0.73rem;
    padding: 0.1rem 0.3rem;
}

.session-termination-impact[b-dojql4wpsc] {
    align-items: flex-start;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-left: 4px solid #c2410c;
    border-radius: 9px;
    color: #9a3412;
    display: flex;
    gap: 0.65rem;
    padding: 0.75rem 0.8rem;
}

.session-termination-impact-icon[b-dojql4wpsc] {
    flex: 0 0 auto;
    margin-top: 0.1rem;
}

.session-termination-impact p[b-dojql4wpsc] {
    display: grid;
    font-size: 0.78rem;
    gap: 0.18rem;
    line-height: 1.45;
    margin: 0;
}

.session-termination-feedback[b-dojql4wpsc] {
    border: 1px solid;
    border-radius: 8px;
    font-size: 0.78rem;
    line-height: 1.4;
    padding: 0.65rem 0.75rem;
}

.session-termination-feedback.is-warning[b-dojql4wpsc] {
    background: #fffaeb;
    border-color: #f7c86b;
    color: #854a0e;
}

.session-termination-feedback.is-error[b-dojql4wpsc] {
    background: #fff1f0;
    border-color: #e5aaa4;
    color: #912018;
}

.session-termination-actions[b-dojql4wpsc] {
    align-items: center;
    border-top: 1px solid #e5e9ef;
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
    padding-top: 0.95rem;
}

.session-termination-confirm[b-dojql4wpsc] {
    align-items: center;
    background: #a62f2f;
    border-color: #8f2929;
    color: #ffffff;
    display: inline-flex;
    gap: 0.42rem;
    justify-content: center;
}

.session-termination-confirm:hover:not(:disabled)[b-dojql4wpsc] {
    background: #8f2929;
    border-color: #7c2323;
}

.session-termination-confirm-icon[b-dojql4wpsc] {
    height: 0.92rem;
    width: 0.92rem;
}

@media (max-width: 520px) {
    .session-termination-dialog[b-dojql4wpsc] {
        max-width: calc(100vw - 1rem);
    }

    .session-termination-summary[b-dojql4wpsc] {
        grid-template-columns: 1fr;
    }

    .session-termination-summary-wide[b-dojql4wpsc] {
        grid-column: auto;
    }

    .session-termination-actions[b-dojql4wpsc] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .session-termination-actions .button[b-dojql4wpsc] {
        min-height: 2.7rem;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .session-termination-dialog[b-dojql4wpsc] {
        scroll-behavior: auto;
    }
}

@media (forced-colors: active) {
    .session-termination-dialog[b-dojql4wpsc],
    .session-termination-close[b-dojql4wpsc],
    .session-termination-warning[b-dojql4wpsc],
    .session-termination-summary[b-dojql4wpsc],
    .session-termination-impact[b-dojql4wpsc],
    .session-termination-feedback[b-dojql4wpsc],
    .session-termination-confirm[b-dojql4wpsc] {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
        forced-color-adjust: auto;
    }
}
/* /Components/Pages/Users/UserTwoFactorAdmin.razor.rz.scp.css */
.two-factor-admin-card[b-zt5d6au9vw] {
    background: linear-gradient(130deg, #f8fafc, #f4f7fb);
    border: 1px solid #d7e0eb;
    border-radius: 12px;
    margin-top: 1rem;
    overflow: hidden;
}

.two-factor-admin-header[b-zt5d6au9vw] {
    align-items: center;
    border-bottom: 1px solid #e1e7ef;
    display: grid;
    gap: 0.72rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0.85rem;
}

.two-factor-admin-heading[b-zt5d6au9vw],
.two-factor-admin-heading h4[b-zt5d6au9vw],
.two-factor-admin-heading p[b-zt5d6au9vw],
.two-factor-admin-disabled-copy[b-zt5d6au9vw],
.two-factor-admin-section-heading h5[b-zt5d6au9vw],
.two-factor-admin-section-heading p[b-zt5d6au9vw],
.two-factor-reset-confirmation p[b-zt5d6au9vw],
.two-factor-activation-warning[b-zt5d6au9vw] {
    margin: 0;
}

.two-factor-admin-heading h4[b-zt5d6au9vw],
.two-factor-admin-section-heading h5[b-zt5d6au9vw] {
    color: #253b52;
    font-size: 0.88rem;
}

.two-factor-admin-heading p[b-zt5d6au9vw],
.two-factor-admin-section-heading p[b-zt5d6au9vw],
.two-factor-admin-disabled-copy[b-zt5d6au9vw],
.two-factor-reset-confirmation p[b-zt5d6au9vw],
.two-factor-activation-warning[b-zt5d6au9vw] {
    color: #667085;
    font-size: 0.72rem;
    line-height: 1.48;
    margin-top: 0.16rem;
}

.two-factor-admin-icon[b-zt5d6au9vw] {
    background: #536b85;
    height: 1.3rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.5 3.25 4.1v4.82c0 4.4 2.88 8.45 6.75 9.58 3.87-1.13 6.75-5.18 6.75-9.58V4.1L10 1.5Zm0 3.4a2 2 0 0 1 2 2v.7h.35c.41 0 .75.34.75.75v3.5c0 .41-.34.75-.75.75h-4.7a.75.75 0 0 1-.75-.75v-3.5c0-.41.34-.75.75-.75H8v-.7a2 2 0 0 1 2-2Zm0 1.35a.65.65 0 0 0-.65.65v.7h1.3v-.7a.65.65 0 0 0-.65-.65Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 1.3rem;
}

.two-factor-admin-loading[b-zt5d6au9vw] {
    align-items: center;
    color: #667085;
    display: flex;
    font-size: 0.76rem;
    gap: 0.52rem;
    min-height: 5rem;
    padding: 0.9rem;
}

.two-factor-admin-details[b-zt5d6au9vw] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 0.85rem;
}

.two-factor-admin-details div[b-zt5d6au9vw] {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
}

.two-factor-admin-details dt[b-zt5d6au9vw] {
    color: #667085;
    font-size: 0.64rem;
    font-weight: 750;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.two-factor-admin-details dd[b-zt5d6au9vw] {
    color: #253b52;
    font-size: 0.76rem;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.two-factor-admin-disabled-copy[b-zt5d6au9vw] {
    padding: 0.85rem;
}

.two-factor-admin-notice[b-zt5d6au9vw],
.two-factor-operation-message[b-zt5d6au9vw] {
    align-items: start;
    display: grid;
    font-size: 0.72rem;
    gap: 0.12rem;
    line-height: 1.45;
    margin: 0 0.85rem 0.85rem;
    padding: 0.68rem 0.75rem;
}

.two-factor-admin-notice[b-zt5d6au9vw] {
    background: #fff8eb;
    border: 1px solid #fedf89;
    border-radius: 8px;
    color: #7a2e0e;
}

.two-factor-operation-message[b-zt5d6au9vw] {
    border-left: 3px solid;
}

.two-factor-operation-message.success[b-zt5d6au9vw] {
    background: #ecfdf3;
    border-color: #12a150;
    color: #087a3f;
}

.two-factor-operation-message.error[b-zt5d6au9vw] {
    background: #fff1f0;
    border-color: #d92d20;
    color: #912018;
}

.two-factor-admin-editor[b-zt5d6au9vw] {
    border-top: 1px solid #e1e7ef;
    padding: 0.9rem;
}

.two-factor-admin-section-heading[b-zt5d6au9vw] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.two-factor-step[b-zt5d6au9vw] {
    background: #e8eef8;
    border-radius: 999px;
    color: #3e587f;
    flex: 0 0 auto;
    font-size: 0.64rem;
    font-weight: 750;
    padding: 0.25rem 0.52rem;
}

.two-factor-method-fieldset[b-zt5d6au9vw] {
    border: 0;
    margin: 0;
    padding: 0;
}

.two-factor-method-fieldset legend[b-zt5d6au9vw] {
    color: #344054;
    font-size: 0.72rem;
    font-weight: 750;
    margin-bottom: 0.42rem;
}

.two-factor-method-options[b-zt5d6au9vw] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.two-factor-method-option[b-zt5d6au9vw] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d8e0eb;
    border-radius: 9px;
    cursor: pointer;
    display: grid;
    gap: 0.6rem;
    grid-template-columns: auto auto minmax(0, 1fr);
    min-width: 0;
    padding: 0.68rem;
}

.two-factor-method-option.selected[b-zt5d6au9vw] {
    background: #f0f5ff;
    border-color: #7592bd;
    box-shadow: 0 0 0 1px rgba(83, 107, 133, 0.14);
}

.two-factor-method-option input[b-zt5d6au9vw] {
    margin: 0;
}

.two-factor-method-option span:last-child[b-zt5d6au9vw] {
    display: grid;
    min-width: 0;
}

.two-factor-method-option strong[b-zt5d6au9vw] {
    color: #253b52;
    font-size: 0.76rem;
}

.two-factor-method-option small[b-zt5d6au9vw] {
    color: #667085;
    font-size: 0.67rem;
    line-height: 1.35;
}

.two-factor-method-icon[b-zt5d6au9vw] {
    background: #536b85;
    display: inline-block;
    height: 1rem;
    width: 1rem;
}

.two-factor-method-icon.email[b-zt5d6au9vw] {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.5 4h15A1.5 1.5 0 0 1 19 5.5v9a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 1 14.5v-9A1.5 1.5 0 0 1 2.5 4Zm.18 1.5L10 10.63l7.32-5.13H2.68Zm14.82 9V7.06l-7.07 4.95a.75.75 0 0 1-.86 0L2.5 7.06v7.44h15Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.two-factor-method-icon.sms[b-zt5d6au9vw] {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 1.5h10A1.5 1.5 0 0 1 16.5 3v14A1.5 1.5 0 0 1 15 18.5H5A1.5 1.5 0 0 1 3.5 17V3A1.5 1.5 0 0 1 5 1.5ZM5 3v12.5h10V3H5Zm3.5 13.5h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.two-factor-destination-field[b-zt5d6au9vw] {
    margin-top: 0.85rem;
    max-width: 34rem;
}

.two-factor-activation-warning[b-zt5d6au9vw] {
    background: #fff8eb;
    border: 1px solid #fedf89;
    border-left: 3px solid #f79009;
    border-radius: 8px;
    color: #7a2e0e;
    margin-top: 0.8rem;
    max-width: 44rem;
    padding: 0.68rem 0.75rem;
}

.two-factor-admin-actions[b-zt5d6au9vw] {
    align-items: center;
    border-top: 1px solid #e1e7ef;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    padding: 0.72rem 0.85rem;
}

.two-factor-admin-editor .two-factor-admin-actions[b-zt5d6au9vw] {
    border-top: 0;
    padding: 0.9rem 0 0;
}

.two-factor-reset-button[b-zt5d6au9vw] {
    color: #9a3412;
}

.two-factor-reset-confirmation[b-zt5d6au9vw] {
    align-items: center;
    background: #fff7ed;
    border-top: 1px solid #fed7aa;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.8rem 0.85rem;
}

.two-factor-reset-confirmation strong[b-zt5d6au9vw] {
    color: #9a3412;
    font-size: 0.78rem;
}

.two-factor-reset-confirmation-actions[b-zt5d6au9vw] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.46rem;
}

.button-danger[b-zt5d6au9vw] {
    background: #b42318;
    border-color: #b42318;
    color: #ffffff;
}

.button-danger:hover:not(:disabled)[b-zt5d6au9vw] {
    background: #912018;
    border-color: #912018;
}

@media (max-width: 760px) {
    .two-factor-admin-details[b-zt5d6au9vw],
    .two-factor-method-options[b-zt5d6au9vw] {
        grid-template-columns: 1fr;
    }

    .two-factor-reset-confirmation[b-zt5d6au9vw] {
        align-items: stretch;
        flex-direction: column;
    }

    .two-factor-reset-confirmation-actions[b-zt5d6au9vw] {
        justify-content: flex-end;
    }
}

@media (max-width: 480px) {
    .two-factor-admin-header[b-zt5d6au9vw] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .two-factor-admin-header .status-badge[b-zt5d6au9vw] {
        grid-column: 2;
        justify-self: start;
    }

    .two-factor-admin-section-heading[b-zt5d6au9vw] {
        display: grid;
    }

    .two-factor-step[b-zt5d6au9vw] {
        justify-self: start;
    }

    .two-factor-reset-confirmation-actions .button[b-zt5d6au9vw] {
        flex: 1 1 100%;
    }
}

@media (forced-colors: active) {
    .two-factor-admin-card[b-zt5d6au9vw],
    .two-factor-method-option[b-zt5d6au9vw],
    .two-factor-admin-notice[b-zt5d6au9vw],
    .two-factor-activation-warning[b-zt5d6au9vw],
    .two-factor-operation-message[b-zt5d6au9vw],
    .two-factor-reset-confirmation[b-zt5d6au9vw] {
        background: Canvas;
        border-color: CanvasText;
        box-shadow: none;
        color: CanvasText;
    }
}
/* /Components/ShadowPresence/ShadowPresenceTargetHost.razor.rz.scp.css */
.shadow-target-banner[b-xxaumth27x] {
    align-items: center;
    background: linear-gradient(105deg, #172554, #1e3a8a 55%, #1d4ed8);
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 0 0 12px 12px;
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.28);
    color: #ffffff;
    display: grid;
    gap: 0.55rem 0.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
    left: 50%;
    max-width: min(58rem, calc(100vw - 2rem));
    padding: 0.58rem 0.68rem 0.58rem 0.8rem;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    width: max-content;
    z-index: 2147483000;
}

.shadow-target-status[b-xxaumth27x] {
    background: #4ade80;
    border: 2px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.2);
    height: 0.72rem;
    width: 0.72rem;
}

.shadow-target-copy[b-xxaumth27x] {
    display: grid;
    gap: 0.08rem;
    line-height: 1.25;
    min-width: 0;
}

.shadow-target-copy strong[b-xxaumth27x] {
    font-size: 0.8rem;
}

.shadow-target-copy span[b-xxaumth27x] {
    color: #dbeafe;
    font-size: 0.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shadow-target-mode[b-xxaumth27x],
.shadow-target-paused[b-xxaumth27x] {
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 750;
    padding: 0.28rem 0.48rem;
    white-space: nowrap;
}

.shadow-target-mode.is-readonly[b-xxaumth27x] {
    background: rgba(219, 234, 254, 0.18);
    border: 1px solid rgba(219, 234, 254, 0.36);
}

.shadow-target-mode.is-control[b-xxaumth27x] {
    background: #fef3c7;
    border: 1px solid #fde68a;
    color: #78350f;
}

.shadow-target-paused[b-xxaumth27x] {
    background: rgba(254, 226, 226, 0.16);
    border: 1px solid rgba(254, 202, 202, 0.38);
}

.shadow-target-stop[b-xxaumth27x] {
    background: #ffffff;
    border-color: #ffffff;
    color: #1e3a8a;
    font-size: 0.7rem;
    min-height: 2rem;
    padding: 0.38rem 0.7rem;
}

.shadow-target-stop:hover:not(:disabled)[b-xxaumth27x] {
    background: #eff6ff;
    border-color: #dbeafe;
}

@media (max-width: 680px) {
    .shadow-target-banner[b-xxaumth27x] {
        border-radius: 0;
        gap: 0.42rem 0.55rem;
        grid-template-columns: auto minmax(0, 1fr) auto;
        max-width: none;
        padding: 0.5rem 0.6rem;
        width: 100%;
    }

    .shadow-target-mode[b-xxaumth27x],
    .shadow-target-paused[b-xxaumth27x] {
        grid-row: 2;
    }

    .shadow-target-mode[b-xxaumth27x] {
        grid-column: 2;
        justify-self: start;
    }

    .shadow-target-paused[b-xxaumth27x] {
        grid-column: 2;
        justify-self: end;
    }

    .shadow-target-stop[b-xxaumth27x] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }
}

@media (forced-colors: active) {
    .shadow-target-banner[b-xxaumth27x] {
        background: Canvas;
        border-color: CanvasText;
        color: CanvasText;
    }

    .shadow-target-status[b-xxaumth27x] {
        background: Highlight;
        border-color: CanvasText;
        box-shadow: none;
    }
}
/* /Components/ShadowPresence/ShadowPresenceViewerDialog.razor.rz.scp.css */
.shadow-viewer-dialog[b-fjlwyq40k4] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    box-shadow: 0 28px 90px rgba(15, 23, 42, 0.38);
    color: #1e293b;
    height: min(92vh, 70rem);
    height: min(92dvh, 70rem);
    margin: auto;
    max-height: none;
    max-width: none;
    overflow: hidden;
    padding: 0;
    width: min(96vw, 110rem);
}

.shadow-viewer-dialog[b-fjlwyq40k4]::backdrop {
    backdrop-filter: blur(6px);
    background: rgba(15, 23, 42, 0.68);
}

.shadow-viewer-shell[b-fjlwyq40k4] {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    height: 100%;
    min-height: 0;
}

.shadow-viewer-heading[b-fjlwyq40k4] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #dbe3ec;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: 0.75rem 0.9rem;
}

.shadow-viewer-heading-copy[b-fjlwyq40k4] {
    min-width: 0;
}

.shadow-viewer-heading-copy .eyebrow[b-fjlwyq40k4],
.shadow-viewer-heading-copy h2[b-fjlwyq40k4],
.shadow-viewer-heading-copy p[b-fjlwyq40k4] {
    margin: 0;
}

.shadow-viewer-heading-copy h2[b-fjlwyq40k4] {
    font-size: clamp(1rem, 2vw, 1.25rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shadow-viewer-heading-copy p:last-child[b-fjlwyq40k4] {
    color: #64748b;
    font-size: 0.72rem;
    margin-top: 0.12rem;
}

.shadow-viewer-identity[b-fjlwyq40k4] {
    align-items: center;
    display: flex;
    font-size: 0.72rem;
    font-weight: 700;
    gap: 0.45rem;
}

.shadow-viewer-live-dot[b-fjlwyq40k4] {
    background: #22c55e;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #dcfce7;
    height: 0.56rem;
    width: 0.56rem;
}

.shadow-viewer-mode[b-fjlwyq40k4] {
    border-radius: 999px;
    padding: 0.25rem 0.48rem;
}

.shadow-viewer-mode.is-readonly[b-fjlwyq40k4] {
    background: #e0e7ff;
    color: #3730a3;
}

.shadow-viewer-mode.is-control[b-fjlwyq40k4] {
    background: #fef3c7;
    color: #92400e;
}

.shadow-viewer-sensitive-access[b-fjlwyq40k4] {
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.65rem;
    line-height: 1.2;
    padding: 0.22rem 0.45rem;
    white-space: nowrap;
}

.shadow-viewer-sensitive-access.is-masked[b-fjlwyq40k4] {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #475569;
}

.shadow-viewer-sensitive-access.is-visible[b-fjlwyq40k4] {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}

.shadow-viewer-sensitive-access.is-interactive[b-fjlwyq40k4] {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #9f1239;
}

.shadow-viewer-close[b-fjlwyq40k4] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-size: 1.45rem;
    height: 2.2rem;
    justify-content: center;
    width: 2.2rem;
}

.shadow-viewer-close:hover:not(:disabled)[b-fjlwyq40k4] {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.shadow-viewer-toolbar[b-fjlwyq40k4] {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid #dbe3ec;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding: 0.55rem 0.75rem;
}

.shadow-viewer-toolbar-group[b-fjlwyq40k4] {
    align-items: center;
    display: flex;
    gap: 0.35rem;
}

.shadow-viewer-zoom output[b-fjlwyq40k4] {
    color: #475569;
    font-size: 0.7rem;
    min-width: 3.2rem;
    text-align: center;
}

.shadow-zoom-button[b-fjlwyq40k4] {
    min-width: 2rem;
    padding-inline: 0.45rem;
}

.shadow-viewer-page[b-fjlwyq40k4] {
    display: grid;
    flex: 1 1 14rem;
    gap: 0.02rem;
    min-width: 0;
}

.shadow-viewer-page strong[b-fjlwyq40k4],
.shadow-viewer-page span[b-fjlwyq40k4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shadow-viewer-page strong[b-fjlwyq40k4] {
    font-size: 0.72rem;
}

.shadow-viewer-page span[b-fjlwyq40k4] {
    color: #64748b;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.65rem;
}

.shadow-viewer-end[b-fjlwyq40k4] {
    background: #b42318;
    border-color: #b42318;
    color: #ffffff;
    margin-left: auto;
}

.shadow-viewer-end:hover:not(:disabled)[b-fjlwyq40k4] {
    background: #912018;
    border-color: #912018;
}

.shadow-viewer-status-slot[b-fjlwyq40k4] {
    min-height: 0;
}

.shadow-viewer-error[b-fjlwyq40k4] {
    align-items: center;
    background: #fff1f2;
    border-bottom: 1px solid #fecdd3;
    color: #9f1239;
    display: flex;
    font-size: 0.72rem;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
}

.shadow-viewer-stage[b-fjlwyq40k4] {
    background:
        linear-gradient(45deg, #dbe3ec 25%, transparent 25%),
        linear-gradient(-45deg, #dbe3ec 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #dbe3ec 75%),
        linear-gradient(-45deg, transparent 75%, #dbe3ec 75%),
        #e8eef5;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    background-size: 16px 16px;
    min-height: 0;
    overflow: hidden;
    position: relative;
    touch-action: none;
}

.shadow-viewer-stage[data-shadow-mode="control"][b-fjlwyq40k4] {
    cursor: crosshair;
    outline: 2px solid #2563eb;
    outline-offset: -2px;
}

.shadow-viewer-stage[data-shadow-pointer-enabled="true"][b-fjlwyq40k4] {
    cursor: none;
}

.shadow-viewer-frame[b-fjlwyq40k4] {
    background: #ffffff;
    border: 0;
    box-shadow: 0 12px 38px rgba(15, 23, 42, 0.22);
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}

.shadow-viewer-overlay[b-fjlwyq40k4] {
    align-items: center;
    backdrop-filter: blur(5px);
    background: rgba(248, 250, 252, 0.9);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: absolute;
    text-align: center;
    z-index: 20;
}

.shadow-viewer-overlay strong[b-fjlwyq40k4] {
    font-size: 0.9rem;
}

.shadow-viewer-overlay span:last-child[b-fjlwyq40k4] {
    color: #64748b;
    font-size: 0.72rem;
}

.shadow-viewer-overlay.is-paused[b-fjlwyq40k4] {
    background: rgba(30, 41, 59, 0.84);
    color: #ffffff;
}

.shadow-viewer-overlay.is-paused span[b-fjlwyq40k4] {
    color: #dbeafe;
}

.shadow-viewer-overlay.is-protected[b-fjlwyq40k4] {
    background: rgba(255, 247, 237, 0.94);
    color: #9a3412;
}

.shadow-cursor[b-fjlwyq40k4] {
    --shadow-cursor-glow: rgba(99, 102, 241, 0.78);
    --shadow-cursor-glow-core: rgba(129, 140, 248, 0.48);
    --shadow-cursor-glow-fade: rgba(79, 70, 229, 0.17);
    align-items: flex-start;
    display: flex;
    filter:
        drop-shadow(0 2px 3px rgba(15, 23, 42, 0.62))
        drop-shadow(0 0 6px var(--shadow-cursor-glow));
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: 0 0;
    will-change: transform;
    z-index: 30;
}

.shadow-cursor[b-fjlwyq40k4]::before {
    background: radial-gradient(
        circle,
        var(--shadow-cursor-glow-core),
        var(--shadow-cursor-glow-fade) 48%,
        transparent 72%);
    border-radius: 50%;
    content: "";
    filter: blur(1.5px);
    height: 2rem;
    left: -0.45rem;
    position: absolute;
    top: -0.24rem;
    width: 2rem;
    z-index: -1;
}

.shadow-cursor[hidden][b-fjlwyq40k4] {
    display: none;
}

.shadow-cursor svg[b-fjlwyq40k4] {
    fill: #111827;
    height: clamp(1.55rem, 2vw, 1.8rem);
    paint-order: stroke fill;
    stroke: #ffffff;
    stroke-linejoin: round;
    stroke-width: 2.35;
    width: clamp(1.25rem, 1.7vw, 1.48rem);
}

.shadow-cursor > span[b-fjlwyq40k4] {
    --shadow-badge-x: 0;
    --shadow-badge-y: 0;
    backdrop-filter: blur(3px);
    background: rgba(248, 250, 252, 0.74);
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 0.62rem;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.14);
    color: #0f172a;
    font-size: 0.6rem;
    font-weight: 720;
    letter-spacing: 0.01em;
    margin: 0.92rem 0 0 -0.18rem;
    max-width: min(14rem, 44vw);
    opacity: 0.22;
    overflow: hidden;
    padding: 0.14rem 0.34rem;
    text-overflow: ellipsis;
    transform: translate(var(--shadow-badge-x), var(--shadow-badge-y));
    white-space: nowrap;
}

.shadow-user-cursor[b-fjlwyq40k4] {
    --shadow-cursor-glow: rgba(16, 185, 129, 0.78);
    --shadow-cursor-glow-core: rgba(52, 211, 153, 0.48);
    --shadow-cursor-glow-fade: rgba(5, 150, 105, 0.17);
    z-index: 31;
}

.shadow-admin-cursor[b-fjlwyq40k4] {
    --shadow-cursor-glow: rgba(99, 102, 241, 0.78);
    --shadow-cursor-glow-core: rgba(129, 140, 248, 0.48);
    --shadow-cursor-glow-fade: rgba(79, 70, 229, 0.17);
    z-index: 32;
}

.shadow-cursor.is-flipped > span[b-fjlwyq40k4] {
    --shadow-badge-x: calc(-100% - 1.48rem);
}

.shadow-cursor.is-raised > span[b-fjlwyq40k4] {
    --shadow-badge-y: -1.85rem;
}

.shadow-viewer-stage[b-fjlwyq40k4] (.shadow-click-ripple) {
    border: 3px solid #3157d5;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #ffffff, 0 0 18px rgba(49, 87, 213, 0.46);
    height: 1.35rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%) scale(0.35);
    width: 1.35rem;
    z-index: 31;
    animation: shadow-viewer-ripple-b-fjlwyq40k4 720ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.shadow-viewer-stage[b-fjlwyq40k4] (.shadow-click-ripple.is-double)::after {
    animation: shadow-viewer-ripple-secondary-b-fjlwyq40k4 720ms 90ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
    border: 2px solid #6366f1;
    border-radius: inherit;
    content: "";
    inset: -0.2rem;
    opacity: 0;
    position: absolute;
}

@keyframes shadow-viewer-ripple-b-fjlwyq40k4 {
    0% { opacity: 0.96; transform: translate(-50%, -50%) scale(0.35); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(4.1); }
}

@keyframes shadow-viewer-ripple-secondary-b-fjlwyq40k4 {
    0% { opacity: 0.9; transform: scale(0.4); }
    100% { opacity: 0; transform: scale(3.4); }
}

.shadow-viewer-footer[b-fjlwyq40k4] {
    align-items: center;
    background: #ffffff;
    border-top: 1px solid #dbe3ec;
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    min-height: 2.35rem;
    padding: 0.38rem 0.75rem;
}

.shadow-cursor-legend[b-fjlwyq40k4] {
    align-items: center;
    display: inline-flex;
    font-size: 0.65rem;
    gap: 0.3rem;
}

.shadow-cursor-legend i[b-fjlwyq40k4] {
    border-radius: 50%;
    height: 0.55rem;
    width: 0.55rem;
}

.shadow-cursor-legend.is-user i[b-fjlwyq40k4] {
    background: #16a34a;
}

.shadow-cursor-legend.is-admin i[b-fjlwyq40k4] {
    background: #2563eb;
}

.shadow-viewer-security[b-fjlwyq40k4] {
    color: #64748b;
    font-size: 0.62rem;
    margin-left: auto;
}

.shadow-viewer-pointer-notice[b-fjlwyq40k4] {
    color: #3730a3;
    font-size: 0.62rem;
    font-weight: 650;
}

@media (max-width: 760px) {
    .shadow-viewer-dialog[b-fjlwyq40k4] {
        border: 0;
        border-radius: 0;
        height: 100vh;
        height: 100dvh;
        width: 100vw;
    }

    .shadow-viewer-heading[b-fjlwyq40k4] {
        gap: 0.5rem;
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 0.55rem 0.65rem;
    }

    .shadow-viewer-identity[b-fjlwyq40k4] {
        grid-column: 1;
        grid-row: 2;
    }

    .shadow-viewer-close[b-fjlwyq40k4] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .shadow-viewer-toolbar[b-fjlwyq40k4] {
        align-items: stretch;
        padding: 0.45rem 0.55rem;
    }

    .shadow-viewer-page[b-fjlwyq40k4] {
        flex-basis: 100%;
        order: 3;
    }

    .shadow-viewer-end[b-fjlwyq40k4] {
        margin-left: auto;
    }

    .shadow-viewer-security[b-fjlwyq40k4] {
        flex-basis: 100%;
        margin-left: 0;
    }

    .shadow-cursor svg[b-fjlwyq40k4] {
        height: 1.5rem;
        width: 1.2rem;
    }

    .shadow-cursor > span[b-fjlwyq40k4] {
        font-size: 0.56rem;
        margin-top: 0.82rem;
        max-width: 9rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shadow-viewer-stage[b-fjlwyq40k4] (.shadow-click-ripple) {
        animation: shadow-viewer-ripple-reduced-b-fjlwyq40k4 220ms ease-out forwards;
    }

    .shadow-viewer-stage[b-fjlwyq40k4] (.shadow-click-ripple.is-double)::after {
        animation: none;
    }

    @keyframes shadow-viewer-ripple-reduced-b-fjlwyq40k4 {
        0% { opacity: 0.9; transform: translate(-50%, -50%) scale(1); }
        100% { opacity: 0; transform: translate(-50%, -50%) scale(1); }
    }
}

@media (forced-colors: active) {
    .shadow-viewer-dialog[b-fjlwyq40k4],
    .shadow-viewer-heading[b-fjlwyq40k4],
    .shadow-viewer-toolbar[b-fjlwyq40k4],
    .shadow-viewer-stage[b-fjlwyq40k4],
    .shadow-viewer-footer[b-fjlwyq40k4] {
        background: Canvas;
        border-color: CanvasText;
        color: CanvasText;
    }

    .shadow-viewer-frame[b-fjlwyq40k4] {
        border: 1px solid CanvasText;
        box-shadow: none;
    }

    .shadow-cursor[b-fjlwyq40k4],
    .shadow-cursor > span[b-fjlwyq40k4],
    .shadow-cursor svg[b-fjlwyq40k4],
    .shadow-viewer-stage[b-fjlwyq40k4] (.shadow-click-ripple) {
        forced-color-adjust: none;
    }

    .shadow-cursor[b-fjlwyq40k4]::before {
        background: transparent;
        border: 1px solid Highlight;
    }

    .shadow-cursor svg[b-fjlwyq40k4] {
        fill: Highlight;
        stroke: Canvas;
    }

    .shadow-cursor > span[b-fjlwyq40k4] {
        background: Highlight;
        border-color: Canvas;
        color: HighlightText;
        opacity: 0.76;
    }

    .shadow-viewer-stage[b-fjlwyq40k4] (.shadow-click-ripple) {
        border-color: Highlight;
        box-shadow: 0 0 0 2px Canvas;
    }
}