/* /Components/Layout/Agent/ReleaseVersion.razor.rz.scp.css */
.ws-release[b-kp38nvk1sp] {
    font-size: 11px;
    line-height: 13px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    letter-spacing: .01em;
    color: var(--dash-top-dim);
    white-space: nowrap;
}

.ws-release--dev[b-kp38nvk1sp] {
    color: var(--amber-400);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-y2v4ftpbxw],
.components-reconnect-repeated-attempt-visible[b-y2v4ftpbxw],
.components-reconnect-failed-visible[b-y2v4ftpbxw],
.components-pause-visible[b-y2v4ftpbxw],
.components-resume-failed-visible[b-y2v4ftpbxw],
.components-rejoining-animation[b-y2v4ftpbxw] {
    display: none;
}

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


#components-reconnect-modal[b-y2v4ftpbxw] {
    position: fixed;
    inset: 0;
    z-index: 2147483001;
    height: fit-content;
    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.16s allow-discrete, overlay 0.16s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-y2v4ftpbxw 0.16s cubic-bezier(.4, 0, 1, 1) both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-y2v4ftpbxw 0.26s cubic-bezier(.16, 1, .3, 1) 0.3s,
        components-reconnect-modal-fadeInOpacity-b-y2v4ftpbxw 0.26s cubic-bezier(.16, 1, .3, 1) 0.3s;
    animation-fill-mode: both;
}

}

.components-reconnect-shield[b-y2v4ftpbxw] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    background-color: rgba(0, 0, 0, 0.4);
}

#components-reconnect-modal[open] + .components-reconnect-shield[b-y2v4ftpbxw] {
    display: block;
    animation: components-reconnect-modal-fadeInOpacity-b-y2v4ftpbxw 0.26s cubic-bezier(.16, 1, .3, 1);
}

@keyframes components-reconnect-modal-slideUp-b-y2v4ftpbxw {
    0% {
        transform: translateY(8px);
    }

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

.components-rejoining-animation[b-y2v4ftpbxw] {
    width: 28px;
    height: 28px;
    border: 2.5px solid rgba(0, 135, 255, .18);
    border-top-color: #0087ff;
    border-radius: 50%;
    animation: components-rejoining-spin-b-y2v4ftpbxw 1.1s linear infinite;
}

@keyframes components-rejoining-spin-b-y2v4ftpbxw {
    to {
        transform: rotate(1turn);
    }
}

.dash ~ #components-reconnect-modal[b-y2v4ftpbxw] {
    color-scheme: dark;
    background-color: #111111;
    color: #ededed;
    border-radius: 14px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 2px 4px rgba(0, 0, 0, .3), 0 18px 44px -12px rgba(0, 0, 0, .7);
}

.dash ~ #components-reconnect-modal[b-y2v4ftpbxw]::backdrop {
    background-color: rgba(0, 0, 0, .66);
}

.dash ~ #components-reconnect-modal button[b-y2v4ftpbxw] {
    background-color: #1f74c7;
    border-radius: 8px;
    font-weight: 600;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 1px 2px rgba(0, 0, 0, .3);
}

.dash ~ #components-reconnect-modal button:hover[b-y2v4ftpbxw],
.dash ~ #components-reconnect-modal button:active[b-y2v4ftpbxw] {
    background-color: #1f74c7;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 8px 20px -10px rgba(31, 116, 199, .9);
}

.dash ~ #components-reconnect-modal .components-rejoining-animation[b-y2v4ftpbxw] {
    border-color: rgba(79, 169, 245, .2);
    border-top-color: #4fa9f5;
}
/* /Components/Pages/AgentNotFoundPage.razor.rz.scp.css */
.notfound-panel[b-ho6fd09lzf] {
    margin-top: 16px;
}
/* /Components/Shared/CopyButton.razor.rz.scp.css */
.copy-btn[b-yvgkexpx9i] {
    position: relative;
    z-index: 1;
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--wi-faint);
    cursor: pointer;
}

.copy-btn:hover[b-yvgkexpx9i] {
    background: var(--wi-hover);
    color: var(--wi-text-2);
}

.copy-btn:focus-visible[b-yvgkexpx9i] {
    outline: 2px solid var(--wi-focus);
    outline-offset: 2px;
}

.copy-btn:disabled[b-yvgkexpx9i] {
    cursor: progress;
}

.copy-btn--label[b-yvgkexpx9i] {
    display: inline-flex;
    gap: 6px;
    width: auto;
    height: 28px;
    padding: 0 10px;
    box-shadow: inset 0 0 0 1px var(--wi-line-2);
    color: var(--wi-text-2);
    font-size: 12.5px;
    font-weight: 500;
    white-space: nowrap;
}

.copy-btn--label:hover[b-yvgkexpx9i] {
    color: var(--wi-text);
}

.copy-btn[b-yvgkexpx9i]  .copy-btn-icon {
    width: 14px;
    height: 14px;
}

@media (prefers-reduced-motion: no-preference) {
    .copy-btn[b-yvgkexpx9i] {
        transition: background-color 120ms ease, color 120ms ease;
    }
}

@media (pointer: coarse) {
    .copy-btn[b-yvgkexpx9i] {
        min-width: 44px;
        min-height: 44px;
    }
}
/* /Features/AzureBoards/Components/WorkItemActivity.razor.rz.scp.css */
.wa[b-wv3wd85oq5] {
    position: relative;
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wa[b-wv3wd85oq5]::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 11.5px;
    width: 1px;
    background: var(--wi-line-2);
}

.wa-time[b-wv3wd85oq5] {
    color: var(--wi-faint);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.wa-comment[b-wv3wd85oq5] {
    position: relative;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 12px;
}

.wa-face[b-wv3wd85oq5] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #1c1d21;
    box-shadow: inset 0 0 0 1px var(--wi-line-2);
    color: var(--wi-text-2);
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: .02em;
}

.wa-face--dev[b-wv3wd85oq5] {
    background: #181937;
    box-shadow: inset 0 0 0 1px var(--wi-iris-line);
    color: var(--wi-iris-soft);
}

.wa-card[b-wv3wd85oq5] {
    min-width: 0;
    padding: 12px 16px 14px;
    border-radius: 10px;
    background: var(--wi-card);
    box-shadow: inset 0 0 0 1px var(--wi-line), var(--wi-lift);
}

.wa-comment--dev .wa-card[b-wv3wd85oq5] {
    background: linear-gradient(180deg, rgba(143, 147, 255, .045), transparent 70%), var(--wi-card);
    box-shadow: inset 0 0 0 1px rgba(143, 147, 255, .16), var(--wi-lift);
}

.wa-head[b-wv3wd85oq5] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 8px;
    margin: 0;
}

.wa-head b[b-wv3wd85oq5] {
    color: var(--wi-text);
    font-size: 13.5px;
    font-weight: 600;
}

.wa-role[b-wv3wd85oq5] {
    color: var(--wi-muted);
    font-size: 12.5px;
}

.wa-comment--dev .wa-role[b-wv3wd85oq5] {
    color: var(--wi-iris-soft);
}

.wa-edited[b-wv3wd85oq5] {
    color: var(--wi-faint);
    font-size: 12px;
}

.wa-head .wa-time[b-wv3wd85oq5] {
    margin-left: auto;
}

.wa-body[b-wv3wd85oq5] {
    margin: 6px 0 0;
    color: var(--wi-text-2);
    font-size: 14px;
    line-height: 22px;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.wa-gone[b-wv3wd85oq5] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--wi-muted);
    font-style: italic;
}

.wa-new[b-wv3wd85oq5] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 36px;
    color: var(--wi-iris-soft);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wa-new[b-wv3wd85oq5]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--wi-iris-line), transparent);
}

.wa-note[b-wv3wd85oq5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0 0 36px;
    color: var(--wi-muted);
    font-size: 13px;
}

@media (max-width: 640px) {
    .wa-head .wa-time[b-wv3wd85oq5] {
        flex-basis: 100%;
        margin-left: 0;
    }
}
/* /Features/AzureBoards/Components/WorkItemComposer.razor.rz.scp.css */
.wc[b-vekjh3nawr] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 12px;
    margin-top: 20px;
}

.wc-face[b-vekjh3nawr] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--dash-dark);
    color: #ffffff;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: .02em;
}

.wc-face[b-vekjh3nawr] {
    margin-top: 12px;
}

.wc-main[b-vekjh3nawr] {
    min-width: 0;
}

.reply[b-vekjh3nawr] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background: linear-gradient(180deg, #1b1b1b, #161616);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .05),
        0 18px 40px -24px rgba(0, 0, 0, .95);
}

.reply:focus-within[b-vekjh3nawr] {
    box-shadow: inset 0 0 0 1px rgba(79, 169, 245, .55), 0 0 0 4px rgba(79, 169, 245, .14),
        0 18px 40px -24px rgba(0, 0, 0, .95);
}

.reply-input[b-vekjh3nawr] {
    min-height: 46px;
    max-height: 200px;
    padding: 13px 16px 4px;
    border: none;
    background: transparent;
    color: var(--dash-text);
    font: inherit;
    font-size: 15px;
    line-height: 22px;
    resize: none;
    field-sizing: content;
}

.reply-input:focus-visible[b-vekjh3nawr] {
    outline: none;
}

.reply-input[b-vekjh3nawr]::placeholder {
    color: var(--dash-muted);
}

.reply-bar[b-vekjh3nawr] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px 8px;
}

.reply-hint[b-vekjh3nawr] {
    flex: 1;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--dash-muted-2);
    font-size: 11.5px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reply-hint kbd[b-vekjh3nawr] {
    padding: 1px 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .06);
    color: var(--dash-text-2);
    font: inherit;
    font-size: 10.5px;
    font-weight: 600;
}

.reply-send[b-vekjh3nawr] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 7px;
    height: 34px;
    margin-left: auto;
    padding: 0 14px 0 12px;
    border: none;
    border-radius: 10px;
    background: rgba(255, 255, 255, .06);
    color: var(--dash-muted-2);
    font: inherit;
    font-size: 13px;
    font-weight: 650;
}

.reply-send:disabled[b-vekjh3nawr] {
    cursor: default;
}

.reply-send--ready[b-vekjh3nawr] {
    background: linear-gradient(180deg, #2a86dc, #1f74c7);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 8px 18px -10px rgba(31, 116, 199, .9);
    color: #ffffff;
}

.reply-send--ready:hover[b-vekjh3nawr] {
    filter: brightness(1.06);
}

.reply-send[b-vekjh3nawr]  .reply-send-glyph {
    width: 15px;
    height: 15px;
}

.reply-send:focus-visible[b-vekjh3nawr] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.wc-error[b-vekjh3nawr] {
    margin: 8px 0 0;
    color: var(--dash-danger);
    font-size: 12.5px;
}

.wc-count[b-vekjh3nawr] {
    margin: 6px 0 0;
    text-align: right;
}

.wc-closed[b-vekjh3nawr] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 20px 0 0 36px;
    padding: 12px 14px;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px var(--wi-line-2);
    color: var(--wi-muted);
    font-size: 13px;
    line-height: 1.5;
}

.wc-closed[b-vekjh3nawr]  .icon-sm {
    flex: none;
    margin-top: 3px;
}

@media (max-width: 640px) {
    .reply-input[b-vekjh3nawr] {
        padding-inline: 12px;
    }

    .reply-bar[b-vekjh3nawr] {
        padding-inline: 6px;
    }

    .reply-hint[b-vekjh3nawr] {
        display: none;
    }
}

@media (pointer: coarse) {
    .reply-input[b-vekjh3nawr] {
        font-size: 16px;
    }

    .reply-send[b-vekjh3nawr] {
        min-width: 44px;
        height: 44px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .reply[b-vekjh3nawr] {
        transition: box-shadow var(--dur-mid) var(--ease-std);
    }

    .reply-send[b-vekjh3nawr] {
        transition:
            background var(--dur-mid) var(--ease-expo),
            color var(--dur-mid) var(--ease-std);
    }

    .reply-send--ready:active[b-vekjh3nawr] {
        scale: .92;
    }
}
/* /Features/AzureBoards/Components/WorkItemDetailsPage.razor.rz.scp.css */
.wd[b-zghqor0x9z] {
    height: 100%;
    overflow-y: auto;
    font-feature-settings: "cv01", "ss03";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wd-shell[b-zghqor0x9z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    max-width: 1180px;
    min-height: 100%;
    margin: 0 auto;
}

.wd-main[b-zghqor0x9z] {
    min-width: 0;
    padding: 40px 48px 140px;
}

.wd-crumbs[b-zghqor0x9z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    color: var(--wi-muted);
    font-size: 13px;
}

.wd-key[b-zghqor0x9z] {
    color: var(--wi-muted);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    letter-spacing: .01em;
    white-space: nowrap;
}

.wd-azure[b-zghqor0x9z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.wd-kind[b-zghqor0x9z] {
    margin-left: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--wi-iris-bg);
    box-shadow: inset 0 0 0 1px var(--wi-iris-line);
    color: var(--wi-iris-soft);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.2;
}

.wd-kind--type[b-zghqor0x9z] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.wd-kind--type[b-zghqor0x9z]  .wd-kind-icon {
    width: 12px;
    height: 12px;
}

.wd-title[b-zghqor0x9z] {
    margin: 16px 0 0;
    color: var(--wi-text);
    font: 600 30px/1.2 "Inter Tight", Inter, sans-serif;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.wd-link[b-zghqor0x9z] {
    color: var(--wi-text);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, .22);
    text-underline-offset: 3px;
}

.wd-link:hover[b-zghqor0x9z] {
    text-decoration-color: var(--wi-text);
}

.wd-progress[b-zghqor0x9z] {
    position: relative;
}

.wd-guide[b-zghqor0x9z] {
    position: absolute;
    top: -5px;
    left: -8px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--wi-muted);
    font: inherit;
    font-size: 12.5px;
    cursor: pointer;
}

.wd-guide:hover[b-zghqor0x9z] {
    background: var(--wi-hover);
    color: var(--wi-text);
}

.wd-guide:focus-visible[b-zghqor0x9z] {
    outline: 2px solid var(--wi-focus);
    outline-offset: 2px;
}

.wd-progress--off .wd-guide[b-zghqor0x9z] {
    position: static;
    margin: 18px 0 0 -8px;
}

.wd-callout[b-zghqor0x9z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-top: 24px;
    padding: 12px 12px 12px 16px;
    border-radius: 10px;
    background: var(--wi-card);
    box-shadow: inset 0 0 0 1px var(--wi-line-2), var(--wi-lift);
}

.wd-callout p[b-zghqor0x9z] {
    flex: 1;
    min-width: 220px;
    margin: 0;
    color: var(--wi-text-2);
    font-size: 13.5px;
    line-height: 1.5;
}

.wd-callout b[b-zghqor0x9z] {
    color: var(--wi-text);
    font-weight: 600;
}

.wd-callout-time[b-zghqor0x9z] {
    color: var(--wi-muted);
    font-variant-numeric: tabular-nums;
}

.wd-callout-mark[b-zghqor0x9z] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 0 4px rgba(79, 169, 245, .16);
}

.wd-section[b-zghqor0x9z] {
    margin-top: 44px;
}

.wd-label[b-zghqor0x9z] {
    margin: 0 0 14px;
    color: var(--wi-muted);
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: .01em;
}

.wd-tabs[b-zghqor0x9z] {
    display: flex;
    gap: 4px;
    margin: 0 0 18px;
    border-bottom: 1px solid var(--wi-line);
}

.wd-tab[b-zghqor0x9z] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: -1px;
    padding: 8px 12px 10px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    color: var(--wi-muted);
    font: inherit;
    font-size: 13.5px;
    font-weight: 500;
    cursor: pointer;
}

.wd-tab:first-child[b-zghqor0x9z] {
    padding-left: 2px;
}

.wd-tab:hover[b-zghqor0x9z] {
    color: var(--wi-text-2);
}

.wd-tab[aria-selected="true"][b-zghqor0x9z] {
    border-bottom-color: var(--wi-text);
    color: var(--wi-text);
}

.wd-tab-count[b-zghqor0x9z] {
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    color: var(--wi-text-2);
    font-size: 11px;
    font-weight: 600;
    line-height: 17px;
    font-variant-numeric: tabular-nums;
}

.wd-doc[b-zghqor0x9z] {
    display: grid;
    gap: 18px;
    padding: 20px 22px;
    border-radius: 10px;
    background: var(--wi-card);
    box-shadow: inset 0 0 0 1px var(--wi-line), var(--wi-lift);
}

.wd-doc--loading[b-zghqor0x9z] {
    min-height: 120px;
}

.wd-doc-row[b-zghqor0x9z] {
    display: grid;
    grid-template-columns: 148px minmax(0, 1fr);
    gap: 16px;
}

.wd-doc-k[b-zghqor0x9z] {
    margin: 0;
    color: var(--wi-muted);
    font-size: 13px;
    line-height: 22px;
}

.wd-doc-v[b-zghqor0x9z] {
    margin: 0;
    color: var(--wi-text-2);
    font-size: 14px;
    line-height: 22px;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.wd-doc-steps[b-zghqor0x9z] {
    padding-left: 18px;
    list-style: decimal;
    white-space: normal;
}

.wd-doc-links[b-zghqor0x9z] {
    padding: 0;
    list-style: none;
    white-space: normal;
}

.wd-doc-links li + li[b-zghqor0x9z] {
    margin-top: 2px;
}

.wd-doc-steps li + li[b-zghqor0x9z] {
    margin-top: 2px;
}

.wd-doc-steps li[b-zghqor0x9z]::marker {
    color: var(--wi-faint);
    font-variant-numeric: tabular-nums;
}

.wd-tab:focus-visible[b-zghqor0x9z],
.wd-link:focus-visible[b-zghqor0x9z] {
    outline: 2px solid var(--wi-focus);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: no-preference) {
    .wd-tab[b-zghqor0x9z] {
        transition: color 120ms ease, border-color 120ms ease;
    }

    .wd-link[b-zghqor0x9z] {
        transition: text-decoration-color 120ms ease;
    }
}

@media (max-width: 1180px) {
    .wd-shell[b-zghqor0x9z] {
        grid-template-columns: minmax(0, 1fr) 272px;
    }

    .wd-main[b-zghqor0x9z] {
        padding: 36px 36px 140px;
    }
}

@media (max-width: 920px) {
    .wd-shell[b-zghqor0x9z] {
        grid-template-columns: minmax(0, 1fr);
    }

    .wd-main[b-zghqor0x9z] {
        padding-bottom: 32px;
    }
}

@media (max-width: 640px) {
    .wd-main[b-zghqor0x9z] {
        padding: 24px 16px 28px;
    }

    .wd-title[b-zghqor0x9z] {
        font-size: 24px;
    }

    .wd-doc[b-zghqor0x9z] {
        padding: 16px;
    }

    .wd-doc-row[b-zghqor0x9z] {
        grid-template-columns: minmax(0, 1fr);
        gap: 2px;
    }

    .wd-tabs[b-zghqor0x9z] {
        gap: 0;
    }

    .wd-tab[b-zghqor0x9z] {
        gap: 5px;
        padding-inline: 9px;
    }
}

@media (pointer: coarse) {
    .wd-tab[b-zghqor0x9z] {
        min-height: 44px;
    }
}
/* /Features/AzureBoards/Components/WorkItemGlyph.razor.rz.scp.css */
.wi-glyph[b-0gdxr9evhd] {
    flex: none;
    color: var(--wi-state);
}

.wi-glyph-ink[b-0gdxr9evhd] {
    stroke: var(--dash-bg);
}
/* /Features/AzureBoards/Components/WorkItemHistory.razor.rz.scp.css */
.wt[b-cgxgmqvjs6] {
    position: relative;
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wt[b-cgxgmqvjs6]::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 11.5px;
    width: 1px;
    background: var(--wi-line-2);
}

.wt-event[b-cgxgmqvjs6] {
    position: relative;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
}

.wt-mark[b-cgxgmqvjs6] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--dash-bg);
    box-shadow: inset 0 0 0 1px var(--wi-line-2);
    color: var(--wi-muted);
}

.wt-mark--state[b-cgxgmqvjs6] {
    box-shadow: none;
}

.wt-event--resolved .wt-mark[b-cgxgmqvjs6] {
    color: var(--dash-status-done);
}

.wt-text[b-cgxgmqvjs6] {
    min-width: 0;
    padding-top: 2px;
}

.wt-line[b-cgxgmqvjs6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 7px;
    margin: 0;
    color: var(--wi-muted);
    font-size: 13.5px;
}

.wt-line b[b-cgxgmqvjs6] {
    color: var(--wi-text);
    font-weight: 600;
}

.wt-state[b-cgxgmqvjs6] {
    color: var(--wi-text);
    font-weight: 500;
}

.wt-time[b-cgxgmqvjs6] {
    margin-left: auto;
    color: var(--wi-faint);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.wt-who[b-cgxgmqvjs6] {
    margin: 2px 0 0;
    color: var(--wi-faint);
    font-size: 12.5px;
    overflow-wrap: anywhere;
}

.wt-note[b-cgxgmqvjs6] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0 0 36px;
    color: var(--wi-muted);
    font-size: 13px;
}

@media (max-width: 640px) {
    .wt-time[b-cgxgmqvjs6] {
        flex-basis: 100%;
        margin-left: 0;
    }
}
/* /Features/AzureBoards/Components/WorkItemProgress.razor.rz.scp.css */
.wp[b-9ha1c30ilp] {
    --wp-ground: var(--dash-bg);
    position: relative;
    margin: 22px 0 0;
}

.wp-count[b-9ha1c30ilp] {
    margin: 0 0 38px;
    color: var(--wi-text);
    font-size: 13px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.wp-count span[b-9ha1c30ilp] {
    color: var(--wi-faint);
    font-weight: 500;
}

.wp-rail[b-9ha1c30ilp] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--steps, 8), minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.wp-rail[b-9ha1c30ilp]::before,
.wp-rail[b-9ha1c30ilp]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(50% / var(--steps, 8));
    height: 1px;
}

.wp-rail[b-9ha1c30ilp]::before {
    right: calc(50% / var(--steps, 8));
    background: var(--wi-line-2);
}

.wp-rail[b-9ha1c30ilp]::after {
    width: calc(var(--fill, 0) * (100% - 100% / var(--steps, 8)));
    background: rgba(255, 255, 255, .5);
}

.wp-node[b-9ha1c30ilp] {
    position: relative;
    display: grid;
    place-items: center;
    height: 18px;
}

.wp-dot[b-9ha1c30ilp] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--wp-ground);
    box-shadow: inset 0 0 0 1px var(--wi-line-2);
}

.wp-node--done .wp-dot[b-9ha1c30ilp] {
    background: rgba(255, 255, 255, .62);
    box-shadow: none;
}

.wp-node--now .wp-dot[b-9ha1c30ilp] {
    width: 18px;
    height: 18px;
    box-shadow: 0 0 0 4px var(--wp-ground);
}

.wp-flag[b-9ha1c30ilp] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px var(--wi-line-2);
    color: var(--wi-text);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    transform: translateX(-50%);
}

.wp-node:first-child .wp-flag[b-9ha1c30ilp] {
    left: 0;
    transform: none;
}

.wp-node:last-child .wp-flag[b-9ha1c30ilp] {
    right: 0;
    left: auto;
    transform: none;
}

.wp-phases[b-9ha1c30ilp] {
    display: flex;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.wp-phases li[b-9ha1c30ilp] {
    flex: var(--cells) 1 0;
    min-width: 0;
    padding: 0 6px;
}

.wp-phases span[b-9ha1c30ilp] {
    display: block;
    padding-top: 7px;
    border-top: 1px solid var(--wi-line);
    color: var(--wi-faint);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase;
}

.wp-phases .wp-phase--here span[b-9ha1c30ilp] {
    border-top-color: var(--wi-line-2);
    color: var(--wi-text-2);
}

.wp--off .wp-rail[b-9ha1c30ilp] {
    opacity: .4;
}

.wp-off[b-9ha1c30ilp] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 14px 0 0;
    color: var(--wi-text);
    font-size: 13.5px;
    font-weight: 600;
}

.wp-off span[b-9ha1c30ilp] {
    margin-left: auto;
    color: var(--wi-faint);
    font-size: 12.5px;
    font-weight: 500;
}

.wp--mini[b-9ha1c30ilp] {
    --wp-ground: var(--wi-card);
    margin-top: 12px;
}

.wp--mini .wp-node[b-9ha1c30ilp] {
    height: 10px;
}

.wp--mini .wp-dot[b-9ha1c30ilp] {
    width: 4px;
    height: 4px;
}

.wp--mini .wp-node--now .wp-dot[b-9ha1c30ilp] {
    width: 8px;
    height: 8px;
    background: var(--wi-state);
    box-shadow: 0 0 0 2px var(--wp-ground);
}

@media (max-width: 640px) {
    .wp-flag[b-9ha1c30ilp] {
        font-size: 11px;
    }
}
/* /Features/AzureBoards/Components/WorkItemProperties.razor.rz.scp.css */
.wpr[b-zm2jcy5y71] {
    min-width: 0;
    border-left: 1px solid var(--wi-line);
}

.wpr-inner[b-zm2jcy5y71] {
    position: sticky;
    top: 0;
    padding: 40px 28px;
}

.wpr-list[b-zm2jcy5y71] {
    display: grid;
    gap: 6px;
    margin: 0;
}

.wpr-row[b-zm2jcy5y71] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 4px;
    padding: 8px 0;
}

.wpr-row dt[b-zm2jcy5y71] {
    color: var(--wi-muted);
    font-size: 12px;
    line-height: 18px;
}

.wpr-row dd[b-zm2jcy5y71] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
    min-width: 0;
    margin: 0;
    color: var(--wi-text);
    font-size: 13px;
    line-height: 22px;
    overflow-wrap: anywhere;
}

.wpr-sub[b-zm2jcy5y71] {
    flex-basis: 100%;
    color: var(--wi-muted);
    font-size: 12.5px;
    line-height: 18px;
}

.wpr-status[b-zm2jcy5y71] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 500;
}

.wpr-person[b-zm2jcy5y71] {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

.wpr-person-text[b-zm2jcy5y71] {
    display: grid;
    min-width: 0;
}

.wpr-face[b-zm2jcy5y71] {
    display: grid;
    flex: none;
    place-items: center;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border-radius: 50%;
    background: #1c1d21;
    box-shadow: inset 0 0 0 1px var(--wi-line-2);
    color: var(--wi-text-2);
    font-size: 8.5px;
    font-weight: 600;
    letter-spacing: .02em;
}

.wpr-face--dev[b-zm2jcy5y71] {
    background: #181937;
    box-shadow: inset 0 0 0 1px var(--wi-iris-line);
    color: var(--wi-iris-soft);
}

.wpr-face--none[b-zm2jcy5y71] {
    box-sizing: border-box;
    border: 1px dashed var(--wi-line-2);
    background: none;
    box-shadow: none;
}

.wpr-none[b-zm2jcy5y71] {
    color: var(--wi-muted);
}

@media (max-width: 920px) {
    .wpr[b-zm2jcy5y71] {
        border-top: 1px solid var(--wi-line);
        border-left: 0;
    }

    .wpr-inner[b-zm2jcy5y71] {
        position: static;
        padding: 28px 36px 120px;
    }

    .wpr-list[b-zm2jcy5y71] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
    }
}

@media (max-width: 640px) {
    .wpr-inner[b-zm2jcy5y71] {
        padding: 20px 16px 110px;
    }

    .wpr-list[b-zm2jcy5y71] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Features/AzureBoards/Components/WorkItemsPage.razor.rz.scp.css */
.tk-main[b-5m1y53fvab] {
    padding-top: 16px;
}

.tk-table[b-5m1y53fvab] {
    border-top: 0;
}

.wi-paused[b-5m1y53fvab] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(245, 176, 65, .07);
    box-shadow: inset 0 0 0 1px var(--dash-warn-line);
}

.wi-paused p[b-5m1y53fvab] {
    flex: 1;
    min-width: 0;
    margin: 0;
    color: var(--dash-text-2);
    font-size: 13px;
    line-height: 1.45;
}

.wi-paused p b[b-5m1y53fvab] {
    display: block;
    color: #ffffff;
    font-size: 13.5px;
}

.wi-paused-icon[b-5m1y53fvab] {
    display: grid;
    flex: none;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--dash-badge-trial-bg);
    color: var(--dash-warn-text);
}

.wi-admin[b-5m1y53fvab] {
    display: inline-block;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .07);
    color: var(--dash-muted);
    font-size: 11px;
    font-weight: 600;
}

.wi-loading[b-5m1y53fvab] {
    margin: 0;
    padding: 32px var(--work-pad-x, 16px);
    color: var(--dash-muted);
    font-size: 14px;
}

.wi-bar[b-5m1y53fvab] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.wi-type-btn b[b-5m1y53fvab] {
    color: #ffffff;
    font-weight: 600;
}

.wi-type-btn b[b-5m1y53fvab]::before {
    content: ": ";
    color: var(--wi-muted);
    font-weight: 500;
}

.wi-type-btn--set[b-5m1y53fvab] {
    border-color: rgba(255, 255, 255, .22);
}

.wi-type-btn[b-5m1y53fvab]  .wi-type-caret {
    color: var(--wi-muted);
    transition: transform var(--dur-mid) var(--ease-out);
}

.wi-type-btn[aria-expanded="true"][b-5m1y53fvab]  .wi-type-caret {
    transform: rotate(180deg);
}

.wi-guide[b-5m1y53fvab] {
    display: none;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--wi-muted);
    font: inherit;
    font-size: 12.5px;
    cursor: pointer;
}

.wi-guide:hover[b-5m1y53fvab] {
    background: var(--wi-hover);
    color: var(--wi-text);
}

.wi-guide:focus-visible[b-5m1y53fvab],
.wi-status-help:focus-visible[b-5m1y53fvab] {
    outline: 2px solid var(--wi-focus);
    outline-offset: 1px;
}

.wi-th[b-5m1y53fvab] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.wi-status-help[b-5m1y53fvab] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: none;
    color: var(--wi-faint);
    cursor: pointer;
    transition: background-color var(--dur-fast) var(--ease-std), color var(--dur-fast) var(--ease-std);
}

.wi-status-help:hover[b-5m1y53fvab] {
    background: var(--wi-hover);
    color: var(--wi-text);
}

.wi-count[b-5m1y53fvab] {
    margin-left: auto;
    color: var(--wi-faint);
    font-size: 12.5px;
}

.wi-count b[b-5m1y53fvab] {
    color: var(--wi-text-2);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.wi-fold-all[b-5m1y53fvab] {
    padding: 6px 8px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--wi-muted);
    font: inherit;
    font-size: 12.5px;
    font-weight: 500;
    cursor: pointer;
}

.wi-fold-all:hover[b-5m1y53fvab] {
    background: var(--wi-hover);
    color: var(--wi-text);
}

.wi-fold-all:focus-visible[b-5m1y53fvab] {
    outline: 2px solid var(--wi-focus);
    outline-offset: 1px;
}

.wi-table .wi-col-status[b-5m1y53fvab] {
    width: 190px;
}

.wi-table .wi-col-tickets[b-5m1y53fvab] {
    width: 180px;
}

.wi-table .wi-col-raised[b-5m1y53fvab] {
    width: 200px;
}

.wi-table .wi-col-updated[b-5m1y53fvab] {
    width: 140px;
}

@media (min-width: 641px) and (max-width: 1100px) {
    .wi-table .wi-col-status[b-5m1y53fvab] {
        width: 160px;
    }

    .wi-table .wi-col-tickets[b-5m1y53fvab] {
        width: 150px;
    }

    .wi-table .wi-col-raised[b-5m1y53fvab] {
        width: 160px;
    }
}

.tk-table .wi-table thead th[b-5m1y53fvab] {
    color: var(--wi-faint);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wi-table td[b-5m1y53fvab] {
    vertical-align: middle;
}

@container tk-list (min-width: 740px) {
    .tk-table .wi-table tbody td[b-5m1y53fvab] {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.tk-table .wi-group-row > th[b-5m1y53fvab] {
    padding: 0;
    border-bottom: 1px solid var(--dash-separator);
    background: rgba(255, 255, 255, .018);
    text-align: left;
}

.wi-group-btn[b-5m1y53fvab] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 46px;
    padding: 0 var(--work-pad-x, 16px);
    border: 0;
    background: none;
    color: var(--wi-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--dur-fast) var(--ease-std);
}

.wi-group-btn:hover[b-5m1y53fvab] {
    background: rgba(255, 255, 255, .02);
}

.wi-group-btn:focus-visible[b-5m1y53fvab] {
    outline: 2px solid var(--wi-focus);
    outline-offset: -2px;
}

.wi-group-btn[b-5m1y53fvab]  .wi-group-caret {
    color: var(--wi-muted);
    transition: transform var(--dur-mid) var(--ease-out);
}

.wi-group--folded .wi-group-btn[b-5m1y53fvab]  .wi-group-caret {
    transform: rotate(-90deg);
}

.wi-group-btn--empty[b-5m1y53fvab] {
    color: var(--wi-muted);
    cursor: default;
}

.wi-group-btn--empty:hover[b-5m1y53fvab] {
    background: none;
}

.wi-group-btn--empty[b-5m1y53fvab]  .wi-group-caret {
    visibility: hidden;
}

.wi-group-btn--empty .wi-group-name[b-5m1y53fvab]::before {
    opacity: .5;
}

.wi-group-btn--empty .wi-group-count[b-5m1y53fvab] {
    background: rgba(255, 255, 255, .04);
    color: var(--wi-faint);
}

.wi-group-name[b-5m1y53fvab] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 5.25em;
    font-size: 13.5px;
    font-weight: 600;
}

.wi-group-name[b-5m1y53fvab]::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wi-state);
}

.wi-group-count[b-5m1y53fvab] {
    min-width: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    color: var(--wi-text-2);
    font-size: 11.5px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 18px;
    text-align: center;
}

.wi-row[b-5m1y53fvab] {
    position: relative;
    cursor: pointer;
}

.wi-row:hover td[b-5m1y53fvab] {
    background: rgba(255, 255, 255, .025);
}

.dash .tk-table table.wi-table tbody tr.wi-row--new > td[b-5m1y53fvab] {
    background: color-mix(in srgb, var(--dash-dev) 5%, transparent);
}

.dash .tk-table table.wi-table tbody tr.wi-row--new > td:first-child[b-5m1y53fvab] {
    box-shadow: inset 3px 0 0 var(--dash-dev);
}

.wi-table .row-title[b-5m1y53fvab] {
    color: var(--wi-text);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.wi-table .row-title[b-5m1y53fvab]::after {
    content: "";
    position: absolute;
    inset: 0;
}

.wi-table .row-title:focus-visible[b-5m1y53fvab] {
    outline: none;
}

.wi-table .row-title:focus-visible[b-5m1y53fvab]::after {
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px var(--wi-focus);
}

.wi-cell-status[b-5m1y53fvab],
.wi-tickets[b-5m1y53fvab],
.wi-raised-at[b-5m1y53fvab],
.wi-age[b-5m1y53fvab] {
    position: relative;
    z-index: 1;
}

.wi-table .row-meta[b-5m1y53fvab] {
    flex-wrap: wrap;
    gap: 4px 10px;
    min-width: 0;
    margin-top: 4px;
}

.wi-table .row-meta[b-5m1y53fvab]  .copy-btn::before {
    content: none;
}

.wi-new-dot[b-5m1y53fvab] {
    position: relative;
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--dash-dev);
}

.wi-row--new .row-title[b-5m1y53fvab] {
    color: #ffffff;
}

.wi-key[b-5m1y53fvab] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--wi-muted);
    font-size: 12px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    letter-spacing: .01em;
    white-space: nowrap;
}

.wi-key[b-5m1y53fvab]  .wi-kind {
    width: 12px;
    height: 12px;
    color: var(--wi-faint);
}

.wi-cell-status[b-5m1y53fvab] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--wi-text);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.wi-person[b-5m1y53fvab] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
}

.wi-person-name[b-5m1y53fvab] {
    overflow: hidden;
    color: var(--dash-text-2);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wi-face[b-5m1y53fvab] {
    display: grid;
    flex: none;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #181937;
    box-shadow: inset 0 0 0 1px var(--wi-iris-line);
    color: var(--wi-iris-soft);
    font-size: 8.5px;
    font-weight: 600;
    letter-spacing: .02em;
}

.wi-raised[b-5m1y53fvab] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.wi-raised-at[b-5m1y53fvab] {
    color: var(--wi-faint);
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.wi-person + .wi-raised-at[b-5m1y53fvab] {
    padding-left: 28px;
}

.wi-waiting[b-5m1y53fvab] {
    color: var(--dash-text);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.wi-waiting--none[b-5m1y53fvab] {
    color: var(--wi-muted);
    font-weight: 500;
}

.wi-tickets[b-5m1y53fvab] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin-top: 3px;
    white-space: nowrap;
}

.wi-ticket-ref[b-5m1y53fvab] {
    color: var(--dash-text-2);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
}

.wi-ticket-ref:not(:last-of-type)[b-5m1y53fvab]::after {
    content: ",";
    display: inline-block;
}

.wi-ticket-ref:hover[b-5m1y53fvab] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.wi-ticket-ref:focus-visible[b-5m1y53fvab] {
    border-radius: 4px;
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.wi-more[b-5m1y53fvab] {
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px var(--wi-line);
    color: var(--wi-text-2);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 18px;
}

.wi-age[b-5m1y53fvab] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.wi-update[b-5m1y53fvab] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.wi-update-what[b-5m1y53fvab] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--dash-text-2);
    font-size: 12.5px;
    font-weight: 500;
    white-space: nowrap;
}

.wi-update .age[b-5m1y53fvab] {
    color: var(--wi-faint);
    font-size: 11.5px;
}

.wi-row--new .wi-update-what[b-5m1y53fvab] {
    color: #ffffff;
    font-weight: 600;
}

.wi-row--new .wi-update .age[b-5m1y53fvab] {
    color: var(--dash-dev);
}

.wi-age[b-5m1y53fvab]  .wi-go {
    color: var(--wi-muted);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity var(--dur-fast) var(--ease-std), transform var(--dur-mid) var(--ease-expo);
}

.wi-row:hover .wi-age[b-5m1y53fvab]  .wi-go {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: no-preference) {
    .wi-type-panel[b-5m1y53fvab] {
        animation: wi-menu-in-b-5m1y53fvab 200ms var(--ease-expo) both;
    }

    .dash .tk-table table.wi-table tbody tr[b-5m1y53fvab] {
        animation: none;
    }
}

@keyframes wi-menu-in-b-5m1y53fvab {
    from {
        opacity: 0;
        transform: translateY(-4px) scale(.985);
    }
}

@container tk-list (max-width: 739px) {
    .tk-table .wi-table tbody tr.wi-group-row[b-5m1y53fvab] {
        display: block;
        padding: 0;
        border-top: 0;
    }

    .tk-table .wi-group-row > th[b-5m1y53fvab] {
        display: block;
    }

    .wi-group-btn[b-5m1y53fvab] {
        padding-inline: var(--work-pad-x, 12px);
    }

    .dash .tk-table table.wi-table tbody tr[b-5m1y53fvab] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "title updated"
            "status status"
            "tickets tickets"
            "raised raised";
    }

    .dash table.tickets.wi-table td:nth-child(1)[b-5m1y53fvab] { grid-area: title; }
    .dash table.tickets.wi-table td:nth-child(2)[b-5m1y53fvab] { grid-area: status; justify-self: start; }
    .dash table.tickets.wi-table td:nth-child(3)[b-5m1y53fvab] { grid-area: tickets; justify-self: stretch; }
    .dash table.tickets.wi-table td:nth-child(4)[b-5m1y53fvab] { grid-area: raised; justify-self: start; }
    .dash table.tickets.wi-table td:nth-child(5)[b-5m1y53fvab] { grid-area: updated; justify-self: end; align-self: start; }

    .wi-raised[b-5m1y53fvab] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .wi-person + .wi-raised-at[b-5m1y53fvab] {
        padding-left: 0;
    }

    .wi-person + .wi-raised-at[b-5m1y53fvab]::before {
        content: "· ";
    }

    .wi-update[b-5m1y53fvab] {
        justify-items: end;
    }

    .dash .tk-table table.wi-table tbody tr.wi-row--new[b-5m1y53fvab] {
        background: color-mix(in srgb, var(--dash-dev) 5%, transparent);
        box-shadow: inset 3px 0 0 var(--dash-dev);
    }

    .dash .tk-table table.wi-table tbody tr.wi-row--new > td[b-5m1y53fvab],
    .dash .tk-table table.wi-table tbody tr.wi-row--new:hover > td[b-5m1y53fvab] {
        background: none;
    }

    .dash .tk-table table.wi-table tbody tr.wi-row--new > td:first-child[b-5m1y53fvab] {
        box-shadow: none;
    }

    .wi-age[b-5m1y53fvab]  .wi-go {
        display: none;
    }

    .wi-count[b-5m1y53fvab] {
        flex-basis: 100%;
        order: 5;
        margin-left: 0;
    }

    .wi-guide[b-5m1y53fvab] {
        display: inline-flex;
    }

    .wi-fold-all[b-5m1y53fvab] {
        margin-left: auto;
    }
}

@container tk-list (min-width: 740px) and (max-width: 859px) {
    .wi-table .row-title[b-5m1y53fvab] {
        contain: inline-size;
    }

    .wi-raised[b-5m1y53fvab] {
        max-width: 140px;
    }
}

@media (max-width: 640px) {
    .wi-paused[b-5m1y53fvab] {
        flex-wrap: wrap;
    }
}

@container tk-head (max-width: 539px) {
    .tk-bar .page-title[b-5m1y53fvab] {
        line-height: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wi-type-btn[b-5m1y53fvab]  .wi-type-caret,
    .wi-group-btn[b-5m1y53fvab]  .wi-group-caret,
    .wi-age[b-5m1y53fvab]  .wi-go {
        transition: none;
    }
}
/* /Features/AzureBoards/Components/WorkItemStatusGuide.razor.rz.scp.css */
.sg-overlay[b-e97adlz219] {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
    display: flex;
    justify-content: flex-end;
    background: var(--scrim);
}

.sg[b-e97adlz219] {
    display: flex;
    flex-direction: column;
    width: min(420px, 100vw);
    height: 100%;
    background: var(--wi-card);
    box-shadow: -1px 0 0 var(--wi-line-2), -24px 0 60px rgba(0, 0, 0, .5);
}

.sg-head[b-e97adlz219] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 22px 22px 8px;
}

.sg-heading[b-e97adlz219] {
    min-width: 0;
}

.sg-kicker[b-e97adlz219] {
    margin: 0 0 4px;
    color: var(--wi-faint);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sg-title[b-e97adlz219] {
    margin: 0;
    color: var(--wi-text);
    font-size: 18px;
    font-weight: 600;
}

.sg-close[b-e97adlz219] {
    display: grid;
    flex: none;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 8px;
    background: none;
    color: var(--wi-muted);
    cursor: pointer;
}

.sg-close:hover[b-e97adlz219] {
    background: var(--wi-hover);
    color: var(--wi-text);
}

.sg-lede[b-e97adlz219] {
    margin: 0;
    padding: 0 22px 16px;
    border-bottom: 1px solid var(--wi-line);
    color: var(--wi-muted);
    font-size: 13px;
    line-height: 1.5;
}

.sg-body[b-e97adlz219] {
    display: grid;
    align-content: start;
    gap: 20px;
    overflow: auto;
    padding: 18px 14px 40px;
}

.sg-body:focus-visible[b-e97adlz219] {
    outline: 2px solid var(--wi-focus);
    outline-offset: -2px;
}

.sg-phase[b-e97adlz219] {
    margin: 0 0 6px;
    padding: 0 8px;
    color: var(--wi-faint);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sg-steps[b-e97adlz219] {
    position: relative;
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sg-steps[b-e97adlz219]::before {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 18.5px;
    width: 1px;
    background: var(--wi-line-2);
}

.sg-step[b-e97adlz219] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 7px 8px;
    border-radius: 8px;
}

.sg-step--now[b-e97adlz219] {
    background: rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px var(--wi-line-2);
}

.sg-glyph[b-e97adlz219] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 22px;
    height: 20px;
    border-radius: 50%;
    background: var(--wi-card);
}

.sg-text[b-e97adlz219] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 8px;
    min-width: 0;
}

.sg-text b[b-e97adlz219] {
    color: var(--wi-text);
    font-size: 13px;
    font-weight: 600;
}

.sg-now[b-e97adlz219] {
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    color: var(--wi-text);
    font-size: 10.5px;
    font-weight: 600;
    line-height: 17px;
}

.sg-desc[b-e97adlz219] {
    flex-basis: 100%;
    color: var(--wi-muted);
    font-size: 12.5px;
    line-height: 1.45;
}

.sg-close:focus-visible[b-e97adlz219] {
    outline: 2px solid var(--wi-focus);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: no-preference) {
    .sg-overlay[b-e97adlz219] {
        animation: sg-dim-b-e97adlz219 180ms ease both;
    }

    .sg[b-e97adlz219] {
        animation: sg-in-b-e97adlz219 240ms cubic-bezier(.2, .7, .2, 1) both;
    }

    @keyframes sg-dim-b-e97adlz219 {
        from { opacity: 0; }
    }

    @keyframes sg-in-b-e97adlz219 {
        from { transform: translateX(24px); opacity: 0; }
    }
}
/* /Features/AzureBoards/Components/WorkItemTickets.razor.rz.scp.css */
.wt-hint[b-1m4fbp7086] {
    margin: 0 0 12px;
    color: var(--wi-faint);
    font-size: 12.5px;
}

.wt-table-wrap[b-1m4fbp7086] {
    container-type: inline-size;
    overflow-x: auto;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px var(--wi-line);
}

.wt-table[b-1m4fbp7086] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    font-size: 13px;
}

.wt-table th[b-1m4fbp7086] {
    padding: 9px 14px;
    border-bottom: 1px solid var(--wi-line);
    color: var(--wi-faint);
    font-size: 11.5px;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
}

.wt-table td[b-1m4fbp7086] {
    padding: 11px 14px;
    border-top: 1px solid var(--wi-line);
    color: var(--wi-text-2);
    vertical-align: middle;
}

.wt-table tbody tr:first-child td[b-1m4fbp7086] {
    border-top: 0;
}

.wt-table tbody tr:hover td[b-1m4fbp7086] {
    background: rgba(255, 255, 255, .025);
}

.wt-name[b-1m4fbp7086] {
    color: var(--wi-text-2);
    font-weight: 500;
    text-decoration: none;
    overflow-wrap: break-word;
}

.wt-row--mine .wt-name[b-1m4fbp7086] {
    color: var(--wi-text);
}

.wt-ref[b-1m4fbp7086] {
    color: inherit;
    text-decoration: none;
}

.wt-name:hover[b-1m4fbp7086],
.wt-ref:hover[b-1m4fbp7086] {
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, .3);
    text-underline-offset: 3px;
}

.wt-table td.wt-num[b-1m4fbp7086] {
    color: var(--wi-faint);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.wt-owner[b-1m4fbp7086] {
    color: var(--wi-faint);
    font-size: 12.5px;
    white-space: nowrap;
}

.wt-owner--mine[b-1m4fbp7086] {
    color: var(--accent-text);
    font-weight: 600;
}

.wt-table td.wt-act[b-1m4fbp7086] {
    width: 1%;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: right;
    white-space: nowrap;
}

.wt-unlink[b-1m4fbp7086] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--wi-muted);
    font: inherit;
    font-size: 12.5px;
    cursor: pointer;
}

.wt-unlink:hover[b-1m4fbp7086] {
    background: var(--wi-hover);
    color: var(--dash-danger);
}

.wt-table .wt-confirm-row td[b-1m4fbp7086] {
    padding: 0 14px 12px;
    border-top: 0;
    background: rgba(255, 255, 255, .025);
}

.wt-why[b-1m4fbp7086] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 10px 2px 0;
    color: var(--wi-faint);
    font-size: 12px;
    line-height: 1.45;
}

.wt-name:focus-visible[b-1m4fbp7086],
.wt-ref:focus-visible[b-1m4fbp7086],
.wt-unlink:focus-visible[b-1m4fbp7086] {
    outline: 2px solid var(--wi-focus);
    outline-offset: 2px;
    border-radius: 4px;
}

@media (min-width: 641px) {
    @container (max-width: 600px) {
        .wt-table th[b-1m4fbp7086],
        .wt-table td[b-1m4fbp7086] {
            padding-inline: 10px;
        }

        .wt-unlink span[b-1m4fbp7086] {
            display: none;
        }
    }
}

@media (prefers-reduced-motion: no-preference) {
    .wt-unlink[b-1m4fbp7086] {
        transition: background-color 120ms ease, color 120ms ease;
    }
}

@media (max-width: 640px) {
    .wt-table thead[b-1m4fbp7086] {
        display: none;
    }

    .wt-table[b-1m4fbp7086],
    .wt-table tbody[b-1m4fbp7086],
    .wt-table td[b-1m4fbp7086] {
        display: block;
    }

    .wt-table tr[b-1m4fbp7086] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 4px 12px;
        padding: 12px 14px;
        border-top: 1px solid var(--wi-line);
    }

    .wt-table tbody tr:first-child[b-1m4fbp7086] {
        border-top: 0;
    }

    .wt-table td[b-1m4fbp7086] {
        padding: 0;
        border: 0;
    }

    .wt-table td[data-label="Added"][b-1m4fbp7086] {
        display: none;
    }

    .wt-table td.wt-act[b-1m4fbp7086] {
        grid-column: 1 / -1;
        width: auto;
        padding: 0;
        text-align: left;
    }

    .wt-table td.wt-act:empty[b-1m4fbp7086] {
        display: none;
    }

    .wt-table tr.wt-confirm-row[b-1m4fbp7086] {
        display: block;
        padding-top: 0;
        border-top: 0;
    }
}

@media (pointer: coarse) {
    .wt-unlink[b-1m4fbp7086] {
        min-height: 44px;
    }
}
/* /Features/BrowserRegistration/Components/BrowserRegistrationFrame.razor.rz.scp.css */
.browser-registration-shell[b-y03g7kek2g] {
    --registration-blue: var(--signal-500);
    --registration-blue-dark: #176fd4;
    --registration-navy: #0b1830;
    --registration-navy-mid: #123a6b;
    --registration-ink: #0f172a;
    --registration-muted: #64748b;
    --registration-faint: #94a3b8;
    --registration-border: #d8e0ec;
    --registration-measure: 26rem;
    --registration-gutter: clamp(20px, 6vw, 72px);

    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 100vh;
    background: #fff;
    color: var(--registration-ink);
    font-family: var(--font-sans);
}

.browser-registration-measure[b-y03g7kek2g] {
    width: 100%;
    max-width: var(--registration-measure);
}

.browser-registration-rail[b-y03g7kek2g] {
    position: relative;
    display: none;
    overflow: hidden;
    padding: var(--registration-gutter);
    color: #fff;
    background: linear-gradient(
        160deg,
        var(--registration-navy) 0%,
        var(--registration-navy-mid) 58%,
        var(--registration-blue) 135%);
}

.browser-registration-rail[b-y03g7kek2g]::before,
.browser-registration-rail[b-y03g7kek2g]::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.browser-registration-rail[b-y03g7kek2g]::before {
    top: -180px;
    right: -200px;
    width: 520px;
    height: 520px;
    background: radial-gradient(circle at 30% 30%, rgb(36 148 242 / 42%), transparent 70%);
}

.browser-registration-rail[b-y03g7kek2g]::after {
    bottom: -170px;
    left: -180px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle at 70% 70%, rgb(255 255 255 / 10%), transparent 70%);
}

.browser-registration-rail-mark[b-y03g7kek2g],
.browser-registration-rail-body[b-y03g7kek2g],
.browser-registration-rail-note[b-y03g7kek2g] {
    position: relative;
    z-index: 1;
}

.browser-registration-rail-mark[b-y03g7kek2g] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.browser-registration-rail-logo[b-y03g7kek2g] {
    display: block;
    flex: none;
    width: clamp(180px, 16vw, 236px);
    height: auto;
}

.browser-registration-rail-body[b-y03g7kek2g] {
    max-width: 30rem;
}

.browser-registration-rail-tagline[b-y03g7kek2g] {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 2.1vw, 2.125rem);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.browser-registration-rail-points[b-y03g7kek2g] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
}

.browser-registration-rail-points li[b-y03g7kek2g] {
    display: flex;
    gap: 12px;
    color: rgb(255 255 255 / 84%);
    line-height: 1.45;
}

[b-y03g7kek2g] .browser-registration-rail-check {
    flex: none;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    color: var(--registration-blue);
}

.browser-registration-rail-note[b-y03g7kek2g] {
    margin: 0;
    color: rgb(255 255 255 / 60%);
    font-size: 0.875rem;
}

.browser-registration-pill[b-y03g7kek2g] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border: 1px solid var(--signal-100);
    border-radius: 999px;
    background: var(--signal-50);
    color: var(--registration-blue-dark);
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.browser-registration-pill--dark[b-y03g7kek2g] {
    border-color: rgb(255 255 255 / 22%);
    background: rgb(255 255 255 / 12%);
    color: #fff;
}

.browser-registration-work[b-y03g7kek2g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    justify-items: center;
    row-gap: 32px;
    min-width: 0;
    padding: clamp(28px, 4vw, 56px) var(--registration-gutter);
}

.browser-registration-mast[b-y03g7kek2g] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.browser-registration-mast-logo[b-y03g7kek2g] {
    display: block;
    flex: none;
    width: 156px;
    height: auto;
}

.browser-registration-body[b-y03g7kek2g] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.browser-registration-eyebrow[b-y03g7kek2g] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    color: var(--registration-blue-dark);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

[b-y03g7kek2g] .browser-registration-eyebrow-icon {
    width: 18px;
    height: 18px;
}

.browser-registration-title[b-y03g7kek2g] {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.75rem, 2.4vw, 2.25rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.015em;
}

.browser-registration-lede[b-y03g7kek2g] {
    margin-top: 12px;
    color: var(--registration-muted);
    line-height: 1.55;
}

.browser-registration-lede[b-y03g7kek2g]  p {
    margin: 0 0 6px;
}

.browser-registration-lede[b-y03g7kek2g]  strong {
    color: var(--registration-ink);
    font-weight: 600;
}

.browser-registration-content[b-y03g7kek2g] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 28px;
}

.browser-registration-error[b-y03g7kek2g] {
    margin: 0 0 6px;
    padding: 11px 14px;
    border: 1px solid #fda29b;
    border-left-width: 4px;
    border-radius: 10px;
    background: #fef3f2;
    color: #b42318;
    font-size: 0.875rem;
    line-height: 1.45;
}

.browser-registration-signout[b-y03g7kek2g] {
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid var(--registration-border);
}

.browser-registration-signout-button[b-y03g7kek2g] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 2px;
    border: 0;
    background: none;
    color: var(--registration-muted);
    font: inherit;
    font-size: 0.9rem;
    cursor: pointer;
}

.browser-registration-signout-button:hover[b-y03g7kek2g] {
    color: #b42318;
}

.browser-registration-signout-button:focus-visible[b-y03g7kek2g] {
    outline: 2px solid var(--registration-navy);
    outline-offset: 2px;
}

[b-y03g7kek2g] .browser-registration-signout-icon {
    width: 17px;
    height: 17px;
}

.browser-registration-foot[b-y03g7kek2g] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-top: 20px;
    border-top: 1px solid var(--registration-border);
    color: var(--registration-faint);
    font-size: 0.8125rem;
    line-height: 1.45;
}

.browser-registration-foot p[b-y03g7kek2g] {
    margin: 0;
}

@media (min-width: 1024px) {
    .browser-registration-shell[b-y03g7kek2g] {
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    }

    .browser-registration-rail[b-y03g7kek2g] {
        display: grid;
        grid-template-rows: auto 1fr auto;
        row-gap: 40px;
    }

    .browser-registration-rail-body[b-y03g7kek2g] {
        align-self: center;
    }

    .browser-registration-mast[b-y03g7kek2g] {
        display: none;
    }

    .browser-registration-work[b-y03g7kek2g] {
        grid-template-rows: 1fr auto;
        row-gap: 0;
        padding-inline: clamp(48px, 6vw, 96px);
    }
}
/* /Features/BrowserRegistration/Components/RegisterBrowserPage.razor.rz.scp.css */
.browser-registration-form[b-7soigc1f57] {
    display: flex;
    flex-direction: column;
}

.register-destination[b-7soigc1f57] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid #d8e0ec;
    border-radius: 10px;
    background: #f4f7fb;
}

[b-7soigc1f57] .register-destination-icon {
    flex: none;
    width: 18px;
    height: 18px;
    color: #64748b;
}

.register-destination-value[b-7soigc1f57] {
    font-weight: 600;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
}

.register-primary[b-7soigc1f57] {
    width: 100%;
    padding: 14px 18px;
    border: 0;
    border-radius: 10px;
    background: var(--signal-500);
    color: #fff;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.register-primary:hover[b-7soigc1f57] {
    background: #176fd4;
}

.register-primary:focus-visible[b-7soigc1f57] {
    outline: 2px solid #0b1830;
    outline-offset: 2px;
}

.register-email-link[b-7soigc1f57] {
    align-self: center;
    padding: 6px 4px;
    border: 0;
    background: none;
    color: #176fd4;
    font: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.register-email-link:focus-visible[b-7soigc1f57] {
    outline: 2px solid #0b1830;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .register-primary[b-7soigc1f57] {
        transition: none;
    }
}
/* /Features/BrowserRegistration/Components/VerifyBrowserCodePage.razor.rz.scp.css */
.verify-form[b-nqemxgoatg] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.verify-label[b-nqemxgoatg] {
    margin-bottom: -7px;
    font-size: 0.875rem;
    font-weight: 600;
}

.verify-control[b-nqemxgoatg] {
    position: relative;
    display: flex;
    align-items: center;
}

[b-nqemxgoatg] .verify-icon {
    position: absolute;
    left: 14px;
    width: 18px;
    height: 18px;
    color: #64748b;
    pointer-events: none;
}

.verify-input[b-nqemxgoatg] {
    width: 100%;
    padding: 13px 14px 13px 42px;
    border: 1px solid #d8e0ec;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    font: inherit;
    font-weight: 600;
    letter-spacing: 0.35em;
    font-variant-numeric: tabular-nums;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.verify-input[b-nqemxgoatg]::placeholder {
    color: #94a3b8;
    font-weight: 400;
    letter-spacing: normal;
}

.verify-input:hover[b-nqemxgoatg] {
    border-color: #bfcadb;
}

.verify-input:focus[b-nqemxgoatg] {
    outline: none;
    border-color: var(--signal-500);
    box-shadow: 0 0 0 3px rgb(36 148 242 / 16%);
}

.verify-primary[b-nqemxgoatg] {
    width: 100%;
    padding: 14px 18px;
    border: 0;
    border-radius: 10px;
    background: var(--signal-500);
    color: #fff;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.verify-primary:hover[b-nqemxgoatg] {
    background: #176fd4;
}

.verify-primary:focus-visible[b-nqemxgoatg] {
    outline: 2px solid #0b1830;
    outline-offset: 2px;
}

.verify-resend[b-nqemxgoatg] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 0.9rem;
    text-align: center;
}

.verify-resend a[b-nqemxgoatg] {
    color: #176fd4;
    font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
    .verify-input[b-nqemxgoatg],
    .verify-primary[b-nqemxgoatg] {
        transition: none;
    }
}
/* /Features/Chat/Components/ConversationPane/AgentComposer.razor.rz.scp.css */
.reply[b-zmpgkfzcy4] {
    position: relative;
    z-index: 6;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background: linear-gradient(180deg, #1b1b1b, #161616);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .05),
        0 18px 40px -24px rgba(0, 0, 0, .95);
}

.reply:focus-within[b-zmpgkfzcy4] {
    box-shadow: inset 0 0 0 1px rgba(79, 169, 245, .55), 0 0 0 4px rgba(79, 169, 245, .14),
        0 18px 40px -24px rgba(0, 0, 0, .95);
}

.reply--off[b-zmpgkfzcy4] {
    opacity: .55;
}

.reply-input[b-zmpgkfzcy4] {
    min-height: 46px;
    max-height: 200px;
    padding: 13px 16px 4px;
    border: none;
    background: transparent;
    color: var(--dash-text);
    font: inherit;
    font-size: 15px;
    line-height: 22px;
    resize: none;
    field-sizing: content;
}

.reply-input:focus-visible[b-zmpgkfzcy4] {
    outline: none;
}

.reply-input[b-zmpgkfzcy4]::placeholder {
    color: var(--dash-muted);
}

.reply-bar[b-zmpgkfzcy4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px 8px;
}

.reply-tools[b-zmpgkfzcy4] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 2px;
}

[b-zmpgkfzcy4] .att-btn--dash {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    color: var(--dash-muted);
}

[b-zmpgkfzcy4] .att-btn--dash:hover {
    background: rgba(255, 255, 255, .07);
    color: var(--dash-text);
}

.reply-tool[b-zmpgkfzcy4] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: var(--dash-muted);
}

[b-zmpgkfzcy4] .reply-tool-glyph {
    width: 17px;
    height: 17px;
}

.reply-tool:hover:not(:disabled)[b-zmpgkfzcy4] {
    background: rgba(255, 255, 255, .07);
    color: var(--dash-text);
}

.reply-tool--on[b-zmpgkfzcy4],
.reply-tool--on:hover:not(:disabled)[b-zmpgkfzcy4] {
    background: var(--accent-soft);
    color: var(--accent-text);
}

.reply-tool:disabled[b-zmpgkfzcy4] {
    pointer-events: none;
}

.reply-hint[b-zmpgkfzcy4] {
    flex: 1;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--dash-muted-2);
    font-size: 11.5px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reply-hint kbd[b-zmpgkfzcy4] {
    padding: 1px 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .06);
    color: var(--dash-text-2);
    font: inherit;
    font-size: 10.5px;
    font-weight: 600;
}

.reply-send[b-zmpgkfzcy4] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 7px;
    height: 34px;
    margin-left: auto;
    padding: 0 14px 0 12px;
    border: none;
    border-radius: 10px;
    background: rgba(255, 255, 255, .06);
    color: var(--dash-muted-2);
    font: inherit;
    font-size: 13px;
    font-weight: 650;
}

.reply-send:disabled[b-zmpgkfzcy4] {
    cursor: default;
}

.reply-send--ready[b-zmpgkfzcy4] {
    background: linear-gradient(180deg, #2a86dc, #1f74c7);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 8px 18px -10px rgba(31, 116, 199, .9);
    color: #ffffff;
}

.reply-send--ready:hover[b-zmpgkfzcy4] {
    filter: brightness(1.06);
}

[b-zmpgkfzcy4] .reply-send-glyph {
    width: 15px;
    height: 15px;
}

.reply-tool:focus-visible[b-zmpgkfzcy4],
.reply-send:focus-visible[b-zmpgkfzcy4] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.reply-file-hint[b-zmpgkfzcy4] {
    margin: 0 0 8px;
    color: var(--dash-muted);
    font-size: 12.5px;
}

.reply-file-hint:empty[b-zmpgkfzcy4] {
    display: none;
}

@container pane-col (max-width: 760px) {
    .reply-hint[b-zmpgkfzcy4] {
        display: none;
    }
}

@media (max-width: 640px) {
    .reply-input[b-zmpgkfzcy4] {
        padding-inline: 12px;
    }

    .reply-bar[b-zmpgkfzcy4] {
        padding-inline: 6px;
    }
}

@media (pointer: coarse) {
    .reply-input[b-zmpgkfzcy4] {
        font-size: 16px;
    }

    .reply-tool[b-zmpgkfzcy4] {
        width: 44px;
        height: 44px;
    }

    .reply-send[b-zmpgkfzcy4] {
        min-width: 44px;
        height: 44px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .reply[b-zmpgkfzcy4] {
        transition: box-shadow var(--dur-mid) var(--ease-std);
    }

    .reply-tool[b-zmpgkfzcy4] {
        transition:
            background var(--dur-fast) var(--ease-std),
            color var(--dur-fast) var(--ease-std);
    }

    .reply-tool:active:not(:disabled)[b-zmpgkfzcy4] {
        scale: .9;
    }

    .reply-send[b-zmpgkfzcy4] {
        transition:
            background var(--dur-mid) var(--ease-expo),
            color var(--dur-mid) var(--ease-std);
    }

    .reply-send--ready:active[b-zmpgkfzcy4] {
        scale: .92;
    }
}
/* /Features/Chat/Components/ConversationPane/ConversationTranscript.razor.rz.scp.css */
.pane-fold[b-w8sw0ffzjj] {
    display: flow-root;
    margin: 12px 22px 6px 20px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(79, 169, 245, .06), rgba(79, 169, 245, .02));
    box-shadow: inset 0 0 0 1px rgba(79, 169, 245, .14);
}

.pane-fold-head[b-w8sw0ffzjj] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    border: none;
    border-radius: 14px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.pane-fold-head:focus-visible[b-w8sw0ffzjj] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.pane-fold-mark[b-w8sw0ffzjj] {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: rgba(79, 169, 245, .14);
    color: var(--accent-text);
}

[b-w8sw0ffzjj] .pane-fold-glyph {
    width: 18px;
    height: 18px;
}

.pane-fold-text[b-w8sw0ffzjj] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.pane-fold-title[b-w8sw0ffzjj] {
    color: var(--dash-text);
    font-size: 13.5px;
    font-weight: 650;
}

.pane-fold-meta[b-w8sw0ffzjj] {
    color: var(--dash-muted);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.pane-fold-show[b-w8sw0ffzjj] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .05);
    color: var(--dash-text-2);
    font-size: 12px;
    font-weight: 650;
}

.pane-fold-head:hover .pane-fold-show[b-w8sw0ffzjj] {
    background: rgba(255, 255, 255, .09);
    color: var(--dash-text);
}

[b-w8sw0ffzjj] .pane-fold-chev {
    width: 14px;
    height: 14px;
}

.pane-fold-head[aria-expanded="true"][b-w8sw0ffzjj]  .pane-fold-chev {
    transform: rotate(180deg);
}

.pane-fold-quote[b-w8sw0ffzjj] {
    display: -webkit-box;
    margin: -4px 14px 12px 60px;
    overflow: hidden;
    color: var(--dash-text-2);
    font-size: 13px;
    line-height: 19px;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pane-fold-who[b-w8sw0ffzjj] {
    color: var(--dash-muted);
    font-weight: 600;
}

.pane-fold-body[b-w8sw0ffzjj] {
    padding-bottom: 10px;
}

.pane-fold-body[b-w8sw0ffzjj]  .msg {
    padding-inline: 12px 14px;
}

.pane-fold-body[b-w8sw0ffzjj]  .msg--head:first-child {
    margin-top: 2px;
}

@media (max-width: 640px) {
    .pane-fold[b-w8sw0ffzjj] {
        margin-inline: 12px;
    }

    .pane-fold-quote[b-w8sw0ffzjj] {
        margin-left: 14px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    [b-w8sw0ffzjj] .pane-fold-chev {
        transition: transform var(--dur-mid) var(--ease-expo);
    }

    .pane-fold-body[b-w8sw0ffzjj] {
        animation: pane-fold-in-b-w8sw0ffzjj 220ms ease both;
    }

    @keyframes pane-fold-in-b-w8sw0ffzjj {
        from { opacity: 0; }
    }
}
/* /Features/Chat/Components/ConversationPane/CustomerContext.razor.rz.scp.css */
.ctx-rows[b-8ylua12h1u] {
    display: flex;
    flex-direction: column;
    margin: 6px 16px 0;
    border-top: 1px solid var(--dash-separator);
}

.ctx-rows > div[b-8ylua12h1u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--dash-separator);
}

.ctx-rows dt[b-8ylua12h1u] {
    color: var(--dash-muted);
    font-size: 12.5px;
}

.ctx-rows dd[b-8ylua12h1u] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: var(--dash-text);
    font-size: 13px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.ctx-dot[b-8ylua12h1u] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
}

.ctx-dot.is-live[b-8ylua12h1u] {
    background: var(--good);
}

.ctx-dot.is-waiting[b-8ylua12h1u] {
    background: var(--warn);
}

.ctx-dot.is-ended[b-8ylua12h1u] {
    background: transparent;
    box-shadow: inset 0 0 0 1.5px var(--dash-muted-2);
}

.ctx-hist[b-8ylua12h1u] {
    margin: 20px 16px 0;
}

.ctx-sec[b-8ylua12h1u] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 6px;
    color: var(--dash-text-2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ctx-sec b[b-8ylua12h1u] {
    color: var(--dash-muted);
    font-weight: 600;
}

[b-8ylua12h1u] .ctx-sec-glyph {
    width: 13px;
    height: 13px;
}
/* /Features/Chat/Components/ConversationPane/CustomerHistory.razor.rz.scp.css */
.ctx-pills[b-bwun5yf96d] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0 6px;
}

.ctx-pill[b-bwun5yf96d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 9px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
    color: var(--dash-text-2);
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.ctx-pill b[b-bwun5yf96d] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    opacity: .7;
}

.ctx-pill:hover:not(:disabled)[b-bwun5yf96d] {
    background: rgba(255, 255, 255, .09);
}

.ctx-pill:disabled[b-bwun5yf96d] {
    cursor: default;
}

.ctx-pill:disabled:not(.ctx-pill--on)[b-bwun5yf96d] {
    opacity: .45;
}

.ctx-pill:focus-visible[b-bwun5yf96d] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.ctx-pill--on[b-bwun5yf96d],
.ctx-pill--on:hover:not(:disabled)[b-bwun5yf96d] {
    background: var(--accent);
    box-shadow: none;
    color: #fff;
}

.ctx-pill--on b[b-bwun5yf96d] {
    opacity: .9;
}

[b-bwun5yf96d] .ctx-pill-glyph {
    width: 13px;
    height: 13px;
}
/* /Features/Chat/Components/ConversationPane/RaiseWorkItemSheet.razor.rz.scp.css */
.wi-sheet-scrim[b-42ulcuiqnq] {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal, 50);
    background: var(--scrim);
}

.wi-sheet[b-42ulcuiqnq] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: var(--z-modal, 50);
    display: flex;
    flex-direction: column;
    width: min(520px, 100vw);
    border-left: 1px solid var(--dash-border);
    background: var(--dash-surface);
    box-shadow: -24px 0 48px -24px rgba(0, 0, 0, .7);
}

.wi-sheet[b-42ulcuiqnq]  .wi-sheet-form {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.wi-sheet-head[b-42ulcuiqnq] {
    display: flex;
    flex: none;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 24px 16px;
    border-bottom: 1px solid var(--dash-separator);
}

.wi-sheet-titles[b-42ulcuiqnq] {
    flex: 1;
    min-width: 0;
}

.wi-sheet-head .dialog-title[b-42ulcuiqnq] {
    margin: 0;
    letter-spacing: -.012em;
}

.wi-sheet-head .dialog-subtitle[b-42ulcuiqnq] {
    margin: 3px 0 0;
    color: var(--dash-muted-2);
    font-variant-numeric: tabular-nums;
}

.wi-sheet-dot[b-42ulcuiqnq] {
    margin: 0 2px;
    color: rgba(255, 255, 255, .22);
}

.wi-sheet-head .dialog-close[b-42ulcuiqnq] {
    flex: none;
    margin: -4px -8px 0 0;
}

.wi-sheet-body[b-42ulcuiqnq] {
    display: grid;
    flex: 1;
    align-content: start;
    gap: 18px;
    min-height: 0;
    padding: 20px 24px 28px;
    overflow-y: auto;
}

.wi-sheet .dialog-foot[b-42ulcuiqnq] {
    align-items: center;
    padding: 14px 24px;
    border-top: 1px solid var(--dash-separator);
    background: var(--dash-subtle);
}

.wi-sheet .dialog-area[b-42ulcuiqnq] {
    min-height: calc(2lh + 18px);
    max-height: 260px;
    overflow-wrap: anywhere;
    resize: none;
    field-sizing: content;
}

.wi-sheet .dialog-area[rows="3"][b-42ulcuiqnq] {
    min-height: calc(3lh + 18px);
}

.wi-sheet .dialog-input:focus-visible[b-42ulcuiqnq] {
    outline: none;
}

.wi-sheet .wi-form-foot[b-42ulcuiqnq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.wi-form-actions[b-42ulcuiqnq] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.wi-intro[b-42ulcuiqnq] {
    margin: 0;
    color: var(--dash-muted);
    font-size: 13.5px;
    line-height: 1.55;
}

.wi-owner-note[b-42ulcuiqnq] {
    display: flex;
    flex: none;
    align-items: flex-start;
    gap: 10px;
    margin: 16px 24px 0;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(245, 176, 65, .07);
    box-shadow: inset 0 0 0 1px var(--dash-warn-line);
    color: var(--dash-text-2);
    font-size: 13px;
    line-height: 1.5;
}

.wi-owner-note[b-42ulcuiqnq]  .icon-sm {
    flex: none;
    margin-top: 2px;
    color: var(--dash-warn-text);
}

.wi-owner-note b[b-42ulcuiqnq] {
    color: #ffffff;
    font-weight: 600;
}

.wi-search[b-42ulcuiqnq] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 42px;
    padding: 0 14px;
    border: 1px solid var(--dash-border);
    border-radius: 10px;
    background: var(--dash-input-bg);
    color: var(--dash-muted-2);
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.wi-search:hover[b-42ulcuiqnq] {
    border-color: rgba(255, 255, 255, .2);
}

.wi-search:focus-within[b-42ulcuiqnq] {
    border-color: var(--accent);
    box-shadow: var(--dash-focus-ring);
    color: var(--accent-text);
}

.wi-search input[b-42ulcuiqnq] {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: var(--dash-text);
    font: inherit;
    font-size: 14px;
    outline: none;
}

.wi-search input[b-42ulcuiqnq]::placeholder {
    color: var(--dash-muted-2);
}

.wi-find-list[b-42ulcuiqnq] {
    display: grid;
    gap: 8px;
}

.wi-list-label[b-42ulcuiqnq] {
    margin: 4px 0 2px;
    color: var(--dash-muted-2);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wi-empty-line[b-42ulcuiqnq] {
    margin: 0;
    padding: 32px 20px;
    border: 1px dashed var(--dash-border);
    border-radius: 12px;
    background: rgba(255, 255, 255, .015);
    color: var(--dash-muted);
    font-size: 13px;
    text-align: center;
}

.wi-item[b-42ulcuiqnq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--dash-input-bg);
    box-shadow: inset 0 0 0 1px var(--dash-separator);
    transition: box-shadow 150ms ease, background-color 150ms ease;
}

.wi-item:hover[b-42ulcuiqnq] {
    background: var(--dash-raised);
    box-shadow: inset 0 0 0 1px var(--dash-border);
}

.wi-item--asking[b-42ulcuiqnq],
.wi-item--asking:hover[b-42ulcuiqnq] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: var(--dash-input-bg);
    box-shadow: inset 0 0 0 1px rgba(79, 169, 245, .55);
}

.wi-item-main[b-42ulcuiqnq] {
    display: grid;
    flex: 1;
    gap: 4px;
    min-width: 0;
}

.wi-item-main b[b-42ulcuiqnq] {
    color: var(--dash-text);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.wi-item-main > span[b-42ulcuiqnq] {
    color: var(--dash-muted);
    font-size: 12px;
}

.wi-key[b-42ulcuiqnq] {
    display: flex;
    width: fit-content;
    margin-bottom: 6px;
    padding: 2px 8px;
    border-radius: 6px;
    background: var(--dash-badge-lead-bg);
    color: var(--dash-badge-lead-text);
    font-size: 11.5px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.wi-join[b-42ulcuiqnq] {
    display: grid;
    gap: 8px;
    margin-top: -8px;
    padding: 14px;
    border-radius: 0 0 12px 12px;
    background: var(--dash-input-bg);
    box-shadow: inset 0 0 0 1px rgba(79, 169, 245, .55);
}

.wi-join-row[b-42ulcuiqnq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wi-join-row .dialog-input[b-42ulcuiqnq] {
    flex: 1;
    min-width: 0;
}

.wi-help[b-42ulcuiqnq] {
    margin: -2px 0 2px;
    color: var(--dash-muted);
    font-size: 12.5px;
    line-height: 1.45;
}

.wi-error[b-42ulcuiqnq] {
    margin: 0;
    color: var(--dash-danger);
    font-size: 12.5px;
}

.wi-add[b-42ulcuiqnq] {
    flex: none;
    gap: 6px;
    padding: 0 12px 0 10px;
    border-color: rgba(79, 169, 245, .35);
    background: var(--accent-soft);
    color: var(--accent-text);
    font-weight: 600;
}

.wi-add[b-42ulcuiqnq]  .icon-sm {
    width: 15px;
    height: 15px;
}

.wi-add:hover:not(:disabled)[b-42ulcuiqnq] {
    border-color: var(--accent);
    background: rgba(79, 169, 245, .22);
    color: #fff;
}

.wi-add:focus-visible[b-42ulcuiqnq] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.wi-count[b-42ulcuiqnq] {
    margin: 0;
    text-align: right;
}

.wi-sent-line[b-42ulcuiqnq] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0;
    color: var(--dash-muted-2);
    font-size: 12px;
    line-height: 1.5;
}

.wi-sent-line[b-42ulcuiqnq]  .icon-sm {
    flex: none;
    width: 15px;
    height: 15px;
    margin-top: 2px;
}

.wi-field-error[b-42ulcuiqnq] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--dash-danger);
    font-size: 12.5px;
}

.wi-field-error[b-42ulcuiqnq]  .icon-sm {
    flex: none;
    width: 14px;
    height: 14px;
}

.wi-extras[b-42ulcuiqnq] {
    display: grid;
    gap: 16px;
    margin-top: 4px;
    padding-top: 18px;
    border-top: 1px solid var(--dash-separator);
}

.wi-extras-label[b-42ulcuiqnq] {
    margin: 0 0 -4px;
    color: var(--dash-muted-2);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wi-extra-head[b-42ulcuiqnq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.wi-extra-remove[b-42ulcuiqnq] {
    display: grid;
    flex: none;
    place-items: center;
    width: 24px;
    height: 24px;
    margin: -4px -4px -4px 0;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--dash-muted-2);
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
}

.wi-extra-remove:hover:not(:disabled)[b-42ulcuiqnq] {
    background: rgba(255, 255, 255, .07);
    color: #ffffff;
}

.wi-extra-remove[b-42ulcuiqnq]  .icon-sm {
    width: 14px;
    height: 14px;
}

.wi-chips[b-42ulcuiqnq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wi-chip[b-42ulcuiqnq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px 0 9px;
    border: 1px dashed rgba(255, 255, 255, .16);
    border-radius: 8px;
    background: none;
    color: var(--dash-muted);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.wi-chip:hover:not(:disabled)[b-42ulcuiqnq] {
    border-style: solid;
    border-color: rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .03);
    color: #ffffff;
}

.wi-chip[b-42ulcuiqnq]  .icon-sm {
    width: 14px;
    height: 14px;
}

.wi-chip:disabled[b-42ulcuiqnq] {
    opacity: .6;
    cursor: default;
}

@media (max-width: 640px) {
    .wi-join-row[b-42ulcuiqnq] {
        flex-wrap: wrap;
    }

    .wi-sheet[b-42ulcuiqnq] {
        border-left: 0;
    }
}

.wi-kind-row[b-42ulcuiqnq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.wi-kind[b-42ulcuiqnq] {
    display: flex;
    gap: 6px;
}

.wi-kind-option[b-42ulcuiqnq] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 13px 0 11px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 999px;
    background: none;
    color: var(--dash-muted);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}

.wi-kind-option[b-42ulcuiqnq]  .icon-sm {
    flex: none;
    width: 14px;
    height: 14px;
}

.wi-kind-option:hover:not(:disabled)[b-42ulcuiqnq] {
    border-color: rgba(255, 255, 255, .2);
    color: #ffffff;
}

.wi-kind-option.is-selected[b-42ulcuiqnq],
.wi-kind-option.is-selected:hover:not(:disabled)[b-42ulcuiqnq] {
    border-color: rgba(79, 169, 245, .55);
    background: rgba(79, 169, 245, .12);
    color: #cfe6fc;
}

@media (prefers-reduced-motion: no-preference) {
    .wi-sheet-scrim[b-42ulcuiqnq] {
        animation: wi-sheet-dim-b-42ulcuiqnq 180ms ease both;
    }

    .wi-sheet[b-42ulcuiqnq] {
        animation: wi-sheet-in-b-42ulcuiqnq 260ms var(--ease-out) both;
    }

    .wi-extra[b-42ulcuiqnq] {
        animation: wi-extra-in-b-42ulcuiqnq 300ms cubic-bezier(.2, .8, .2, 1) both;
    }

    @keyframes wi-sheet-dim-b-42ulcuiqnq {
        from { opacity: 0; }
    }

    @keyframes wi-sheet-in-b-42ulcuiqnq {
        from { transform: translateX(100%); }
    }

    @keyframes wi-extra-in-b-42ulcuiqnq {
        from { opacity: 0; transform: translateY(-6px) scale(.985); }
    }
}

.wi-kind-option:focus-visible[b-42ulcuiqnq] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.wi-kind-option:disabled[b-42ulcuiqnq] {
    opacity: .6;
    cursor: default;
}

@media (pointer: coarse) {
    .wi-search[b-42ulcuiqnq],
    .wi-kind-option[b-42ulcuiqnq] {
        min-height: 44px;
    }
}
/* /Features/Chat/Components/ConversationPane/TicketNotes.razor.rz.scp.css */
.tk-notes-earlier[b-12s6fvn81e] {
    margin: 0 0 12px;
}

.tk-notes[b-12s6fvn81e] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 2px 0 14px;
    padding: 0;
    list-style: none;
}

.tk-note[b-12s6fvn81e] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    column-gap: 10px;
}

.tk-note .avatar[b-12s6fvn81e],
.tk-compose-face[b-12s6fvn81e] {
    width: 24px;
    height: 24px;
    font-size: 9.5px;
}

.tk-note-main[b-12s6fvn81e] {
    min-width: 0;
}

.tk-note-meta[b-12s6fvn81e] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 2px 0 0;
    color: var(--dash-muted-2);
    font-size: 12px;
    line-height: 20px;
}

.tk-note-author[b-12s6fvn81e] {
    color: var(--dash-text);
    font-weight: 600;
}

.tk-note-body[b-12s6fvn81e] {
    margin: 2px 0 0;
    color: var(--text-soft);
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.tk-compose[b-12s6fvn81e] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    column-gap: 10px;
    align-items: start;
}

.tk-compose-face[b-12s6fvn81e] {
    margin-top: 6px;
}

.tk-compose-box[b-12s6fvn81e] {
    min-width: 0;
    border: 1px solid var(--dash-border);
    border-radius: 9px;
    background: var(--dash-input-bg);
    transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}

.tk-compose-box:focus-within[b-12s6fvn81e] {
    border-color: var(--dash-badge-lead-text);
    background: var(--dash-surface);
    box-shadow: var(--dash-focus-ring);
}

.tk-compose-input[b-12s6fvn81e] {
    display: block;
    width: 100%;
    min-height: 36px;
    max-height: 180px;
    padding: 8px 11px;
    border: 0;
    background: none;
    color: var(--dash-text);
    font: inherit;
    font-size: 13px;
    line-height: 20px;
    resize: none;
    field-sizing: content;
}

.tk-compose-input:focus[b-12s6fvn81e] {
    outline: none;
}

.tk-compose-input[b-12s6fvn81e]::placeholder {
    color: var(--dash-muted-2);
}

.tk-compose-input:disabled[b-12s6fvn81e] {
    opacity: .6;
}

.tk-compose-bar[b-12s6fvn81e] {
    display: flex;
    align-items: center;
    gap: 8px;
    max-height: 0;
    padding: 0 6px 0 11px;
    overflow: hidden;
    color: var(--dash-muted-2);
    font-size: 11.5px;
    white-space: nowrap;
    opacity: 0;
    transition: max-height 240ms cubic-bezier(.22, 1, .36, 1), opacity 160ms ease, padding 240ms ease;
}

.tk-compose-box:focus-within .tk-compose-bar[b-12s6fvn81e],
.tk-compose--filled .tk-compose-bar[b-12s6fvn81e] {
    max-height: 44px;
    padding-bottom: 6px;
    opacity: 1;
}

.tk-compose-hint[b-12s6fvn81e] {
    flex: 1;
    min-width: 0;
    line-height: 1.35;
    white-space: normal;
}

.tk-compose-hint kbd[b-12s6fvn81e] {
    font: inherit;
    color: var(--dash-text-2);
}

.tk-compose-count[b-12s6fvn81e] {
    margin: 0;
}

.tk-compose-error[b-12s6fvn81e] {
    margin: 6px 0 0 34px;
    color: var(--dash-danger);
    font-size: 12px;
}

@media (prefers-reduced-motion: reduce) {
    .tk-compose-bar[b-12s6fvn81e] {
        transition: none;
    }
}
/* /Features/Chat/Components/ConversationPane/TicketOrigin.razor.rz.scp.css */
.tk-origin[b-05v6dj4yr1] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0;
    color: var(--dash-muted);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.tk-origin b[b-05v6dj4yr1] {
    color: var(--dash-text-2);
    font-weight: 600;
}

.tk-origin[b-05v6dj4yr1]  .tk-origin-glyph {
    flex: none;
    width: 15px;
    height: 15px;
}

.tk-origin-text[b-05v6dj4yr1] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tk-origin-at[b-05v6dj4yr1] {
    flex: none;
}

.tk-origin-at[b-05v6dj4yr1]::before {
    content: "·";
    margin-right: 8px;
}

.tk-origin--header[b-05v6dj4yr1] {
    padding-left: 14px;
    box-shadow: inset 1px 0 0 var(--dash-border);
    white-space: nowrap;
}

.tk-origin--side[b-05v6dj4yr1] {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    gap: 1px 7px;
    align-items: start;
    margin-top: 8px;
    color: var(--dash-text-2);
    font-size: 12.5px;
    line-height: 1.45;
}

.tk-origin--side .tk-origin-at[b-05v6dj4yr1] {
    grid-column: 2;
    color: var(--dash-muted);
}

.tk-origin--side .tk-origin-at[b-05v6dj4yr1]::before {
    content: none;
}

.tk-origin--side b[b-05v6dj4yr1] {
    color: var(--dash-text);
}

.tk-origin--side[b-05v6dj4yr1]  .tk-origin-glyph {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    color: var(--dash-muted);
}

.tk-origin--side .tk-origin-text[b-05v6dj4yr1] {
    overflow: visible;
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    .tk-origin--header[b-05v6dj4yr1] {
        display: none;
    }
}

@media (min-width: 901px) {
    .tk-origin--side[b-05v6dj4yr1] {
        display: none;
    }
}
/* /Features/Chat/Components/ConversationPane/TicketPane.razor.rz.scp.css */
.team-only[b-kg9i9wf2jo] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 20px 16px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    box-shadow: inset 0 0 0 1px var(--dash-border);
}

.team-only-mark[b-kg9i9wf2jo] {
    flex: none;
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: var(--dash-text-2);
}

.team-only-mark[b-kg9i9wf2jo]  .team-only-glyph {
    width: 16px;
    height: 16px;
}

.team-only-text[b-kg9i9wf2jo] {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    color: var(--dash-muted);
}

.team-only-text b[b-kg9i9wf2jo] {
    font-weight: 600;
    color: var(--dash-text);
}

@media (max-width: 640px) {
    .team-only[b-kg9i9wf2jo] {
        flex-wrap: wrap;
        margin: 0 12px 12px;
    }

    .team-only .pill-btn[b-kg9i9wf2jo] {
        margin-left: 42px;
    }
}
/* /Features/Chat/Components/ConversationPane/TicketSide.razor.rz.scp.css */
.tk-sec--top[b-ztbe1nklbv] {
    padding: 14px 18px 12px;
}

.tk-top[b-ztbe1nklbv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.tk-hide[b-ztbe1nklbv] {
    flex: none;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 7px;
    background: none;
    color: var(--dash-muted);
    cursor: pointer;
    transition: background-color 140ms ease, color 140ms ease;
}

.tk-hide:hover[b-ztbe1nklbv] {
    background: var(--dash-row-hover);
    color: var(--dash-text);
}

.tk-hide:focus-visible[b-ztbe1nklbv],
.tk-fold-btn:focus-visible[b-ztbe1nklbv] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.tk-props[b-ztbe1nklbv] {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    row-gap: 2px;
    margin: 12px 0 0;
}

.tk-props > div[b-ztbe1nklbv] {
    display: contents;
}

.tk-props dt[b-ztbe1nklbv] {
    align-self: center;
    color: var(--dash-muted);
    font-size: 12.5px;
}

.tk-props dd[b-ztbe1nklbv] {
    min-width: 0;
    margin: 0;
}

.tk-face[b-ztbe1nklbv] {
    flex: none;
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--dash-avatar-bg);
    color: var(--dash-avatar-text);
    font-size: 8.5px;
    font-weight: 700;
}

.tk-face--none[b-ztbe1nklbv] {
    background: none;
    box-shadow: inset 0 0 0 1px var(--dash-border);
    color: var(--dash-muted-2);
}

.tk-face[b-ztbe1nklbv]  .tk-face-glyph {
    width: 11px;
    height: 11px;
}

.tk-select[b-ztbe1nklbv]  .tk-prop-glyph {
    flex: none;
    width: 14px;
    height: 14px;
    color: var(--dash-muted);
}

.tk-prio[b-ztbe1nklbv],
.tk-prio.tcard-prio--high[b-ztbe1nklbv] {
    flex: none;
    min-width: 0;
    height: auto;
    padding: 0;
    background: none;
    box-shadow: none;
}

.tk-who[b-ztbe1nklbv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 12px;
    align-items: start;
}

.tk-avatar[b-ztbe1nklbv] {
    flex: none;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--dash-avatar-bg);
    color: var(--dash-avatar-text);
    font-size: 12.5px;
    font-weight: 700;
}

.tk-who--none[b-ztbe1nklbv] {
    align-items: center;
}

.tk-avatar--none[b-ztbe1nklbv] {
    border-radius: 10px;
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: var(--dash-text-2);
}

.tk-avatar--none[b-ztbe1nklbv]  .tk-avatar-glyph {
    width: 17px;
    height: 17px;
}

.tk-who-main[b-ztbe1nklbv] {
    min-width: 0;
}

.tk-who-name[b-ztbe1nklbv] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.tk-who-mail[b-ztbe1nklbv] {
    display: block;
    overflow: hidden;
    color: var(--dash-badge-lead-text);
    font-size: 12.5px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tk-who-mail:hover[b-ztbe1nklbv] {
    color: var(--accent-text);
    text-decoration: underline;
}

.tk-who-mail--none[b-ztbe1nklbv] {
    color: var(--dash-muted);
}

.tk-fold > .tk-sec-title[b-ztbe1nklbv] {
    padding: 0;
}

.tk-fold-btn[b-ztbe1nklbv] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 40px;
    padding: 8px 18px 4px;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.tk-fold-btn:hover[b-ztbe1nklbv] {
    color: var(--dash-text);
}

.tk-fold-label[b-ztbe1nklbv] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
}

.tk-fold-label b[b-ztbe1nklbv] {
    color: var(--dash-muted-2);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.tk-fold-btn[b-ztbe1nklbv]  .tk-fold-chev {
    flex: none;
    width: 14px;
    height: 14px;
    color: var(--dash-muted-2);
    transition: transform var(--dur-mid) var(--ease-out), color 140ms ease;
}

.tk-fold-btn:hover[b-ztbe1nklbv]  .tk-fold-chev {
    color: var(--dash-text);
}

.tk-fold--closed .tk-fold-btn[b-ztbe1nklbv]  .tk-fold-chev {
    transform: rotate(-90deg);
}

.tk-fold--closed > .tk-sec-title[b-ztbe1nklbv] {
    position: static;
}

.tk-fold-body[b-ztbe1nklbv] {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 320ms cubic-bezier(.22, 1, .36, 1);
}

.tk-fold--closed .tk-fold-body[b-ztbe1nklbv] {
    grid-template-rows: 0fr;
}

.tk-fold-inner[b-ztbe1nklbv] {
    min-height: 0;
    overflow: hidden;
    transition: opacity 200ms ease, visibility 0s;
}

.tk-fold--closed .tk-fold-inner[b-ztbe1nklbv] {
    opacity: 0;
    visibility: hidden;
    transition: opacity 160ms ease, visibility 0s linear 320ms;
}

.tk-peek[b-ztbe1nklbv] {
    margin: -2px 0 0;
    padding: 0 18px 12px;
    overflow: hidden;
    color: var(--dash-muted);
    font-size: 12.5px;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.tk-peek b[b-ztbe1nklbv] {
    color: var(--dash-text-2);
    font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
    .tk-fold-body[b-ztbe1nklbv],
    .tk-fold-inner[b-ztbe1nklbv],
    .tk-fold-btn[b-ztbe1nklbv]  .tk-fold-chev {
        transition: none;
    }
}
/* /Features/Chat/Components/ConversationPane/WorkItemCard.razor.rz.scp.css */
.wi-heading[b-d0gonoy0t7] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin: 0;
    font: inherit;
}

.wi-news-pill[b-d0gonoy0t7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    padding: 2px 8px 2px 7px;
    border-radius: 999px;
    background: var(--dash-dev-soft);
    color: var(--dash-dev);
    font-size: 11.5px;
    font-weight: 600;
}

.wi-news-dot[b-d0gonoy0t7] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--dash-dev);
}

.wi-entry[b-d0gonoy0t7] {
    --wi-entry-ring: var(--wi-line-2);

    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 10px 9px 9px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .03);
    box-shadow: inset 0 0 0 1px var(--wi-entry-ring), inset 0 1px 0 rgba(255, 255, 255, .035),
        0 1px 2px rgba(0, 0, 0, .5);
    color: inherit;
    text-decoration: none;
}

.wi-entry:hover[b-d0gonoy0t7] {
    --wi-entry-ring: rgba(255, 255, 255, .16);

    background: rgba(255, 255, 255, .055);
    box-shadow: inset 0 0 0 1px var(--wi-entry-ring), inset 0 1px 0 rgba(255, 255, 255, .05),
        0 8px 20px -12px rgba(0, 0, 0, .9);
}

.wi-entry--news[b-d0gonoy0t7] {
    --wi-entry-ring: color-mix(in srgb, var(--dash-dev) 34%, transparent);
}

.wi-entry--news:hover[b-d0gonoy0t7] {
    --wi-entry-ring: var(--dash-dev-line);
}

.wi-entry:focus-visible[b-d0gonoy0t7],
.wi-news:focus-visible[b-d0gonoy0t7] {
    outline: 2px solid var(--wi-focus);
    outline-offset: 2px;
}

.wi-entry-tile[b-d0gonoy0t7] {
    display: grid;
    flex: none;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: var(--dash-dev-soft);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dash-dev) 28%, transparent);
    color: var(--dash-dev);
}

.wi-entry-tile[b-d0gonoy0t7]  .wi-entry-kind {
    width: 16px;
    height: 16px;
}

.wi-entry-main[b-d0gonoy0t7] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wi-entry .wi-key[b-d0gonoy0t7] {
    color: var(--wi-text);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.wi-key b[b-d0gonoy0t7] {
    font-weight: 600;
}

.wi-entry .wi-step[b-d0gonoy0t7] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    color: var(--wi-text-2);
    font-size: 12px;
    overflow-wrap: anywhere;
}

.wi-entry-open[b-d0gonoy0t7] {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 1px;
    color: var(--dash-muted-2);
    font-size: 12.5px;
    font-weight: 500;
}

.wi-entry:hover .wi-entry-open[b-d0gonoy0t7] {
    color: var(--dash-text);
}

.wi-entry-open[b-d0gonoy0t7]  .wi-entry-go {
    width: 15px;
    height: 15px;
}

.wi-info[b-d0gonoy0t7] {
    margin-top: 12px;
}

.wi-info .wi-title[b-d0gonoy0t7] {
    margin: 0 0 10px;
    color: var(--wi-text);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.wi-info[b-d0gonoy0t7]  .wp--mini {
    --wp-ground: var(--dash-side);
    margin-top: 0;
}

.wi-info .wi-meaning[b-d0gonoy0t7] {
    margin: 8px 0 0;
    color: var(--dash-muted);
    font-size: 12px;
    line-height: 1.45;
}

.wi-info .wi-news[b-d0gonoy0t7] {
    display: block;
    margin-top: 12px;
    padding: 10px 12px 11px;
    border-radius: 10px;
    background: var(--dash-dev-soft);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dash-dev) 26%, transparent);
    color: inherit;
    text-decoration: none;
}

.wi-info .wi-news:hover[b-d0gonoy0t7] {
    box-shadow: inset 0 0 0 1px var(--dash-dev-line);
}

.wi-news > span[b-d0gonoy0t7] {
    display: block;
}

.wi-news .wi-news-head[b-d0gonoy0t7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    color: var(--dash-dev);
    font-size: 12.5px;
}

.wi-news-head b[b-d0gonoy0t7] {
    color: var(--wi-text);
    font-weight: 600;
}

.wi-news .wi-news-text[b-d0gonoy0t7] {
    display: -webkit-box;
    margin-top: 4px;
    overflow: hidden;
    color: var(--dash-text-2);
    font-size: 12.5px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.wi-news .wi-news-cta[b-d0gonoy0t7] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    color: var(--wi-text);
    font-size: 12.5px;
    font-weight: 600;
}

.wi-news-cta[b-d0gonoy0t7]  .wi-news-go {
    width: 13px;
    height: 13px;
}

.wi-idle[b-d0gonoy0t7] {
    margin: 0;
    color: var(--dash-muted);
    font-size: 12.5px;
    line-height: 1.5;
}

.wi-acts[b-d0gonoy0t7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.wi-checking[b-d0gonoy0t7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (prefers-reduced-motion: no-preference) {
    .wi-entry[b-d0gonoy0t7] {
        transition: background-color 160ms ease, box-shadow 200ms ease, transform 160ms ease;
    }

    .wi-entry:active[b-d0gonoy0t7] {
        transform: scale(.985);
    }

    .wi-entry-open[b-d0gonoy0t7] {
        transition: color 140ms ease;
    }

    .wi-entry-open[b-d0gonoy0t7]  .wi-entry-go,
    .wi-news-cta[b-d0gonoy0t7]  .wi-news-go {
        transition: transform var(--dur-mid) var(--ease-out);
    }

    .wi-entry:hover .wi-entry-open[b-d0gonoy0t7]  .wi-entry-go {
        transform: translateX(2px);
    }

    .wi-info .wi-news[b-d0gonoy0t7] {
        transition: box-shadow 160ms ease;
    }

    .wi-info .wi-news:hover .wi-news-cta[b-d0gonoy0t7]  .wi-news-go {
        transform: translateX(3px);
    }
}
/* /Features/Chat/Components/Inbox/ConversationList.razor.rz.scp.css */
.iq-group + .iq-group[b-z8788vzlau] {
    margin-top: 14px;
}

.iq-head[b-z8788vzlau] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    padding: 8px 12px;
    background: var(--dash-side);
}

.iq-chip[b-z8788vzlau] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    color: var(--dash-text-2);
    font-size: 12px;
    font-weight: 600;
}

.iq-chip b[b-z8788vzlau] {
    color: var(--dash-muted);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.iq-chip--hot[b-z8788vzlau] {
    background: rgba(245, 176, 65, .1);
    box-shadow: inset 0 0 0 1px rgba(245, 176, 65, .22);
    color: var(--dash-warn-text);
}

.iq-chip--hot b[b-z8788vzlau] {
    color: var(--dash-warn-text);
}

.iq-chip-dot[b-z8788vzlau] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--warn);
}

.iq-list[b-z8788vzlau] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 2px 12px 0;
    list-style: none;
}

.iq-list--tight[b-z8788vzlau] {
    gap: 4px;
}

.iq-card[b-z8788vzlau] {
    position: relative;
    display: block;
    padding: 14px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07), inset 0 1px 0 rgba(255, 255, 255, .05),
        0 10px 24px -16px rgba(0, 0, 0, .9);
    color: inherit;
    text-decoration: none;
}

.iq-card--link[b-z8788vzlau] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: transparent;
    box-shadow: none;
    transition: background var(--dur-fast) var(--ease-std), box-shadow var(--dur-fast) var(--ease-std);
}

.iq-card--link:hover[b-z8788vzlau] {
    background: rgba(255, 255, 255, .045);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

.iq-card--link:focus-visible[b-z8788vzlau] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.iq-card--unread[b-z8788vzlau] {
    background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}

.iq-card--fresh[b-z8788vzlau] {
    background: linear-gradient(180deg, rgba(79, 169, 245, .12), rgba(79, 169, 245, .04));
    box-shadow: inset 0 0 0 1px rgba(79, 169, 245, .3), 0 10px 26px -18px rgba(31, 116, 199, .9);
}

.iq-card--active[b-z8788vzlau],
.iq-card--active:hover[b-z8788vzlau] {
    background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 10px 24px -16px rgba(0, 0, 0, .9);
}

.iq-face[b-z8788vzlau] {
    position: relative;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 999px;
    background: linear-gradient(145deg, #2a2f36, #1a1d22);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: var(--dash-text);
    font-size: 11.5px;
    font-weight: 650;
}

[b-z8788vzlau] .iq-face-icon {
    width: 16px;
    height: 16px;
}

.iq-card--fresh .iq-face[b-z8788vzlau] {
    background: linear-gradient(145deg, rgba(79, 169, 245, .5), rgba(31, 116, 199, .35));
}

.iq-card--active .iq-face[b-z8788vzlau] {
    background: var(--dash-dark);
    color: #ffffff;
}

.iq-who[b-z8788vzlau] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.iq-who--grow[b-z8788vzlau] {
    flex: 1;
}

.iq-line[b-z8788vzlau] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.iq-line > .iq-preview[b-z8788vzlau] {
    flex: 1;
}

.iq-name[b-z8788vzlau] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--dash-text);
    font-size: 13.5px;
    font-weight: 650;
}

.iq-card--link:not(.iq-card--unread):not(.iq-card--fresh):not(.iq-card--active) .iq-name[b-z8788vzlau] {
    font-weight: 550;
}

.iq-age[b-z8788vzlau] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    color: var(--dash-muted-2);
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

[b-z8788vzlau] .iq-age-icon {
    width: 12px;
    height: 12px;
}

.iq-age--stale[b-z8788vzlau] {
    color: var(--dash-warn-text);
    font-weight: 600;
}

.iq-preview[b-z8788vzlau] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--dash-muted);
    font-size: 12.5px;
    line-height: 1.45;
}

.iq-preview--empty[b-z8788vzlau] {
    font-style: italic;
    color: var(--dash-muted);
}

.iq-card--unread .iq-preview[b-z8788vzlau],
.iq-card--fresh .iq-preview[b-z8788vzlau] {
    color: var(--dash-text-2);
}

.iq-you[b-z8788vzlau] {
    margin-right: 3px;
    color: var(--dash-muted-2);
}

.iq-unread[b-z8788vzlau] {
    min-width: 20px;
    height: 20px;
    flex-shrink: 0;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--dash-dark);
    box-shadow: 0 4px 12px -4px rgba(31, 116, 199, .9);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.iq-fresh[b-z8788vzlau] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--accent);
    box-shadow: 0 0 0 3px rgba(79, 169, 245, .2), 0 0 10px rgba(79, 169, 245, .8);
}

.queue[b-z8788vzlau] {
    position: relative;
}

.iq-wait[b-z8788vzlau] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 8px 8px 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .04);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}

.iq-group--quiet .iq-wait[b-z8788vzlau] {
    background: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

.iq-wait--stale[b-z8788vzlau],
.iq-group--quiet .iq-wait--stale[b-z8788vzlau] {
    background: rgba(245, 176, 65, .06);
    box-shadow: inset 0 0 0 1px rgba(245, 176, 65, .22);
}

.iq-face--sm[b-z8788vzlau] {
    width: 28px;
    height: 28px;
    font-size: 10.5px;
}

.iq-wait-body[b-z8788vzlau] {
    flex: 1;
    min-width: 0;
}

.iq-wait-top[b-z8788vzlau] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.iq-wait-bottom[b-z8788vzlau] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
}

.iq-wait-bottom > .iq-preview[b-z8788vzlau] {
    flex: 1;
    font-size: 12px;
}

.iq-acts[b-z8788vzlau] {
    display: flex;
    flex-shrink: 0;
    gap: 4px;
}

.iq-accept[b-z8788vzlau] {
    height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #4cc86a, #34a853);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
    color: #04210d;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    transition: filter var(--dur-fast) var(--ease-std), transform var(--dur-fast) var(--ease-std),
        background var(--dur-fast) var(--ease-std), color var(--dur-fast) var(--ease-std);
}

.iq-accept--quiet[b-z8788vzlau] {
    background: rgba(76, 200, 106, .14);
    box-shadow: inset 0 0 0 1px rgba(76, 200, 106, .38);
    color: #8be0a0;
}

.iq-accept--quiet:hover:not(:disabled)[b-z8788vzlau] {
    background: rgba(76, 200, 106, .22);
    box-shadow: inset 0 0 0 1px rgba(76, 200, 106, .55);
    color: #a6ecb7;
    filter: none;
}

.iq-accept:hover[b-z8788vzlau] {
    filter: brightness(1.06);
}

.iq-accept:active[b-z8788vzlau] {
    transform: scale(.98);
}

.iq-accept:disabled[b-z8788vzlau] {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    color: var(--dash-muted-2);
    filter: none;
    transform: none;
    cursor: default;
}

.iq-dismiss[b-z8788vzlau] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    min-width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
    color: var(--dash-muted);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
    transition: background var(--dur-fast) var(--ease-std), color var(--dur-fast) var(--ease-std);
}

.iq-dismiss:hover[b-z8788vzlau] {
    background: rgba(255, 255, 255, .08);
    color: var(--dash-text);
}

.iq-dismiss--confirm[b-z8788vzlau],
.iq-dismiss--confirm:hover[b-z8788vzlau] {
    padding: 0 10px;
    font-size: 12px;
    background: var(--dash-danger-bg);
    box-shadow: inset 0 0 0 1px rgba(255, 107, 107, .3);
    color: var(--dash-danger);
}

.iq-dismiss:disabled[b-z8788vzlau] {
    opacity: .5;
    cursor: default;
}

[b-z8788vzlau] .iq-dismiss-icon {
    width: 15px;
    height: 15px;
}

.iq-accept:focus-visible[b-z8788vzlau],
.iq-dismiss:focus-visible[b-z8788vzlau] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.iq-load[b-z8788vzlau] {
    transition: background .42s ease, box-shadow .42s ease, color .42s ease;
}

.iq-load b[b-z8788vzlau] {
    color: var(--dash-text-2);
}

.iq-load--full[b-z8788vzlau] {
    background: rgba(143, 160, 184, .12);
    box-shadow: inset 0 0 0 1px rgba(143, 160, 184, .28);
    color: var(--dash-text);
}

.iq-pips[b-z8788vzlau] {
    display: inline-flex;
    gap: 3px;
}

.iq-pips i[b-z8788vzlau] {
    position: relative;
    width: 7px;
    height: 7px;
    overflow: hidden;
    border-radius: 2px;
    background: rgba(255, 255, 255, .14);
}

.iq-pips i[b-z8788vzlau]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 380ms cubic-bezier(.2, .8, .2, 1) 120ms, background .42s ease;
}

.iq-pips i.is-on[b-z8788vzlau]::before {
    transform: scaleX(1);
}

.iq-load--full .iq-pips i[b-z8788vzlau]::before {
    background: #9aa9bf;
}

.iq-over[b-z8788vzlau] {
    color: var(--dash-muted);
    font-size: 11px;
    font-weight: 700;
}

.iq-full[b-z8788vzlau] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 16px 8px;
    color: var(--dash-muted);
    font-size: 12px;
    line-height: 1.4;
}

[b-z8788vzlau] .iq-full-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: #9aa9bf;
}

.iq-leaving[b-z8788vzlau] {
    position: absolute;
    left: var(--iq-leave-left);
    top: var(--iq-leave-top);
    z-index: 3;
    width: var(--iq-leave-width);
    height: var(--iq-leave-height);
    margin: 0;
    list-style: none;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .iq-load[b-z8788vzlau],
    .iq-pips i[b-z8788vzlau]::before {
        transition: none;
    }
}

.iq-none[b-z8788vzlau] {
    margin: 2px 16px 0;
    color: var(--dash-muted-2);
    font-size: 12.5px;
    line-height: 1.45;
}

.iq-empty[b-z8788vzlau] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 56px 20px 24px;
    text-align: center;
}

.iq-empty-mark[b-z8788vzlau] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .03));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), inset 0 1px 0 rgba(255, 255, 255, .14),
        0 18px 36px -18px rgba(31, 116, 199, .7);
    color: var(--accent-text);
}

[b-z8788vzlau] .iq-empty-icon {
    width: 26px;
    height: 26px;
}

.iq-empty-title[b-z8788vzlau] {
    margin: 0;
    color: var(--dash-text);
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.01em;
}

.iq-empty-text[b-z8788vzlau] {
    margin: 0;
    max-width: 30ch;
    color: var(--dash-muted);
    font-size: 12.5px;
    line-height: 1.5;
}

.iq-empty--recent[b-z8788vzlau] {
    padding-top: 40px;
}

.iq-empty--recent .iq-empty-text[b-z8788vzlau] {
    max-width: none;
    color: var(--dash-text-2);
    font-size: 13px;
}

.iq-switch-bar[b-z8788vzlau] {
    position: sticky;
    top: -4px;
    z-index: 2;
    margin-top: -4px;
    padding: 10px 12px 8px;
    background: var(--dash-side);
}

.iq-switch[b-z8788vzlau] {
    position: relative;
    display: flex;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .08);
}

.iq-ink[b-z8788vzlau] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 50%;
    height: 2px;
    margin: 0 14px;
    border-radius: 2px;
    background: var(--dash-text);
    pointer-events: none;
    transition: left 260ms var(--ease-out) 0ms, right 260ms var(--ease-out) 70ms;
}

.iq-switch[data-tab="recent"] .iq-ink[b-z8788vzlau] {
    left: 50%;
    right: 0;
    transition: left 260ms var(--ease-out) 70ms, right 260ms var(--ease-out) 0ms;
}

.iq-tab[b-z8788vzlau] {
    display: inline-flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    height: 36px;
    padding: 0 8px;
    border: 0;
    background: none;
    color: var(--dash-muted);
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--dur-fast) var(--ease-std);
}

.iq-tab:hover[b-z8788vzlau] {
    color: var(--dash-text);
}

.iq-tab[aria-selected="true"][b-z8788vzlau] {
    color: var(--dash-text);
}

.iq-tab:focus-visible[b-z8788vzlau] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
    border-radius: 8px;
}

.iq-tab b[b-z8788vzlau] {
    color: var(--dash-muted-2);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.iq-tab-wait[b-z8788vzlau] {
    padding: 1px 6px;
    border-radius: 999px;
    background: rgba(245, 176, 65, .14);
    box-shadow: inset 0 0 0 1px rgba(245, 176, 65, .3);
    color: var(--dash-warn-text);
    font-size: 10.5px;
    font-weight: 700;
}

.iq-tab-new[b-z8788vzlau] {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--dash-dark);
    color: #ffffff;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.iq-panel .iq-head[b-z8788vzlau] {
    top: 48px;
}

.iq-note[b-z8788vzlau] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 16px 6px;
    color: var(--dash-muted-2);
    font-size: 12px;
}

[b-z8788vzlau] .iq-note-icon {
    width: 12px;
    height: 12px;
}

.iq-card--ended:not(.iq-card--active) .iq-face[b-z8788vzlau] {
    background: rgba(255, 255, 255, .04);
    color: var(--dash-muted);
}

.iq-card--ended:not(.iq-card--active):not(.iq-card--ended-new) .iq-name[b-z8788vzlau] {
    color: var(--dash-text-2);
}

.iq-ended-why[b-z8788vzlau] {
    display: flex;
    align-items: center;
    gap: 5px;
}

[b-z8788vzlau] .iq-ended-icon {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
}

.iq-ended-last[b-z8788vzlau] {
    min-width: 0;
    overflow: hidden;
    color: var(--dash-muted-2);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iq-ended-dot[b-z8788vzlau] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--accent);
    box-shadow: 0 0 0 3px rgba(79, 169, 245, .2);
}

@media (pointer: coarse) {
    .iq-tab[b-z8788vzlau] {
        height: 44px;
    }

    .iq-accept[b-z8788vzlau] {
        height: 44px;
    }

    .iq-dismiss[b-z8788vzlau] {
        min-width: 44px;
        height: 44px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .queue:not([data-settled]) .iq-list > li[b-z8788vzlau] {
        animation: iq-arrive-b-z8788vzlau 420ms var(--ease-expo) backwards;
    }

    .queue:not([data-settled]) .iq-list > li:nth-child(2)[b-z8788vzlau] { animation-delay: 40ms; }
    .queue:not([data-settled]) .iq-list > li:nth-child(3)[b-z8788vzlau] { animation-delay: 80ms; }
    .queue:not([data-settled]) .iq-list > li:nth-child(n+4)[b-z8788vzlau] { animation-delay: 120ms; }
}

.queue--switched > #iq-panel-live:not([hidden])[b-z8788vzlau] {
    --iq-from: -20px;
}

.queue--switched > #iq-panel-recent:not([hidden])[b-z8788vzlau] {
    --iq-from: 20px;
}

@media (prefers-reduced-motion: no-preference) {
    .queue--switched > .iq-panel:not([hidden])[b-z8788vzlau] {
        animation: iq-slide-in-b-z8788vzlau 300ms cubic-bezier(.2, .8, .2, 1) backwards;
    }
}

@media (prefers-reduced-motion: reduce) {
    .iq-ink[b-z8788vzlau] {
        transition: none;
    }
}

@keyframes iq-slide-in-b-z8788vzlau {
    from {
        opacity: 0;
        transform: translateX(var(--iq-from, 0));
    }
}

@keyframes iq-arrive-b-z8788vzlau {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
}
/* /Features/Chat/Components/Inbox/InboxEmpty.razor.rz.scp.css */
.ie[b-ppjx9bte84] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    background:
        radial-gradient(60% 50% at 50% 40%, rgba(79, 169, 245, .05), transparent 70%),
        var(--dash-surface);
}

.ie--serviceable[b-ppjx9bte84] {
    --ie-tone: 79, 169, 245;
}

.ie--break[b-ppjx9bte84] {
    --ie-tone: 245, 176, 65;
}

.ie--offline[b-ppjx9bte84] {
    --ie-tone: 150, 156, 166;
}

.ie--disconnected[b-ppjx9bte84] {
    --ie-tone: 255, 107, 107;
}

.ie-bloom[b-ppjx9bte84] {
    position: absolute;
    left: 50%;
    top: 40%;
    z-index: -1;
    width: 620px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(var(--ie-tone), .13), transparent);
    filter: blur(40px);
    translate: -50% -50%;
}

.ie-center[b-ppjx9bte84] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ie-cards[b-ppjx9bte84] {
    position: relative;
    width: 280px;
    height: 176px;
    margin-bottom: 30px;
}

.ie-card[b-ppjx9bte84] {
    position: absolute;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 16px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .025));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09), inset 0 1px 0 rgba(255, 255, 255, .14),
        0 24px 48px -20px rgba(0, 0, 0, .85);
    backdrop-filter: blur(14px) saturate(1.2);
    translate: -50% 0;
}

.ie-card--back[b-ppjx9bte84] {
    top: 0;
    width: 200px;
    height: 56px;
    opacity: .45;
    transform: translateX(-34px) rotate(-5deg);
}

.ie-card--mid[b-ppjx9bte84] {
    top: 40px;
    width: 224px;
    height: 62px;
    opacity: .72;
    transform: translateX(26px) rotate(3deg);
}

.ie-card--front[b-ppjx9bte84] {
    top: 92px;
    width: 252px;
    height: 70px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .035));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), inset 0 1px 0 rgba(255, 255, 255, .2),
        0 0 0 1px rgba(var(--ie-tone), .14), 0 30px 60px -22px rgba(0, 0, 0, .9),
        0 18px 50px -24px rgba(var(--ie-tone), .55);
}

.ie-face[b-ppjx9bte84] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .06));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}

.ie-card--front .ie-face[b-ppjx9bte84] {
    background: linear-gradient(145deg, rgba(var(--ie-tone), .75), rgba(var(--ie-tone), .3));
}

.ie-lines[b-ppjx9bte84] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ie-lines span[b-ppjx9bte84] {
    display: block;
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
}

.ie-lines span:first-child[b-ppjx9bte84] {
    width: 58%;
    background: rgba(255, 255, 255, .26);
}

.ie-lines span:last-child[b-ppjx9bte84] {
    width: 86%;
}

.ie-unread[b-ppjx9bte84] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 999px;
    background: rgb(var(--ie-tone));
    box-shadow: 0 0 0 4px rgba(var(--ie-tone), .18), 0 0 14px rgba(var(--ie-tone), .9);
}

.inbox-empty--away .ie-card[b-ppjx9bte84] {
    filter: saturate(.3);
}

.ie--offline .ie-unread[b-ppjx9bte84],
.ie--disconnected .ie-unread[b-ppjx9bte84] {
    opacity: .35;
    box-shadow: none;
}

.ie-title[b-ppjx9bte84] {
    margin: 0;
    color: var(--dash-text);
    font-family: var(--font-display);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.03em;
    overflow-wrap: anywhere;
}

.ie-text[b-ppjx9bte84] {
    max-width: 46ch;
    margin: 8px 0 0;
    color: var(--dash-muted);
    font-size: 14.5px;
    line-height: 1.55;
}

.ie-alert[b-ppjx9bte84] {
    margin: 16px 0 0;
}

.ie-action[b-ppjx9bte84] {
    margin-top: 22px;
    padding: 10px 22px;
}

.ie-link[b-ppjx9bte84] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    padding: 6px 4px;
    border-radius: 8px;
    color: var(--dash-text-2);
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: color var(--dur-fast) var(--ease-std);
}

.ie-link:hover[b-ppjx9bte84] {
    color: var(--dash-text);
}

.ie-link:focus-visible[b-ppjx9bte84] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

[b-ppjx9bte84] .ie-link-icon {
    width: 14px;
    height: 14px;
    transition: transform var(--dur-mid) var(--ease-expo);
}

.ie-link:hover[b-ppjx9bte84]  .ie-link-icon {
    transform: translateX(3px);
}

.ie-manual[b-ppjx9bte84] {
    position: absolute;
    left: 50%;
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(320px, calc(100% - 48px));
    padding: 10px 14px 10px 10px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .04);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09), inset 0 1px 0 rgba(255, 255, 255, .08),
        0 16px 32px -20px rgba(0, 0, 0, .9);
    color: var(--dash-text-2);
    text-align: left;
    text-decoration: none;
    translate: -50% 0;
    transition: background-color var(--dur-fast) var(--ease-std), box-shadow var(--dur-mid) var(--ease-std);
}

.ie-manual:hover[b-ppjx9bte84] {
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), inset 0 1px 0 rgba(255, 255, 255, .1),
        0 18px 36px -18px rgba(0, 0, 0, .95);
}

.ie-manual:focus-visible[b-ppjx9bte84] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.ie-manual-tile[b-ppjx9bte84] {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(var(--ie-tone), .14);
    color: rgb(var(--ie-tone));
}

[b-ppjx9bte84] .ie-manual-icon {
    width: 16px;
    height: 16px;
}

.ie-manual-text[b-ppjx9bte84] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ie-manual-label[b-ppjx9bte84] {
    color: var(--dash-text);
    font-size: 13.5px;
    font-weight: 600;
}

.ie-manual-hint[b-ppjx9bte84] {
    color: var(--dash-muted-2);
    font-size: 12px;
}

[b-ppjx9bte84] .ie-manual-trail {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    color: var(--dash-muted);
    transition: transform var(--dur-mid) var(--ease-expo);
}

.ie-manual:hover[b-ppjx9bte84]  .ie-manual-trail {
    transform: translate(2px, -2px);
}

@media (prefers-reduced-motion: no-preference) {
    .ie-cards[b-ppjx9bte84] {
        animation: ie-rise-b-ppjx9bte84 700ms var(--ease-expo) backwards;
    }

    .ie-center > :not(.ie-cards)[b-ppjx9bte84] {
        animation: ie-rise-b-ppjx9bte84 560ms var(--ease-expo) 120ms backwards;
    }

    .ie-manual[b-ppjx9bte84] {
        animation: ie-rise-b-ppjx9bte84 560ms var(--ease-expo) 240ms backwards;
    }

    .ie-card--back[b-ppjx9bte84] {
        animation: ie-float-back-b-ppjx9bte84 9s ease-in-out;
    }

    .ie-card--mid[b-ppjx9bte84] {
        animation: ie-float-mid-b-ppjx9bte84 8s ease-in-out -2s;
    }

    .ie-card--front[b-ppjx9bte84] {
        animation: ie-float-front-b-ppjx9bte84 7s ease-in-out -4s;
    }
}

@keyframes ie-rise-b-ppjx9bte84 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
}

@keyframes ie-float-back-b-ppjx9bte84 {
    0%, 100% { transform: translateX(-34px) translateY(0) rotate(-5deg); }
    50% { transform: translateX(-34px) translateY(-6px) rotate(-4deg); }
}

@keyframes ie-float-mid-b-ppjx9bte84 {
    0%, 100% { transform: translateX(26px) translateY(0) rotate(3deg); }
    50% { transform: translateX(26px) translateY(-5px) rotate(2deg); }
}

@keyframes ie-float-front-b-ppjx9bte84 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@media (max-width: 1023px) {
    .ie[b-ppjx9bte84] {
        padding: 22px 20px;
    }

    .ie-cards[b-ppjx9bte84],
    .ie-bloom[b-ppjx9bte84] {
        display: none;
    }

    .ie-title[b-ppjx9bte84] {
        font-size: 20px;
    }

    .ie-action[b-ppjx9bte84] {
        margin-top: 14px;
    }
}

@media (max-width: 1023px), (max-height: 600px) {
    .ie[b-ppjx9bte84] {
        flex-direction: column;
    }

    .ie-manual[b-ppjx9bte84] {
        position: static;
        margin-top: 20px;
        translate: none;
    }
}

@media (pointer: coarse) {
    .ie-link[b-ppjx9bte84] {
        min-height: 44px;
    }
}
/* /Features/KnowledgeBase/Components/Admin/KnowledgeDocumentPane.razor.rz.scp.css */
.kb-pane-message[b-3axhuy51sr] {
    margin: 0 0 14px;
    font-size: 13px;
    color: var(--dash-text-2);
}

.kb-pane-tabs[b-3axhuy51sr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.kb-document-view[b-3axhuy51sr] {
    margin-top: 12px;
}

.kb-document-pdf[b-3axhuy51sr] {
    display: block;
    width: 100%;
    min-height: 32rem;
    border: 0;
    border-radius: 12px;
    background: #0c0c0c;
}

.kb-document-source[b-3axhuy51sr] {
    max-height: 32rem;
    margin: 0;
    padding: 14px 16px;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 12px;
    background: #0c0c0c;
    color: #d4d4d4;
    font: 12.5px/1.55 ui-monospace, monospace;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.kb-document-text[b-3axhuy51sr] {
    max-height: 32rem;
    overflow: auto;
}

.kb-document-note[b-3axhuy51sr] {
    margin: 10px 0 0;
    font-size: 13px;
    color: var(--dash-muted);
}
/* /Features/KnowledgeBase/Components/Admin/KnowledgeDocumentUploadDialog.razor.rz.scp.css */
.kb-upload-input[b-h83r87vez0] {
    width: 100%;
    padding: 10px;
    border: 1px dashed var(--dash-border);
    border-radius: var(--radius-control);
    background: var(--dash-input-bg);
    color: transparent;
    font: inherit;
    font-size: 13px;
}

.kb-upload-input[b-h83r87vez0]::file-selector-button {
    margin-right: 12px;
    padding: 6px 12px;
    border: 1px solid var(--dash-border);
    border-radius: 8px;
    background: var(--dash-raised);
    color: var(--dash-text);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.kb-upload-list[b-h83r87vez0] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--dash-separator);
    border-radius: 12px;
    overflow: hidden;
}

.kb-upload-row[b-h83r87vez0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    padding: 10px 14px;
}

.kb-upload-row + .kb-upload-row[b-h83r87vez0] {
    border-top: 1px solid var(--dash-separator);
}

.kb-upload-name[b-h83r87vez0] {
    flex: 1 1 200px;
    min-width: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--dash-text);
    overflow-wrap: anywhere;
}

.kb-upload-size[b-h83r87vez0],
.kb-upload-progress[b-h83r87vez0] {
    font-size: 12.5px;
    color: var(--dash-muted);
    font-variant-numeric: tabular-nums;
}

.kb-upload-outcome[b-h83r87vez0] {
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
}

.kb-upload-outcome--good[b-h83r87vez0] {
    background: var(--tone-good-bg);
    color: var(--tone-good-fg);
}

.kb-upload-outcome--quiet[b-h83r87vez0] {
    background: var(--tone-muted-bg);
    color: var(--dash-text-2);
}

.kb-upload-outcome--bad[b-h83r87vez0] {
    background: var(--tone-bad-bg);
    color: var(--tone-bad-fg);
}

.kb-upload-intent[b-h83r87vez0] {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 13px;
    color: var(--dash-text-2);
}

.kb-upload-intent legend[b-h83r87vez0] {
    float: left;
    margin-right: 6px;
    padding: 0;
    font-weight: 600;
    color: var(--dash-muted);
}

.kb-upload-intent label[b-h83r87vez0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.kb-upload-intent input[b-h83r87vez0] {
    accent-color: var(--accent);
}

@media (pointer: coarse) {
    .kb-upload-intent label[b-h83r87vez0] {
        min-height: 44px;
    }
}
/* /Features/KnowledgeBase/Components/Admin/KnowledgeGhost.razor.rz.scp.css */
.kt-ghost[b-q961telt4w] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
}

.kt-ghost-tree[b-q961telt4w] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 16px;
    border-right: 1px solid var(--dash-separator);
    background: #050505;
}

.kt-ghost-top[b-q961telt4w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.kt-ghost-top .ghost--title[b-q961telt4w] {
    width: 40%;
}

.kt-ghost-top .ghost--ctl[b-q961telt4w] {
    --ghost-w: 72px;
    --ghost-h: 30px;
}

.kt-ghost-search[b-q961telt4w] {
    width: 100%;
    height: 34px;
    margin-bottom: 8px;
}

.kt-ghost-node[b-q961telt4w] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 24px;
    padding-left: 22px;
}

.kt-ghost-node .ghost--mark[b-q961telt4w] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
}

.kt-ghost-node--article[b-q961telt4w] {
    padding-left: 44px;
}

.kt-ghost-node--article .ghost--mark[b-q961telt4w] {
    display: none;
}

.kt-ghost-node--article .ghost--name[b-q961telt4w] {
    width: 70%;
}

.kt-ghost-reader[b-q961telt4w] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 40px 48px;
}

.kt-ghost-reader .ghost--short[b-q961telt4w] {
    width: 30%;
}

.kt-ghost-reader .ghost--title[b-q961telt4w] {
    width: 65%;
    height: 30px;
    margin-bottom: 12px;
}

@media (max-width: 1023px) {
    .kt-ghost[b-q961telt4w] {
        grid-template-columns: 260px minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
    .kt-ghost[b-q961telt4w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kt-ghost-reader[b-q961telt4w] {
        display: none;
    }
}
/* /Features/KnowledgeBase/Components/Admin/KnowledgePage.razor.rz.scp.css */
.kt[b-49zrqxjcvt] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
}

.kt-tree[b-49zrqxjcvt] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--dash-separator);
    background: #050505;
}

.kt-tree-top[b-49zrqxjcvt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 18px 14px 12px 20px;
}

.kt-title[b-49zrqxjcvt] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.02em;
    color: var(--text);
}

.kt-new[b-49zrqxjcvt] {
    height: 30px;
    font-size: 13px;
}

.kt-menu[b-49zrqxjcvt] {
    padding: 6px;
}

.kt-search[b-49zrqxjcvt] {
    flex: none;
    width: auto;
    margin: 0 14px 10px;
}

.kt-tree-scroll[b-49zrqxjcvt] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 2px 8px 24px;
}

.kt-group[b-49zrqxjcvt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    margin-top: 6px;
    padding: 0 8px 0 12px;
}

.kt-group--gap[b-49zrqxjcvt] {
    margin-top: 18px;
}

.kt-group-label[b-49zrqxjcvt] {
    margin: 0;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--text-dim);
}

.kt-group-act[b-49zrqxjcvt] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--text-dim);
    font: 500 12px "Inter", sans-serif;
    cursor: pointer;
}

.kt-group-act:hover[b-49zrqxjcvt] {
    color: var(--text);
}

.kt-categories[b-49zrqxjcvt],
.kt-articles[b-49zrqxjcvt],
.kt-cards[b-49zrqxjcvt] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.kt-articles[b-49zrqxjcvt] {
    margin-bottom: 4px;
}

.kt-node[b-49zrqxjcvt] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
    min-height: 32px;
    border-radius: 8px;
}

.kt-node:hover[b-49zrqxjcvt] {
    background: rgba(255, 255, 255, .05);
}

.kt-node.is-selected[b-49zrqxjcvt] {
    background: rgba(79, 169, 245, .14);
}

.kt-node--category[b-49zrqxjcvt] {
    margin-top: 2px;
}

.kt-node--article[b-49zrqxjcvt] {
    padding-left: 20px;
}

.kt-node--article[b-49zrqxjcvt]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 29px;
    width: 1px;
    background: rgba(255, 255, 255, .08);
}

.kt-grip[b-49zrqxjcvt] {
    position: relative;
    z-index: 1;
    flex: none;
    display: grid;
    place-items: center;
    width: 18px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--text-dim);
    cursor: grab;
    opacity: .3;
    touch-action: none;
    transition: opacity var(--dur-fast) var(--ease-std), background-color var(--dur-fast) var(--ease-std);
}

.kt-node--category .kt-grip[b-49zrqxjcvt] {
    opacity: 0;
}

.kt-node:hover .kt-grip[b-49zrqxjcvt],
.kt-card:hover .kt-grip[b-49zrqxjcvt],
.kt-grip:focus-visible[b-49zrqxjcvt],
.kt-grip.is-lifted[b-49zrqxjcvt] {
    opacity: 1;
}

.kt-grip:hover[b-49zrqxjcvt] {
    background: rgba(255, 255, 255, .08);
    color: var(--text);
}

.kt-grip:focus-visible[b-49zrqxjcvt] {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.kt-grip.is-lifted[b-49zrqxjcvt] {
    background: var(--accent);
    color: #001629;
}

.kt-grip:disabled[b-49zrqxjcvt],
.kt-node:hover .kt-grip:disabled[b-49zrqxjcvt],
.kt-card:hover .kt-grip:disabled[b-49zrqxjcvt] {
    opacity: 0;
    cursor: default;
}

[b-49zrqxjcvt] .kt-grip-icon {
    width: 14px;
    height: 14px;
}

.kt-grip-space[b-49zrqxjcvt] {
    flex: none;
    width: 18px;
}

.kt-twist[b-49zrqxjcvt] {
    position: relative;
    z-index: 1;
    flex: none;
    display: grid;
    place-items: center;
    width: 20px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--text-muted);
    cursor: pointer;
}

.kt-twist:hover:not(:disabled)[b-49zrqxjcvt] {
    color: var(--text);
}

.kt-twist:disabled[b-49zrqxjcvt] {
    opacity: .35;
    cursor: default;
}

[b-49zrqxjcvt] .kt-twist-icon {
    width: 14px;
    height: 14px;
    transition: transform var(--dur-mid) var(--ease-out);
}

.kt-twist[aria-expanded="true"][b-49zrqxjcvt]  .kt-twist-icon {
    transform: rotate(90deg);
}

.kt-label[b-49zrqxjcvt] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 30px;
    padding: 0 6px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--text-soft);
    font: 450 13.5px "Inter", sans-serif;
    text-align: left;
    cursor: pointer;
}

.kt-label[b-49zrqxjcvt]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
}

.kt-label:focus-visible[b-49zrqxjcvt] {
    outline: none;
}

.kt-label:focus-visible[b-49zrqxjcvt]::after {
    box-shadow: inset 0 0 0 2px var(--accent);
}

.kt-node--category .kt-label[b-49zrqxjcvt] {
    color: var(--text);
    font-weight: 600;
}

.kt-node.is-selected .kt-label[b-49zrqxjcvt] {
    color: #ffffff;
}

.kt-label-text[b-49zrqxjcvt] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.kt-count[b-49zrqxjcvt] {
    padding: 0 8px;
    font-size: 12px;
    color: var(--text-dim);
    font-variant-numeric: tabular-nums;
}

.kt-star[b-49zrqxjcvt] {
    flex: none;
    display: inline-grid;
    place-items: center;
    color: #f5c26b;
}

[b-49zrqxjcvt] .kt-star-icon {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

.kt-dot[b-49zrqxjcvt] {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #4cc86a;
}

.kt-dot--syncing[b-49zrqxjcvt] {
    background: #4fa9f5;
}

.kt-dot--failed[b-49zrqxjcvt] {
    background: #ff8a80;
}

.kt-empty[b-49zrqxjcvt] {
    margin: 2px 8px 6px 40px;
    padding: 7px 10px;
    border: 1px dashed rgba(255, 255, 255, .12);
    border-radius: 7px;
    color: var(--text-dim);
    font-size: 12.5px;
}

.kt-none[b-49zrqxjcvt] {
    margin: 0;
    padding: 10px 12px;
    font-size: 13px;
    color: var(--text-muted);
}

.kt-more-row[b-49zrqxjcvt] {
    padding: 4px 0 4px 40px;
}

.kt-more[b-49zrqxjcvt] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--accent-text);
    font: 500 12.5px "Inter", sans-serif;
    cursor: pointer;
}

.kt-more:hover[b-49zrqxjcvt] {
    text-decoration: underline;
}

.kt-tile[b-49zrqxjcvt] {
    --tint: #a1a1a1;

    flex: none;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--tint) 15%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tint) 24%, transparent);
    color: var(--tint);
}

.kt-tile--sm[b-49zrqxjcvt] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
}

.kt-tile--xl[b-49zrqxjcvt] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
}

.kt-tile[data-tone="rocket"][b-49zrqxjcvt] {
    --tint: #4fa9f5;
}

.kt-tile[data-tone="receipt"][b-49zrqxjcvt] {
    --tint: #f5b041;
}

.kt-tile[data-tone="wallet"][b-49zrqxjcvt] {
    --tint: #4cc86a;
}

.kt-tile[data-tone="heart-pulse"][b-49zrqxjcvt] {
    --tint: #ff7b8a;
}

.kt-tile[data-tone="shield-check"][b-49zrqxjcvt] {
    --tint: #a78bfa;
}

.kt-tile[data-tone="building-2"][b-49zrqxjcvt] {
    --tint: #2dd4bf;
}

.kt-tile[data-tone="life-buoy"][b-49zrqxjcvt] {
    --tint: #ff9e7a;
}

.kt-tile--files[b-49zrqxjcvt] {
    --tint: #9aa4b2;
}

[b-49zrqxjcvt] .kt-tile-icon {
    width: 58%;
    height: 58%;
}

.kt-badge[b-49zrqxjcvt] {
    flex: none;
    display: inline-grid;
    place-items: center;
    height: 18px;
    padding: 0 6px;
    border-radius: 5px;
    font: 700 10px/1 "Inter", sans-serif;
    letter-spacing: .04em;
}

.kt-badge--pdf[b-49zrqxjcvt] {
    background: rgba(255, 107, 107, .14);
    color: #ff9b9b;
}

.kt-badge--text[b-49zrqxjcvt] {
    background: rgba(255, 255, 255, .08);
    color: var(--text-soft);
}

.kt-node--file .kt-badge[b-49zrqxjcvt] {
    height: 16px;
    padding: 0 4px;
    font-size: 9px;
}

.kt-health[b-49zrqxjcvt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 14px;
    padding: 12px 20px;
    border-top: 1px solid var(--dash-separator);
}

.kt-health-btn[b-49zrqxjcvt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--text-muted);
    font: 12.5px "Inter", sans-serif;
    cursor: pointer;
}

.kt-health-btn:hover[b-49zrqxjcvt],
.kt-health-btn.is-on[b-49zrqxjcvt] {
    color: var(--text);
}

.kt-health-btn.is-on[b-49zrqxjcvt] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

[b-49zrqxjcvt] .kt-health-star {
    width: 12px;
    height: 12px;
    color: #f5c26b;
    fill: currentColor;
}

.kt-reader[b-49zrqxjcvt] {
    position: relative;
    min-height: 0;
    overflow: auto;
}

.kt-alert[b-49zrqxjcvt] {
    max-width: 804px;
    margin: 20px auto 0;
}

.kt-doc[b-49zrqxjcvt] {
    max-width: 760px;
    margin: 0 auto;
    padding: 34px 48px 120px;
}

.kt-doc--wide[b-49zrqxjcvt] {
    max-width: 900px;
}

.kt-crumbs[b-49zrqxjcvt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--text-muted);
}

.kt-crumb[b-49zrqxjcvt] {
    min-width: 0;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 3px 6px 3px 3px;
    border: 0;
    border-radius: 7px;
    background: none;
    color: var(--text-soft);
    font: 500 13px "Inter", sans-serif;
    cursor: pointer;
}

.kt-crumb:hover[b-49zrqxjcvt] {
    background: rgba(255, 255, 255, .07);
    color: var(--text);
}

.kt-crumb-text[b-49zrqxjcvt] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[b-49zrqxjcvt] .kt-crumb-sep {
    width: 13px;
    height: 13px;
}

.kt-doc-title[b-49zrqxjcvt] {
    margin: 14px 0 0;
    font-family: var(--font-display);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: var(--text);
    overflow-wrap: anywhere;
}

.kt-head[b-49zrqxjcvt] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.kt-head-text[b-49zrqxjcvt] {
    flex: 1;
    min-width: 0;
}

.kt-head .kt-doc-title[b-49zrqxjcvt] {
    margin-top: 2px;
    font-size: 26px;
}

.kt-eyebrow[b-49zrqxjcvt] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--text-muted);
}

[b-49zrqxjcvt] .kt-eyebrow-icon {
    width: 13px;
    height: 13px;
}

.kt-desc[b-49zrqxjcvt] {
    margin: 6px 0 0;
    font-size: 15px;
    color: var(--text-soft);
    overflow-wrap: anywhere;
}

.kt-meta[b-49zrqxjcvt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    margin-top: 12px;
    font-size: 13px;
    color: var(--text-muted);
}

.kt-chip[b-49zrqxjcvt] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(245, 194, 107, .12);
    color: #f5c26b;
    font-size: 12px;
    font-weight: 600;
}

[b-49zrqxjcvt] .kt-chip-icon {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

.kt-place[b-49zrqxjcvt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.kt-select[b-49zrqxjcvt] {
    height: 30px;
    max-width: 220px;
    padding: 0 8px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: #161616;
    color: var(--text);
    color-scheme: dark;
    font: 13px "Inter", sans-serif;
    cursor: pointer;
}

.kt-select:focus-visible[b-49zrqxjcvt] {
    outline: none;
    border-color: var(--accent);
    box-shadow: var(--dash-focus-ring);
}

.kt-failed[b-49zrqxjcvt] {
    margin-top: 16px;
}

.kt-actions[b-49zrqxjcvt] {
    margin-top: 18px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--dash-separator);
}

.kt-label-cap[b-49zrqxjcvt] {
    margin-top: 24px;
}

.kt-prose[b-49zrqxjcvt] {
    overflow-wrap: anywhere;
}

.kt-prose[b-49zrqxjcvt]  .prose-help {
    font-size: 15.5px;
    line-height: 26px;
}

.kt-pager[b-49zrqxjcvt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 44px;
}

.kt-pager-card[b-49zrqxjcvt] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 14px 16px;
    border: 0;
    border-radius: 12px;
    background: #0e0e0e;
    box-shadow: inset 0 0 0 1px var(--dash-separator);
    color: var(--text);
    text-align: left;
    cursor: pointer;
}

.kt-pager-card:hover[b-49zrqxjcvt] {
    box-shadow: inset 0 0 0 1px rgba(79, 169, 245, .5);
}

.kt-pager-card small[b-49zrqxjcvt] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-muted);
}

.kt-pager-card small[b-49zrqxjcvt],
.kt-pager-card span[b-49zrqxjcvt] {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.kt-pager-card span[b-49zrqxjcvt] {
    font-size: 14px;
    font-weight: 600;
}

.kt-pager-card--next[b-49zrqxjcvt] {
    grid-column: 2;
    align-items: flex-end;
    text-align: right;
}

[b-49zrqxjcvt] .kt-pager-icon {
    width: 13px;
    height: 13px;
}

.kt-cap-row[b-49zrqxjcvt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 16px;
    margin: 24px 0 12px;
}

.kt-cap[b-49zrqxjcvt] {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.kt-hint[b-49zrqxjcvt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 12.5px;
    color: var(--text-dim);
}

[b-49zrqxjcvt] .kt-hint-icon {
    width: 13px;
    height: 13px;
}

.kt-hint--head[b-49zrqxjcvt] {
    margin-top: 10px;
}

.kt-cards[b-49zrqxjcvt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.kt-card[b-49zrqxjcvt] {
    position: relative;
    display: grid;
    grid-template-columns: 22px 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 14px 16px 14px 10px;
    border-radius: 12px;
    background: #0e0e0e;
    box-shadow: inset 0 0 0 1px var(--dash-separator);
}

.kt-card:hover[b-49zrqxjcvt] {
    background: #121212;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
}

.kt-card-number[b-49zrqxjcvt] {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: var(--text-dim);
    font-variant-numeric: tabular-nums;
}

.kt-card-text[b-49zrqxjcvt] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.kt-card-open[b-49zrqxjcvt] {
    display: block;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: var(--text);
    font: 600 14.5px "Inter", sans-serif;
    text-align: left;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.kt-card-open[b-49zrqxjcvt]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
}

.kt-card-open:focus-visible[b-49zrqxjcvt] {
    outline: none;
}

.kt-card-open:focus-visible[b-49zrqxjcvt]::after {
    box-shadow: inset 0 0 0 2px var(--accent);
}

.kt-card-excerpt[b-49zrqxjcvt] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    color: var(--text-muted);
}

.kt-card-meta[b-49zrqxjcvt] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.kt-empty--card[b-49zrqxjcvt] {
    margin: 0;
    padding: 14px;
}

.kt-check[b-49zrqxjcvt] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-left: 8px;
    font-size: 13px;
    color: var(--text-soft);
    cursor: pointer;
}

.kt-check input[b-49zrqxjcvt] {
    accent-color: var(--accent);
}

.kt-messages[b-49zrqxjcvt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 14px;
    font-size: 13px;
    color: var(--dash-text-2);
}

.kt-messages p[b-49zrqxjcvt] {
    margin: 0;
}

.kt-bulk[b-49zrqxjcvt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin-top: 14px;
}

.kt-bulk-text[b-49zrqxjcvt] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}

.kt-files[b-49zrqxjcvt] {
    margin-top: 18px;
    overflow: hidden;
    border-radius: 14px;
    background: #0c0c0c;
    box-shadow: inset 0 0 0 1px var(--dash-separator);
}

.kt-files-row[b-49zrqxjcvt] {
    display: grid;
    grid-template-columns: 24px 52px minmax(0, 1fr) 120px 92px 72px;
    align-items: center;
    gap: 14px;
    min-height: 46px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.kt-files-row:last-child[b-49zrqxjcvt] {
    border-bottom: 0;
}

.kt-files-row--head[b-49zrqxjcvt] {
    min-height: 34px;
    background: #0a0a0a;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--text-muted);
}

.kt-files-row input[b-49zrqxjcvt] {
    accent-color: var(--accent);
}

.kt-files-name[b-49zrqxjcvt] {
    min-width: 0;
}

.kt-files-name button[b-49zrqxjcvt] {
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: none;
    color: var(--text);
    font: 500 14px "Inter", sans-serif;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.kt-files-name button:hover[b-49zrqxjcvt] {
    text-decoration: underline;
}

.kt-files-muted[b-49zrqxjcvt] {
    font-size: 12.5px;
    color: var(--text-muted);
    font-variant-numeric: tabular-nums;
}

.kt-files-size[b-49zrqxjcvt] {
    text-align: right;
}

.kt-pager-row[b-49zrqxjcvt] {
    padding-top: 8px;
}

.kt-empty-state[b-49zrqxjcvt] {
    margin: 48px auto;
}

.kt-file[b-49zrqxjcvt] {
    height: 100%;
    padding: 20px 32px 32px;
}

.kt-file[b-49zrqxjcvt]  .screen-inspector {
    position: relative;
    inset: auto;
    width: auto;
    max-width: 900px;
    height: 100%;
    max-height: none;
    margin: 0 auto;
}

.kt-node.is-lifted[b-49zrqxjcvt],
.kt-card.is-lifted[b-49zrqxjcvt],
.kt-category.is-lifted > .kt-node[b-49zrqxjcvt] {
    background: rgba(79, 169, 245, .13);
    box-shadow: inset 0 0 0 1.5px var(--accent);
}

.is-drag-source[b-49zrqxjcvt] {
    opacity: .35;
}

.is-drop-target[b-49zrqxjcvt] {
    background: rgba(79, 169, 245, .16);
    box-shadow: inset 0 0 0 1.5px var(--accent);
}

.is-dragging[b-49zrqxjcvt] {
    user-select: none;
}

.is-dragging-category .kt-articles[b-49zrqxjcvt] {
    display: none;
}

.kt-drag-ghost[b-49zrqxjcvt] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-top);
    margin: 0;
    background: #1d1d1d;
    box-shadow: 0 0 0 1px rgba(79, 169, 245, .55), 0 18px 40px -10px rgba(0, 0, 0, .9);
    opacity: .96;
    pointer-events: none;
    list-style: none;
}

.kt-drag-ghost.kt-node[b-49zrqxjcvt] {
    border-radius: 10px;
}

.kt-drag-ghost .kt-grip[b-49zrqxjcvt] {
    opacity: 1;
    color: var(--text);
}

.kt-drop-line[b-49zrqxjcvt] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: calc(var(--z-top) - 1);
    height: 2px;
    border-radius: 2px;
    background: var(--accent);
    pointer-events: none;
}

.kt-drop-line[b-49zrqxjcvt]::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--accent);
}

.kt-lift-hint[b-49zrqxjcvt] {
    position: fixed;
    bottom: 22px;
    left: 50%;
    z-index: var(--z-top);
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: calc(100vw - 24px);
    padding: 8px 14px;
    border-radius: 12px;
    background: #232428;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 12px 32px -8px rgba(0, 0, 0, .8);
    color: var(--text-soft);
    font-size: 13px;
    white-space: nowrap;
    transform: translateX(-50%);
}

.kt-lift-hint b[b-49zrqxjcvt] {
    display: inline-block;
    max-width: 260px;
    overflow: hidden;
    color: var(--text);
    font-weight: 600;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.kt-lift-hint kbd[b-49zrqxjcvt] {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 20px;
    padding: 0 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .08);
    color: var(--text);
    font: 600 11px "Inter", sans-serif;
}

@media (max-width: 1023px) {
    .kt[b-49zrqxjcvt] {
        grid-template-columns: 260px minmax(0, 1fr);
    }

    .kt-tree-top[b-49zrqxjcvt] {
        justify-content: flex-end;
    }

    .kt-title[b-49zrqxjcvt] {
        display: none;
    }

    .kt-doc[b-49zrqxjcvt] {
        padding: 24px 24px 96px;
    }

    .kt-place[b-49zrqxjcvt] {
        margin-left: 0;
    }
}

@media (max-width: 720px) {
    .kt[b-49zrqxjcvt] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 45%) minmax(0, 1fr);
    }

    .kt-tree[b-49zrqxjcvt] {
        border-right: 0;
        border-bottom: 1px solid var(--dash-separator);
    }

    .kt-files-row[b-49zrqxjcvt] {
        grid-template-columns: 24px 44px minmax(0, 1fr) 100px;
    }

    .kt-files-row > :nth-child(5)[b-49zrqxjcvt],
    .kt-files-row > :nth-child(6)[b-49zrqxjcvt] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-49zrqxjcvt] .kt-twist-icon {
        transition: none;
    }
}

@media (pointer: coarse) {
    .kt-node[b-49zrqxjcvt] {
        min-height: 44px;
    }

    .kt-label[b-49zrqxjcvt],
    .kt-select[b-49zrqxjcvt] {
        height: 44px;
    }

    .kt-group-act[b-49zrqxjcvt],
    .kt-health-btn[b-49zrqxjcvt],
    .kt-crumb[b-49zrqxjcvt],
    .kt-more[b-49zrqxjcvt],
    .kt-check[b-49zrqxjcvt] {
        min-height: 44px;
    }
}
/* /Features/Landing/Components/HelpScene.razor.rz.scp.css */
.scene[b-kmqsrrlaqz] {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: inherit;
    isolation: isolate;
    font-family: var(--font-sans);
}

.scene-backdrop[b-kmqsrrlaqz] {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(60% 55% at 70% 18%, rgba(79, 169, 245, 0.32) 0%, rgba(79, 169, 245, 0) 70%),
        radial-gradient(50% 50% at 15% 100%, rgba(36, 148, 242, 0.14) 0%, rgba(36, 148, 242, 0) 70%),
        linear-gradient(165deg, #e4effb 0%, #f4f8fd 60%, #eef4fb 100%);
}

.scene-backdrop[b-kmqsrrlaqz]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(10, 45, 73, 0.1) 1px, transparent 1px);
    background-size: 22px 22px;
    -webkit-mask-image: radial-gradient(70% 70% at 50% 40%, #000 20%, transparent 80%);
    mask-image: radial-gradient(70% 70% at 50% 40%, #000 20%, transparent 80%);
}

.scene-fit[b-kmqsrrlaqz] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 560px;
    height: 470px;
    font-size: 16px;
    transform: translate(-50%, -50%) scale(var(--fit, 1));
}

.scene [data-k][b-kmqsrrlaqz] {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 450ms var(--ease-expo), transform 700ms var(--ease-expo);
}

.scene [data-k].is-in[b-kmqsrrlaqz] {
    opacity: 1;
    transform: none;
}

.scene .widget-scroll > [data-k]:not(.is-in)[b-kmqsrrlaqz],
.scene .widget-bubble-wrap [data-k]:not(.is-in)[b-kmqsrrlaqz] {
    display: none;
}

.scene [data-k].is-out[b-kmqsrrlaqz] {
    display: none !important;
}

.scene .scene-stream-words[b-kmqsrrlaqz],
.scene .is-streaming > .scene-stream-text[b-kmqsrrlaqz] {
    display: none;
}

.scene .is-streaming > .scene-stream-words[b-kmqsrrlaqz] {
    display: inline;
}

.scene[b-kmqsrrlaqz]  .scene-word {
    opacity: 0.12;
    transition: opacity 240ms var(--ease-out);
}

.scene[b-kmqsrrlaqz]  .scene-word.is-in {
    opacity: 1;
}

.widget-panel.scene-panel[b-kmqsrrlaqz] {
    position: absolute;
    left: 50%;
    right: auto;
    top: 22px;
    bottom: auto;
    z-index: 1;
    width: 372px;
    height: 426px;
    max-height: none;
    margin-left: -186px;
    border-radius: var(--r-panel);
    animation: none;
    transition: none;
}

.scene .widget-scroll[b-kmqsrrlaqz] {
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.scene .widget-bubble-text[b-kmqsrrlaqz] {
    white-space: normal;
}

.scene .scene-composer[b-kmqsrrlaqz] {
    justify-content: flex-end;
    border-color: transparent;
    background: var(--w-soft);
}

.scene .scene-composer .widget-send[b-kmqsrrlaqz] {
    background: var(--w-line-2);
}

.scene .scene-head-wait[data-k][b-kmqsrrlaqz],
.scene .scene-head-live[data-k][b-kmqsrrlaqz] {
    transform: none;
}

.scene .scene-head-live:not(.is-in)[b-kmqsrrlaqz] {
    display: none;
}

.scene .scene-head-wait.is-out[b-kmqsrrlaqz] {
    display: none;
}

.scene .att-grid--1 .att-thumb-link.scene-shot[b-kmqsrrlaqz] {
    position: relative;
    display: block;
    width: 232px;
    height: 124px;
    overflow: hidden;
}

.scene .att-grid--1[b-kmqsrrlaqz] {
    max-width: none;
}

.scene .att-grid--1 .scene-shot img.att-thumb-img[b-kmqsrrlaqz] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
}

.scene-shot-ring[b-kmqsrrlaqz] {
    position: absolute;
    left: 96px;
    top: 32px;
    width: 52px;
    height: 52px;
    border: 2px solid #f97316;
    border-radius: 999px;
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.18);
}

.scene-search[b-kmqsrrlaqz] {
    position: absolute;
    left: 50%;
    top: 26px;
    width: 500px;
    margin-left: -250px;
}

.scene-search .search[b-kmqsrrlaqz] {
    max-width: none;
}

.scene-search .search-bar[b-kmqsrrlaqz] {
    padding: 0.4rem 0.4rem 0.4rem 1.2rem;
    box-shadow:
        0 1px 2px rgba(10, 45, 73, 0.06),
        0 22px 48px -20px rgba(10, 45, 73, 0.38),
        inset 0 0 0 1px rgba(10, 45, 73, 0.06);
}

.scene-typed[b-kmqsrrlaqz] {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 0;
    height: 2.875rem;
}

.scene-typed[b-kmqsrrlaqz]::after {
    content: "";
    width: 1.5px;
    height: 1.2em;
    margin-left: 1px;
    background: var(--signal-500);
    opacity: 0.7;
}

.scene .scene-ask[data-k][b-kmqsrrlaqz] {
    opacity: 1;
    transform: none;
}

.scene .scene-ask.is-in[b-kmqsrrlaqz] {
    animation: scene-press-b-kmqsrrlaqz 420ms var(--ease-back);
}

@keyframes scene-press-b-kmqsrrlaqz {
    40% { transform: scale(0.92); }
}

.scene-search .scene-search-panel[b-kmqsrrlaqz] {
    max-height: none;
}

.scene .scene-loading:not(.is-in)[b-kmqsrrlaqz],
.scene .scene-summary:not(.is-in)[b-kmqsrrlaqz],
.scene .scene-results:not(.is-in)[b-kmqsrrlaqz] {
    display: none;
}

.scene .search-list li[data-k]:not(.is-in)[b-kmqsrrlaqz] {
    display: list-item;
}

.scene-summary .ai-summary-body p[b-kmqsrrlaqz] {
    margin: 0;
}

.scene .scene-result-meta[b-kmqsrrlaqz] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.scene .scene-summary-text[b-kmqsrrlaqz] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.scene .widget-steps .widget-step-bar[b-kmqsrrlaqz] {
    transition: background-color 500ms var(--ease-expo);
}

.scene-call[b-kmqsrrlaqz] {
    display: flex;
    flex-direction: column;
}

.scene-call-body[b-kmqsrrlaqz] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    padding: 1rem 1.25rem 0.5rem;
    color: var(--w-text);
}

.scene-call-hours[b-kmqsrrlaqz] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    background: var(--w-good-bg);
    color: var(--w-good);
    font-size: 0.72rem;
    font-weight: 600;
}

.scene-caller[b-kmqsrrlaqz] {
    position: relative;
    display: grid;
    width: 92px;
    height: 92px;
    margin-top: 0.9rem;
    place-items: center;
}

.scene-ring[b-kmqsrrlaqz] {
    position: absolute;
    inset: 10px;
    border: 1.5px solid rgba(26, 114, 189, 0.35);
    border-radius: 999px;
    opacity: 0;
}

.scene.is-playing .scene-ring[b-kmqsrrlaqz] {
    animation: scene-ring-b-kmqsrrlaqz 2.2s var(--ease-out) infinite;
}

.scene-ring--late[b-kmqsrrlaqz] {
    animation-delay: 1.1s !important;
}

.scene.is-connected .scene-ring[b-kmqsrrlaqz] {
    animation: none;
}

@keyframes scene-ring-b-kmqsrrlaqz {
    0% { opacity: 0.9; transform: scale(0.8); }
    100% { opacity: 0; transform: scale(1.9); }
}

.scene-caller-icon[b-kmqsrrlaqz] {
    position: relative;
    display: grid;
    width: 68px;
    height: 68px;
    place-items: center;
    border-radius: 999px;
    background: radial-gradient(120% 120% at 30% 20%, #3a8fd6 0%, var(--w-blue) 55%, #0f4f86 100%);
    box-shadow: 0 18px 34px -14px rgba(26, 114, 189, 0.9);
    color: #fff;
}

.scene-caller-icon[b-kmqsrrlaqz]  svg {
    width: 32px;
    height: 32px;
}

.scene-call-name[b-kmqsrrlaqz] {
    margin: 0.7rem 0 0;
    font-size: 1.05rem;
    font-weight: 600;
}

.scene-call-number[b-kmqsrrlaqz] {
    margin: 0.15rem 0 0;
    font-size: 0.85rem;
    color: var(--w-muted);
}

.scene-call-state[b-kmqsrrlaqz] {
    display: flex;
    gap: 0.4rem;
    margin: 0.6rem 0 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--w-blue);
}

.scene .scene-call-connected[b-kmqsrrlaqz],
.scene.is-connected .scene-call-calling[b-kmqsrrlaqz] {
    display: none;
}

.scene.is-connected .scene-call-connected[b-kmqsrrlaqz] {
    display: inline;
}

.scene-call-state [data-k][b-kmqsrrlaqz] {
    opacity: 1 !important;
    transform: none !important;
}

.scene-timer[b-kmqsrrlaqz] {
    font-variant-numeric: tabular-nums;
    color: var(--w-text);
}

.scene-wave[b-kmqsrrlaqz] {
    display: flex;
    height: 28px;
    align-items: center;
    gap: 3px;
    margin-top: 0.5rem;
}

.scene-wave i[b-kmqsrrlaqz] {
    width: 3px;
    height: 6px;
    border-radius: 3px;
    background: var(--w-blue);
    opacity: 0.6;
}

.scene-call-actions[b-kmqsrrlaqz] {
    display: flex;
    gap: 1rem;
    margin-top: auto;
    padding-bottom: 0.25rem;
}

.scene-call .widget-bar--home[b-kmqsrrlaqz] {
    flex-shrink: 0;
}

.scene-call-btn[b-kmqsrrlaqz] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 999px;
    background: var(--w-fill);
    color: var(--w-text-2);
}

.scene-call-btn[b-kmqsrrlaqz]  svg {
    width: 19px;
    height: 19px;
}

.scene-call-btn--end[b-kmqsrrlaqz] {
    background: #e5484d;
    box-shadow: 0 10px 20px -10px rgba(229, 72, 77, 0.9);
    color: #fff;
}

.scene-call-btn--end[b-kmqsrrlaqz]  svg {
    transform: rotate(135deg);
}

.scene-call-note[b-kmqsrrlaqz] {
    flex-shrink: 0;
    margin: 0.5rem 1rem 0.9rem;
    padding: 0.6rem 0.8rem;
}

.scene-call-note .widget-note-meta[b-kmqsrrlaqz] {
    margin: 0;
}

@media (prefers-reduced-motion: reduce) {
    .scene [data-k][b-kmqsrrlaqz],
    .scene[b-kmqsrrlaqz]  .scene-word,
    .scene .widget-steps .widget-step-bar[b-kmqsrrlaqz] {
        transition: none;
    }

    .scene-ring[b-kmqsrrlaqz] {
        animation: none !important;
    }
}
/* /Features/Landing/Components/HelpTrack.razor.rz.scp.css */
.ways[b-tt4vntbluo] {
    position: relative;
    height: calc(100svh + 5 * 80vh);
    background: linear-gradient(180deg, var(--landing-tint, #e9f3fd) 0%, #f6faff 55%, #fff 100%);
}

.ways-pin[b-tt4vntbluo] {
    position: sticky;
    top: 0;
    display: flex;
    height: 100svh;
    flex-direction: column;
    justify-content: center;
    gap: clamp(1.25rem, 3vh, 2rem);
    padding: 5.25rem clamp(1rem, 4vw, 3rem) 1.5rem;
}

.ways-head[b-tt4vntbluo] {
    max-width: 76rem;
    margin: 0 auto;
    text-align: center;
}

.ways-head .section-eyebrow[b-tt4vntbluo] {
    justify-content: center;
}

.ways-title[b-tt4vntbluo] {
    margin-top: 0.85rem;
    font-family: var(--font-display);
    font-size: clamp(2rem, 4.2vw, 3.4rem);
    font-weight: 300;
    line-height: 1.02;
    letter-spacing: -0.035em;
    color: var(--ink-950);
}

.ways-card[b-tt4vntbluo] {
    display: grid;
    width: 100%;
    max-width: 76rem;
    height: min(36rem, calc(100svh - 14rem));
    margin: 0 auto;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.35fr);
    gap: 0.9rem;
    padding: 0.9rem;
    border-radius: 2rem;
    background: #fff;
    box-shadow:
        0 1px 2px rgba(10, 45, 73, 0.05),
        0 40px 80px -40px rgba(6, 27, 45, 0.35),
        inset 0 0 0 1px rgba(10, 45, 73, 0.06);
}

.ways-list[b-tt4vntbluo] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    justify-content: center;
    gap: 0.15rem;
    margin: 0;
    padding: 0.25rem;
    list-style: none;
}

.ways-item[b-tt4vntbluo] {
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem;
    transition: background-color 400ms var(--ease-expo), box-shadow 400ms var(--ease-expo);
}

.ways-item-heading[b-tt4vntbluo] {
    margin: 0;
    font: inherit;
}

.ways-item-head[b-tt4vntbluo] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0.9rem;
    padding: 0.8rem 0.9rem;
    border: 0;
    border-radius: 1.25rem;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.ways-item-head:focus-visible[b-tt4vntbluo] {
    outline: 2px solid var(--signal-500);
    outline-offset: -2px;
}

.ways-icon[b-tt4vntbluo] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    flex-shrink: 0;
    place-items: center;
    border-radius: 0.85rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(10, 45, 73, 0.1);
    color: #1a72bd;
    transition: background 400ms, color 400ms, box-shadow 400ms;
}

.ways-icon[b-tt4vntbluo]  svg {
    width: 1.15rem;
    height: 1.15rem;
}

.ways-item-title[b-tt4vntbluo] {
    display: grid;
    min-width: 0;
    gap: 0.1rem;
    font-family: var(--font-display);
    font-size: 1.12rem;
    font-weight: 500;
    line-height: 1.25;
    color: var(--zinc-500);
    transition: color 300ms;
}

.ways-item-title small[b-tt4vntbluo] {
    font-family: var(--font-sans);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--zinc-500);
}

.ways-item-head:hover .ways-item-title[b-tt4vntbluo] {
    color: var(--ink-950);
}

.ways-item-body[b-tt4vntbluo] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 550ms var(--ease-expo);
}

.ways-item-inner[b-tt4vntbluo] {
    min-height: 0;
    overflow: hidden;
    padding: 0 1rem 0 calc(0.9rem + 2.6rem + 0.9rem);
}

.ways-item-inner p[b-tt4vntbluo] {
    margin: 0;
    color: var(--zinc-600);
    line-height: 1.6;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 300ms, transform 500ms var(--ease-expo);
}

.ways-link[b-tt4vntbluo] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0.7rem 0 1.1rem;
    padding: 0;
    border: 0;
    background: none;
    color: var(--signal-700);
    font: inherit;
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.ways-link[b-tt4vntbluo]  svg {
    width: 1rem;
    height: 1rem;
    transition: transform 300ms var(--ease-expo);
}

.ways-link:hover[b-tt4vntbluo]  svg {
    transform: translateX(4px);
}

.ways-link:focus-visible[b-tt4vntbluo] {
    outline: 2px solid var(--signal-500);
    outline-offset: 3px;
    border-radius: 0.3rem;
}

.ways-item-bar[b-tt4vntbluo] {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    height: 2px;
    overflow: hidden;
    border-radius: 2px;
    background: rgba(10, 45, 73, 0.08);
    opacity: 0;
    transition: opacity 300ms;
}

.ways-item-bar i[b-tt4vntbluo] {
    display: block;
    height: 100%;
    background: #1a72bd;
    transform: scaleX(var(--fill, 0));
    transform-origin: left;
}

.ways-item-visual[b-tt4vntbluo] {
    display: none;
    overflow: hidden;
    border-radius: 1.2rem;
}

.ways-item.is-active[b-tt4vntbluo],
.ways:not(.is-ready) .ways-item:first-child[b-tt4vntbluo] {
    background: #f3f8fd;
    box-shadow: inset 0 0 0 1px rgba(26, 114, 189, 0.12);
}

.ways-item.is-active .ways-icon[b-tt4vntbluo],
.ways:not(.is-ready) .ways-item:first-child .ways-icon[b-tt4vntbluo] {
    background: #1a72bd;
    box-shadow: 0 10px 20px -10px rgba(26, 114, 189, 0.85);
    color: #fff;
}

.ways-item.is-active .ways-item-title[b-tt4vntbluo],
.ways:not(.is-ready) .ways-item:first-child .ways-item-title[b-tt4vntbluo] {
    color: var(--ink-950);
}

.ways-item.is-active .ways-item-title small[b-tt4vntbluo],
.ways:not(.is-ready) .ways-item:first-child .ways-item-title small[b-tt4vntbluo] {
    color: var(--signal-700);
}

.ways-item.is-active .ways-item-body[b-tt4vntbluo],
.ways:not(.is-ready) .ways-item:first-child .ways-item-body[b-tt4vntbluo] {
    grid-template-rows: 1fr;
}

.ways-item.is-active .ways-item-inner p[b-tt4vntbluo],
.ways:not(.is-ready) .ways-item:first-child .ways-item-inner p[b-tt4vntbluo] {
    opacity: 1;
    transform: none;
    transition-delay: 120ms;
}

.ways-item.is-active .ways-item-bar[b-tt4vntbluo] {
    opacity: 1;
}

.ways-stage[b-tt4vntbluo] {
    position: relative;
    overflow: hidden;
    border-radius: 1.4rem;
    background: #eef4fb;
    isolation: isolate;
}

.ways-scene[b-tt4vntbluo] {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(7%) scale(0.98);
    transition: opacity 550ms var(--ease-expo), transform 850ms var(--ease-expo);
}

.ways-scene.is-past[b-tt4vntbluo] {
    transform: translateY(-7%) scale(0.98);
}

.ways-scene.is-active[b-tt4vntbluo],
.ways:not(.is-ready) .ways-scene:first-child[b-tt4vntbluo] {
    opacity: 1;
    transform: none;
}

@media (max-width: 900px), (max-height: 699px), (prefers-reduced-motion: reduce) {
    .ways[b-tt4vntbluo] {
        height: auto;
    }

    .ways .ways-pin[b-tt4vntbluo] {
        position: static;
        height: auto;
        padding: clamp(4rem, 8vw, 6rem) 1rem;
    }

    .ways .ways-card[b-tt4vntbluo] {
        height: auto;
        grid-template-columns: minmax(0, 1fr);
        padding: 0.6rem;
    }

    .ways .ways-stage[b-tt4vntbluo],
    .ways .ways-item-bar[b-tt4vntbluo] {
        display: none;
    }

    .ways .ways-item[b-tt4vntbluo],
    .ways:not(.is-ready) .ways-item:first-child[b-tt4vntbluo] {
        background: none;
        box-shadow: none;
    }

    .ways .ways-item + .ways-item[b-tt4vntbluo] {
        border-top: 1px solid var(--zinc-100);
        border-radius: 0;
    }

    .ways .ways-item-head[b-tt4vntbluo] {
        cursor: default;
    }

    .ways .ways-icon[b-tt4vntbluo] {
        background: #1a72bd;
        box-shadow: none;
        color: #fff;
    }

    .ways .ways-item-title[b-tt4vntbluo] {
        color: var(--ink-950);
    }

    .ways .ways-item-body[b-tt4vntbluo] {
        grid-template-rows: 1fr;
    }

    .ways .ways-item-inner[b-tt4vntbluo] {
        padding: 0 0.9rem;
    }

    .ways .ways-item-inner p[b-tt4vntbluo] {
        opacity: 1;
        transform: none;
    }

    .ways .ways-item-visual[b-tt4vntbluo] {
        display: block;
        height: min(26rem, 118vw);
        margin: 0 0 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ways-item[b-tt4vntbluo],
    .ways-item-body[b-tt4vntbluo],
    .ways-item-inner p[b-tt4vntbluo],
    .ways-scene[b-tt4vntbluo] {
        transition: none;
    }
}
/* /Features/Notifications/Components/BrowserSetupCard.razor.rz.scp.css */
.setup-card[b-cflwdg50gm] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 25;
    width: 384px;
    max-height: calc(100vh - 96px);
    max-height: calc(100dvh - 96px);
    overflow-y: auto;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    background: #101012;
    color: var(--dash-text);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 0 0 1px rgba(0, 0, 0, .6),
        0 28px 70px -18px rgba(0, 0, 0, .95),
        0 8px 20px -8px rgba(0, 0, 0, .6);
    scrollbar-width: thin;
    transform-origin: 100% 100%;
    animation: rise-in 360ms var(--ease-expo) both;
}

.setup-head[b-cflwdg50gm] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 15px 10px 15px 14px;
    border-radius: 12px;
    background: linear-gradient(120deg, #0d2c47 0%, #0b1826 55%, #121214 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
}

.setup-card--asleep .setup-head[b-cflwdg50gm] {
    background: linear-gradient(120deg, #3a2a0c 0%, #1d160b 55%, #121214 100%);
}

.setup-head[b-cflwdg50gm]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -36px;
    z-index: -1;
    width: 116px;
    height: 116px;
    margin-top: -58px;
    background: #ffffff;
    opacity: .06;
    mask: url(images/winnolas-mark-white.svg) center / contain no-repeat;
    -webkit-mask: url(images/winnolas-mark-white.svg) center / contain no-repeat;
    pointer-events: none;
}

.setup-head-text[b-cflwdg50gm] {
    flex: 1;
    min-width: 0;
    padding-top: 2px;
}

.setup-heading[b-cflwdg50gm] {
    margin: 0;
    color: #ffffff;
    font-family: var(--font-sans);
    font-size: 15.5px;
    font-weight: 650;
    letter-spacing: -.01em;
    line-height: 1.3;
}

.setup-lead[b-cflwdg50gm] {
    margin: 4px 0 0;
    color: var(--dash-text-2);
    font-size: 12.5px;
    line-height: 1.45;
}

.setup-card--asleep .setup-lead[b-cflwdg50gm] {
    color: #e9d3a8;
}

.setup-close[b-cflwdg50gm] {
    display: grid;
    flex: none;
    place-items: center;
    width: 28px;
    height: 28px;
    margin: -5px -2px 0 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--dash-muted);
    cursor: pointer;
    transition: background var(--dur-fast) var(--ease-std), color var(--dur-fast) var(--ease-std);
}

.setup-close:hover[b-cflwdg50gm] {
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
}

.setup-close:focus-visible[b-cflwdg50gm],
.setup-step-row:focus-visible[b-cflwdg50gm],
.setup-copy:focus-visible[b-cflwdg50gm],
.setup-link:focus-visible[b-cflwdg50gm] {
    outline: 2px solid #4fa9f5;
    outline-offset: 2px;
}

.setup-close[b-cflwdg50gm]  .setup-close-icon {
    width: 15px;
    height: 15px;
}

.setup-ring[b-cflwdg50gm] {
    position: relative;
    display: grid;
    flex: none;
    place-items: center;
    width: 40px;
    height: 40px;
}

.setup-ring svg[b-cflwdg50gm] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    rotate: -90deg;
}

.setup-ring circle[b-cflwdg50gm] {
    fill: none;
    stroke-width: 3;
}

.setup-ring-track[b-cflwdg50gm] {
    stroke: rgba(255, 255, 255, .1);
}

.setup-ring-fill[b-cflwdg50gm] {
    stroke: #4fa9f5;
    stroke-linecap: round;
    stroke-dasharray: 100;
    stroke-dashoffset: calc(100 - var(--setup-progress) * 100);
    transition: stroke-dashoffset 700ms var(--ease-expo);
}

.setup-card--asleep .setup-ring-fill[b-cflwdg50gm] {
    stroke: var(--dash-warn-mark);
}

.setup-ring b[b-cflwdg50gm] {
    color: #ffffff;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: -.02em;
}

.setup-steps[b-cflwdg50gm] {
    display: flex;
    flex-direction: column;
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
}

.setup-step[b-cflwdg50gm] {
    position: relative;
    border-radius: 12px;
}

.setup-step:not(:last-child)[b-cflwdg50gm]::before {
    content: "";
    position: absolute;
    top: 34px;
    bottom: -12px;
    left: 20px;
    width: 1.5px;
    background: rgba(255, 255, 255, .1);
}

.setup-step--done:not(:last-child)[b-cflwdg50gm]::before {
    background: linear-gradient(180deg, rgba(76, 200, 106, .55), rgba(255, 255, 255, .1));
}

.setup-step.is-open[b-cflwdg50gm] {
    background: rgba(255, 255, 255, .035);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

.setup-step.is-open[b-cflwdg50gm]::before {
    display: none;
}

.setup-step-row[b-cflwdg50gm] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 46px;
    padding: 8px 10px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--dash-text-2);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.setup-step-row:disabled[b-cflwdg50gm] {
    cursor: default;
}

.setup-step:not(.is-open) .setup-step-row:not(:disabled):hover[b-cflwdg50gm] {
    background: rgba(255, 255, 255, .04);
}

.setup-mark[b-cflwdg50gm] {
    position: relative;
    z-index: 1;
    display: grid;
    flex: none;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #141416;
    box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .2);
    color: #ededed;
    font-size: 11px;
    font-weight: 700;
}

.setup-mark[b-cflwdg50gm]  .setup-mark-icon {
    width: 12px;
    height: 12px;
}

.setup-step--done .setup-mark[b-cflwdg50gm] {
    background: #12301c;
    box-shadow: inset 0 0 0 1px rgba(76, 200, 106, .5);
    color: #7fd99a;
    animation: setup-pop-b-cflwdg50gm 380ms var(--ease-back) both;
}

.setup-step--fix .setup-mark[b-cflwdg50gm] {
    background: #33270f;
    box-shadow: inset 0 0 0 1px rgba(245, 176, 65, .55);
    color: var(--dash-warn-text);
}

.setup-step--waiting .setup-mark[b-cflwdg50gm],
.setup-step--unsupported .setup-mark[b-cflwdg50gm] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
    color: var(--dash-muted-2);
}

@keyframes setup-pop-b-cflwdg50gm {
    from {
        transform: scale(.55);
    }
}

.setup-step-label[b-cflwdg50gm] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.setup-step-heading[b-cflwdg50gm] {
    color: var(--dash-text);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.35;
}

.setup-step-hint[b-cflwdg50gm] {
    color: var(--dash-muted);
    font-size: 12px;
    line-height: 1.4;
}

.setup-step--done .setup-step-heading[b-cflwdg50gm] {
    color: var(--dash-muted);
    font-weight: 500;
}

.setup-step--waiting .setup-step-heading[b-cflwdg50gm],
.setup-step--unsupported .setup-step-heading[b-cflwdg50gm] {
    color: var(--dash-muted-2);
}

.setup-step--fix .setup-step-hint[b-cflwdg50gm] {
    color: var(--dash-warn-text);
}

.setup-step-row[b-cflwdg50gm]  .setup-caret {
    flex: none;
    width: 15px;
    height: 15px;
    color: var(--dash-muted-2);
    transition: transform var(--dur-mid) var(--ease-expo);
}

.setup-step.is-open[b-cflwdg50gm]  .setup-caret {
    transform: rotate(180deg);
}

.setup-step-body[b-cflwdg50gm] {
    display: grid;
    gap: 12px;
    padding: 0 12px 14px 44px;
    animation: rise-in 280ms var(--ease-expo) both;
}

.setup-why[b-cflwdg50gm],
.setup-note[b-cflwdg50gm] {
    margin: 0;
    color: var(--dash-muted);
    font-size: 12.5px;
    line-height: 1.5;
}

.setup-note[b-cflwdg50gm] {
    color: var(--dash-warn-text);
}

.setup-acts[b-cflwdg50gm] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.setup-acts[b-cflwdg50gm]  .setup-btn-icon {
    width: 14px;
    height: 14px;
}

.setup-how[b-cflwdg50gm] {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    color: var(--dash-text-2);
    font-size: 13px;
    line-height: 1.5;
    list-style: none;
    counter-reset: setup-how;
}

.setup-how li[b-cflwdg50gm] {
    position: relative;
    padding-left: 28px;
    counter-increment: setup-how;
}

.setup-how li[b-cflwdg50gm]::before {
    content: counter(setup-how);
    position: absolute;
    top: 1px;
    left: 0;
    display: grid;
    place-items: center;
    width: 19px;
    height: 19px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: #ededed;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.setup-how b[b-cflwdg50gm] {
    color: #ededed;
    font-weight: 600;
}

.setup-copy[b-cflwdg50gm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    margin: 0 1px;
    padding: 1px 7px 1px 8px;
    border: 0;
    border-radius: 6px;
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: #ededed;
    font: 500 12.5px/1.55 ui-monospace, "Cascadia Mono", Consolas, monospace;
    vertical-align: baseline;
    overflow-wrap: anywhere;
    text-align: left;
    cursor: pointer;
    transition: background var(--dur-fast) var(--ease-std);
}

.setup-copy:hover[b-cflwdg50gm] {
    background: rgba(255, 255, 255, .12);
}

.setup-copy.is-copied[b-cflwdg50gm] {
    background: rgba(76, 200, 106, .16);
    box-shadow: inset 0 0 0 1px rgba(76, 200, 106, .3);
}

.setup-copy[b-cflwdg50gm]  .setup-copy-icon {
    flex: none;
    width: 12px;
    height: 12px;
    color: var(--dash-muted);
}

.setup-copy.is-copied[b-cflwdg50gm]  .setup-copy-icon {
    color: #7fd99a;
}

.setup-copy-text[b-cflwdg50gm] {
    min-width: 0;
}

.setup-copy--line[b-cflwdg50gm] {
    display: flex;
    width: fit-content;
    margin: 5px 0 0;
    font: 500 12px/1.6 var(--font-sans);
    overflow-wrap: normal;
}

.setup-copy--line .setup-copy-text[b-cflwdg50gm] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.setup-link[b-cflwdg50gm] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #86c3f8;
    font-weight: 600;
    text-decoration: none;
}

.setup-link:hover[b-cflwdg50gm] {
    color: #b3dafb;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.setup-link[b-cflwdg50gm]  .setup-link-icon {
    width: 13px;
    height: 13px;
}

.setup-foot[b-cflwdg50gm] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 6px 0 0;
    padding: 10px 10px 6px;
    border-top: 1px solid rgba(255, 255, 255, .06);
    color: var(--dash-muted-2);
    font-size: 11.5px;
}

.setup-foot[b-cflwdg50gm]  .setup-foot-icon {
    flex: none;
    width: 13px;
    height: 13px;
}

.setup-foot-narrow[b-cflwdg50gm] {
    display: none;
}

.setup-avatar[b-cflwdg50gm] {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    margin: 0 2px;
    border-radius: 999px;
    background: linear-gradient(160deg, #2d8cf0, #1f74c7);
    color: #ffffff;
    font-size: 8px;
    font-weight: 700;
    vertical-align: -4px;
}

.setup-card--done[b-cflwdg50gm] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 300px;
    padding: 14px 16px;
}

.setup-done-mark[b-cflwdg50gm] {
    display: grid;
    flex: none;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: rgba(76, 200, 106, .16);
    box-shadow: inset 0 0 0 1px rgba(76, 200, 106, .4);
    color: #7fd99a;
}

.setup-done-mark[b-cflwdg50gm]  .setup-done-icon {
    width: 17px;
    height: 17px;
}

.setup-tip[b-cflwdg50gm] {
    position: fixed;
    top: 62px;
    right: 14px;
    z-index: 25;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 8px 12px;
    border-radius: 10px;
    background: #232428;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 10px 24px -8px rgba(0, 0, 0, .8);
    color: #ededed;
    font-size: 12.5px;
    font-weight: 600;
    pointer-events: none;
    animation: setup-tip-b-cflwdg50gm 3000ms var(--ease-std) both;
}

.setup-tip[b-cflwdg50gm]::before {
    content: "";
    position: absolute;
    top: -5px;
    right: 18px;
    width: 10px;
    height: 10px;
    background: #232428;
    box-shadow: -1px -1px 0 rgba(255, 255, 255, .08);
    rotate: 45deg;
}

.setup-tip[b-cflwdg50gm]  .setup-tip-icon {
    width: 14px;
    height: 14px;
    color: #86c3f8;
}

@keyframes setup-tip-b-cflwdg50gm {
    0% {
        opacity: 0;
        transform: translateY(-4px);
    }

    10%,
    85% {
        opacity: 1;
        transform: none;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.setup-ill[b-cflwdg50gm] {
    position: relative;
    height: 112px;
    overflow: hidden;
    border-radius: 10px;
    background:
        radial-gradient(120% 90% at 0% 0%, rgba(79, 169, 245, .12), transparent 55%),
        #0b0b0d;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
    font-family: "Segoe UI", system-ui, sans-serif;
    user-select: none;
}

.setup-ill--tall[b-cflwdg50gm] {
    height: 138px;
}

.setup-ill p[b-cflwdg50gm] {
    margin: 0;
}

.setup-ill[b-cflwdg50gm]  .setup-ill-icon {
    flex: none;
    width: 11px;
    height: 11px;
}

.setup-win[b-cflwdg50gm] {
    position: absolute;
    top: 12px;
    right: -20px;
    bottom: -20px;
    left: 12px;
    border-radius: 8px 0 0 0;
    background: #202124;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 10px 30px rgba(0, 0, 0, .5);
}

.setup-win-bar[b-cflwdg50gm] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 26px;
    padding: 0 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    border-radius: 8px 0 0 0;
    background: #2b2c2f;
}

.setup-win-dots[b-cflwdg50gm] {
    display: flex;
    gap: 4px;
}

.setup-win-dots i[b-cflwdg50gm],
.setup-taskbar i[b-cflwdg50gm] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
}

.setup-win-url[b-cflwdg50gm] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 6px;
    min-width: 0;
    height: 17px;
    padding: 0 8px 0 3px;
    border-radius: 999px;
    background: #1b1c1e;
    color: #bdc1c6;
    font-size: 10px;
}

.setup-win-host[b-cflwdg50gm] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.setup-win-site[b-cflwdg50gm] {
    display: grid;
    flex: none;
    place-items: center;
    width: 13px;
    height: 13px;
    border-radius: 999px;
    color: #9aa0a6;
}

.setup-win-site--lit[b-cflwdg50gm] {
    background: rgba(138, 180, 248, .22);
    box-shadow: 0 0 0 2px rgba(138, 180, 248, .55);
    color: #c6dafc;
    animation: setup-ping-b-cflwdg50gm 1.8s var(--ease-std) infinite;
}

.setup-pop[b-cflwdg50gm] {
    position: absolute;
    top: 30px;
    left: 8px;
    width: 200px;
    padding: 9px 10px;
    border-radius: 8px;
    background: #35363a;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 8px 18px rgba(0, 0, 0, .5);
    color: #e8eaed;
    font-size: 10px;
    line-height: 1.3;
}

.setup-ill .setup-pop-site[b-cflwdg50gm] {
    margin-bottom: 6px;
    overflow-wrap: anywhere;
}

.setup-pop-row[b-cflwdg50gm] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 -5px;
    padding: 4px 5px;
    border-radius: 5px;
    color: #bdc1c6;
}

.setup-pop-row span:first-of-type[b-cflwdg50gm] {
    flex: 1;
}

.setup-pop-row--lit[b-cflwdg50gm],
.setup-winset-row--lit[b-cflwdg50gm] {
    background: rgba(138, 180, 248, .14);
    box-shadow: inset 0 0 0 1px rgba(138, 180, 248, .4);
}

.setup-pop-row--dim[b-cflwdg50gm] {
    opacity: .55;
}

.setup-ill .setup-pop-buttons[b-cflwdg50gm] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 7px;
}

.setup-ill-btn[b-cflwdg50gm] {
    display: inline-flex;
    align-items: center;
    height: 17px;
    padding: 0 9px;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px #5f6368;
    color: #8ab4f8;
    font-size: 9.5px;
    font-weight: 600;
}

.setup-ill-btn--allow[b-cflwdg50gm] {
    background: #8ab4f8;
    box-shadow: none;
    color: #202124;
}

.setup-ill-btn--allow[b-cflwdg50gm],
.setup-ill-btn--lit[b-cflwdg50gm] {
    outline: 2px solid rgba(79, 169, 245, .9);
    outline-offset: 2px;
    animation: setup-ping-b-cflwdg50gm 1.8s var(--ease-std) infinite;
}

.setup-ill-switch[b-cflwdg50gm] {
    position: relative;
    flex: none;
    width: 22px;
    height: 12px;
    border-radius: 999px;
    background: #5f6368;
}

.setup-ill-switch[b-cflwdg50gm]::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #e8eaed;
}

.setup-ill-switch--on[b-cflwdg50gm] {
    background: #8ab4f8;
}

.setup-ill-switch--on[b-cflwdg50gm]::after {
    left: 12px;
    background: #202124;
}

@keyframes setup-ping-b-cflwdg50gm {
    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(79, 169, 245, .45);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(79, 169, 245, 0);
    }
}

.setup-settings[b-cflwdg50gm] {
    display: grid;
    gap: 6px;
    padding: 10px 14px;
    color: #e8eaed;
    font-size: 10px;
}

.setup-ill .setup-settings-heading[b-cflwdg50gm] {
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 600;
}

.setup-settings-row[b-cflwdg50gm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 260px;
    padding: 6px 8px;
    border-radius: 6px;
    background: #292a2d;
    color: #bdc1c6;
}

.setup-settings-site[b-cflwdg50gm] {
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 260px;
    min-width: 0;
    padding: 0 8px;
    color: #e8eaed;
    animation: setup-slide-b-cflwdg50gm 2.4s var(--ease-expo) infinite;
}

.setup-settings-fav[b-cflwdg50gm] {
    flex: none;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: linear-gradient(160deg, #2d8cf0, #1f74c7);
}

@keyframes setup-slide-b-cflwdg50gm {
    0%,
    30% {
        opacity: 0;
        transform: translateY(-4px);
    }

    45%,
    100% {
        opacity: 1;
        transform: none;
    }
}

.setup-desk[b-cflwdg50gm] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(90% 120% at 100% 100%, rgba(31, 116, 199, .35), transparent 60%),
        linear-gradient(160deg, #0d1520, #0a0a0c);
}

.setup-toast[b-cflwdg50gm] {
    position: absolute;
    right: 10px;
    bottom: 30px;
    width: 196px;
    padding: 7px 9px 9px;
    border-radius: 6px;
    background: rgba(44, 44, 44, .97);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 8px 20px rgba(0, 0, 0, .55);
    color: #ffffff;
    font-size: 9.5px;
    animation: setup-rise-b-cflwdg50gm 2.8s var(--ease-expo) infinite;
}

.setup-ill .setup-toast-app[b-cflwdg50gm] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 6px;
    color: #c8c8c8;
    font-size: 8.5px;
}

.setup-toast-body[b-cflwdg50gm] {
    display: flex;
    gap: 7px;
}

.setup-toast-body > span:last-child[b-cflwdg50gm] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    color: #d0d0d0;
}

.setup-toast-body b[b-cflwdg50gm] {
    color: #ffffff;
    font-weight: 600;
}

.setup-toast-icon[b-cflwdg50gm] {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: linear-gradient(160deg, #2d8cf0, #1f74c7);
}

.setup-toast-icon img[b-cflwdg50gm] {
    width: 13px;
    height: 13px;
}

.setup-taskbar[b-cflwdg50gm] {
    position: absolute;
    inset: auto 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 20px;
    background: rgba(28, 28, 30, .92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.setup-taskbar i[b-cflwdg50gm] {
    width: 10px;
    height: 10px;
    border-radius: 3px;
}

@keyframes setup-rise-b-cflwdg50gm {
    0%,
    12% {
        opacity: 0;
        transform: translateX(18px);
    }

    24%,
    82% {
        opacity: 1;
        transform: none;
    }

    100% {
        opacity: 0;
        transform: none;
    }
}

.setup-app-mark[b-cflwdg50gm] {
    flex: none;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: linear-gradient(135deg, #36c2b4, #1b6cbb);
}

.setup-app-mark--chrome[b-cflwdg50gm] {
    background: conic-gradient(#ea4335 0 33%, #fbbc05 0 66%, #34a853 0);
    box-shadow: inset 0 0 0 2px rgba(44, 44, 44, .97), inset 0 0 0 3px #4285f4;
}

.setup-winset[b-cflwdg50gm] {
    position: absolute;
    top: 10px;
    right: 12px;
    left: 12px;
    display: grid;
    gap: 4px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #202020;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08);
    color: #e6e6e6;
    font-size: 10px;
}

.setup-ill .setup-winset-heading[b-cflwdg50gm] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
    color: #ffffff;
    font-size: 10.5px;
    font-weight: 600;
}

.setup-winset-row[b-cflwdg50gm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 6px;
    border-radius: 5px;
}

.setup-winset-app[b-cflwdg50gm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.setup-ill--asleep[b-cflwdg50gm] {
    height: 70px;
    margin: 6px 0 0;
}

.setup-sleep[b-cflwdg50gm] {
    position: absolute;
    inset: 0;
    display: grid;
    align-content: center;
    gap: 9px;
    padding: 0 16px;
    background:
        radial-gradient(70% 120% at 55% 50%, rgba(245, 176, 65, .12), transparent 60%),
        #0b0b0d;
}

.setup-sleep-track[b-cflwdg50gm] {
    display: flex;
    gap: 3px;
    height: 22px;
}

.setup-sleep-awake[b-cflwdg50gm],
.setup-sleep-off[b-cflwdg50gm] {
    border-radius: 6px;
}

.setup-sleep-awake[b-cflwdg50gm] {
    flex: 1;
    background: linear-gradient(180deg, rgba(76, 200, 106, .55), rgba(76, 200, 106, .3));
}

.setup-sleep-off[b-cflwdg50gm] {
    display: grid;
    flex: 0 0 calc(var(--setup-asleep) * 100%);
    place-items: center;
    background: repeating-linear-gradient(135deg, rgba(245, 176, 65, .3) 0 6px, rgba(245, 176, 65, .14) 6px 12px);
    box-shadow: inset 0 0 0 1px rgba(245, 176, 65, .55);
    color: var(--dash-warn-text);
}

.setup-sleep-off[b-cflwdg50gm]  .setup-sleep-icon {
    width: 12px;
    height: 12px;
}

.setup-ill .setup-sleep-times[b-cflwdg50gm] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: var(--dash-muted);
    font-size: 10.5px;
}

.setup-sleep-times span:last-child[b-cflwdg50gm] {
    color: var(--dash-warn-text);
}

@media (max-width: 1023px) {
    .setup-foot-wide[b-cflwdg50gm] {
        display: none;
    }

    .setup-foot-narrow[b-cflwdg50gm] {
        display: inline;
    }

    .setup-tip[b-cflwdg50gm] {
        right: auto;
        left: 12px;
    }

    .setup-tip[b-cflwdg50gm]::before {
        right: auto;
        left: 16px;
    }
}

@media (max-width: 640px) {
    .setup-card[b-cflwdg50gm] {
        right: 12px;
        bottom: 12px;
        left: 12px;
        width: auto;
    }

    .setup-step-body[b-cflwdg50gm] {
        padding-left: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .setup-card[b-cflwdg50gm],
    .setup-step-body[b-cflwdg50gm],
    .setup-step--done .setup-mark[b-cflwdg50gm],
    .setup-win-site--lit[b-cflwdg50gm],
    .setup-ill-btn--allow[b-cflwdg50gm],
    .setup-ill-btn--lit[b-cflwdg50gm],
    .setup-settings-site[b-cflwdg50gm],
    .setup-toast[b-cflwdg50gm] {
        animation: none;
    }

    .setup-tip[b-cflwdg50gm] {
        animation-duration: 3000ms;
        animation-timing-function: steps(1, end);
    }
}
/* /Features/Tickets/Components/Agent/NoCustomerBadge.razor.rz.scp.css */
.no-customer[b-2xw5g5eqxn] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
    height: 18px;
    padding: 0 7px 0 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: var(--dash-text-2);
    white-space: nowrap;
    vertical-align: middle;
}

.no-customer[b-2xw5g5eqxn]  .no-customer-glyph {
    flex: none;
    width: 11px;
    height: 11px;
}

.no-customer-text[b-2xw5g5eqxn] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Features/Tickets/Components/Agent/OwnerTabs.razor.rz.scp.css */
.tk-bar .owner-tabs[b-lz6i91d2j0] {
    display: inline-flex;
    overflow: visible;
    background: #0d0d0d;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}

.tk-bar .owner-tabs .seg-btn[b-lz6i91d2j0] {
    position: relative;
    z-index: 1;
    gap: 6px;
    color: #8a8a8a;
    transition: color 240ms var(--ease-std), background-color var(--dur-mid) var(--ease-std);
}

.tk-bar .owner-tabs .seg-btn:hover[b-lz6i91d2j0] {
    color: var(--dash-text);
}

.tk-bar .owner-tabs .seg-btn:focus-visible[b-lz6i91d2j0] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.tk-bar .owner-tabs .seg-btn.active[b-lz6i91d2j0],
.tk-bar .owner-tabs .seg-btn.active:hover[b-lz6i91d2j0] {
    background: #2f2f2f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 0 0 1px rgba(255, 255, 255, .1),
        0 4px 10px -2px rgba(0, 0, 0, .7);
    color: #ffffff;
}

.owner-ink[b-lz6i91d2j0] {
    position: absolute;
    z-index: 0;
    top: 3px;
    bottom: 3px;
    left: var(--owner-ink-left, 3px);
    right: var(--owner-ink-right, 100%);
    border-radius: 7px;
    background: #2f2f2f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 0 0 1px rgba(255, 255, 255, .1),
        0 4px 10px -2px rgba(0, 0, 0, .7);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--dur-fast) var(--ease-std);
}

.owner-ink.is-on[b-lz6i91d2j0] {
    opacity: 1;
}

.owner-ink.is-moving[b-lz6i91d2j0] {
    transition: left 260ms var(--ease-out), right 260ms var(--ease-out), opacity var(--dur-fast) var(--ease-std);
}

.tk-bar .owner-tabs:has(.owner-ink.is-on) .seg-btn.active[b-lz6i91d2j0],
.tk-bar .owner-tabs:has(.owner-ink.is-on) .seg-btn.active:hover[b-lz6i91d2j0] {
    background: transparent;
    box-shadow: none;
}

.owner-tabs-count[b-lz6i91d2j0] {
    min-width: 18px;
    padding: 0 5px;
    border-radius: var(--dash-radius-pill);
    background: var(--accent);
    color: #04121f;
    font-size: 11px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.owner-tabs-menu[b-lz6i91d2j0] {
    display: flex;
}

.owner-tabs-face[b-lz6i91d2j0] {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--dash-avatar-bg);
    color: var(--dash-avatar-text);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .02em;
}

.owner-tabs-panel .owner-tabs-face[b-lz6i91d2j0] {
    width: 22px;
    height: 22px;
    font-size: 9px;
    font-weight: 600;
}

.tk-bar .owner-tabs .seg-btn.active .owner-tabs-face[b-lz6i91d2j0] {
    background: #474747;
    color: #ffffff;
}

.owner-tabs-name[b-lz6i91d2j0] {
    min-width: 0;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.owner-tabs-menu[b-lz6i91d2j0]  .owner-tabs-caret {
    width: 12px;
    height: 12px;
    margin-left: 2px;
    color: var(--dash-muted);
}

.owner-tabs-menu[b-lz6i91d2j0]  .owner-tabs-icon {
    display: none;
}

@media (max-width: 400px) {
    .owner-tabs-menu[b-lz6i91d2j0]  .owner-tabs-icon {
        display: block;
    }

    .owner-tabs-menu .owner-tabs-name[b-lz6i91d2j0] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .owner-ink.is-moving[b-lz6i91d2j0] {
        transition: none;
    }
}
/* /Features/Tickets/Components/Agent/TicketNotices.razor.rz.scp.css */
.ticket-news[b-2poya5ef0c] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 7px;
}

.ticket-news-stack[b-2poya5ef0c] {
    display: inline-flex;
    flex-direction: row-reverse;
}

.ticket-news-stack > .ticket-notice + .ticket-notice[b-2poya5ef0c] {
    margin-right: -5px;
}

.ticket-notice[b-2poya5ef0c] {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    box-shadow: 0 0 0 2.5px var(--ticket-notice-ring, var(--dash-subtle));
    color: #06080d;
}

.ticket-notice[b-2poya5ef0c]  .ticket-notice-icon {
    width: 11px;
    height: 11px;
}

.ticket-notice--customer[b-2poya5ef0c] {
    background: var(--accent);
}

.ticket-notice--developer[b-2poya5ef0c] {
    background: var(--dash-dev);
}

.ticket-notice--quiet[b-2poya5ef0c] {
    background: var(--ticket-notice-ring, var(--dash-subtle));
    box-shadow: 0 0 0 2.5px var(--ticket-notice-ring, var(--dash-subtle)), inset 0 0 0 1.5px rgba(255, 255, 255, .28);
    color: rgba(255, 255, 255, .5);
}

.ticket-news-wait[b-2poya5ef0c] {
    color: var(--accent-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* /Features/Tickets/Components/Agent/TicketsPage.razor.rz.scp.css */
.tk-menu[b-khvbc2q5ig] {
    display: inline-flex;
    align-items: center;
}

.tk-menu .screen-menu-btn b[b-khvbc2q5ig] {
    margin-left: 2px;
    font-weight: 600;
    color: var(--dash-text);
}

.tk-menu[b-khvbc2q5ig]  .tk-menu-caret {
    flex: none;
    color: var(--dash-muted);
    transition: transform var(--dur-mid) var(--ease-out);
}

.tk-menu .screen-menu-btn[aria-expanded="true"][b-khvbc2q5ig]  .tk-menu-caret {
    transform: rotate(180deg);
}

.tk-menu--set .screen-menu-btn[b-khvbc2q5ig] {
    padding-right: 32px;
    border-color: rgba(79, 169, 245, .38);
    background: rgba(79, 169, 245, .1);
    color: var(--dash-badge-lead-text);
}

.tk-menu--set .screen-menu-btn:hover[b-khvbc2q5ig],
.tk-menu--set .screen-menu-btn[aria-expanded="true"][b-khvbc2q5ig] {
    background: rgba(79, 169, 245, .16);
    color: var(--dash-badge-lead-text);
}

.tk-menu--set[b-khvbc2q5ig]  .tk-menu-caret {
    display: none;
}

.tk-menu-clear[b-khvbc2q5ig] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    margin: 0 6px 0 -28px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--dash-badge-lead-text);
    cursor: pointer;
}

.tk-menu-clear:hover[b-khvbc2q5ig] {
    background: rgba(79, 169, 245, .2);
    color: #ffffff;
}

.tk-menu-clear[b-khvbc2q5ig]  .icon-sm {
    width: 13px;
    height: 13px;
}

.tk-menu-panel[b-khvbc2q5ig] {
    width: 248px;
    animation: tk-menu-in-b-khvbc2q5ig 200ms var(--ease-expo);
    transform-origin: top left;
}

.tk-sort .tk-menu-panel[b-khvbc2q5ig] {
    transform-origin: top right;
}

@keyframes tk-menu-in-b-khvbc2q5ig {
    from {
        opacity: 0;
        transform: translateY(-4px) scale(.98);
    }
}

.tk-menu-dot[b-khvbc2q5ig] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dash-status-open);
}

.tk-menu-dot.status--progress[b-khvbc2q5ig] {
    background: var(--dash-status-progress);
}

.tk-menu-dot.status--done[b-khvbc2q5ig] {
    background: var(--dash-status-done);
}

.tk-menu-cat[b-khvbc2q5ig] {
    flex: none;
    width: 9px;
    height: 9px;
    margin: 0 4px;
    border-radius: 3px;
    background: var(--cat-dot, var(--dash-muted-2));
}

.tk-menu-cat.cat--none[b-khvbc2q5ig] {
    background: none;
    box-shadow: inset 0 0 0 1.5px var(--dash-muted-2);
}

.tk-menu-note[b-khvbc2q5ig] {
    padding: 8px 8px 4px;
    border-top: 1px solid var(--dash-separator);
    font-size: 12px;
    line-height: 1.45;
}

.tk-toggle[b-khvbc2q5ig],
.tk-key-btn[b-khvbc2q5ig] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: transparent;
    color: var(--text-soft);
    font: 500 13px "Inter", sans-serif;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--dur-fast) var(--ease-std), border-color var(--dur-fast) var(--ease-std),
        color var(--dur-fast) var(--ease-std);
}

.tk-toggle:hover[b-khvbc2q5ig],
.tk-key-btn:hover[b-khvbc2q5ig],
.tk-key-btn[aria-expanded="true"][b-khvbc2q5ig] {
    background: rgba(255, 255, 255, .06);
    color: var(--text);
}

.tk-toggle[b-khvbc2q5ig]  .icon-sm {
    width: 14px;
    height: 14px;
    color: var(--dash-muted);
}

.tk-toggle[aria-pressed="true"][b-khvbc2q5ig] {
    border-color: rgba(79, 169, 245, .38);
    background: rgba(79, 169, 245, .1);
    color: var(--dash-badge-lead-text);
}

.tk-toggle[aria-pressed="true"][b-khvbc2q5ig]  .icon-sm {
    color: currentColor;
}

.tk-toggle-circles[b-khvbc2q5ig] {
    display: inline-flex;
}

.tk-toggle-circles i[b-khvbc2q5ig] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--dash-bg);
}

.tk-toggle-circles i + i[b-khvbc2q5ig] {
    margin-left: -3px;
}

.tk-toggle-circle--customer[b-khvbc2q5ig] {
    background: var(--accent);
}

.tk-toggle-circle--developer[b-khvbc2q5ig] {
    background: var(--dash-dev);
}

.tk-toggle-count[b-khvbc2q5ig] {
    min-width: 18px;
    padding: 0 5px;
    border-radius: var(--dash-radius-pill);
    background: var(--accent);
    color: #04121f;
    font-size: 11px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.tk-key-btn[b-khvbc2q5ig] {
    justify-content: center;
    width: 32px;
    padding: 0;
    border-color: transparent;
    color: var(--dash-muted);
}

.tk-key-panel[b-khvbc2q5ig] {
    gap: 10px;
    width: 280px;
    padding: 12px 14px;
    font-size: 12.5px;
    color: var(--dash-text-2);
    animation: tk-menu-in-b-khvbc2q5ig 200ms var(--ease-expo);
    transform-origin: top left;
}

.tk-key-title[b-khvbc2q5ig] {
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--dash-muted);
}

.tk-filters-clear[b-khvbc2q5ig] {
    padding: 4px 8px;
    border: 0;
    border-radius: 7px;
    background: none;
    color: var(--accent-text);
    font: 600 12.5px "Inter", sans-serif;
    white-space: nowrap;
    cursor: pointer;
    animation: tk-menu-in-b-khvbc2q5ig 220ms var(--ease-expo);
}

.tk-filters-clear:hover[b-khvbc2q5ig] {
    background: var(--dash-row-hover);
}

.tk-filters-clear--phone[b-khvbc2q5ig] {
    display: none;
}

@media (max-width: 640px) {
    .tk-filters-clear--near[b-khvbc2q5ig] {
        display: none;
    }

    .tk-filters-clear--phone[b-khvbc2q5ig] {
        display: inline-flex;
    }

    .tk-menu-panel[b-khvbc2q5ig],
    .tk-key-panel[b-khvbc2q5ig] {
        width: auto;
        transform-origin: bottom center;
    }
}

@media (pointer: coarse) {
    .tk-toggle[b-khvbc2q5ig],
    .tk-key-btn[b-khvbc2q5ig] {
        min-width: 44px;
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tk-menu-panel[b-khvbc2q5ig],
    .tk-key-panel[b-khvbc2q5ig],
    .tk-filters-clear[b-khvbc2q5ig] {
        animation: none;
    }

    .tk-menu[b-khvbc2q5ig]  .tk-menu-caret {
        transition: none;
    }
}
/* /Features/Toast/Components/ToastContainer.razor.rz.scp.css */
.toast-stack[b-cncccn6x36] {
    position: fixed;
    top: 68px;
    left: 50%;
    z-index: var(--z-top);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: calc(100vw - 24px);
    transform: translateX(-50%);
    color-scheme: dark;
    pointer-events: none;
}

.toast[b-cncccn6x36] {
    --toast-accent: #c4c4c4;

    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: min(480px, calc(100vw - 24px));
    min-height: 36px;
    margin: 0;
    padding: 8px 14px 8px 10px;
    border: 0;
    border-radius: 18px;
    background: #232428;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .07), 0 8px 24px -6px rgba(0, 0, 0, .7);
    color: #ededed;
    font: 600 13.5px/20px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-align: left;
    cursor: pointer;
    pointer-events: auto;
    transition: background-color var(--dur-fast) var(--ease-std);
    animation: toast-enter-b-cncccn6x36 260ms var(--ease-out) backwards;
}

.toast:hover[b-cncccn6x36] {
    background: #2b2d31;
}

.toast:focus-visible[b-cncccn6x36] {
    outline: 2px solid #4fa9f5;
    outline-offset: 2px;
}

.toast--action[b-cncccn6x36] {
    gap: 10px;
    max-width: min(640px, calc(100vw - 24px));
    padding: 5px 5px 5px 10px;
    cursor: default;
}

.toast--action:hover[b-cncccn6x36] {
    background: #232428;
}

.toast--action .toast-text[b-cncccn6x36] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.toast-action[b-cncccn6x36] {
    flex: none;
    height: 26px;
    padding: 0 11px;
    border: 0;
    border-radius: 13px;
    background: rgba(255, 255, 255, .08);
    color: #86c3f8;
    font: 600 12.5px/1 "Inter", sans-serif;
    cursor: pointer;
}

.toast-action:hover[b-cncccn6x36] {
    background: rgba(79, 169, 245, .2);
    color: #b3dafb;
}

.toast-close[b-cncccn6x36] {
    flex: none;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    margin-left: -4px;
    border: 0;
    border-radius: 13px;
    background: none;
    color: #a1a1a1;
    cursor: pointer;
}

.toast-close:hover[b-cncccn6x36] {
    background: rgba(255, 255, 255, .08);
    color: #ededed;
}

.toast-action:focus-visible[b-cncccn6x36],
.toast-close:focus-visible[b-cncccn6x36] {
    outline: 2px solid #4fa9f5;
    outline-offset: 1px;
}

[b-cncccn6x36] .toast-close-icon {
    width: 14px;
    height: 14px;
}

.toast--success[b-cncccn6x36] {
    --toast-accent: #4cc86a;
}

.toast--error[b-cncccn6x36] {
    --toast-accent: #ff6b6b;
}

.toast--warning[b-cncccn6x36] {
    --toast-accent: #f5b041;
}

.toast--info[b-cncccn6x36] {
    --toast-accent: #4fa9f5;
}

.toast--leaving[b-cncccn6x36] {
    animation: toast-exit-b-cncccn6x36 200ms var(--ease-exit) both;
}

[b-cncccn6x36] .toast-icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--toast-accent);
}

.toast-text[b-cncccn6x36] {
    min-width: 0;
    overflow-wrap: anywhere;
}

@keyframes toast-enter-b-cncccn6x36 {
    from { transform: translateY(-14px) scale(.96); opacity: 0; }
}

@keyframes toast-exit-b-cncccn6x36 {
    to { transform: translateY(-8px); opacity: 0; }
}

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

@media (pointer: coarse) {
    .toast[b-cncccn6x36] {
        min-height: 44px;
    }

    .toast-action[b-cncccn6x36] {
        position: relative;
        height: 34px;
    }

    .toast-close[b-cncccn6x36] {
        width: 44px;
        height: 44px;
        margin-block: -5px;
    }

    .toast-action[b-cncccn6x36]::after {
        content: "";
        position: absolute;
        inset: -5px 0;
    }
}
/* /Features/Widget/Components/Conversation/DateSeparator.razor.rz.scp.css */

.sep[b-i633yk5qcx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0.25rem 0;
    padding: 0 0.25rem;
}

.sep-rule[b-i633yk5qcx] {
    flex: 1;
    height: 1px;
    background: var(--w-line);
}

.sep-label[b-i633yk5qcx] {
    flex-shrink: 0;
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: var(--w-muted);
}